body{padding: 0; margin: 0; background: url(../images/background.png) repeat-x;}
body{font-family: arial; font-size: 12px; color: #FFF;}
body{behavior:url("/csshover.htc"); background-color: rgb(76,76,76);}

p{margin: 0;}

h1{font-size: 145%; margin: 0; padding: 0; padding: 1px; margin-top: 10px; margin-bottom: 20px; color: rgb(255,216,0); font-weight: bold; padding-left: 30px; background: url(../images/nadpis.png) no-repeat;}
h2{font-size: 13px; margin: 0; padding: 0; margin-bottom: 10px; color: rgb(255,216,0);}
h3{font-size: 13px;}

#detaily img{margin: 0; padding: 0; margin-bottom: 15px;}

.all{width: 980px; margin: auto; background: rgb(94,94,94);}

a{color: rgb(255,216,0);}
a:hover{text-decoration: none;}

.info, .vystraha{background-color: rgb(252,229,108); border: solid rgb(234,193,21) 1px; background-repeat: no-repeat; padding: 7px 0 6px 40px; margin: auto; margin-top: 30px; width: 80%; font-weight: bold;}
.info{background-image: url(../images/servis/info.png); color: rgb(0,0,153);}
.info a{color: rgb(0,0,153);}
.vystraha{background-image: url(../images/servis/vystraha.png); color: rgb(204,0,51);}
.vystraha a{color: rgb(204,0,51);}

.product{width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(115,115,115);}
.product h2{margin: 0; padding: 0; font-size: 130%;}
.product .product_left{width: 140px; float: left;}
.product .product_right{width: 380px; float: left;}

.product_atributy{background: rgb(115,115,115); margin-bottom: 15px; padding-bottom: 10px;}
.product_atributy h3{background: rgb(196,0,4); padding: 10px; margin: 0; margin-top: 10px; margin-bottom: 10px;}
.product_atributy input{margin-left: 15px;}
.product_atributy input.button{margin: 0;}

.product_atributy table{width: 100%; margin: 10px; margin-bottom: 0;}

.product_info{float: right; width: 350px; _width: 320px;}
.product_img{float: left; width: 160px; }
.product_img img{border: solid rgb(255,216,0) 1px; margin: 8px; margin-top: 0; margin-left: 0;}
.product_img .prilohy{padding-left: 5px;}
.product_img .prilohy img{margin-bottom: 10px;}

table.kosik{width: 100%; border-collapse: collapse; margin-top: 15px; text-align: right; margin-bottom: 20px;}
table.kosik td{padding: 5px;}
table.kosik .hlavicka{color: #FFF; background: #333333; font-weight: bold;}
table.objednavka{width: 100%; border-collapse: collapse; margin-top: 3px; text-align: right;}

table.atributy{width: 97%; margin: 5px; padding: 2px; border-collapse: collapse; text-align: left;}
table.atributy img{border: none;}
table.atributy td{padding: 3px; vertical-align: middle;}
table.atributy tr.formular_lichy_radek{background-color: #666666;}

/*smajl*/
.smajl{border-style: none; padding: 0px; margin-left: 3px;}
.popisek{margin: auto; width: 150px; text-align: center; margin-bottom: 0px; margin-top: 30px; font-size: 90%;}
#guestbook{display: none; margin-bottom: 10px;}

/*formulare*/
.formular, .formular_add{text-align: left; margin: auto; width: 100%; padding: 1px; margin-top: 15px;}
.formular_add{width: 50%;}
.formular_hlavicka{background-color: rgb(61,61,61); color: #FFF; font-weight: bold;}
.formular_lichy_radek{}
.formular_sudy_radek{}
.formular td, .formular_add td{padding: 3px; padding-right: 6px;}
.formular img{border-style: none;}

form{margin: 0px;}
select{border-style: inset; border-width: 2px;}
.formular input{width: 100%; border: solid #CCCCCC 1px; background-color: #FFFFFF;}
.formular input[type=submit]{width: 70px; margin-top: 2px;}
textarea{width: 100%; border: solid #CCCCCC 1px;}
#tlacitko {width: 70px;}

.zaznam h2{color: rgb(255,216,0); font-weight: bold; background: transparent; border: none; padding: 0; margin: 0; text-align: left;}
.zaznam h2 a{text-decoration: none;}

.zaznam h3{color: rgb(255,216,0); font-weight: bold; background: transparent; border: none; padding: 0; margin: 0; text-align: left;}
.zaznam h3 a{text-decoration: none;}


.zaznam .vlozeno{color: #CCCCCC; font-style: italic;}
.zaznam{margin-bottom: 15px;}
.prispevek{padding: 0 5px 0 5px; margin: auto; width: 100%; margin-bottom: 10px; margin-top: 5px;}
.response{margin-left: 25px; color: rgb(255,216,0);}

.podpis{font-size: 85%; margin-top: 2px; text-align: left; color: #AAAAAA;}

.header{height: 230px; background: url(../images/header.jpg);}
.header1{height: 80px; background: url(../images/header1.jpg);}
.header10{height: 80px; background: url(../images/header10.jpg);}
.header11{height: 80px; background: url(../images/header11.jpg);}
.header12{height: 80px; background: url(../images/header12.jpg);}
.header2{height: 86px; background: url(../images/header2.jpg);}
#vlajky{float: right; position: absolute; top: 30px; right: 15px;}
#vlajky img{border: none;}


#kostka-logo{display: block; background: url(../images/kostka-logo.jpg); width: 175px; height: 39px; position: absolute; top: 14px; left: 107px;}

.kosik{text-align: right; position: relative;}
.kosik span{position: absolute; right: 5px; top: 3px; font-size: 90%;}
.kosik span img{position: relative; top: 2px;}
.kosik .other{background: url(../images/tophead-index.jpg); height: 68px;}
.kosik .kolobezky{background: url(../images/tophead-kolobezky.jpg); height: 68px;}

.main{}

.main .left h2, .main .right h2{padding: 0; margin: 0; color: #FFF; background: rgb(196,0,4); border-left: 4px solid rgb(255,216,0); font-size: 120%; padding: 3px 0 3px 10px; margin-bottom: 5px; margin-top: 10px;}
.main .left{width: 190px; background: url(../images/menu.png) repeat-x; float: left; padding: 0 10px 0 10px;}
.main .left img, .main .right img{border: none; margin-top: 10px;}
.main .left #anketa{font-size: 90%; text-align: left;}

.main .center{width: 530px; _width: 520px; float: left; padding: 0 15px 0 15px; _padding-right: 7px;}
.main .center a img{border: none;}
.main .center-big{width: 729px; _width: 719px; float: left; padding: 0 15px 0 15px;}

.main .right{width: 189px; float: left; border-left: 1px solid rgb(115,115,115);padding: 0 10px 0 10px;}
.main .right #news{font-size: 90%;}

.footer{background: url(../images/footer.jpg); width: 957px; margin: auto; height: 24px; text-align: right; padding-top: 10px; padding-right: 25px; margin-top: 15px;}
.footer a{color: #FFF; font-size: 90%;}
.footer a:hover{text-decoration: none;}

.cleaner{clear: both;}

.vlozena_left, .vlozena_right, .vlozena_center{border: solid rgb(67,140,104) 1px; margin: 8px; padding: 3px; background-color: #FFF;}
.vlozena_left{float: left; margin: 0; border: none; padding: 0; margin-bottom: 10px; margin-right: 10px;}
.Xvlozena_left{float: left; margin: 0; border: none; padding: 0; margin-bottom: 10px;}
.vlozena_right{float: right; margin: 0; border: none; padding: 0; margin-bottom: 10px; margin-left: 10px;}
.Xvlozena_right{float: right; margin: 0; border: none; padding: 0; margin-bottom: 10px;}
.vlozena_center, .Xvlozena_center{margin: 0; border: none; padding: 0; padding-bottom: 10px; background: transparent;}
div.vlozena_center, div.Xvlozena_center{text-align: center; border-style: none; clear: both;}

/*listovani*/
.poradac{margin-top: 15px; margin-bottom: 15px;}
.poradac ul{margin: 0;padding: 0;text-align: left;}
.poradac li{list-style-type: none;display: inline;padding-bottom: 1px; margin: 2px;}
.poradac a, .poradac a:visited{padding: 0 5px;}
.poradac a:hover, .poradac a:active{}
.poradac li.poradac_aktualni{font-weight: bold;padding: 0 5px;}
.poradac li.poradac_neaktivni{padding: 0 5px;}