/*** NABARA.CZ - CSS BY WJENCESLAW ***/
body{font-family: Arial, Helvetica, sans-serif;background: #CECECE; cursor: default;margin: 0; padding: 0;}
a:link {color: #000000;text-decoration: underline;}
a:visited {text-decoration: underline;	color: #000000;}
a:hover {	text-decoration: none; color: #000000;}
a:active { text-decoration: none; color: #000000;}
abbr, acronym, a:hover abbr, a:hover acronym{cursor: help;}

#web{width: 980px; margin: 0 auto; padding: 0;} 

/*** hlavicka a horni menu ***/
#hlavicka{margin: 0; padding: 0px;width: 100%; height: 144px; overflow: hidden;background: url(img/logo.jpg) no-repeat;}
#hlavicka img{border: 0px none; display: block;}
#hlavicka .obsah{padding: 38px 0px 25px 34px;}
h1{ font-size: 90%; padding: 0 20px 0 10px;}
#hlavicka-menu{ padding: 0; padding: 0; height: 38px; width: 100%; background: url(img/menu-top.jpg) no-repeat; overflow:hidden; position: relative;}
#hlavicka-menu a.kosik{display: block; background: url('img/basket.jpg') no-repeat 0px 4px; padding: 10px 0px 5px 35px; margin: 2px 0px 0px 890px; color: rgb(69,45,13); font-size: 90%; font-weight: bold; text-decoration: none;}

/*** obsah-kosiku ***/
#obsah-kosiku{position: absolute; left: 10px; top: 12px; font-size: 90%;}
#obsah-kosiku a{background: none; text-decoration: none; color: rgb(69,45,13)}
#obsah-kosiku em{font-style: normal;}
*html #basket {width: 99%; overflow: hidden;}
#basket .basket-table {	border-collapse: collapse; border: 1px solid black; margin: 1em;}
#basket .basket-table td {padding: 0.3em;}
#basket .row-sudy {background: #DFDFDF;}
#basket .row-lichy {background: #CACACA:}

/*** obsah webu ***/
#hlavni1 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: rgb(186,186,186) url(img/pozadi.jpg) repeat-y;} 
/**:first-child+html #hlavni1{background: rgb(186,186,186) url(img/pozadi.jpg) repeat-y 20px 0px;}*/
#hlavni2 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} 

/*** levy sloupec ***/
#levypanel { float:left; width:176px; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0;}

#levypanel h2, #pravypanel h2{margin: 0px 0px 0px 0px; padding: 12px 0px 0px 15px; display: block; height: 24px; background: #FFDE1D; color: rgb(69,45,10); font-size: 90%;}

#vyhledavani{background: #FFEF94;  margin: 0; padding: 0px 0px 0px 0px; height: 48px; border-bottom: 8px solid rgb(112,112,112);}
form, form fieldset{ margin: 0; padding: 0; border: 0px none;}
#vyhledavani form input.text{width: 100px; float: left; padding: 2px 3px; margin: 0px 10px 0px 10px; border: 1px solid #FFCD25; font-weight: bold;}
#vyhledavani form input.submit{background: url('img/hledej.jpg') no-repeat; border: 0px none; height: 25px; width: 27px;}


#levypanel ul{list-style-type: none;margin: 0px 0px 0px 0px;padding: 10px 0px 10px 15px; height: auto;}
.menu{background: rgb(255,248,185);}
.menu ul li{min-height: 22px; _height: 22px;background: url('img/sipka2.jpg') no-repeat rgb(255,249,199) 0px -3px;}
.menu a{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.menu ul li.active a{text-decoration: underline; font-weight: bold;}
.menu ul li a{ text-decoration: none; font-size: 90%; padding: 5px 0px 5px 20px; }
.menu ul li ul{margin: 5px 0px 0px 20px; padding: 0;}
.menu ul li ul li a{background: none; font-size: 80%; padding: 8px 0px 3px 20px;}
.menu a:visited{text-decoration: none;}

/*** pravy sloupec ***/
#pravypanel { float:right; width:201px; overflow: hidden; margin: 0; padding: 0px 0px 0px 0px; font-size: 0.9em;}
#pravypanel h2{ width: 191px; padding: 12px 0px 0px 10px;}
#pravypanel hr{clear: left; visibility: hidden;}
#info, #prihlaseni, #novinky, #novinky-poslat, #dnes, #charita{ width: 201px;}

#info{background: #FFEF94; padding: 0px 0px 0px 0px; border-bottom: 8px solid rgb(112,112,112);}
#info p{padding: 5px 10px 10px 10px;font-size: 80%;}
#info strong{display: block; padding: 5px 0; font-size: 120%;}
#info em{font-style: normal; font-size: 70%;}
#info ul{list-style-image: url(img/flower.jpg); font-size: 70%;margin: 5px 0px 15px 40px; padding: 0px 0px 0px 0px;}
#info ul li{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#info h5{ font-size: 70%; margin: 10px;}

/*** prihlaseni ***/
#info, #prihlaseni, #novinky, #novinky-poslat, #dnes, #charita{background: url('img/pravypanel-pozadi.jpg') repeat-y rgb(255,249,199); border-bottom: 8px solid rgb(186,186,186);}
label{float:left; font-size: 70%;}
#prihlaseni label ul{list-style-image: url(img/flower-light.jpg); margin: 0; padding: 0px 0px 0px 5px;}
label.popis{float: left; margin: 5px 10px 5px 10px;}
label.popis img{float: left; margin: 0px 5px 10px 0px;}
label.input{ width: 100px; overflow: hidden; margin: 5px 0px 5px 5px;}
label.input input{width: 80px;padding: 2px 3px; margin: 0px 10px 0px 10px; border: 1px solid #FFCD25; font-weight: bold;}
#prihlasit{padding: 0px 0px 0px 10px;background: rgb(147,147,147); padding: 1px; }
#prihlasit input{padding: 2px 8px; font-size: 10px;}
#prihlasit-reg a{display: block; font-size: 90%; text-decoration: none;}

#logged-in-ul{margin: 0; padding: 10px 10px 10px 25px;}
#logged-in-ul a{font-size: 0.8em;}

/*** novinky, dnes ***/
#novinky-poslat, #dnes{padding: 10px 0;}

/*** poslat email kamaradovi ***/
#novinky-poslat{font-size: 70%;}
#novinky-poslat fieldset{padding: 0 10px;}

#dnes p{padding: 0px 10px; font-size: 80%; color: rgb(191,189,173);}
#dnes p.dnes-cerny{ color: #000000;}
#dnes p em{font-style: normal; float: left; width: 40px;}

#charita p{ font-size: 80%; color: rgb(131,130,122); padding: 5px 10px;}

/*** prostredni sloupec ***/
#stredni { margin: 0px 201px 0px 176px;background: url('img/prostredni-vrch.jpg') no-repeat top right; font-size: 90%;}
#stredni-obsah{margin: 0px 0px 0px 0px; padding: 50px 10px 0px 10px; position: relative;} 
#stredni-obsah-inside{margin: 0px; padding: 0px; position: relative; overflow: hidden;} 
#stredni-obsah p{padding: 5px 15px;}
#stredni-obsah-inside img, #stredni-obsah-inside h4{margin: 5px; border: 0px none;}

#index{ margin: 0px 0px 0px 90px; text-align: center; width: 380px;}
#index h3{color: rgb(62,63,64)}
.index{background: #fff9c7; width: 350px;padding: 10px 20px 10px 10px; margin: 0px 0px 10px 0px; float: left;}
.index p{padding: 0px 10px; font-size: 0.9em; line-height: 180%; text-align: left;}

/*** odkazy se zlutym pozadim - navigace - uprostred nahore ***/
#navigace{background: rgb(254,239,148); position: absolute; width: 575px; top: 11px; left: 13px; _left: 3px; height: 40px; margin: 0px;}
#navigace p{padding: 0px 20px 5px 0px;}
#navigace a{color: rgb(255,169,30); text-decoration: none; font-weight: bold; font-size: 80%;}
#navigace h2{ position: relative;left: 20px;  top: 3px; _top: 17px; font-size: 100%; background: url('img/arrow.jpg') no-repeat 0 -6px; padding: 0px 0px 10px 23px; color: #FF8A00;}

#default{padding: 10px 0px;}
#default h3{color: #FF8A00;margin: 5px 20px; _margin: 5px 10px; border: 0px none; width: 520px; _width: 530px; display: block; float: left;}
#default img{margin-right: 400px; _margin-right: 350px; margin-left: 20px; border: 1px solid #000000;}
/*** card ***/
.card {float: left;width: 255px;margin: 10px 0px 10px 20px; _margin: 10px 0px 10px 10px;padding: 6px 2px 2px 2px;text-align: center;border-right: 1px solid #666;border-bottom: 1px solid #666;background: #ECEEE3; overflow: hidden;height: 320px;}
.card-title {margin: 0 0 5px 0;font-size: 130%;color: green;}
.card-photo {margin:0 auto; padding:0;border: none;}
.card-photo img{max-width: 200px;_width: expression(document.body.clientWidth > 200? "200px" : "auto" );}
.card-desc {margin: 5px 10px; padding:0;text-align: left;font-size: 100%;}
.card-info {margin: 5px 10px 0px 10px; padding:0;text-align: right;font-size: 90%;color: #666;}

/*** bannery - pod navigaci ***/
#bannery{background: rgb(253,253,253); margin: 0px 12px 0px 10px; text-align: center; overflow: hidden;}
#bannery-in{padding: 10px 0 0px 0;}
#bannery img{margin: 10px 0;}

/*** vypis produktu ***/
#vypis-produktu{margin: 0px 0px 0px 10px; overflow: hidden; padding: 0; height: auto;}
.produkt{border: 1px solid #FFDA00; float: left; width: 265px; margin: 10px 6px 10px 6px; _margin: 10px 6px 10px 4px; 
padding: 0px 0px 10px 0px; position: relative;
background: url('img/product.jpg') repeat-y; overflow: hidden; min-height: 220px; _height: 220px;}
.produkt a{text-decoration: none;}
.produkt a img{border: 0px none;display: block;}
.produkt h3{display: block; width: 100%; padding: 7px 0px 7px 10px;margin: 0;background: #ffffff; font-size: 90%;}
.produkt h3 a:link, .produkt h3 a:visited, .produkt h3 a:hover{color: rgb(13,11,6)}
.produkt-popis{padding: 0px 0px 0px 0px;}
.produkt-img{width: 150px; float: left; overflow: hidden; text-align: center;}
.produkt-img img{display: block; margin: 0 auto;}
.produkt-popis-p{margin: 0px 0px 0px 155px;}
.produkt-popis-p p{ color: #000000;font-size: x-small; padding: 0px 5px 0px 5px;}
.produkt-popis-p em{ color: #8D8C8D; font-size: 60%;font-style: normal; padding: 2px 5px;}
.produkt-popis-p strong{display: block; padding: 15px 10px; font-size: 130%; color: #ffffff;width: 70px; height: 20px;}
.produkt span{float: left; width: 200px;}
.produkt a:link, .produkt a:visited{font-weight: bold; color: #ffffff; text-decoration: underline; font-size: small; padding: 10px 0px 10px 27px;}
.produkt a:hover{text-decoration: none;}
.produkt span a{color: #ffffff;}

#detail-produktu{float: left; padding: 15px 10px 15px 15px; background: url('img/pozadi-produkt.jpg') repeat-y; width: 500px; margin: 10px 0px 10px 10px; color: rgb(97,101,94); font-size: 1.1em;}
#detail-produktu-foto{float: left; width: 150px;}
#detail-produktu-foto img{border: 2px solid #ffffff;}
#detail-produktu-popis{float: left; margin: 0px 0px 0px 30px; _margin: 0; width: 320px; overflow: hidden;}
#detail-produktu p, #detail-produktu form, #detail-produktu input, #detail-produktu select{margin: 3px 0;}
#detail-produktu p{font-size: 0.9em; margin: 0; padding: 0;}
#detail-produktu input, #detail-produktu select{border: 1px solid rgb(108,109,103);}
.detail-produktu-description{float: left; width: 450px; font-size: 90%; padding: 5px 0; margin: 0px 0px 20px 0px;}
*html .detail-produktu-description{padding: 5px 20px 5px 0px;}
#prehled-typu{width: 490px; margin: 0px 0px 0px 30px;font-size: 0.9em;}
#dalsi-obrazky{float: left; width: 100%;}
#dalsi-obrazky h3{font-size: 110%;color: rgb(97,101,94); text-decoration: underline; margin: 0px 0px 5px 20px;}
#dalsi-obrazky img{margin: 10px 15px 10px 17px;}

.paging{float: left; _float: none; width: 500px; text-align: center; padding: 10px 0px 0px 0px;}
.paging p{font-size: 0.9em;}

/*** košík a jeho kroky ***/
.basket-table{width: 95%; text-align: center;}
.basket-table form{float: none; padding: 0;}
.basket-table tr td, .basket-table tr th{text-align: left; padding: 0px 5px;}
.basket-table tr td.right, .basket-table tr th.right{text-align: right;}
.basket-table tr td.left, .basket-table tr th.left{text-align: left;}
#basket-nav form{float: left; padding: 10px 0px 10px 140px; _padding: 10px 0px 10px 120px;}
.basket-table { border-collapse: collapse; color: rgb(69,45,13);}
.basket-table tr td, .basket-table tr th{border: 1px solid rgb(157,143,124);}
input.button{background: rgb(147,147,147); color: #ffffff; border: 1px solid #ffffff; font-size: 1.2em; _font-size: 1.1em; cursor: pointer; padding: 2px 3px;}
label.button-cover{background: rgb(147,147,147); padding: 1px;display: inline;}
label.detail-block{display: block; width: 300px; font-size: 0.9em;}


#select-form legend{color: rgb(85,86,91); font-weight: bold; padding: 10px 20px;}
#select-form fieldset{padding: 5px 20px;}
#select-form fieldset p{padding: 0px 0px 0px 40px;}
#select-form fieldset .button-cover{margin: 10px 0px 0px 400px;}

#login-form{padding: 20px;}
#login-form label{display: block; float: left; width: 60px; font-size: 0.8em;}
#login-form input{width: 180px;}

#user-form{margin: 5px 20px; margin: 0 auto;}
#user-form tr th{text-align: left;}
#orders{text-align: center;}
#orders table{margin: 10px auto;}

.info{padding: 10px 20px;}
.error{color: #ff0000;}
.notices{color: #00b823;}
.debug{color: #bf04cb;}

#registrace table{margin: 5px 20px;}
#registrace table tr th{text-align: right; font-weight: normal; padding: 0px 10px 0px 0px;}
#registrace input.text{width: 180px;}
#cashdesk-form table tr th{text-align: right; font-weight: normal;padding: 0px 10px; font-size: 0.9em;}
#cashdesk-form table tr td{text-align: left; font-size: 0.8em;}
#registrace-heslo{margin-left: 30px;}


#orders{text-align: center;}
#orders table{margin: 10px auto; 450px;}
#orders table tr td{width: 150px;}
/*** paticka ***/
#paticka { background: url('img/paticka.jpg') no-repeat rgb(172,172,172); font-size:80%; color: #ffffff; text-align: center;padding: 40px 0px 0px 0px; }
#paticka-obsah{ background: url('img/paticka-obsah.jpg') repeat-y;padding: 0px 0px 5px 0px; }

.obsah {margin: 0; padding: 0;} 
.cleaner { clear:both; visibility: hidden; height:1px; font-size:1px; background:transparent; }
p { margin:0; } 
a { color:black } 
.copy { text-align:center; font-size:80% }
h3,h4,h5,h6 {color: #FF8A00; }
h3 a, h4 a, h5 a, h6 a {color: #FF8A00; }