/*--- definice telo+scroll ---*/
BODY {
background: url(top-bg.png);
background-repeat: repeat-x;
text-align: center;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}
.clear{
clear: both;
}
/*--- stranka celek ---*/
#hlavicka{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 998px;
height: 105px;
text-align: left;
}
/*--- hlavicka ---*/
#logo{
position: absolute;
margin-top: 20px;
margin-left: 30px;
width: 259px;
height: 83px;
background: url(logo-main.png);
}
#logo a{
width: 259px;
height: 83px;
display: block;
}
#logo a span{
display: none;
}
#volejte{
position: absolute;
margin-left: 702px;
margin-top: 20px;
width: 253px;
height: 102px;
background: url(top-volejte.png);
}
#volejte p{
display: none;
}
/*--- horni menu ---*/
#menu{
margin-top: 0px;
height: 63px;
width: 100%;
background: url(stin-menu.png) no-repeat top center;
}
#menu ul{
margin-left: auto;
margin-right: auto;
width: 998px;
height: 63px;
}
#menu ul li{
text-align: center;
float: left;
height: 63px;
background: url(menu-cara.png) no-repeat right;
list-style: none;
padding-right: 2px;
}


#menu ul li.tlac a{
display: block;
padding-left: 16px;
padding-right: 16px;
padding-top: 32px;
padding-bottom: 15px;
color:  #cccccc; 
font: bold 14px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu ul li.tlac a:hover{
background: url(menu-hover.png) no-repeat top center;
display: block;
color:  #ffffff;
}
#menu ul li.tlac a.aktivni, #menu ul li.tlac a.aktivni:hover{
margin-top: 10px;
background: #d94b1a;
display: block;
color:  #ffffff;
padding-left: 16px;
padding-right: 16px;
padding-top: 20px;
border-left: solid 1px #f59765;
border-right: solid 1px #f59765;
border-top: solid 1px #f59765;
padding-bottom: 17px;
color:  #ffffff; 
font: bold 14px Arial, Helvetica, sans-serif;
text-decoration: none;
}

/*--- tlacitko01 ---*/
#menu ul li.tl01 a{
display: block;
width: 120px;
padding-top: 30px;
padding-bottom: 17px;
color:  #cccccc; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu ul li.tl01 a:hover{
background: url(menu-hover.png) no-repeat top center;
display: block;
color:  #ffffff;
}
#menu ul li.tl01 a.aktivni, #menu ul li.tl01 a.aktivni:hover{
background: url(tl01.png);
display: block;
color:  #ffffff;
width: 120px;
padding-top: 30px;
padding-bottom: 17px;
color:  #ffffff; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
/*--- tlacitko02 ---*/
#menu ul li.tl02 a{
display: block;
width: 85px;
padding-top: 30px;
padding-bottom: 17px;
color:  #cccccc; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu ul li.tl02 a:hover{
background: url(menu-hover.png) no-repeat top center;
display: block;
color:  #ffffff;
}
#menu ul li.tl02 a.aktivni, #menu ul li.tl02 a.aktivni:hover{
background: url(tl02.png);
display: block;
color:  #ffffff;
width: 85px;
padding-top: 30px;
padding-bottom: 17px;
color: #ffffff; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
/*--- tlacitko03 ---*/
#menu ul li.tl03 a{
display: block;
width: 96px;
padding-top: 30px;
padding-bottom: 17px;
color:  #cccccc; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu ul li.tl03 a:hover{
background: url(menu-hover.png) no-repeat top center;
display: block;
color:  #ffffff;
}
#menu ul li.tl03 a.aktivni, #menu ul li.tl03 a.aktivni:hover{
background: url(tl03.png);
display: block;
color:  #ffffff;
width: 96px;
padding-top: 30px;
padding-bottom: 17px;
color: #ffffff; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
/*--- tlacitko04 ---*/
#menu ul li.tl04 a{
display: block;
width: 96px;
padding-top: 30px;
padding-bottom: 17px;
color:  #cccccc; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu ul li.tl04 a:hover{
background: url(menu-hover.png) no-repeat top center;
display: block;
color:  #ffffff;
}
#menu ul li.tl04 a.aktivni, #menu ul li.tl04 a.aktivni:hover{
background: url(tl03.png);
display: block;
color:  #ffffff;
width: 96px;
padding-top: 30px;
padding-bottom: 17px;
color: #ffffff; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
/*--- tlacitko05 ---*/
#menu ul li.tl05 a{
display: block;
width: 96px;
padding-top: 30px;
padding-bottom: 17px;
color:  #cccccc; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu ul li.tl05 a:hover{
background: url(menu-hover.png) no-repeat top center;
display: block;
color:  #ffffff;
}
#menu ul li.tl05 a.aktivni, #menu ul li.tl05 a.aktivni:hover{
background: url(tl03.png);
display: block;
color:  #ffffff;
width: 96px;
padding-top: 30px;
padding-bottom: 17px;
color: #ffffff; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
/*--- tlacitko06 ---*/
#menu ul li.tl06 a{
display: block;
width: 114px;
padding-top: 30px;
padding-bottom: 17px;
color:  #cccccc; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu ul li.tl06 a:hover{
background: url(menu-hover.png) no-repeat top center;
display: block;
color:  #ffffff;
}
#menu ul li.tl06 a.aktivni, #menu ul li.tl06 a.aktivni:hover{
background: url(tl06.png);
display: block;
color:  #ffffff;
width: 114px;
padding-top: 30px;
padding-bottom: 17px;
color: #ffffff; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
/*--- tlacitko07 ---*/
#menu ul li.tl07 a{
display: block;
width: 114px;
padding-top: 30px;
padding-bottom: 17px;
color:  #cccccc; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu ul li.tl07 a:hover{
background: url(menu-hover.png) no-repeat top center;
display: block;
color:  #ffffff;
}
#menu ul li.tl07 a.aktivni, #menu ul li.tl07 a.aktivni:hover{
background: url(tl06.png);
display: block;
color:  #ffffff;
width: 114px;
padding-top: 30px;
padding-bottom: 17px;
color: #ffffff; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
/*--- tlacitko08 ---*/
#menu ul li.tl08 a{
display: block;
width: 120px;
padding-top: 30px;
padding-bottom: 17px;
color:  #cccccc; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu ul li.tl08 a:hover{
background: url(menu-hover.png) no-repeat top center;
display: block;
color:  #ffffff;
}
#menu ul li.tl08 a.aktivni, #menu ul li.tl08 a.aktivni:hover{
background: url(tl01.png);
display: block;
color:  #ffffff;
width: 120px;
padding-top: 30px;
padding-bottom: 17px;
color: #ffffff; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
/*--- tlacitko09 ---*/
#menu ul li.tl09 {
background: none;
}
#menu ul li.tl09 a{
display: block;
width: 96px;
padding-top: 30px;
padding-bottom: 17px;
color:  #cccccc; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu ul li.tl09 a:hover{
background: url(menu-hover.png) no-repeat top center;
display: block;
color:  #ffffff;
}
#menu ul li.tl09 a.aktivni, #menu ul li.tl09 a.aktivni:hover{
background: url(tl03.png);
display: block;
color:  #ffffff;
width: 96px;
padding-top: 30px;
padding-bottom: 17px;
color: #ffffff; 
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}
/*--- grafika pod menu ---*/
#pruh{
text-align: center;
margin-top: 0px;
width: 100%;
height: 468px;
background: url(pruh.png);
}
#grafika{
text-align: left;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 998px;
height: 468px;
background: url(grafika.jpg);
}
/*--- dum s tlacitky ---*/
#dum{
margin-top: 0px;
margin-left: 0px;
width: 559px;
height: 468px;
}
#dum a.balkony{
position: absolute;
margin-left: 15px;
margin-top: 60px;
display: block;
width: 176px;
height: 120px;
}
#dum a.balkony:hover{
background: url(balkony.jpg);
}
#dum a.zatepleni{
position: absolute;
margin-left: 15px;
margin-top: 206px;
display: block;
width: 136px;
height: 74px;
}
#dum a.zatepleni:hover{
background: url(zatepleni.jpg);
}
#dum a.izolace{
position: absolute;
margin-left: 231px;
margin-top: 19px;
display: block;
width: 286px;
height: 118px;
}
#dum a.izolace:hover{
background: url(izolace.jpg);
}
#dum a.rozvody{
position: absolute;
margin-left: 64px;
margin-top: 280px;
display: block;
width: 157px;
height: 63px;
}
#dum a.rozvody:hover{
background: url(rozvody.jpg);
}
#dum a.okna{
position: absolute;
margin-left: 282px;
margin-top: 343px;
display: block;
width: 121px;
height: 81px;
}
#dum a.okna:hover{
background: url(okna.jpg);
}
#dum a.vytahy{
position: absolute;
margin-left: 341px;
margin-top: 188px;
display: block;
width: 209px;
height: 84px;
}
#dum a.vytahy:hover{
background: url(vytahy.jpg);
}
#dum a.sanace{
position: absolute;
margin-left: 398px;
margin-top: 267px;
display: block;
width: 145px;
height: 87px;
}
#dum a.sanace:hover{
background: url(sanace.jpg);
}
#dum a.balkony span, #dum a.zatepleni span, #dum a.izolace span, #dum a.rozvody span, #dum a.okna span, #dum a.vytahy span, #dum a.sanace span{
display: none;
}


/*--- duvody a reference ---*/
#duvod-ref{
margin-top: -468px;
margin-left: 559px;
width: 439px;
}
#duvod-ref h2{
margin-top: 20px;
margin-left: 20px;
display: none;
}
#duvod-ref ul{
height: 170px;
margin-top: 76px;
margin-left: 39px;
list-style: none;
}
#duvod-ref ul li{
height: 20px;
margin-bottom: -2px;
color: #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#duvod-ref ul li span{
margin-right: 12px;
color: #ffffff; 
font: bold 14px Segoe Script;
}
/*--- reference ---*/
#reference{
margin-left: 15px;
margin-top: 55px;
width: 423px;
height: 150px;
background: url(reference.png);
}
#reference p{
float: left;
margin-top: 36px;
margin-left: 15px;
width: 193px;
height: 100px;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
#reference p a{
color:  #000000; 
font: bold 11px Arial, Helvetica, sans-serif;
}
#reference a.levy{
width: 19px;
height: 136px;
display: block;
float: left;
}
#reference a.pravy{
width: 19px;
height: 136px;
display: block;
float: left;
}
#reference a.levy span, #reference a.pravy span{
display: none;
}
#reference .obsah{
width: 385px;
height: 136px;
float: left;
}
#reference .obsah .foto{
margin-top: 12px;
width: 161px;
height: 121px;
float: left;
}
#reference .obsah .foto a{
width: 161px;
height: 121px;
float: left;
background: url(pic.png);
}
#reference .obsah .foto a .pic{
border: solid 2px #ffffff;
width: 161px;
height: 121px;
}
/*--- 
bunky 
---*/
/*--- zelena usporam ---*/
#stranka{
text-align: left;
width: 998px;
margin-left: auto;
margin-right: auto;
clear: both;
}
#uspory h2, #aktual h2, #panel h2, #projekt h2, #okna h2, #financovani h2{
display: none;
}
a.odkaz-bunka{
position: absolute;
margin-top: -170px;
margin-left: 0px;
width: 331px;
height: 219px;
display: block;
}
#uspory{
margin-top: 15px;
width: 331px;
height: 219px;
float: left;
background: url(bunka-uspory.png);
}
#uspory p{
height: 105px;
margin-top: 60px;
margin-left: 15px;
margin-right: 15px;
color:  #ffffff; 
text-align: justify;
font: normal 12px Arial, Helvetica, sans-serif;
}
#uspory a.odkaz{
text-align: center;
width: 132px;
height: 24px;
display: block;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 24px;
margin-right: 14px;
float: right;
}
#aktual{
margin-top: 15px;
width: 331px;
height: 219px;
float: left;
background: url(bunka-aktual.png);
}
#aktual h3{
margin-top: 60px;
margin-left: 15px;
margin-right: 15px;
color:  #333333; 
font: bold 12px Arial, Helvetica, sans-serif;
}
#aktual p{
height: 81px;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
color:  #666666; 
text-align: justify;
font: normal 12px Arial, Helvetica, sans-serif;
}
#aktual a.odkaz{
text-align: center;
width: 132px;
height: 24px;
display: block;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 24px;
margin-right: 14px;
float: right;
}
#panel{
margin-top: 15px;
width: 331px;
height: 219px;
float: left;
background: url(bunka-panel.png);
}
#panel p{
height: 105px;
margin-top: 60px;
margin-left: 15px;
margin-right: 15px;
color:  #000000; 
text-align: justify;
font: normal 12px Arial, Helvetica, sans-serif;
}
#panel a.odkaz{
text-align: center;
width: 132px;
height: 24px;
display: block;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 24px;
margin-right: 14px;
float: right;
}
#projekt{
margin-top: 15px;
width: 331px;
height: 219px;
float: left;
background: url(bunka-projekt.png);
}
#projekt p{
height: 105px;
margin-top: 60px;
margin-left: 15px;
margin-right: 15px;
color:  #000000; 
text-align: justify;
font: normal 12px Arial, Helvetica, sans-serif;
}
#projekt a.odkaz{
text-align: center;
width: 132px;
height: 24px;
display: block;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 24px;
margin-right: 14px;
float: right;
}
#okna{
margin-top: 15px;
width: 331px;
height: 219px;
float: left;
background: url(bunka-okna.png);
}
#okna p{
height: 105px;
margin-top: 60px;
margin-left: 15px;
margin-right: 15px;
color:  #ffffff; 
text-align: justify;
font: normal 12px Arial, Helvetica, sans-serif;
}
#okna a.odkaz{
text-align: center;
width: 132px;
height: 24px;
display: block;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 24px;
margin-right: 14px;
float: right;
}
#financovani{
margin-top: 15px;
width: 331px;
height: 219px;
float: left;
background: url(bunka-financovani.png);
}
#financovani p{
height: 105px;
margin-top: 60px;
margin-left: 15px;
margin-right: 15px;
color:  #000000; 
text-align: justify;
font: normal 12px Arial, Helvetica, sans-serif;
}
#financovani a.odkaz{
text-align: center;
width: 132px;
height: 24px;
display: block;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 24px;
margin-right: 14px;
float: right;
}
/*--- uvodni text ---*/
#uvod-text{
margin-top: 40px;
float: left;
width: 559px;
}
#uvod-text h2{
margin-left: 5px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#uvod-text h2 strong{
font: bold 16px Arial, Helvetica, sans-serif;
}
#uvod-text h3{
margin-left: 5px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#uvod-text h3 strong{
font: bold 16px Arial, Helvetica, sans-serif;
}
#uvod-text h4{
margin-left: 5px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#uvod-text h4 strong{
font: bold 16px Arial, Helvetica, sans-serif;
}
#uvod-text h5{
margin-left: 5px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#uvod-text h5 strong{
font: bold 16px Arial, Helvetica, sans-serif;
}
#uvod-text h6{
margin-left: 5px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#uvod-text h6 strong{
font: bold 16px Arial, Helvetica, sans-serif;
}
#uvod-text p{
margin-left: 5px;
margin-right: 20px;
margin-bottom: 10px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#uvod-text p a{
color:  #db5629; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#uvod-text ul{
margin-left: 15px;
margin-bottom: 20px;
}
#uvod-text ul li{
list-style: none;
padding-left: 8px;
background: url(arow.png) no-repeat 0px 5px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
}
#uvod-rychl{
background: url(stin-uvod.png) no-repeat left top;
margin-top: 40px;
float: left;
width: 439px;
}
#uvod-rychl .kalkulacka{
float: right;
background: url(kalkulacka.gif) no-repeat right center;
width: 423px;
height: 130px;
}
#uvod-rychl .poptavka{
float: right;
background: url(zapisnik.gif) no-repeat right center;
width: 423px;
height: 130px;
}
#uvod-rychl .kalkulacka h3, #uvod-rychl .poptavka h3{
margin-left: 5px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#uvod-rychl .kalkulacka h3 strong, #uvod-rychl .poptavka h3 strong{
margin-left: 5px;
margin-bottom: 12px;
color:  #db5629; 
font: bold 16px Arial, Helvetica, sans-serif;
}
#uvod-rychl .kalkulacka p, #uvod-rychl .poptavka p{
width: 280px;
margin-left: 5px;
margin-bottom: 12px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#uvod-rychl .kalkulacka a, #uvod-rychl .poptavka a{
text-align: center;
width: 117px;
display: block;
padding-top: 5px;
padding-bottom: 6px;
color:  #ffffff; 
font: bold 12px Arial, Helvetica, sans-serif;
text-decoration: none;
background: url(but01.gif);
}
#uvod-rychl .kalkulacka a:hover, #uvod-rychl .poptavka a:hover{
padding-top: 6px;
padding-bottom: 5px;
background: url(but01-over.gif);
}
/*--- 
dalsi stranky 
---*/
#stin{
height: 53px;
background: url(stin.png) no-repeat center bottom;
}
/*--- submenu ---*/
#submenu{
width: 331px;
float: left;
}
#submenu ul{
position: relative;
width: 321px;
margin-top: -14px;
margin-left: 5px;
background: url(submenu-stin.png) no-repeat center top;
background-color: #383838;
list-style: none;
}
#submenu .posledni{
background: url(submenu-pod.png) no-repeat center bottom;
height: 24px;
}
#submenu ul li {
clear: both;
width: 321px;
background: url(submenu-cara.png) no-repeat center bottom;
list-style: none;
}
#submenu ul li h2 a{
margin-left: 40px;
padding-top: 10px;
padding-bottom: 10px;
display: block;
color:  #cccccc; 
font: bold 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#submenu ul li h2 a:hover{
margin-left: 40px;
padding-top: 10px;
padding-bottom: 10px;
display: block;
color:  #ffffff; 
font: bold 12px Arial, Helvetica, sans-serif;
text-decoration: none;
background: url(submenu-svetlo.png) no-repeat center bottom;
}
/*--- obsah ---*/
p.napis{
margin-left: 10px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#obsah{
text-align: left;
float: left;
width: 647px;
margin-left: 10px;
}
#obsah h2{
margin-left: 10px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#obsah h2 strong{
font: bold 16px Arial, Helvetica, sans-serif;
}
#obsah h3{
margin-left: 10px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#obsah h3 strong{
font: bold 16px Arial, Helvetica, sans-serif;
}
#obsah h4{
margin-left: 10px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#obsah h4 strong{
font: bold 16px Arial, Helvetica, sans-serif;
}
#obsah h5{
margin-left: 10px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#obsah h5 strong{
font: bold 16px Arial, Helvetica, sans-serif;
}
#obsah h6{
margin-left: 10px;
margin-bottom: 12px;
color:  #db5629; 
font: normal 16px Arial, Helvetica, sans-serif;
}
#obsah h6 strong{
font: bold 16px Arial, Helvetica, sans-serif;
}
#obsah p{
margin-left: 10px;
margin-bottom: 12px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
p.ramecek01{
margin-left: 5px;
margin-right: 20px;
margin-bottom: 10px;
padding: 5px;
background-color: #999999; 
font: normal 12px Arial, Helvetica, sans-serif;
}
p.ramecek02{
margin-left: 5px;
margin-right: 20px;
margin-bottom: 10px;
padding: 5px;
background-color: #cccccc; 
font: normal 12px Arial, Helvetica, sans-serif;
}
p.ramecek03{
margin-left: 5px;
margin-right: 20px;
margin-bottom: 10px;
padding: 5px;
background-color: #d94b1a; 
color: #ffffff;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah ul{
margin-left: 15px;
margin-bottom: 20px;
}
#obsah ul li{
list-style: none;
padding-left: 8px;
background: url(arow.png) no-repeat 0px 5px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
}
#obsah p a, #obsah ul a, #obsah h2 a, #obsah h3 a, #obsah h4 a, #obsah h5 a, #obsah h6 a{
color:  #000000; 
text-decoration: underline;
}
/*--- fotogalerie ---*/
a.foto{
width: 200px;
height: 166px;
background: url(pic.png);
}
a.foto .pic{
border: solid 2px white;
width: 200px;
height: 145px;
}
#obsah #fotogalerie{
clear: both;
}
#obsah #fotogalerie a{
margin-left: 10px;
margin-bottom: 20px;
width: 200px;
height: 166px;
float: left;
background: url(pic.png);
}
#obsah #fotogalerie a .pic{
border: solid 2px #ffffff;
width: 200px;
height: 145px;
}
/*--- obsah ---*/
#kalkulace p{
width: 640px;
margin-bottom: 0px;
padding: 5px;
display: block;
clear: both;
border-bottom: solid 1px #adabab;
border-top: solid 1px #dedede;
border-left: solid 1px #adabab;
border-right: solid 1px #dedede;
background: #b8b8b8;
}
#kalkulace p.prvni{
width: 640px;
margin-bottom: 0px;
padding: 5px;
display: block;
clear: both;
border-bottom: solid 1px #adabab;
border-left: solid 1px #adabab;
border-right: solid 1px #dedede;
background: #b8b8b8;
}
#kalkulace p span{
float: left;
width: 190px;
margin-right: 10px;
display: block;
}
#kalkulace p input{
float: left;
width: 320px;
border: solid 1px black;
font-size: 12px;
height: 20px;
}
#kalkulace p input.vysl{
float: right;
margin-right: 5px;
width: 90px;
border: solid 2px red;
font-size: 14px;
}
#kalkulace p input.vysl-celk{
float: right;
margin-right: 5px;
width: 200px;
border: solid 2px red;
font-size: 14px;
}
#kalkulace p input.spocitat{
float: right;
margin-right: 5px;
width: 117px;
height: 26px;
border: none;
}
#kalkulace p select.velka{
float: left;
width: 320px;
border: solid 1px black;
font-size: 10px;
height: 20px;
}
#kalkulace p select.stred{
float: left;
width:210px;
border: solid 1px black;
font-size: 10px;
height: 20px;
}
#kalkulace p select.mala{
float: left;
margin-left: 10px;
width: 100px;
border: solid 1px black;
font-size: 10px;
height: 20px;
}
/*--- paticka ---*/
#paticka{
clear: both;
margin-top: 0px;
width: 100%;
text-align: center;
background: url(paticka.gif);
}
#block01{
clear: both;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 998px;
height: 103px;
text-align: left;
background: url(stin.png) no-repeat center top;
}
#block01 p{
float: left;
margin-top: 14px;
height: 103px;
width: 350px;
color: #b8b8b8; 
font: normal 10px Arial, Helvetica, sans-serif;
}
#block01 p span{
color: #b8b8b8; 
font: bold 11px Arial, Helvetica, sans-serif;
height: 0px;
}
#block01 p a{
color: #b8b8b8; 
font: normal 10px Arial, Helvetica, sans-serif;
}
#block01 p input{
width: 180px;
margin-bottom: 6px;
color:  grey; 
border: solid 1px #b8b8b8;
font: normal 10px Arial, Helvetica, sans-serif;
}
#block01 p textarea{
width: 180px;
height: 32px;
margin-bottom: 6px;
color: grey; 
border: solid 1px #b8b8b8;
font: normal 10px Arial, Helvetica, sans-serif;
}
#block01 p .odeslat{
width: 77px;
height: 17px;
border: none;
}
#logo-bottom{
float: right;
margin-top: 25px;
width: 159px;
height: 65px;
background: url(logo-bottom.gif);
}
#block02{
clear: both;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 998px;
text-align: left;
background: url(stin.png) no-repeat center top;
}
#block02 p{
padding-top: 14px;
padding-bottom: 7px;
color:  #333333; 
font: normal 11px Arial, Helvetica, sans-serif;
}
#block02 p a{
color:  #333333; 
}
#wedipa{
float: right;
margin-top: -32px;
color:  #000000; 
font: normal 14px Arial, Helvetica, sans-serif;
}
#wedipa a{
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
}
#block02 p#seo{
padding-top: 14px;
padding-bottom: 7px;
color:  #aeadad; 
font: normal 11px Arial, Helvetica, sans-serif;
}
#block02 p#seo a{
color:  #aeadad; 
text-decoration: none;
}

.odst01{
width: 320px;
float: left;
}
.odst02{
width: 320px;
float: right;
}
.photo{
padding: 10px;
}







#popt{
}
#popt td{
height: 20px;
padding-top: 4px;
padding-bottom: 4px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
vertical-align: top;
}
#popt td ul li{
background: none;
margin-bottom: 7px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
}
#popt td h2{
margin-left: 0px;
padding-left: 0px;
}


.input-text2 {
margin-bottom: 0px;
margin-top: 0px;
	font-family: "Verdana CE", "Arial CE", "Helvetica CE", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 140px;
	color: #000000;
	background-color: #ffffff;
	border: #000000 1px solid;
}
.input-text4 {
	font-family: "Verdana CE", "Arial CE", "Helvetica CE", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 50px;
	color: #000000;
	background-color: #ffffff;
	border: #000000 1px solid;
}
.input-text3 {
	font-family: "Verdana CE", "Arial CE", "Helvetica CE", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 332px;
	color: #000000;
	background-color: #ffffff;
	border: #000000 1px solid;
}
.input-button2 {
	font-family: "Verdana CE", "Arial CE", "Helvetica CE", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	color: #ffffff;
	background-color: #a60c20;
	border: #7e0f18 1px solid;
	cursor: hand;
}

.style1 {
	color: #0C5921;
	font-weight: bold;
}
.style2 {color: #999999}
.style3 {color: #666666}
.style6 {font-size: 10px}
.style7 {color: #910d1b}
.style8 {font-size: 18px}