html, body {
   margin: 0;
   padding: 0;
   }
   
body {
    background: url('../images/background-book.jpg') center top no-repeat #252525;
    color: white;
    text-align: center;
    line-height: 130%;
    font-size: 80%;
    width: 100% !important;
    }

body, input, textarea {
    font-family: "Arial CE", arial, "Helvetica CE", Arial, helvetica, sans-serif;
    }

hr {
    clear: both;
    float: none;
    padding: 0;
    margin: 1.25em 0;
    &margin: .5em 0;
    visibility: hidden;
    }


/* kvůli nemožnosti nastavení nulové výšky <hr /> v IE */
div.clear, br.clear {
    clear: both;
    }


/* kompenzace výšky boxů v jednotlivých prohlížečích */
div.tune {
    line-height: 0;
    height: 1.9em;
    _display: none;
    &height: 0;
    }

div#publish_calc
{
    background: url('../images/photos/small_calculator.gif') bottom right no-repeat;
}

    
a:hover, a:active {
    text-decoration: underline !important;
    }
    
a img {
    border: none;
    }
    
p {
    padding:0;
    margin: 0;
    margin-top: 1em;
    }

table {
    border-collapse: collapse;
    margin: 1em auto;
    }

div#text td, div#text th {
    text-align: center;
    padding: .2em .6em;
    border: 1px solid black;
    }
    
div#text ul, div#text ol {
    margin-top: 1em;
    padding-left: 2em;
    margin-left: 0;
    }

div#text ul {
    list-style-image: url('../images/dash-black.gif');
    }
    
div#container {
    width: 985px;
    margin: 5px auto 0;
    text-align: left;
    }
    
/*
div#content {
    background: url('../images/fake-columns.gif') bottom no-repeat;
    }
*/




/* ==================== header (logo + flags) ==================== */

div#header {
    margin: 1em 0;
    position: relative;
    }

div#header span {
    font-size: 16pt;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    letter-spacing: .2em;
    vertical-align: middle;
    position: relative;
    bottom: 12px;
    right: 6px;
    }
    
div#header a {
    color: white;
    text-decoration: none !important;
    }
    
div#flags {
    text-align: right;
    float: right;
    position: absolute;
    top: .3em;
    right: 0;
    }
    
div#flags p {
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
    }

div#flags p a {
    padding-left: 6px;
    }

div#flags p a:hover {
    text-decoration: underline !important;
    }




/* ==================== dropdown menu ==================== */

ul#menu  {
    position: relative;
    z-index: 10;
    margin:0;
    padding: 0;
    list-style-type:none;
    height: 2em;
    margin-bottom: 5px;
    }
ul#menu li {
    display: block;
    float:left;
    margin-bottom: 2px;
    background: url('../images/menu-gray.gif') top left #444;
    line-height: 2em;
    overflow: hidden;
    border-right: 1px solid white;
    text-transform: uppercase;
    text-align: center;
    }
ul#menu a {
    font-weight:bold;
    color:white;
    display:block;
    text-decoration:none;
    margin: 0;
    }
ul#menu ul {
    position:absolute;
    visibility:hidden;
    background: #444;
    width: 18em;
    margin:0;
    padding:0;
    list-style-type:none;
    }
ul#menu li:hover ul, ul#menu li.hover ul {
    visibility: visible;
    }
ul#menu li.orange:hover {
    background: url('../images/menu-orange.gif') top left #f38733;
    }

ul#menu li.blue, ul#menu li.blue:hover  {
    background: url('../images/menu_blue.gif') top left #f38733 !important;
    }

ul#menu li.green:hover, ul#menu li#calc {
    background: url('../images/menu-green.gif') top left #92b51b;
    }
    
ul#menu li li {
    text-align: left;
    float: none;
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    text-transform: none;
    margin-left: .4em;
    }
li.orange, li.green, li.menuitem {
    behavior: url('/code/hover.htc');
    }
    
ul#menu li#last {border:none;}
ul#menu li#last ul {right:0;}

li.orange a, li.green a {
    overflow: hidden;
    height: 2em;
    }


/* ==================== 3 column layout ==================== */

div#left, div#center, div#right, div#rightMenu {
    float: left;
    width: 325px;
    padding: 0;
    margin: 0;
    margin-right: 5px;
    }

div#right, div#rightMenu {margin-right: 0;}


/* ==================== color boxes ==================== */

div.orange, div.green, div.white, div.blue_box {
    padding: 0.8em 0 .5em;
    margin-bottom: 5px;
    color: white;
    position: relative;
    width: 100%;
    }


div.orange {
    background: url('../images/gradient-orange.gif') top center repeat-x #F46729;
    }
    
div.green {
    background: url('../images/gradient-green.gif') top center repeat-x #7BB51E;
    }
    
div.blue_box {
    background: url('../images/gradient-blue.gif') top center repeat-x #00B9E9;
    color: black;
}

div.blue_box  h4{
    color: black;
}

div.blue_box  ul{
    padding-left: 20px;
    list-style-type: none;
}

div.blue_box h3 a{
  color: #00B9E9;
}    
    
div#mini {background-image: none; padding-top: .6em;}
div#mini h3 {margin: 0 !important;}
    
.orange p, .green p, white p {
    margin: 0 1em .6em;
    }
    
.orange ul, .green ul, white ul {
    margin: 0 1em .6em 2em;
    list-style-type: circle;
    list-style-image: url('../images/dash-white.gif');
    }

h4 {
    font-size: 125%;
    line-height: 1em;
    margin: 0 1em .6em .8em;
    padding-top: .5em;
    }
    
div.height {
    height: 6em;
    padding: .3em;
    }
    
div.height p, div.height ul {margin-top: 0; margin-bottom:0;}

div#publish {background: url('../images/photos/open.gif') bottom right no-repeat;}
div#marketing {background: url('../images/photos/publications.gif') bottom right no-repeat;}
div#publish_calc {background: url('../images/photos/small_calculator.gif') bottom right no-repeat;}
/*div#eshop {background: url('../images/photos/books.gif') bottom right no-repeat;}*/

div.height ul {
    margin-left: 1.2em;
    }

h3 {
    display: block;
    background: #231F20;
    background: black;
    overflow: hidden;
    height: 36px;
    margin: 0;
    margin-top: 1em;
    font-size: 130%;
    }

h3 a, h3 span {
    display:block;
    line-height: 36px;
    text-decoration: none;
    }

h3, h3 a {color: #F4662A}
.green h3 a, .white h3 a, .green h3 span {color: #71BF45}

h3 img {
    height: 36px;
    width: 49px;
    background: url('../images/button.gif') left no-repeat;
    float: left;
    padding-right: .2em;
    }
    
ul {padding: 0 1em}


/* ==================== footer ==================== */

div#footer {
    padding: 1em 0 6em;
    }

div#footer p {
    margin: 0;
    float: left;
    text-align: center;
    width: 160px;
    }
    
div#footer a, div#disclaimer a {
    color: white;
    text-decoration: none;
    }
    
div#footer small {font-size: 70%;}


#disclaimer {font-size: 70%;}
#disclaimer * {margin: 1em 0;}
#disclaimer p {float: left; line-height: 30px;}
#disclaimer img {float: right;}



/* ==================== top ==================== */

#top {margin-bottom: 5px;}

#top .green, #top .orange {
    width: 325px;
    float: left;
    margin: 0;
    }

#top .green {margin-right: 5px;}




/* ==================== content ==================== */

div.book, img.book {
    float: left;
    margin-right: 1em;
    }

div.white p {
    clear: both;
    position: relative;
    margin: 1.2em;
    }

div#page {
    background: url('../images/border-line.gif') center repeat-y #f3f3f3;
    color: black;
    border-top: 1px solid #444;
    }

div.side_box
{
    background-color: #f3f3f3;
    text-align:left !important;
    padding
}

div#flash{
    background-color:#f3f3f3;
    color: black;
    border-top: 1px solid #444;
    }
    
div#flash p
{
  margin:40px 0px;
  text-align:center;
}
    
div#page div#text {
    width: 655px;
    float: left;
    }

div#text div {
    margin:2em;
    margin-bottom: 4em;
    }

div#page div#right, div#page div#rightMenu {
    float: right;
    width: 325px;
    margin: 0;
    }
    
div#page div#right img, div.box {
    position: relative;
    width: 100% !important;
    }

div.box, div.side_box {
    border-bottom: 5px solid #333;
    }
    
img.separate {
    border-top: 5px solid #333 !important;
    }
    
div.box, div.side_box {padding: .7em 0 .7em;}
div.box p, div.side_box p, div.box ul {margin: .6em 1.8em 1.2em; }
div.box h2 {margin: 1em 1.3em 1em;}


    
div#page div#right img {border:none;}
    
#text h2 {
font-size: 130%;
line-height: 140%;
margin-top: 2.5em;
}

#page h2, #flash h2 {color: #76B843}
#page h2.orange {color: #f88d37}

h1.orange, h1.green, h2.fake {
    color: white;
    line-height: 1.2em;
    padding: .3em 1.2em;
    margin: 5px 0 4px;
    clear:both;
    color: white;
    font-size: 160%;
    }

h1.orange, h2.fake {background: url('../images/stripe-orange.gif') center repeat-x #f88d37;}
h1.green, #calculator h3 {background: url('../images/stripe-green.gif') center repeat-x #a2c425;}

a {
    color: black;
    }
.orange p a, .green p a {
    color: white;
    }


div.white,
div.kniha,
div.kosik table th.empty,
div.detail-knihy,
div.kosik,
div.anotace,
div.podobne,
div.sloupecek,
div#sorting,
div#nobooks,
div#divExtendFind,
div#typePublication,
div#accountUvod > div
{
    background: #f1f1f1;
    color: black;
}

div#divExtendFind {padding:10px; width:635px}

div#sidebar div,
div.anotace,
div.podobne,
div#google_flash{
    background: #ddd;
    }

div#sidebar {
    color: black;
    float: right;
    width: 325px;
    }
    
div#sidebar div, div#accountMenu div {
    margin-bottom: 5px;
    padding-top: .4em;
    padding-bottom: .3em;
    }
    
div#sidebar h3,
div#right div h3
    {
    margin-top: 0;
    }

div#kontakt_knihkupectvi > div
{
    padding:10px;
}

div.green h3, div.orange h3 {margin-top: 1em !important;}


#text ul a {text-decoration:none;}

img[name="additionImg"] {display: block; margin:auto;}
img[name="additionImg"] {margin-top:15px;}


/* Vseobecne nastaveni pro chybovou zpravu zpravu .*/
.error 
{
	margin-left: 10px;
	margin-bottom: 10px !important;
	padding: 3px;
	background: #FEEEB2;
	border: 3px solid #B32727;
}

.error p
{
  margin-top:0px;
  padding:8px;
  text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: black;
}

.error h3 
{
  background-color:transparent;
	margin: 2px;
	color: #B32727;
	text-transform: none;
	font-size: 16pt;
}

.error ul 
{
	list-style:none;
}

.error li 
{
	color: black;
	font-weight: bold;
	font-size: 10pt;
	margin-left: 25px;
  padding-left:20px;
  margin-left:15px;
  margin-top:3px;
  background: url(images/exclamation.png) no-repeat left top;
}

.error li p
{
  margin-left:10px;
  font-weight:normal;
}

.successMessage
{
	margin: auto;
	padding: 8px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: black;
	background: #D6FF9F !important;
	border: 2px solid #82D50A;
        width:95%;
}


/* ======================= knihy ======================== */

div.kniha {
  width: 325px;
  margin: 0 5px 5px 0;
  float: left;
  position: relative;
  height: 10em;
  }

div.kniha a {
  text-decoration: none;
  display: block;
  padding: .1em;
  margin: .6em 1em 0 0;
  }

div.kniha span.cena {
  position: absolute;
  bottom: 1.8em;
  right: 75px;
  color: #76B843;
  font-weight:bold;
  text-align: right;
  }

  div.kniha span.available {
  position: absolute;
  font-size:0.8em;
  bottom: 0.5em;
  right: 75px;
  text-align: left;
  }

  span.available strong
  {
      font-size:1em;
      font-weight:bold;
      margin-right:3px;
  }


a.kosik, span.kosik, a.pokladna, input.imagebutton, .minikosik {
  background: url('../images/button-l.gif') center no-repeat #888;
  display: block;
  height: 2.5em;
  line-height: 2.5em;
  width: 160px;
  text-align: center;
  color: white !important;
  text-decoration: none !important;
  font-weight:bold;
  position: relative;
  }

a.minikosik {
    background: url('../images/button-s.gif') center no-repeat #888;
    height: 34px;
    width: 48px;
    }

a.pokladna, span.kosik, a.kosik, input.imagebutton {
  font-size: 125%;
  margin-top: .8em;
  }

div.kniha a.minikosik{
  position: absolute;
  bottom: 1em;
  right: 1em;
  margin: 0;
  }

 div.book,img.book, #reference p img {
  float: left;
  }

div.kniha img.book, div.kniha div.book {
  margin: 6px 14px;
  }

div.kniha div.title {
  margin-left: 85px;
  }

p.novinka, #reference p {
  clear: left;
  margin-bottom: 10px;
  margin-top: 1em;
  }
  
p.novinka a {text-decoration:none;}

p.kategorie {line-height: 1.4em;}

#reference p img, p.novinka img {
  margin: 0 10px 10px 0;
  }

span.plusminus a:hover {
  text-decoration: none !important;
  background: LemonChiffon;
  }
#sidebar span.plusminus, #accountMenu span.plusminus {display:none;}

#sidebar small {color: gray}

#sidebar ul, #accountMenu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    }
    
#sidebar p, #sidebar ul, #accountMenu p, #accountMenu ul {
    margin: 1em;
    }
    
#sidebar ul lh, #accountMenu ul lh{
    margin-bottom: 35px;
    }

#sidebar ul.kategorie ul, #accountMenu ul.kategorie ul{
    margin-top: 0px;
    }
    
#sidebar ul.kategorie img
{
  position:relative;
  top:5px;
}

ul.languageList
{
   margin-right:25px;
   margin-left:25px;
   width:43%;
}

ul lh
{
    position:relative;
    top:-3px;
    font-weight:bolder;
    text-decoration:underline;
}
    
ul.languageList>li>input[type='checkbox']
{
margin-right:3px;
}


/* =============================== detail knihy ==================================== */

div.obal,
div.podobne
    {
    width: 655px;
    }

div#navigaceKategorie
{
  margin-bottom: 5px;
}

div.podobne {
    margin-top: 5px;
    padding-bottom: 1.5em;
    }

div.podobne p {
    padding: .5em 2em;
    clear: left;
    float:none;
    margin-bottom: 2.5em;
    }

div.podobne h4
{
    margin-left: 1.8em;
    padding-top: 1.8em;
}

div#navigaceKategorie h4
{
  margin-left:0px;
}

div.tabsContent
{
    padding-top:25px !important;

}

/*div.detail-knihy,*/
div.anotace,
div#navigaceKategorie
  {
  padding: 2em 2em 2.5em;
  /*position: relative;*/
  }

div.kosik
{
  padding: 1.5em 1.5em 2em;
  position: relative;
}
  
div.kosik {padding-top: 1em;}

div.detail-knihy
{
    padding:20px;
    /*height: 370px;*/
}

/*.detail-knihy img {float:none;}*/

.detail-knihy h1,
.detail-knihy h2 {
    font-size:180%;
    padding: 0 1em;
    line-height: 1.2em;
    }
.detail-knihy h1
{
    padding-bottom:3px;
}

.detail-knihy h2
{
  line-height: 38px;
}

.detail-knihy h2 a
{
  padding-left:5px;
  font-size:0.48em;
  text-decoration:none;
}

.detail-knihy a
{
  font-size:1em !important;
  text-decoration:none !important;
}

.detail-knihy h2 a:hover, .detail-knihy a:hover
{
  text-decoration:none !important;
}

/*.detail-knihy h2 a img
{
  position:relative;
  top:5px;
}*/

.detail-knihy h1 {margin-top: .7em;}
.detail-knihy h2 {font-weight: normal;}

.detail-knihy .nadpisy,
.detail-knihy p,
.detail-knihy table{
    /*position:absolute;*/
    left:245px;
    _left:200px;
    }

.detail-knihy table tr td
{
    width:280px !important;
}

.detail-knihy .nadpisy {top:10px;}
.detail-knihy p {top:180px; padding: 0 1.9em;}

.detail-knihy table
{
    top:100px;
}

.detail-knihy table thead th
{
    text-decoration:underline;
    text-align:left;
}

.detail-knihy table th,.detail-knihy table td 
{
    padding-left:8px;
}

.detail-knihy table th
{
    text-align:right;
}

.detail-knihy input[name="countOfBook"]
{
    width:3em;
    margin-top:25px;
    margin-right:2px;
}

.detail-knihy .cena
{
    position: absolute;
    top:310px;
    right:25px;
    text-align:center;
}
.detail-knihy .cena b {color: green}

#cena
{
    color: green;
    font-size: 1.2em;
    font-weight:bold;
}

div.google_flash
{
    width:18em;
    padding-bottom:4px !important;
    padding-top:4px !important;
    padding-left:10px;
    background-color:#ddd;
}

div#google_flash
{
    margin-top:10px;
    padding:5px;
    background: #ddd;
}

div#google_flash a
{
    text-decoration:none;
    display:block;
}

.detail-knihy a span, div#google_flash a span
{
    position:relative;
    top:-5px;
}

div.anotace {
  margin-top: 5px;
  }

a.pdf, a.doc, a.xls, a.txt, a.zip, span#libraryclick, p.hotline {
  padding-left:22px;
  background: url('../images/icon-pdf.gif') transparent no-repeat left center;
  }
  
a.doc {background-image: url('../images/icon-word.gif');}
a.xls {background-image: url('../images/icon-excel.gif');}
a.txt {background-image: url('../images/icon-text.gif');}
a.zip {background-image: url('../images/icon-zip.gif');}

p.hotline {background-image: url('../images/icon-phone.gif');}

span#libraryclick {
    text-decoration: underline;
    cursor:pointer;
    _cursor:hand;
    background-image: url('../images/icon-info.gif');
    }

div#libraryinfo {
    margin-top: .5em;
    padding: .3em .6em;
    /*border: 1px solid silver;
    background: #eee;*/
    }
    
div#libraryinfo p {
    padding: 0;
    margin: 0;
    }

#calculator a {color:black !important;}

p.embed {text-align:center}


div#note
{
margin-top:20px;
}

div#note p {
position:static;
padding:0px;
}

#onlineBook
{
  margin:0px 2px;
}

ul.categoryPath, ul.categoryPath li
{
display:inline;
padding:0;
margin:0;
}


/* ============================== věci ke košíku =================================== */

div#text div.kosik, div#text div.kosik div
{
  margin: 0px;
}

div.kosik small {position:relative; top:1em; left:1em; color: gray}

div.kosik table {
  font-size: 90%;
  width: 100%;
  background-color: #fff;
  border: none !important;
  }

div.kosik table td, div.kosik table th {
  text-align: right !important;
  border: 1px solid #ccc !important;
  padding: .2em .4em !important;
  border-left:none !important;
  border-right: none !important;
  }

div.kosik table th.first, div.kosik table td.first {
  text-align: left !important;
  width: 38%;
  }






input.imagebutton, div.kosik a {
    float:right;
    }
input.imagebutton {
  background: url('../images/button-l.gif') center no-repeat #999;
  width: 160px !important;
  height: 2.5em;
  border: none;
  cursor:pointer;
  _cursor:hand;
  }


label {
  width:  100px;
  display: inline;
  float:left;
  line-height: 24px;
  padding-left: .5em;
  padding-bottom: .5em;
  text-transform: capitalize;
  }
  
form[name="register"] label
{
  width:120px;
  text-transform: none;
}

form[name="register"] span.notice, form[name="changeInformation"] span.notice
{
  margin-left:130px;
  font-size:0.8em;
  position:relative;
  top:-10px;
}

label.radio {
    display:inline;
    float: none;
    padding-right: 1em;
    }


.kosik form br, form.login br, form#register br, form[name="formExtendFind"] br, form[name="formExtendFind"] br, 
form.clearLeft br{
  clear:left;
  }
  
form.login input {width:100px}

form fieldset input, form fieldset select, input#discount, input#checkCode {width: 20em; margin-left:5px;}

form fieldset input[type='checkbox']
{
    width: auto !important;
}


textarea#formComment {width: 20em;}

input#formCity,
input#formZip,
input#formZipInvoice,
input#formCityInvoice,
input#formUser,
input#formPass1,
input#formPass2
    {width: 10em;}

input#formNumberPagesStart,
input#formNumberPagesEnd,
input#formPriceStart,
input#formPriceEnd
{
	width:6em;
}

input#contact_person_in_invoice
{
    margin:8px;
}

form[name="quickFindForm"]{overflow:hidden;}

/*
#findButton
{
    background: url('../images/icons/find.png') no-repeat !important;
    width:32px;
    height:32px;
    text-indent: -999em;
    border: none;
    display:block;
    margin:8px 25px 5px 5px;
    cursor:pointer;
    color: transparent;
}
*/

input.cancel_submit
{
    background: url('../images/icons/button_cancel_16x16.png') no-repeat !important;
    width:16px;
    height:16px;
    text-indent: -999em;
    border: none;
    display:block;
    cursor:pointer;
    color: transparent;
    margin:auto;
}

form[name="discount_form"]
{
    padding-top:3em;
}



.order_submit
{
    float:right;
    width:100px;
    height:25px;
    text-transform:capitalize;
}



#findButton
{
    margin:5px 25px 5px 5px;
    width:5em;
    height:25px;
    background-color: #F77D32;
}


input[name="search"]
{
    width: 12em;
    margin-top:8px;
}

select[name="findCriteria"]{width:10em; margin-bottom:3px;}




input.radio {width: auto;}

fieldset {
    border:1px solid #ccc;
    margin: .4em 0 1em;
    }

fieldset#extendFind {
    border:1px solid #ccc;
    margin: 10px;
overflow:hidden;
    }

legend {
    color: #888;
    padding: 0 0.4em;
    font-size:100%;
    font-weight:normal;
    }


div.kosik table, div.kosik form {
  margin: .7em 0 1em !important;
  }

.warning {color:red; font-weight:bold;}

span.cena-final {
    float: right;
    position: relative;
    }


span.plusminus a {
  color: #222;
  display: block;
  padding: 0 .3em;
  text-decoration: none;
  border: 1px solid #eee;
  margin: 1px;
  }
  
div.kosik input[name="adddiscount"]
{
  margin-left:40px;
}

/* ========================================= flash book ========================================= */

div.flashWindow
{
border:1px solid black;
width:828px;
margin:40px auto;
}

a.undo
{
background: url('../images/icons/undo.png') left no-repeat;
padding:10px 5px 5px 20px;
float:right;

}
/* ========================================= slide show ============================================== */

ul.gallery
{
    list-style-type: none;
    padding:0px;
}

ul.gallery li
{
  background-image: url('../images/icons/camera.png');
  background-repeat:no-repeat;
  background-position: center left;
  padding-left: 22px;
}

div#gallery
{
margin:auto;
padding:5px;
}

a.thickbox img
{
opacity:0.6;
margin:6px;
}

div.galleryPanel
{
  margin:15px;
  height:155px;
  white-space: nowrap;
  overflow:auto;
}

div.galleryPanel img
{
  padding-left:6px;
  padding-right:6px;
}

img.in
{
border:1px solid #FF9900 !important;
}

img.out
{
border:1px solid silver;
}

/* ========================================= nová kalkulačka ========================================= */

.vypocitej {
  float: left;
  }

.notice {color:red; font-weight:bold;}

/* Nastaveni pro zpravu pro kontakt pri nestandardnim formatu ci poctu */
div.kontaktujteNas {
margin:4px;
padding:2px;
border:1px solid #7aa817;
color: #7aa817;
}

div.sloupecek {
    width: 193px;
    min-height: 70em;
    _height: 70em;
    float: left;
    margin-right: 5px;
    }

div.sloupecek#posledni, div#lastColAdv, div#lastColCD, div#lastColDiploma {margin-right: 0;}

div#lastColAdv, div#lastColCD, div#lastColDiploma
{
	background:none;
	width:391px;
    margin-left: 5px;
    text-align:center;
}

div#lastColAdv img, div#lastColCD img, div#lastColDiploma img
{
margin:0px 0px 5px 0px;
width:100%;
}

div.matrjoska, div.sede, div#typePublication {padding: .8em;}

div#typePublication {
    padding: 0px;
    }

div#typePublication {margin-bottom: 5px;}
div#typePublication img {
  margin-bottom: -3px;
}
div#typePublication {/* border: 1px white solid; */
background-color: #F1F1F1;
}

div#typePublication input[type=radio]
{
    margin-left:3px;
}

div.sede {
    height: 10em;
    background-color: #777;
    color: white;
    font-weight: bold;
    }
div.matrjoska {padding-top: 0}

#calculator h3 {
    color: white;
    line-height: 2em;
    height: 2em;
    text-align: center;
    font-size: 110%;
    text-transform: uppercase;
    margin: 0;
    }
    
div.sede span#poznamkaRozmery {font-weight:normal !important;}

input.text {width: 96%; font-weight: normal;}
select {width: 99%}

form#calculator {margin:0}

#calculator table {
    width: 100%;
    }
#calculator table td.price {
    text-align: right;
    font-weight: bold;
    }
    
#calculator table td.price big {
    font-size: 150%;
    }

div#sorting
{
    width: 655px;
    margin-bottom: 5px;
}

div#nobooks
{
    width: 635px;
    padding:10px;
    margin-bottom: 5px;
}

div#sorting p,
div#nobooks p
{
    padding: .7em 1em;
    margin: 0;
}

div#sorting a {
    margin: .3em;
    }

div.svet_knihy {
  padding: 5px 5px 5px 5px;
  text-align: center;
}

div.svet_knihy p { 
  margin: 10px 0px 10px 0px;
  text-align: justify;
}

div.svet_knihy h3 { 
  font-size: 1.3em;
  color: white;
  background: none; 
}

div#flags_counter {
  float: left;
  margin-left: 230px;
   
}

div#black_box {
  width: 135px;
  height: 30px;
 background-color: #252525; 

  position: relative;
  z-index: 10;
  left: 440px;
  top: 53px;
   
}

form#calculator label
{
display: inline;
width:auto;
}

.shortInputText, input#countPageWithout, input#countPageWith
{
margin:5px;
width:8em;
}

#typePublication
{
    background: url('../images/kalkulacka/blue_button.jpg') center repeat !important;
    height:55px !important;
}

#typePublication a
{
    width:193px !important;
    height:50px !important;
    display:block;
    float: left;
    border:2px solid #F1F1F1;
    
    text-decoration:none !important;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#typePublication a:hover
{
    text-decoration:none !important;
}

#typePublication a p
{
    position:absolute;
    width:100px;
    margin:0px 0px 0px 15px;
    padding-top:5px;
    color: white;
    font-size: 1.2em;
    font-weight:normal;
} 

#book_link
{
    background: url('../images/kalkulacka/blue_kniha.jpg') center no-repeat;
    margin-right: 0px;
}

#book_link.active
{
    background: url('../images/kalkulacka/orange_kniha.jpg') center no-repeat;
}

#advert_link
{
    background: url('../images/kalkulacka/blue_reklamni.jpg') center no-repeat;
}

#advert_link.active
{
    background: url('../images/kalkulacka/orange_reklamni.jpg') center no-repeat;
}

#cd_dvd_link
{
    background: url('../images/kalkulacka/blue_cdDVD.jpg') center no-repeat;
}

#cd_dvd_link.active
{
    background: url('../images/kalkulacka/orange_cdDVD.jpg') center no-repeat;
}

#disertation_link
{
    background: url('../images/kalkulacka/blue_dizertacni.jpg') center no-repeat;
   
}

#disertation_link.active
{
    background: url('../images/kalkulacka/orange_dizertacni.jpg') center no-repeat;
}

#diploma_link
{
    background: url('../images/kalkulacka/blue_diplomova.jpg') center no-repeat;
 
}

#diploma_link.active
{
    background: url('../images/kalkulacka/orange_diplomova.jpg') center no-repeat;
}

/* ========================================= nový eshop ========================================= */

div.login
{
  border:1px solid #ccc;
  padding:10px;
  width:220px;
}

div.miniLogin,div.miniClientInfo
{
  margin:auto;
  overflow:hidden; 
  width:150px; 
  float:right;
}

div.miniClientInfo
{
  border-left:1px solid #363636;
}

div.miniLogin label, div.login label
{
  width:45px;
}

div.miniLogin input
{
  width:6em;
}

form[name="login"] input[type="submit"]
{
  margin-right:10px;
  width:auto;
  float:right;
}

div.miniClientInfo table tr th
{
  font-weight: bold;
  padding:2px;
}

/* Hlavicka menu v uctu v eshopu */
div.accountMenu h3
{
  margin:0px;
}

div.accountMenu h3 span
{
  margin-left:10px;
}

div.accountMenu ul
{
  list-style-type:none;
  margin:15px 10px;
}

div.accountMenu ul ul
{
  margin-top:2px !important;
}

div.accountMenu ul li
{
  background: url('../images/icons/remove_correction_16x16.gif') transparent no-repeat left center;
  padding-left:20px;
  margin-left:3px;
}

div#accounMenu p
{
  padding:10px;
}

div.kosik table.transport tr td.first_cell
{
  width:2%;
}

div.kosik table.transport tr td, table.text_left tr td
{
  text-align:left !important;
}

a#sameAsInvoice
{
  padding-right:5px;
  float:right;
}

div.kosik table.summary thead tr td, div.kosik table.summary thead tr th
{
  border-bottom:1px solid black !important;
}

div.kosik table.summary tfoot tr
{
  border-top:2px solid black !important;
}

div.kosik table.summary
{
  border:1px solid red;
}

div.kosik table.summary
{
  margin-top:0px !important;
}

table.summary caption
{
  border-bottom:1px solid black;
  padding:2px;
  border-spacing:0px;
  text-align:left;
  font-weight:bold;
  font-size:1.2em;
  background-color:white;
  text-transform:uppercase;
}

div.kosik table.summary th.first
{
  width:20px;
}

table.summary textarea
{
  width:99%;
}

input.book_order
{
    text-align:right;
    width:3.2em;
}


span.obligedValue
{
  color:red;
  font-weight:bold;
  margin-right:3px;
}

.center
{
  text-align:center;
}

img.center
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.pad_right {
  margin-right: 60px;
  padding-right: 60px;
}


table.listOrder
{
  width:100%;
}

/* Nastaveni pruhovane tabulky */
table.striped th
{
  background: #3E83C9;
	color: white;
}

table.striped tr
{
  background: white;
}

.evenRow {
	background: #DFF2FF !important;
}

.noPadding
{
  padding:0px !important;
}

form[name="forgetPasswd"] label
{
  width:auto;
  margin-right:5px;
}

div#accountUvod
{
  background-color: #383838;
  width:660px; 
  float:left; 
}



div#accountUvod h2
{
  margin-top:0px;
  margin-right:5px;
}

div#accountUvod h2.fake
{
  color:white;
}

div.paypal, div.bankOrderInfo
{
    margin:10px 0px !important;
    padding-top:30px;
}

div.bankOrderInfo
{
    padding:10px;
    border:1px red solid;
}

/* ========================================= MYBOOK ========================================= */

div.mybook_spliter
{
    padding-top:30px;
    border-top: 2px double black !important;
}


div.mybook div
{
    margin: 0px !important;
    padding:0px !important;
}

div.mybook div p
{
    margin:5px 0px !important;

}

div.mybook span
{
    margin-left:3px;
}

/* ========================================= OBECNE ========================================= */


/* TEXTAREA udělana z divu */
div.textarea
{
  margin:5px 0px 10px 0px !important;
  padding:5px;
  background-color:#FFFFFF;
  border:1px solid black;
  height:12em;
  overflow:auto;
}

.floatRight
{
  float:right;
}

.floatLeft
{
  float:right;
}

.floatNone
{
  float:none !important;
}

div.helpdesk {
  border: 1px black solid;
  background-color: #D0E4A9;
  padding: 3px 3px 3px 3px;
}


div.helpdesk a {
  text-decoration: none;
}

div.helpdesk2 a {
  text-decoration: underline;
  font-weight: bold;
}