/*** PROJGS.CZ - CSS BY WJENCESLAW & PIF ***/
*{cursor: default; border: 0px none;}
html,body{margin:0;padding:0}
body{text-align:center; font-family: arial; background: #EFF6FF;}
a, a img{cursor: pointer;}
a:link, a:visited{color: #FF2F01;}
a:hover{color: #AEB8C2; text-decoration: none;}

hr.cleaner{clear: both; visibility: hidden; height: 1px;}
div.cleaner{clear: both; position: relative; top: 0; left: 0; float: none;}
p{font-size: small;color: #626262;}

#web{width: 992px; margin: 0 auto; background: url('../img/left.jpg') repeat-y;text-align:left; height: auto; overflow: hidden;}

#hlavicka{position:relative; background: url('../img/top.jpg') repeat-x; margin: 0; padding: 0; height: 126px; font-size: 14px;  width:992px;}
#hlavicka-left a img{border: none; display: block; margin: 0px 0px 0px 44px;}
#hlavicka-right{position: absolute; right: 0; top: 0; width: 700px; height: 125px;}
#hlavicka ul{list-style-type: none; position: absolute; top: 47px; _top: 62px; right: 15px;}
#hlavicka ul li{display: inline; margin: 0px 0px 0px 7px;}
#hlavicka ul li a{color: #000000;}
#hlavicka ul li a:link, #hlavicka ul li a:visited{text-decoration: none;}
#hlavicka ul li a:hover{text-decoration: underline;}
#logging{position: absolute; left: 20px; top: 4px; font-size: small; color: rgb(23,26,152);}
#logging a{color: #4E4943; margin: 0px 0px 0px 10px; font-size: x-small; font-weight: bold;}
#kosik{position: absolute; right: 20px; top: 2px;}
#kosik img{border: 0px none; float: left;}
#kosik a{ font-size: small; color: rgb(23,26,152);}
#kosik em{ float: left;font-size: small; color: rgb(23,26,152); font-style: normal; margin: 5px 0px 0px 0px;}
#kosik strong{ font-size: small; color: rgb(23,26,152); cursor: pointer;}

#mezipatro{position: relative; left: 0; top: -15px; margin: 0; padding: 0; width: 100%;height: 12px; overflow: hidden; background: url('../img/mezipatro-left.jpg') no-repeat left top;}

#obal{float:right; width:100%; margin-left: -204px; _margin-left: -250px;  min-height: 450px; _height: 450px; font-size: 90%; _position: relative;}
#obsah{margin: 0px 0px 0px 184px; padding: 8px 30px; position: relative; background: white;}

#obsah h1{font-size: large; color: #878787; margin: 0px 0px 15px 10px;}
#obsah ol, #obsah ol li, #obsah table, #obsah ul, #obsah ul li{font-size: small;color: #626262;}
#obsah table tr td{padding: 0px 0px 0px 20px;}
p{padding: 0px 0px 0px 20px;}
#obsah h3{font-size: medium;}

.errors{color: #ff0000; font-weight: bold;}
.notices{color: #00ff00; font-weight: bold;}

#filtr{text-align: left; float: left; width: 100%; position: relative;}
#filtr legend{padding: 5px 0px 5px 0px; font-weight: bold; color: #000000;}
#filtr fieldset{border: 0px none; width: 100%; text-align: left;}
#filtr fieldset label{float: left; height: 20px; white-space: nowrap; font-size: x-small; margin: 0px 15px 0px 0px; padding: 0;}
#filtr fieldset label input{margin: 0; padding: 0; float: left;}
#filtr fieldset .submit{background: #F4F0E5; border: 2px solid #CEBB91; padding: 2px 7px; _padding: 1px 1px;}
.nalezeno{ position: absolute; top: 0px; right: 10px; font-size: 0.8em;}

.paging-and-select{float: left; width: 100%; text-align: left; color: #7B6262; margin: 0px 0px 20px 0px;}
.paging-and-select p{display: block; margin: 0; color: #020202;padding: 0px 10px 5px 0px; width: 200px;}
.paging-and-select form{float: left; width: 100%; font-size: small;}
.paging-and-select form fieldset{border: 0px none; padding: 0px 0px 0px 0px;}
.paging-and-select form fieldset span{float: left; margin: 0px 0px 5px 0px; padding: 5px 10px 0px 0px;}
.paging-and-select form fieldset select{float: left; margin:0px 10px 5px 0px;}
.paging-and-select form fieldset input{float: left; cursor: pointer; margin: 3px 0px 0px 5px;}
.paging-and-select form fieldset label{float: left; width: 100px;}

.gravatar-cover{width: 100%; float: left; margin: 0; padding: 0;}
.gravatar{float: left;width: 160px; height: 200px; padding: 3px; margin: 0px 0px 20px 10px; _margin: 0px 0px 20px 10px; text-align: center;  border: 2px solid rgb(181,192,204)}
.gravatar a, .gravatar a img{margin: 0; padding: 0; text-decoration: none;}
.gravatar h3{margin: 0 auto; padding: 0; font-size: medium;}
.gravatar h3 a{border-bottom: 1px solid rgb(142,168,191); color: rgb(100,105,120);}
.gravatar h3 a:hover{border-bottom: 2px solid rgb(6,11,88); color: rgb(65,64,68)}
.gravatar-img {	width: 160px;	height: 160px; margin: 0; padding: 10px 0px 0px 0px;	text-align: center;	overflow: hidden;}
.gravatar-img img {margin: 0 auto;border: 1px solid #D5D1E8;
max-height: 155px; _height: expression(this.scrollHeight > 155? "155px" : "auto" );}
.gravatar a img{border: 1px solid #D5D1E8;}

.products-line-breaker{float: left; width: 100%; height: auto; margin: 0px 0px 10px 0px;}

.produkt-obal{width: 160px; float: left; height: 265px; padding: 8px 0px 5px 0px; margin: 0px 8px 15px 8px; background: white;border: 1px solid #000000;text-align: center; position: relative; overflow: hidden;}
.produkt{margin: 0; padding: 0;width: 160px; }
.produkt p{font-size: small; color: rgb(144,144,144); margin: 0; padding: 0;}
.produkt h3{margin: 0px 4px; height: 35px; padding: 0; line-height: 100%;}
.produkt h3 a{font-size: small; color: rgb(14,16,127); text-decoration: none;}
.produkt h3 a:hover{color: rgb(70,71,174)}

.produkt-img {	background: white;	width: 160px;	height: 160px; margin: 0; padding: 0;	text-align: center;	position:relative;	display: table-cell;	vertical-align: middle;}
.produkt-img img {display: block;	position:relative; display: block;	left: 0px;	margin: 0 auto;border: 1px solid rgb(153,153,153);
max-height: 155px; _height: expression(this.scrollHeight > 155? "155px" : "auto" );}
.produkt-img div p {padding: 0px;}

.produkt-img  div {_width: 100%;_position:absolute;_top: 50%;_left: 0;}
.produkt-img div p {_position: relative;_top: -50%;}

.submit-koupit{cursor: pointer; background: #EFEEF6; border: 2px solid rgb(111,111,111); }
.submit-koupit:hover{background: rgb(255,255,255);}
.produkt .popis{font-size: 90%}
.produkt .popis p{height: 30px; color: black;}
.produkt .popis ul{list-style-type: none; margin: 0; padding: 0; font-size: 90%;}
.produkt .popis ul li strong{display: block; margin: 5px 0 2px 0;}
.produkt .formular-down{font-size: small;}
.formular-down select{margin: 2px auto 6px auto; width: 150px; font-size: x-small;}
.formular-down input{font-size: small;}
.formular-down .submit-koupit{}


#detail-produktu-cover{padding: 0px 0px 0px 10px;}
#detail-produktu{ float: left; width: 96%;height: auto; border: 2px solid #ffffff; padding: 10px; margin: 0px 0px 10px 10px;background: #f2f2f2;}
#detail-produktu p{margin: 10px 0;padding: 0;}
#detail-produktu-foto{display: block; float: right; width: 200px; text-align: right; margin: 0px 0px 30px 0px; font-size: small;}
#detail-produktu-foto ul{list-style-type: none;}
#detail-produktu-foto img{border: 1px solid #000000; margin: 0px 0px 15px 0px;}
#detail-produktu-popis{min-height: 140px; _height: 140px;}
#detail-produktu-popis ul{list-style-type: disc; margin-top: 0px; font-size: small;}
#detail-produktu-popis form{margin: 5px 0;}
#detail-produktu-popis form .input-text{text-align: right;padding: 2px 5px;}
#detail-produktu-popis form .submit-koupit{padding: 1px 5px;}
#detail-produktu #ul-vyrobce{margin: 20px 0px 0px 0px; padding: 0; list-style-type: none; font-size: medium;}
#detail-produktu .formular-down{margin: 5px 0;}
#detail-produktu table{clear: right; width: 100%; font-size: small; border-collapse: collapse;}
#detail-produktu table tr th{border-bottom: 1px solid rgb(186,197,210); padding: 0px 0px 5px 0px;}
#detail-produktu table tr td{border-bottom: 1px solid rgb(186,197,210); padding: 5px 0px 3px 0px;}
#detail-produktu-popis table{width: 100%; clear: both;}
/*** další obrázky a související produkty ***/
#dalsi-obrazky, #souvisejici-produkty{border: 2px solid #f2f2f2; padding: 10px; margin: 10px 0;clear: both; width: 100%;}
#dalsi-obrazky, #souvisejici-produkty, #product-files, #what-else{clear: both; width: 100%; _padding: 0px 0px 0px 10px;}
/***.souvisejici-produkt{background: #f2f2f2;float: left; display: block; min-height: 170px; _height: 170px;padding: 8px 10px 10px 10px; margin: 2px 2px; width: 160px; border: 1px solid #000000;text-align: center; position: relative; overflow: hidden;}
.souvisejici-produkt p{padding: 0; margin: 5px 0px; font-size: small; color: rgb(144,144,144); height: 30px; overflow: hidden;}
.souvisejici-produkt h3{margin: 0; padding: 0;}
.souvisejici-produkt h4 a{font-size: small; color: rgb(14,16,127); text-decoration: none;}
.souvisejici-produkt h4 a:hover{color: rgb(70,71,174)}
.souvisejici-produkt img{border: 1px solid rgb(153,153,153); height: 80px; width: 160px; margin: 0 auto;}
#souvisejici-produkty img{display: block;}
.souvisejici-produkt{float: left; text-align: center; width: 160px;}***/
#dalsi-obrazky h5,#souvisejici-produkty h5, #product-files h5, #what-else h5{font-size: medium; _margin: 10px 0px 10px 10px;}
#product-files h6{font-size: 1em; margin: 0px 0px 0px 10px;}
.dalsi-obrazek{float: left; width: 160px; height: 200px; margin: 0px 20px 0px 0px;}
.dalsi-obrazek p{display: block;}

/*** DETAIL PRODUKTU A JEHO KOMENTARE ***/
#komentare{display: block; border: 2px #ffffff solid; padding: 10px; float: left; width: 580px;}
#komentare h3{text-align: center;}
#komentare form{margin: 10px 0;}
#komentare label{display: block; margin: 5px 0;}
#komentare label input, #komentare label textarea{padding: 2px 3px;}
#komentare label textarea{display: block;}
#jmeno input{margin: 0px 0px 0px 10px;}
#email input{margin: 0px 0px 0px 15px;}
#komentar textarea{margin: 3px 0px 0px 56px; height: 80px; width: 250px;}
.pridej-komentar{margin: 0px 0px 0px 56px; background: rgb(233,233,233);}
.pridej-komentar:hover{margin: 0px 0px 0px 56px; background: #f2f2f2;}
.produkt-komentar{display: block; background: #f2f2f2; border: 1px solid #ffffff; margin: 0px 0px 10px 0px; padding: 5px 10px; line-height: 20px;}
.produkt-komentar h4{margin: 5px 0px 5px 0px;}

#basket table{font-size: small; text-align: right; width: 100%;}
#basket .submit{border: 1px solid rgb(186,197,210); background: rgb(240,232,211); cursor: pointer;}
#basket .submit:hover{background: #f2f2f2;}

/*#obsah .submit{background: rgb(220,220,220); color: #000000; padding: 2px 10px; width: auto; border: 1px solid #000000; cursor: pointer;}*/
#login-form fieldset{border: 0px none;}
#login-form label{ float: left;width: 50px;}
#login-form input{ float: left;width: 150px;}
#login-form span{float: left; width: 100%; }
/*#obsah .submit{margin: 0px 0px 0px 130px;}*/
.submit{cursor: pointer;}



#levy-panel{float:left;width:184px; overflow: hidden;}
#levy-panel h2{font-size: 90%; display: block; color: #333333; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 17px;background: url('../img/left-active2.jpg') repeat-y;}
#levy-panel ul{margin: 0; padding: 0px 0px 0px 0px; list-style-type: none;}
#levy-panel ul li{margin: 0; padding: 0px 0px 0px 18px;  list-style-type: none;}
#levy-panel ul li ul{margin: 0px 0px 0px 0px; padding: 0; list-style-type: none;}
#levy-panel ul li ul li{margin: 0px 0px 0px -18px; padding: 0px 0px 0px 30px; background: url('../img/left-produkt.jpg') repeat-y;}
#levy-panel ul li.selected{background: url('../img/left-active2.jpg') repeat-y;}
#levy-panel ul li.selected a{text-decoration: none;}
#levy-panel a{color: #333333; font-size: small;}
#levy-panel a:link, #levy-panel a:visited{text-decoration: none;}
#levy-panel a:hover{text-decoration: underline;}
#levy-panel label{}
#levy-panel form{margin: 0; padding: 0px 0px 0px 20px; width: 100%; background: url('../img/left.jpg') repeat-y;}
#levy-panel form fieldset{margin: 0; padding: 5px 0px 10px 0px;border: 0px none; font-size: x-small;}
#levy-panel form fieldset p{font-size: x-small;margin: 0; padding: 0px 40px 0px 0px;}
#levy-panel form fieldset p a{display: block; font-size: x-small; text-decoration: underline;}
#levy-panel form fieldset a{ color: rgb(83,51,110);}
#levy-panel form fieldset label a{display: block;}
#menu, #prihlaseni, #vyhledavani, #nejprodavanejsi, #posli-stranku{margin: 20px 0px 0px 0px; padding: 0; width: 100%; overflow: hidden;}
#menu h2{padding: 5px 0px 0px 50px;}
#vyhledavani, #prihlaseni, #nejprodavanejsi, #posli-stranku{background: url('../img/form-top.jpg') repeat-y;}
#vyhledavani span, #prihlaseni span, #nejprodavanejsi span, #posli-stranku span{width: 100%; display: block; padding: 4px 0px 4px 40px; font-weight: bold; font-size: 90%;}
input.text{width: 150px; padding: 2px 5px; margin: 0px 0px 4px 0px; background: rgb(238,238,238); border: 1px solid #000000;cursor: text;}
input.button{background: url('../img/form-input.jpg') repeat-x; font-size: x-small; border: 1px solid #000000;height: 20px; float: left;margin: 4px 10px 5px 0px; padding: 2px 5px; cursor: pointer;}


#paticka{clear:both;width:100%; margin-left: 184px; text-align: left; font-size: x-small; background: rgb(185,197,213); padding: 10px 0px 0px 0px; border-top: 7px solid #ffffff;}
#paticka-inner{width:100%; background: rgb(248,242,232);border-left: 7px solid #ffffff; border-top: 7px solid #ffffff;}
#paticka p{margin:0;padding:5px 10px 10px 10px; color: #707070;}
#paticka a{display:inline;padding:0; color: #909090;}
#paticka abbr, #paticka acronym{cursor: help;}
input {border: 1px solid black; }