*{border: 0;padding: 0;margin: 0;}
.clear{float: none;clear: both;font-size: 1px;line-height: 1px;}
a{color: #555f9b;font-weight: bold;}
ul{list-style-type: none;}
hr{height: 1px;color: #beaad5;background-color: #beaad5;border: 0px solid #beaad5;margin: 15px 0 15px 0;}


body{background: url('./images/pozadi.jpg') left top repeat-x #FFF;color: #555f9b;font-family: Trebuchet MS;text-align: center;font-size: 13px;}

div.main{width: 882px;margin: auto;text-align: left;}

div.header{height: 172px;background: #4467A8;position: relative;}
div.header p{padding: 10px;color: #FFF;}
div.header a span{position: absolute;left: 0;top: 0;display: block;width: 882px;height: 172px;cursor: pointer;background: url('./images/header.jpg') left top no-repeat;}

ul.menu{list-style-type: none;height: 58px;background: url('./images/menu.jpg') left top no-repeat #2b346b;}
ul.menu li{float: left;display: inline;}
ul.menu li a{height: 58px;line-height: 58px;color: #f3d473;text-decoration: none;font-size: 15px;font-weight: normal;padding: 19px 17px 19px 17px;margin: 0 0 0 0;}
ul.menu li a:hover{background: url('./images/menu_hover.jpg') left top repeat-x #A80000;}

div.obsah{min-height: 500px;height: auto;_height: 500px;background: url('./images/obsah.jpg') left top no-repeat #FFF;position: relative}

div.obsah span.stin{position: absolute;display: block;width: 33px;top: 0;}
div.obsah span.levy_vrchni{height: 296px;z-index: 2;background: url('./images/stin_levy_vrchni.jpg') left top no-repeat;left: -33px;}
div.obsah span.levy_spodni{height: 100%;z-index: 1;background: url('./images/stin_levy_spodni.jpg') left top repeat-y;left: -33px;}
div.obsah span.pravy_vrchni{height: 296px;z-index: 2;background: url('./images/stin_pravy_vrchni.jpg') left top no-repeat;right: -33px;}
div.obsah span.pravy_spodni{height: 100%;z-index: 1;background: url('./images/stin_pravy_spodni.jpg') left top repeat-y;right: -33px;}
div.panel span.levy_stin{position: absolute;display: block;width: 33px;top: 0;height: 107px;background: url('./images/stin_footer_levy.jpg') left top no-repeat;left: -33px;z-index: 2;}
div.panel span.pravy_stin{position: absolute;display: block;width: 33px;top: 0;height: 107px;background: url('./images/stin_footer_pravy.jpg') left top no-repeat;right: -33px;z-index: 2;}

div.footer{height: 107px;background: url('./images/footer.jpg') left top repeat-x #4467a8;text-align: center;font-size: 12px;}
div.footer div.panel{width: 882px;margin: auto;text-align: left;height: 107px;position: relative;color: #FFF;}
div.footer div.panel p{float: left;width: 160px;padding: 5px 0 0 30px;line-height: 125%;}
div.footer div.panel img{position: absolute;right: 0;top: 0;}

div.obsah div.odsazeni{padding: 20px;}

div.submenu{width: 277px;float: right;background: url('./images/submenu.jpg') left top no-repeat;padding: 15px 0 15px 0;margin: 5px 0 15px 15px;}

div.levy-sloupec {width: 217px; float: left; padding: 0 0 0 50px; text-align: center;}
div.pravy-sloupec {width: 237px; float: right;  padding: 0 50px 0 0; text-align: center;}

div.oranzovy_ramecek{margin: 20px 0 0 0;width: 299px;height: 184px;background: url('./images/oranzovy_ramecek.jpg') left top no-repeat #ff7503;color: #6d3101;}
div.oranzovy_ramecek div.odsazeni{padding: 15px 15px 0 15px;}

div.levy{width: 270px;float: left;}
div.stredni{width: 330px;float: left;}
div.pravy{width: 240px;float: right;}
div.obsahovy{float: right; width: 572px;}

div.pravy2{width: 275px;float: right;}

span#ukazkaBoxId{display: block; background: url('./images/nabizime.jpg') left top no-repeat #fe7808;overflow: hidden;width: 289px;height: 60px;line-height: 50px;}
span#ukazkaBoxId a{margin-left: 20px;color: #6d3101;}
span#ukazkaBoxId a:hover{text-decoration: none;}
#ukazkaId img{padding-bottom: 15px;}

div.obsahovy p, div.stredni2 p, div.pravy2 p, div.pp p{margin: 10px 0 15px 0;}
div.obsahovy strong{color: #b40004;text-decoration: underline;}

div.kalkulace, div.certifikaty{width: 245px;margin: 20px 0 0 0;}
div.certifikaty a{display: block; margin-top: -10px; width: 235px; height: 102px; background: url('./images/certifikaty.jpg') left top no-repeat;}

h3{font-family: Myriad Pro;font-size: 22px;letter-spacing: -2px;font-weight: normal;}
h2{font-family: Myriad Pro;font-size: 30px;letter-spacing: -2px;font-weight: normal;}
h2, h3{margin-bottom: 10px;}
h3.oranzove{color: #ff7200;font-size: 18px;font-weight: bold;letter-spacing: 0px;}

span.cernobile{padding-left: 37px;background: url('./images/cernobile.gif') left center no-repeat;display: block;width: 70px;float: left;}
span.barevne{padding-left: 37px;background: url('./images/barevne.gif') left center no-repeat;display: block;width: 70px;float: left;}

div.ceniky, div.historie{background: url('./images/cenik_bg.jpg') left top repeat-x #f6f3f9; width: 241px; padding: 3px;}
div.novinky{background: #f6f3f9; width: 214px; padding: 3px;}
div.ceniky p, div.historie p{line-height: 170%;}
div.ceniky div.odsazeni, div.historie div.odsazeni{border: 1px solid #beaad5; padding: 15px;}
div.novinky div.odsazeni{height: 266px; border: 1px solid #beaad5; padding: 0px;}
div.novinky div.odsazeni img{padding: 0px; margin: 0px;}
div.ceniky span.oddeleni, div.historie span.oddeleni{display: block; width: 100%; height: 8px; background: url('./images/ceniky_oddeleni.jpg') left top no-repeat; overflow: hidden; margin: 10px 0 2px 0; clear: both;}
div.ceniky b, div.historie b{color: #ff0000;}

div.historie{position: relative;}
div.historie div.odsazeni{min-height: 240px;height: auto;_height: 240px;padding-right: 110px;}
div.historie img{position: absolute;top: 10px;right: -20px;}

ul.odkazy{margin-left: 15px;}
ul.odkazy li{letter-spacing: -0.25px; line-height: 25px;height: 25px;padding-left: 15px;background: url('./images/li.gif') left center no-repeat;}
ul.odkazy li a:hover{color: #ff7200; text-decoration: none;}

img.obrazky{background: #FFF;padding: 1px;border: 3px solid #d5d4aa;}
img.vlevo{float: left;margin: 0 10px 10px 0;}
img.vpravo{float: right;margin: 0 0 10px 10px;}

div.akce, div.center{text-align: center;}
div.akce a img{border: 2px solid #838CBF;}

input, textarea{background: #FFF;padding: 2px;border: 1px solid #BEAAD5;font-size: 12px;}
input.button{background: #DFE0FF;border: 1px solid #000;}

table.certifikaty{padding: 10px 10px 10px 10px; float: left; width: 570px; text-align: center}
table.certifikaty td{padding: 0px 20px 20px 0px;}