/* CSS Document */
html, body{
  margin: 0;
  margin-top: 0; 
  padding: 0;
  text-align: center; 
  color: white;
  font-size: 90%;
  background: url("/img/bg.jpg") 23px top #474747 ;
  font-family: Verdana, Arial, Courier, sans-serif;
} 
a{
  text-decoration: underline;
  color: #474747;
}
a:hover{
  text-decoration: none;
}
h1{
  background: url("/img/sipka.jpg") no-repeat left center;
  padding-left: 35px
}
.fright{
  float: right;
}
.reset1{
  height: 1px;
  margin: 0;
  padding: 0;
}
.reset2{
  clear: both;
  height: 1px;
}
.block{
  display: block;
}
.blue{
  color: #116275;
}
.obligatory { font-weight: bold !important; }

#main{ 
  min-width: 986px;
  max-width: 1185px; 
  margin: 0 auto 0 20px; 
  text-align: left;
  position: relative;
}
#bg{
  background: url("/img/bgMain.jpg") repeat-y right top;
}
/* Head 
-------------------------------*/
#head{
  width: 100%;
  height: 130px;
  background: url("/img/menu.jpg") repeat-x right bottom white;
}
#logo{
  background: url("/img/sroubek.jpg") no-repeat left -1px;
  height: 130px;
  padding: 0 0 0 210px;
  margin-bottom: -1px;
  font-size: 28px;
  font-weight: bold;
}
#logo a{
  color: #466b7d;
  text-decoration: none;
}
#logo img{
  margin-top: 7px;
  border: 0;
}
#box1{
  background: url("/img/bgHead1.jpg") 20px top no-repeat;
  width: 273px;
  height: 130px;
  position: absolute;
  top: 0;
  right: 0;
  apadding-right: 10px;
  padding-top: 15px;
  text-align: right;
  font-size: 80%;
}
#box1 span{
  padding-right: 30px;
  font-size: 110%;
}
#box1 a{
  color: white;
}
#box1 a.kosik{
  position: absolute;
  left: 50px;
  top: 15px;
}
#box1 a.kosik img{
  border: 0;
}
#box1 .inBox{
  position: absolute;
  top: 88px;
  right: 20px;
  font-size: 90%;
}
/* Menu
-------------*/
#menu{
  position: absolute;
  margin-top: 72px;
  top: 0;
  margin-left: 196px;
  height: 58px;
}
ul.menu{
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.menu li{
  float: left;
  padding: 0;
  margin: 0;
}
ul.menu li a{
  float: left;
  color: white;
  height: 58px;
  display: block;
  text-decoration: none;
}
ul.menu li a span{
  float: left;
  padding-top: 30px;
  padding-right: 15px;
  padding-left: 15px;
  display: block;
  height: 58px;
  font-weight: bold;
  background: url("/img/menu2.jpg") no-repeat right top;
}
ul.menu li a:hover{
  background: url("/img/menuListActiveR.jpg") no-repeat right top;
  color: #613d03;
}
ul.menu li a:hover span, ul.menu li.aktualni span{
  cursor: pointer;
  background: url("/img/menuListActiveL.jpg") no-repeat left top;
}
ul.menu li.aktualni span{
  float: left;
  color: white;
  height: 58px;
  display: block;
  text-decoration: none;
}
ul.menu li.aktualni span strong{
  float: left;
  padding-top: 25px;
  padding-right: 15px;
  padding-left: 15px;
  display: block;
  height: 58px;
  background: url("/img/menuListActiveR.jpg") no-repeat right top;
}
/* End menu */

/* End Head */
/* Body
------------------------------*/
#body{
  background: url("/img/bgLeft.jpg") 186px top repeat-y;
  margin-bottom: -6px;
  position: relative;
}
/* Left Column
---------------*/
#leftColumn{
  width: 205px;
  margin-top: -1px;
  abackground: url("/img/bgLeftColM.jpg");
  float: left;
}
#leftColumn div.head1{
  width: 194px;
  height: 23px;
  margin-top: -5px;
  background: url("/img/bgLeftColHead1.jpg");
}
#leftColumn div.head{
  width: 194px;
  height: 64px;
  margin-top: -14px;
  background: url("/img/bgLeftColHead.jpg");
}
#leftColumn div.foot{
  width: 194px;
  height: 19px;
  margin-top: -13px;
  background: url("/img/bgLeftColFoot.jpg");
}
#leftColumn div.content{
    margin-top: -13px;
    padding: 0 11px 0 4px;
    background: url("/img/bgLeftColM.jpg") repeat-y;
}
#leftColumn div.content span.header{
   background: url("/img/leftColHeader.jpg");
   display: block;
   height: 24px;
   line-height: 24px;
   vertical-align: middle;
   color: white;
   padding-left: 10px;
}
#vyhledavani{
  width: 194px;
  margin-bottom: -15px;
  margin-top: 13px;
  position: relative;
}
#vyhledavani span{
  padding-left: 20px;
  display: block;
  font-weight: bold;
}
#leftColumn div.content p{
  padding: 0px 34px 0px 14px;
}
#leftColumn fieldset{
  border: 0;
}
#hledat{
  width: 66px;
  color: black;
  font-weight: bold;
  margin-top: -4px;
  margin-left: 0px;
  margin-right: -8px;
  height: 31px;
  border: 0;
  cursor: pointer;
  background: url("/img/hledat.jpg") repeat-x left top;
}
#hledat:hover{
  text-decoration: underline;
}
#hledatBox{
  border: 0;
  float: left;
  margin-left: 0px;
  width: 96px;
  height: 22px;
  line-height: 25px;
  vertical-align: middle;
  padding-left: 10px;
  padding-top: 3px;
  background: url("/img/hledatTextBox.jpg") no-repeat;
}

ul.list2{
  list-style: none;
  margin: -1em 0 5px 0;
  padding: 0px 10px 0 0;
}
ul.list2 li{
  background: url("/img/bullet2.jpg") no-repeat 10px top;
  padding-left: 45px;
  margin-top: 1em;
}
/* End leftColumn*/
/* Right Column
----------------*/
#rightColumn{
  width: 253px;
  background: url("/img/bgRightCol.jpg");
  float: right;
  font-size: 90%;
}
#rightColumn div.foot{
  width: 273px;
  height: 14px;
  background: url("/img/bgRightColFoot.jpg");
}
#rightColumn div.content span.header{
   background: url("/img/rightColHeader.jpg");
   display: block;
   height: 40px;
   line-height: 40px;
   vertical-align: middle;
   color: black;
   font-weight: bold;
   padding-left: 40px;
   clear: both;
}
#rightColumn .partneri{
  padding-left: 5px;
}
#rightColumn .partneri a{
  color: white;
  font-style: italic;
  font-size: 80%;
}
#rightColumn .partneri a .big{
  font-size: 130%;
  text-decoration: underline;
}
#rightColumn .partneri a:hover .big{
  text-decoration: none;
}
#rightColumn .partneri div{
  clear: both;
  margin: 10px 16px 10px 10px;
}
#rightColumn .partneri img{
  border: 0;
  float: left;
  margin-left: 10px;
  margin-right: 7px;
}
/* end RightColummn */

#content{
  position: relative;
  margin: 0 253px 0 210px;
  padding-left: 0px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 5px;
  color: #3e6a77;
  background: #fff;
  max-width: 717px;
  min-width: 500px;
}
#content p{
  text-indent: 2em;
}
#bodyFoot{
  clear: both;
  margin: 0 253px 0 210px;
  padding-left: 15px;
  padding-right: 10px;
  padding-bottom: 15px;
  text-align: left;
  background: white;
}
#bodyFoot a.nahoru{
  background: url("/img/Nahoru.jpg") no-repeat left center;
  padding-left: 14px;
  padding-right: 15px;
}
#bodyFoot a.tisk{
  background: url("/img/Print.jpg") no-repeat left center;
  padding-left: 22px;
  padding-right: 15px;
}
#bodyFoot a.prohlaseni{
  background: url("/img/Pristupnost.jpg") no-repeat left center;
  padding-left: 25px;
  padding-right: 35px;
}
/* end Body */
/* Foot
-------------------------------*/
#foot{
  background: url("/img/bgLeft.jpg") repeat-y left top white;
  color: #474747;
  margin: 0 243px 0 186px;
}
#foot .bgB{
  background: url("/img/bgFoot1.jpg") repeat-x 23px bottom;
}
#foot .bgRoh{
  background: url("/img/bgFootRoh.jpg") no-repeat -1px bottom;
  padding-bottom: 63px;
}
#foot hr{
  height: 2px;
  border: 0;
  color: #010101;
  background-color: #010101;
  margin: 0 0 0 8px;
  position: relative;
}
#foot .content{
  margin: 10px 25px 20px 35px;
}
#foot .allProducers{
 margin:0 10px 10px 10px;
 text-align:right;
}
#foot a{
  color: #434343;
  text-decoration: underline;
}
#foot a:hover{
  text-decoration: none;
}
#foot .inBox{
  position: absolute;
  right: 20px;
  margin-top: 50px;
  color: white;
}
#foot .inBox a{
  color: white;
}
/* end Foot */
/* Cards
-------------------------------*/
#cards{
  position: relative;
  margin-top: 10px;  
}
.card{
  width: 149px;  
  position: relative;
  float: left;
  color: white;
  height: 232px;
  margin: 0 0px 16px 11px;
  background: url("/img/cardBottom.jpg") left bottom no-repeat #474747;
}
.card .head{

}
.card h3 a{
  color: white;
}
.card h3{
  background: url("/img/cardTop.jpg") left top no-repeat;
  height: 35px;
  width: 139px;
  text-align: center;
  padding: 5px 5px 0 5px;
  overflow: hidden;
  margin: 0;
  font-size: 100%;
}
.card .body{
  overflow: hidden;
}
.card a.pic img{
  border: solid 1px #121212;
  display: block;
  height: 110px;
}
.card .content{

}
.card .content .text1{
  font-size: 80%;
  font-weight: bold;
  line-height: 25px;
  margin-left: 10px;
  vertical-align: middle;
}
.card .content .text2{
  font-size: 110%;
  font-weight: bold;
  line-height: 25px;
  vertical-align: middle;
}
.card .content .text3{
  margin: 3px 10px;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
}
.card img{
  border: 0;
  margin: auto;
}
.card .doKosiku{
  aposition: absolute;
  display: block;
  float: right;
  right: 0;
  width: 69px;
  height: 24px;
  background: url("/img/koupit.jpg") left top;
}
.card .doKosiku:hover{
  background-position: left bottom;
}
.card .informace{
  aposition: absolute;
  display: block;
  width: 71px;
  height: 24px;
  background: url("/img/info.jpg") left top;
}
.card .informace:hover{
  background-position: left bottom;
}
.tipCard{
  margin: 0 0 10px 49px;
  background: url("/img/tipCardBottom.jpg") left bottom no-repeat #474747;
}
.tipCard h3{
  background: url("/img/tipCardTop.jpg") left top no-repeat;
}
.tipCard .doKosiku{
  background-image: url("/img/tipKoupit.jpg");
}
.tipCard .informace{
  background-image: url("/img/tipInfo.jpg");
}
.tipCard .doKosiku:hover, .tipCard .informace:hover{
  background-position: left bottom;
}
/* kosik */
#formOrder{
  margin-left: auto;
  margin-right: auto;
  width: 480px;
  color: black;
}
#tabOrder{
  border-collapse: collapse;
  width: 100%;
  border: none;
  background:  url("/img/headR.jpg") no-repeat right top;
}
#tabOrder thead td{
  height: 24px;
  color: white;
}
#tabOrder input{
  width: 30px;
  text-align: center;
}
#tabOrder thead td.sloupec1{
  background:  url("/img/headL.jpg") no-repeat;
  border: 0;
}
#tabOrder td{ 
  padding: 0px 10px 0px 10px; 
  text-align: center;
}
#tabOrder thead td{
  text-align: center;
}
#tabOrder tr.sudy{
  background: #d9d9d9;
}
#tabOrder img{
  border: 0;
}
#formOrder fieldset{
  padding: 0px 10px 10px 10px;
  margin-bottom: 5px;
  position: relative;
  margin-right: 20px;
  width: 460px;
}
#formOrder fieldset h2{
  position: relative;
  color: black;
  font-size: 110%;
  margin: 0 0 10px 0;
  padding: 0px;
  text-align: center;
}
#formOrder .mySubmit{
  background: url("/img/but5.jpg") left top;
  border: 0;
  width: 90px;
  height: 34px;
  font-weight: bold;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  color: #494949;
  font-size: 80%;
}
#formOrder .mySubmit:hover{
  background-position: left bottom;
}
#formOrder .basketsubmit{
  background: url("/img/but4.jpg") left top;
  border: 0;
  display: block;
  width: 164px;
  height: 44px;
  font-weight: bold;
  color: #494949;
  font-size: 100%;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}
#formOrder .basketsubmit:hover{
  background-position: left bottom;
}
#formOrder textarea{
  width: 49%;
}
.center{
  text-align: center;
}
#formOrder .leftpart{
  width: 49%;
}
#formOrder fieldset p{
  float: right;
  width: 49%;
  margin: 0;
  font-size: 80%;
  color: rgb(160,160,160);
}
#formOrder fieldset label.conlabel{
  float: left;
  width: 100px;
}
#formOrder fieldset label.obligatory{
  font-weight: bold;
}
#formOrder fieldset label:hover{
  text-decoration: underline;
}
#formOrder fieldset input.coninput{
  float: left;
  width: 120px;
  border-color: rgb(209,209,209);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 1px;
  font-weight: normal;
}
/* END kosik */
/* Detail
------------*/
#detail{
  margin: 20px auto 0 auto;
  overflow: hidden;
  background: white;
}
#navigace1{
  margin-bottom: 30px;
}
#navigace1 a{
  display: block;
  float: left;
  background: url("/img/sipka2.jpg") right center no-repeat;
  padding-right: 16px;
  margin-right: 5px;
}
#navigace1 a.last{
  background: none;
}
#navigace1 span{
  float: left;
  margin-right: 5px;
}
#detail .detailLeft {
  float: left;
  width: 460px;
  margin-right: 10px;
  margin-bottom: 20px;
}
#detail .detailRight {
  overflow: hidden;
  float: right;
  margin-bottom: 20px;
  width: 247px;
}

#detail .detailCard{
  width: 260px;
  text-align: center;
  float: left;
  margin-right: 10px;
  background: url("/img/detailCardM.jpg") repeat-y;
  margin-bottom: 20px;
}
#detail .detailCard h3{
  background: url("/img/detailCardT.jpg") left top no-repeat;
  color: white;
  font-size: 140%;
  margin: 0;
  padding: 10px 10px 10px 10px;
}
#detail .detailCard .content{
  background: url("/img/detailCardB.jpg") left bottom no-repeat;
}
#detail .detailCard .content a img{
  border: 0;
  width: 258px;
}
#detail .detailCard .content span a{
  color: white;
  line-height: 22px;
}
#detail .detailCard2{
  width: 230px;
  font-size: 110%;
  padding-top: 20px;
  color: #010101;
  overflow: hidden;
}
#detail .detailCard2 span{
  color: #010101;
}
#detail .detailCard2 .sl1{
  display: block;
  float: left;
  width: 130px;
}
#detail .detailCard2 .sl1x{
  display: block;
  float: left;
  width: 90px;
}
#detail .detailCard2 .info1{
  font-size: 150%;
  width: 350px;
  color: #116275;
}
#detail .detailCard2 .info2{
  color: #116275;
  width: 350px;
  margin-bottom: 10px;
}
#detail .detailCard2 .info3{
  color: #116275;
  width: 320px;
  margin-bottom: 10px;
}
#detail .detailCard2 .info4{
  color: #116275;
  width: 320px;
  margin-bottom: 30px;
}
#detail .detailCard2 form{
  width: 221px;
  height: 56px;
  margin-bottom: 30px;
}
#detail .detailCard2 form.buying{
  background: url("/img/but1.jpg") no-repeat;
  width: 220px;
}
#detail .detailCard2 fieldset{
  border: 0;
  color: #474747;
}
#detail .detailCard2 fieldset legend{
  font-size: 130%;
  font-weight: bold;
}
#detail .detailCard2 form input.kusu{
  float: left;
  margin-top: 16px;
  margin-left: 58px;
  width: 33px;
  height: 20px;
  text-align: center;
}
#detail .detailCard2 form input.koupit{
  float: left;
  background: none;
  width: 105px;
  border: 0;
  margin-top: 20px;
  text-decoration: underline;
  cursor: pointer;
}
#detail .description2{
  width: 247px;
  margin: 10px 0;
  min-height: 200px;
  margin-right: 200px;
  text-align: center;
  overflow: hidden;
}

.table1{
  border-collapse: collapse;
  awidth: 80%;
  amargin: 0 auto 0 auto;
  border: none;
  text-align: center;
  background:  url("/img/headR.jpg") no-repeat right top;
}
.table1 thead td{
  height: 24px;
  color: white;
}
.table1 td{
  padding: 0 5px 0 5px;
}
.table1 thead td.sloupec1{
  background:  url("/img/headL.jpg") no-repeat;
  border: 0;
}
.table1 input {
  width: 6em;
}
#pics{
  text-align: center;
  position: relative;
  width: 460px;
  margin-top: 10px;
  margin: 20px auto 20px auto;
}
#pics .bg1{
  amargin: 0 auto 0 auto;
  background: #474747 url("/img/picsTop.jpg") no-repeat left top;
}
#pics .bg2{
  overflow: hidden;
  padding: 0 10px 5px 10px;
  background: url("/img/picsBottom.jpg") no-repeat left bottom;
}
#pics span{
  color: white;
  line-height: 24px;
}
#pics img{
  border: 0;
  width: 95px;
  height: 100px;
  margin-right: 3px;
}
/* Panely
---------------------------------*/
#jcPanely{
  margin: 20px auto 20px auto ;
  width: 460px;
  background: url("/img/panelyM.jpg") 493px top repeat-y #262a2b;
}
#jcPanelyListy div{
  background: white;
  padding: 20px 20px 20px 25px;
}
#jcPanely div.tab2 label{
  float: left;
  font-size: 120%;
  display: block;
  width: 100px;
  position: relative;
}
#jcPanely div.tab2 input{
  margin-bottom: 1px;
}
#jcPanely div.tab2 textarea{
  width: 280px;
}
#jcPanely div.tab2 div.dotaz{
  font-weight: bold;
  margin: 0;
  border-top: solid 1px #272b2c;
  padding: 10px 0;
}
#jcPanely div.tab2 div.dotaz p.odpoved{
  font-weight: normal;
  margin-left: 10px; 
}
#jcPanely div.tab2 div.dotaz p{
  margin: 0 0 5px 0;
}
#dotaz-tlacitko{
  margin-left: 170px;
}
#jcPanely div.tab2{
  display: none;
}
#jcPanely div.tab3{
  display: none;
}
#jcPanely div.tab3 textarea{
  width: 300px;
}
#jcPanely div.tab3 label{
  float: left;
  font-size: 120%;
  display: block;
  width: 100px;
  position: relative;
}
#jcPanelyListy{
  padding: 0 3px 26px 1px;
  position: relative;
  background: url("/img/panelyB.jpg") no-repeat left bottom;
}
#jcPanelyMenu span{
  cursor: pointer;
  vertical-align: middle; 
  background: url("/img/panelyMenuUnactiveL.gif") no-repeat #444c4e left;
  font-size: 120%;
  margin-right: 5px;
  margin-top: 6px;
  float: left;
  display: block;
  text-align: center;
}
#jcPanelyMenu span span{
  background: url("/img/panelyMenuUnactiveR.gif") no-repeat right;
  padding: 0 20px 0 20px;
  height: 26px;
  line-height: 26px;
  margin: 0;
  color: #c9cdd0;
}
#jcPanelyMenu{
  height: 32px;
  padding-left: 10px;
  background: url("/img/panelyT.jpg") no-repeat white;
}
#jcPanelyMenu span.tab1{
  text-decoration: none;
  cursor: auto;
  background: url("/img/panelyMenuActiveL.gif") white no-repeat;
  font-size: 120%;
}
#jcPanelyMenu span.tab1 span{
  background: url("/img/panelyMenuActiveR.gif") no-repeat right top;
  color: #1e2422;
}
/* end panely*/
#boxPages{
  width: 100%;
  text-align: center;
}
#boxPages img{
  border: 0;
  margin: 0 5px -2px 3px;
}
.none{
  display: none;
}
#body-green{
  padding: 5px;
  border: solid 3px green;
  margin-bottom: 10px;
}
#body-info{
  padding: 5px;
  border: solid 3px rgb(0,102,0);
  background: rgb(102,255,51);
  margin-bottom: 10px;
  color: black;
}
#body-error{
  padding: 5px;
  border: solid 3px rgb(102,0,0);
  background: rgb(255,0,0);
  color: black;
  margin-bottom: 10px;
}


/* ostatni */
input.twenty{
  width: 20px;
}
#pricem{
  margin: 20px 0px 0px 0px;
  width: 220px;
  height: 30px;
  color: #116275;
}


/*  plastova okna */


.levy { float: left; }
.pravy { float: right; }
.clear { clear: both; }
.fieldset-top { margin-top: 30px; }
#plastova-okna-form fieldset, .fieldset { margin-bottom: 40px; }
#plastova-okna-form table tr td
{
  padding: 2px 5px;
}
#plastova-okna-form input { margin-bottom: 3px; }
#plastova-okna-form .btn_odeslat { display: block; margin-top: 10px; }

table.provedeni label img { margin-left: 5px; margin-right: 10px; }

/* textarea */
.plastOkna_poznamka { width: 480px; height: 80px; }

/* kontakt */
#content .kontakt {
	margin-left: 20px;
}
#content .kontakt p {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	text-indent: 0;
}

form.dotaz {
  margin-top: 20px;
  margin-bottom: 10px;
}
form.dotaz fieldset {
}
form.dotaz fieldset legend {
  font-weight: bold;
  font-size: 110%;
}
form.dotaz fieldset label {
  display: block;
  float: left;
  width: 100px;
  clear: left;
}
form.dotaz fieldset input {
  display: block;
  float: left;
  width: 100px;
  margin-bottom: 2px;
}
form.dotaz fieldset textarea {
  display: block;
  float: left;
  width: 230px;
  height: 70px;
}
form.dotaz fieldset input.submit {
  float: none;
  margin-left: 100px;
  width: auto;
  margin-bottom: 10px;
}