a{
color: #216AAF;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

div.cara{
width: 100%;
height: 1px;
background: #FCFCFE;
border-top: 1px solid #DEEAF6;
clear: both;
}

h1,h2{
text-align: center;
font-size: 16px;
font-weight: bolder;
color: #619942;
padding: 10px 0px;
}
h3{
color: #216AAF;
font-weight: bolder;
font-size: 14px;
}

body{
background: #6090C0;
padding-bottom: 25px;
}

#layout{

}
#ramec{
width: 1000px;
margin: auto;
background: url(../images/repeat.png) repeat-y;
color: black;
font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
font-size: 12px;
}
#duha{
width: 1000px;
background: url(../images/duha.jpg) no-repeat left top;
}
#hlavicka{
height: 147px;
background: #D9E6F6 url(../images/duha.jpg) no-repeat left top;
}
#levy-panel{
background: #E9F2F9 url(../images/panel_top.png) no-repeat;
width: 167px;
margin-left: 25px;
float: left;
padding-top: 8px;
}
#pravy-panel{
background: #E9F2F9 url(../images/panel_top.png) no-repeat;
width: 167px;
margin-right: 25px;
float: left;
padding-top: 8px;
}
#obsah{
background: #E9F2F9;
width: 600px;
margin: 0px 8px;
float: left;
padding-bottom: 20px;
}
#paticka{
/*background: #E9F2F9 url(../images/paticka.jpg) no-repeat;*/
background: #6090C0;
clear: both;
width: 1000px;
text-align: left;
padding: 0px;
color: white;
font-size: 11px;
}
#paticka *{
display: inline;
}
#paticka a{
font-weight: bolder;
color: #A9B4C2;
}

.partneri{
font-size: 10px;
/*text-align: center;*/
/*display: block !important;*/
}

p.odkazy {
margin-top: 10px;
text-align: left;
display: block !important;
width: 450px;
float: left !important;
}

p.copyright {
margin-top: 10px;
text-align: right;
display: block !important;
float: right !important;
}

#logo{
/*margin: 40px 0px 0px 60px;*/
float: left;
}
#hledani{
background: url(../images/lupa.png) no-repeat left;
padding-left: 25px;
float: right;
margin: 40px 50px 0px 0px;
}
#hledani input{
background: url(../images/hledani.png) no-repeat left;
width: 152px;
display: block;
float: left;
border: 0px;
padding: 4px 10px;
color: gray;
}
#hledani input.submit{
background: url(../images/hledani_tlacitko.png) no-repeat left;
width: 38px;
height: 23px;
color: white;
padding: 3px 10px 5px;
margin-left: 7px;
}

#hlavni-menu{
display: block;
float: right;
clear: right;
margin: 30px 50px 0px 0px;
}
#hlavni-menu li{
display: inline;
}
#hlavni-menu a{
background: url(../images/planetka.png) no-repeat left;
padding-left: 15px;
margin-left: 30px;
font-size: 16px;
color: #608FBD;
text-decoration: underline;
font-family: Calibri, 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
font-weight: bold;
}
#hlavni-menu a:hover{
color: #619942;
text-decoration: none;
}
#hlavni-menu a.active{
color: #619942;
}

#menu{
padding: 7px 17px;
min-height: 71px;
font-size: 14px;
}
#menu ul li{
background: url(../images/kostka.png) no-repeat left center;
padding: 2px 0px 2px 17px;
line-height: 24px;
}
#menu ul li li{
background: url(../images/ctverecek.png) no-repeat left center;
padding-left: 7px;
margin-left: 5px;
line-height: 17px;
}
#menu ul li li li{
background: url(../images/ctverecek_oranzovy.png) no-repeat left center;
}
#menu ul li.hide{
background: none;
}
#menu li{
color: #312F30;
font-weight: bolder;
}
#menu li li{
font-weight: normal;
}
#menu a{
color: black;
}
#menu a:hover{
color: #619942;
text-decoration: none;
}
#menu a.active{
color: #619942;
font-weight: bolder;
}

#kosik{
background: #E9F2F9 url(../images/panel_bottom.png) no-repeat bottom;
min-height: 50px;
padding: 0px 10px;
border-bottom: 8px solid #D9E6F6;
font-weight: bolder;
line-height: 40px;
font-size: 16px;
}
#kosik a{
background: url(../images/kosik.png) no-repeat left center;
display: block;
padding: 0px 20px;
}

#zbozi{
background: #E9F2F9 url(../images/panel_top.png) no-repeat;
padding-top: 8px;
text-align: center;
}
#zbozi .tip-produkt{
text-align: left;
padding: 5px 12px;
line-height: 18px;
}
#zbozi .tip-produkt a img{
border: 3px solid #979A9F;
margin: 0px 7px 0px 0px;
width: 30px;
height: 30px;
float: left;
}
#zbozi .tip-produkt a:hover img{
border: 3px solid #FF8800;
}
#zbozi .tip-produkt a.tip-odkaz{
/*text-overflow: ellipsis;*/
overflow: hidden;
float: left;
display: inline-block;
height: 18px;
width: 100px;
white-space: nowrap;
}
#zbozi .tip-produkt span{
color: #FF8800;
}
#zbozi .cara{
margin: 5px 0px;
}

#obsah{
background: #E9F2F9 url(../images/obsah_top.png) no-repeat;
width: 600px;
}

/* Formuláře obecně */
.form table{

}

/* Login a logout */
.login{
padding: 0px 20px;
}
.login table td{
min-width: 70px;
}
.login table td .submit{
float: right;
}

/* Obecné třídy */
.navigace{
padding: 15px 50px 10px;
background: url(../images/kniha.png) no-repeat 30px 15px;
color: gray;
}
.navigace a{
color: gray;
}
.navigace a.active, .navigace a:hover{
color: #619942;
}
.navigace a.active{
font-weight: bolder;
}
.navigace h1{
color: #619942;
font-size: 12px;
font-weight: bolder;
display: inline;
}
.navigace strong{
color: #619942;
}

table.razeni{
margin: 10px 0px;
width: 520px;
}
table.razeni td{
text-align: center;
text-align: right;
}
table.razeni td a{
padding: 0px 2px;
color: #619942;
}
table.razeni td strong{
color: #464646;
display: block;
width: 170px;
text-align: left;
}

.strankovani{
clear: left;
padding: 10px 0px;
font-size: 14px;
}
.strankovani strong{
background: url(../images/kniha.png) no-repeat;
padding-left: 20px;
color: #464646;
}
.strankovani a{
padding: 0px 2px;
color: black;
}
.strankovani a:hover{
color: #619942;
text-decoration: underline;
}
.strankovani span{
font-size: 15px;
color: #619942;
font-weight: bolder;
}

/* Homepage */
img.panak{
float: left;
margin: 20px 40px;
}
.akce{
background: url(../images/akce_534px.jpg) repeat-y left top;
/*width: 410px;*/
width: 534px;
float: left;
margin: 10px 0px 10px 33px;
}
.akce .rohy-horni{
background: url(../images/akce_top_534px.jpg) no-repeat top;
/*width: 410px;*/
width: 534px;
height: 8px;
}
.akce .rohy-dolni{
background: url(../images/akce_bottom_534px.jpg) no-repeat bottom;
/*width: 410px;*/
width: 534px;
height: 8px;
}
.akce h1{
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
color: #2369AF;
padding: 0px 10px 3px;
text-align: left;
}
.akce p{
padding: 0px 20px;
text-align: justify;
}

/* Výpis produktů */
.vypis{
margin: auto;
width: 544px;
}
.vypis .produkt{
width: 262px;
height: 150px;
margin: 5px;
float: left;
}
.vypis .produkt .produkt-repeat{
background: url(../images/produkt_repeat.jpg) repeat-y top;
height: 131px;
}
.vypis .produkt .rohy-horni{
background: url(../images/produkt_top.jpg) no-repeat top;
width: 262px;
height: 10px;
}
.vypis .produkt .rohy-dolni{
background: url(../images/produkt_bottom.jpg) no-repeat bottom;
width: 262px;
height: 9px;
}
.vypis .produkt img.nahled{
float: left;
margin: 2px 10px 10px 15px;
border: 3px solid #979A9F;
}
.vypis .produkt a:hover img.nahled{
border: 3px solid #FF8800;
}
.vypis .produkt h2 a{
padding: 0px 0px 2px;
font-size: 15px;
display: block;
font-weight: bolder;
}
.vypis .produkt h2{
text-align: left;
padding: 0px;
}
.vypis .produkt .editor{
clear: left;
padding: 3px 10px 0px;
}
.vypis .produkt .pocet{
display: block;
width: 23px;
height: 23px;
background: url(../images/skladem.png);
float: left;
line-height: 23px;
color: white;
font-size: 11px;
text-align: center;
margin: 3px;
}
.vypis .produkt a.kosik{
display: block;
width: 23px;
height: 23px;
background: url(../images/pridat.png);
float: left;
margin: 3px;
}
.vypis .produkt a.kosik:hover{
text-decoration: none;
}
.vypis .produkt a.vice{
display: block;
width: 34px;
height: 23px;
background: url(../images/vice.png);
float: left;
line-height: 23px;
color: white;
font-size: 11px;
text-align: center;
margin: 3px;
}
.vypis .produkt p{
padding: 0px;
}

/* Detail produktu */
.detail{
padding-top: 20px;
}
.detail table.obrazky{
float: right;
margin: 0px 50px 0px 0px;
width: 262px;
}
.detail .vyber td{
padding-top: 5px;
padding-bottom: 10px;
height: 60px;
width: 21px;
}
.detail .vyber td.scrollable{
width: 220px;
}
.detail #scrollable{
width: 220px;
height: 60px;
overflow: hidden;
position: relative;
}
.detail #scrollable .items{
position: absolute;
left: 0px;
width: 20000em;
clear: both;
}
.detail #scrollable img{
display: block;
float: left;
padding-left: 10px;
}
.detail .obrazky td{
vertical-align: middle;
text-align: center;
}
.detail .obrazky td.nahledy img{
padding: 5px 3px 0px;
}
.detail .blok{
width: 206px;
background: #F2F7FB;
margin: 0px 10px 10px 40px;
background: url(../images/blok_repeat.jpg) repeat-y;
}
.detail .blok .ceny{
padding: 0px 15px;
text-align: left;
color: gray;
}
.detail .blok .rohy-horni{
width: 206px;
height: 9px;
background: url(../images/blok_top.jpg) no-repeat top;
}
.detail .blok .rohy-dolni{
width: 206px;
height: 9px;
background: url(../images/blok_bottom.jpg) no-repeat bottom;
}
.detail .ceny h1{
display: block;
color: #619844;
line-height: 25px;
font-weight: bolder;
text-align: left;
font-size: 18px;
padding: 0px;
}
.detail .ceny strong{
color: black;
}
.detail .ceny span.strike{
font-size: 11px;
}
.detail .ceny span.bezdph{
color: #2369AF;
line-height: 18px;
}
.detail .ceny span.sdph{
color: #2369AF;
font-size: 15px;
font-weight: bolder;
line-height: 20px;
vertical-align: baseline;
}
.detail .produkt-info{
font-size: 11px;
}
.detail .produkt-info table{
padding: 0px 10px;
}
.detail .produkt-info table td{
padding: 1px 5px;
}
.detail .produkt-info table td.dostupnost{
font-size: 12px;
color: #619844;
font-weight: bolder;
}
.detail .velke-buttony{
clear: both;
height: 53px;
}
.detail .velke-buttony .blok{
float: left;
}
.detail a.koupit{
display: block;
width: 104px;
height: 43px;
background: url(../images/koupit.png) no-repeat;
margin: 0px 50px 10px 0px;
color: white;
font-variant: small-caps;
font-size: 20px;
padding-left: 100px;
line-height: 43px;
float: right;
}
.detail a.zeptat{
background: url(../images/otaznik.png) no-repeat 15px;
color: #216AAF;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
padding-left: 50px;
line-height: 24px;
display: block;
}
.detail h2{
text-align: left;
background: url(../images/planetka.png) no-repeat left;
padding-left: 20px;
color: #619844;
font-weight: bolder;
font-size: 14px;
margin: 15px 0px 10px 50px;
}
strong.souvisejici{
text-align: left;
background: url(../images/planetka.png) no-repeat left;
padding: 5px 0px 5px 20px;
display: block;
color: #216AAF;
font-weight: bolder;
font-size: 14px;
margin: 15px 0px 10px 50px;
}
.detail .velky-blok{
width: 507px;
margin: 0px 40px 10px;
background: url(../images/popis_repeat.jpg) repeat-y;
}
.detail .velky-blok .rohy-horni{
width: 507px;
height: 10px;
background: url(../images/popis_top.jpg) no-repeat top;
}
.detail .velky-blok .rohy-dolni{
width: 507px;
height: 10px;
background: url(../images/popis_bottom.jpg) no-repeat bottom;
}
.detail .velky-blok p{
text-align: justify;
padding: 7px 20px;
}
.detail .velky-blok form table{
margin: 10px 20px;
}
.detail .velky-blok form table td{
padding: 3px 5px;
}
.detail .velky-blok form table strong{
line-height: 18px;
}
.detail .velky-blok form table input.submit{
float: right;
}
.detail .velky-blok form table input{
border: 1px solid #99A7B4;
}
.detail .velky-blok form table textarea{
width: 350px;
height: 80px;
border: 1px solid #99A7B4;
}
.detail .velky-blok .error{
padding-left: 15px;
}
.detail .velky-blok .success{
padding-left: 15px;
}
/*
.komentare .pridat{
background: url(../images/komentare_repeat.jpg) repeat-y;
width: 501px;
margin: auto;
}
.komentare .pridat .rohy-horni{
width: 501px;
height: 4px;
background: url(../images/komentare_top.jpg) no-repeat top;
}
.komentare .pridat .rohy-dolni{
width: 501px;
height: 4px;
background: url(../images/komentare_bottom.jpg) no-repeat bottom;
}
.komentare .pridat table{
margin: 10px auto;
width: 460px;
}
.komentare .pridat table col{
width: 80px;
}
.komentare .pridat table td{
padding: 1px;
line-height: 19px;
}
.komentare .pridat table td input{
border: 1px solid #F0F2F4;
background: #D9DEE3;
}
.komentare .pridat table td input.submit{
float: right;
}
.komentare .pridat table td textarea{
width: 456px;
border: 1px solid #F0F2F4;
margin: 3px 0px 0px;
background: #D9DEE3;
}
*/

#comment_form div.form{
background: #D2D7DD;
padding: 10px 15px;
margin: 10px 40px;
}
#comment_form .form td{
padding: 2px 5px;
}
#comment_form .form input,
#comment_form .form textarea{
border: 1px solid #F1F2F4;
background: #D9DEE2;
}
.comment_links{
padding: 0px 40px 5px;
}
.comment_links a{
display: block;
float: left;
padding: 0px 5px;
}
.comment{
background: #D2D7DD;
margin: 2px 40px;
padding: 7px 10px;
}
.comment span{
width: 200px;
display: block;
float: left;
}
.comment span.zobrazit{
text-decoration: underline;
cursor: pointer;
width: 100px;
}
.comment p{
margin-top: 2px;
padding: 5px 8px;
background: #E2E7EB;
}
.comment div{
margin-top: 3px;
}

/* Košík */
.cart{
padding: 0px 20px;
}
.cart table{
margin: auto;
}
.cart td{
padding: 2px 5px;
}
.cart td a img{
border: 3px solid #979A9F;
}
.cart td a:hover img{
border: 3px solid #FF8800;
}
.cart td h2{
text-align: left;
padding: 0px;
}
.cart td input{
width: 20px;
}
.cart td a.smazat{
display: inline-block;
background: url(../images/icons/delete.png) no-repeat;
padding-left: 20px;
}
.cart td input.submit{
width: auto;
}
.cart td strong.total{
color: #619942;
font-size: 16px;
line-height: 24px;
}

/* Objednávka */
.order{
padding: 0px 20px;
}
.order table{
margin: 10px auto;
}
.order table td{
padding: 3px 5px;
}

.error_page,.icreo_page{
padding: 0px 20px;
}

.icreo_page h2{
text-align: left;
}
.icreo_page p{
font-size: 13px;
line-height: 20px;
}

/* Administrace */
.administrace{
padding: 0px 20px;
}
.administrace li{
line-height: 20px;
vertical-align: middle;
}
.administrace li img, .administrace .administrace-akce img{
float: left;
margin-right: 5px;
padding-top: 2px;
}
.administrace h1{
text-align: center;
font-size: 16px;
font-weight: bolder;
color: #608FBD;
padding: 10px 0px;
}
.administrace h2{
text-align: left;
font-size: 14px;
font-weight: bolder;
color: #619942;
padding: 10px 0px 3px;
}
.administrace .administrace-akce{
padding-bottom: 10px;
line-height: 20px;
vertical-align: middle;
width: 500px;
height: 20px;
}
.administrace .administrace-akce a{
display: block;
float: left;
padding: 0px 7px;
}

.administrace table.administrace-vypis{
min-width: 50%;
margin: auto;
}
.administrace table.administrace-vypis thead tr, .administrace table.administrace-vypis tr:hover{
background: #D9E6F6;
}
.administrace table.administrace-vypis td, .administrace table.administrace-vypis th{
padding: 2px 7px;
}
.administrace table.administrace-vypis th{
text-align: center;
}
.administrace table.administrace-vypis img{
margin: 0px;
padding: 0px 2px;
}
.administrace th.col-akce{
width: 44px;
white-space: nowrap;
}
.administrace input.submit{
margin-top: 5px;
float: right;
}

.administrace .administrace-buttonky{
margin: 10px auto;
width: 160px;
height: 25px;
}
.administrace .administrace-buttonky a.button{
margin: 3px;
}

.administrace table#images-form{
margin: auto;
}
.administrace table#images-form td{
vertical-align: middle;
padding: 3px 5px;
}
.administrace table#images-form td a.thickbox img{
border: 3px solid #979A9F;
display: block;
}
.administrace table#images-form td a.thickbox:hover img{
border: 3px solid #FF8800;
}
.administrace table#images-form td em{
height: 40px;
width: 60px;
padding: 10px 0px;
text-align: center;
line-height: 20px;
display: block;
border: 3px solid #979A9F;
}
.administrace table#images-form td em:hover{
border: 3px solid #FF8800;
}
.administrace #images-form-submit{
text-align: center;
}

/*
a.button{
display: inline-block;
min-width: 40px;
height: 16px;
padding: 1px 5px;
background: black;
color: white;
cursor: pointer;
border: 2px solid gray;
border-width: 2px;
border-color: gray lightgray lightgray gray;
border-style: outset;
text-align: center;
line-height: 16px;
vertical-align: baseline;
}
a.button:hover{
text-decoration: underline;
}
a.button:focus{
border-style: inset;
}
*/