/* CSS Document */
/* www.ceresport.cz */
/* autor: Ondrej Kunes */

* {padding:0px;margin:0px}
.cleaner{clear: both;}
.formMessage{color: #fff; font-size: 10px; font-weight: bold;}
h1{font-weight: bold;}
h2{color:#ffffff; font-size: 15px;}

body{font-family: tahoma;font-size:12px;margin: 0px;padding: 0px;text-align: center; background-color: #FFF; background-image: url(images/head.gif); background-position: top; background-repeat: repeat-x;}

.wraper{margin: 0px auto;width: 1002px;height: auto;color:#ffffff;}

.top{width:1002px; height: 101px; background-image: url(images/top.gif); margin:0px auto;}
.logo{border: none; float: left; margin: 0px; padding: 0px; display: block;}
.top-left{float: left; width: 469px; height: 101px; display: block; margin: 0px; padding: 0px;}
.top-right{float: left; width: 533px; height: 101px; display: block; margin: 0px; padding: 0px;}

.content{width: 1002px; min-height: 920px; _height:920px; background-image: url(images/content-eshop.gif); background-repeat: repeat-y; }
.left{float: left; width: 215px; min-height: 200px; text-align: left; }
.right{float: left; width: 787px; min-height: 200px; text-align: left; }

.footer{width: 100%; height: 104px; background-image: url(images/footer.gif); background-repeat: repeat-x; text-align: center;}
.footer-obsah{width: 1002px; height: 104px; background-image: url(images/footer-obsah.gif); margin: 0px auto; font-size: 11px; color:#fff;}
.footer-obsah a{color:#fff; text-decoration: none;}
.footer-obsah a:hover{color:#fff; text-decoration: underline;}

.copyright{float: left; padding-left: 50px; padding-top: 12px;}
.realizace{float: right; padding-right: 50px; padding-top: 12px; text-align: left;}

#TopMenu1{width: 469px; text-align: center; height: 40px;}
#TopMenu1 ul{list-style-type: none; font-size: 14px; font-family: microsoft Sans Serif; padding-left:125px; padding-top: 12px; height: 28px;}
#TopMenu1 li{display: block; width: 85px; float: left; height: auto;}
#TopMenu1 li#TopMenu1ObchodniPodminky{display: block; width: 150px; float: left; height: auto;}
#TopMenu1 li a{color:#ffffff; text-decoration: none;}
#TopMenu1 li a:hover{color:#ffffff; text-decoration: underline;}

#TopMenu2{width: 469px; text-align: center; height: 60px;}
#TopMenu2 ul{list-style-type: none; font-size: 14px; font-family: microsoft Sans Serif; padding-left:25px; padding-top: 32px; height: 27px;}
#TopMenu2 ul li{display: block; width: 104px; height: 22px; float: left;padding-right: 2px; }
#TopMenu2 ul li a{display: block; width: 104px; height: 27px; background-image: url(images/item-left.gif); float: left; text-decoration: none; text-align: center; color:#fff;}
#TopMenu2 ul li a:hover{background-image: url(images/item-right.gif); color:#fff;}
#TopMenu2 ul li a span{line-height: 26px;}

#TopMenu3{width: 533px; text-align: center; height: 60px;}
#TopMenu3 ul{list-style-type: none; font-size: 14px; font-family: microsoft Sans Serif; padding-left:85px; padding-top: 72px; height: 27px;}
#TopMenu3 ul li{display: block; width: 104px; height: 22px; float: left;padding-right: 2px; }
#TopMenu3 ul li a{display: block; width: 104px; height: 27px; background-image: url(images/item-right.gif); float: left; text-decoration: none; text-align: center; color:#fff;}
#TopMenu3 ul li a:hover{background-image: url(images/item-left.gif); color:#000000;}
#TopMenu3 ul li a span{line-height: 26px;}

.shop-content{padding: 20px; padding-top: 0px;}
.shop-content h1{font-size: 20px; padding-bottom: 15px; border-bottom: 2px solid #ffffff; font-family: microsoft Sans Serif;}
.navigace{background-color: #a27b40; padding: 4px; color:#fff; padding-left: 7px; font-size: 11px;}
.navigace a{color:#fff; text-decoration: none;}
.navigace a:hover{color:#fff; text-decoration: underline;}

.produkty-top-left{width: 327px; height: 160px; float: left;}
.produkty-top-right{width: 420px; height: 160px; float: left;}
#TopMenu4{font-family: microsoft Sans Serif; padding-top: 20px;}
#TopMenu4 a{color:#ffffff; text-decoration: none;}
#TopMenu4 a:hover{color:#ffffff; text-decoration: underline;}
#TopMenu4 ul{list-style-type: none;}
#TopMenu4 li{display: inline; margin-left: 20px; font-size: 12px; font-weight: bold;}

.produkty-kos{width:340px; height: 71px; float: right; margin-top: 30px; border:2px solid #fff;}
.produkty-kos table{margin-top: 2px; margin-left: 8px; font-size: 12px; color:#ffffff;}
.produkty-kos td{width: 140px; padding:0px;}
.produkty-kos td a{color:#ffffff; text-decoration: underline;}
.kosik-klikatelny{display:block; height:24px;  font-size: 14px; text-decoration: none; font-weight: bold; color:#fff; padding-left: 8px; padding-top: 7px;}

.produkty-login{padding-left: 0px; padding-top: 26px;}
.produkty-login-obsah{width: 247px; border:1px solid #ffffff;}

.shop-menu{float:right;padding-right:7px; padding-top: 20px;}
.shop-menu-top{width: 200px; font-weight: bold; font-size: 14px; padding-bottom: 5px; text-indent: 3px;}
.shop-menu-middle{width: 200px;border:2px solid #fff; border-right:none;}
.shop-menu-bottom{background-image: url(images/shop-menu-bottom.gif); width: 204px; height: 3px; background-repeat: no-repeat;}
.shop-menu-middle-obsah{padding: 10px; padding-left: 5px;}
.shop-menu-middle ul{list-style-type: none; line-height: 17px; padding-left: 10px;}
.shop-menu-middle ul a{color:#ffffff; text-decoration: none;}
.shop-menu-middle ul a:hover{color:#ffffff; text-decoration: underline;}
.shop-menu-middle ul a.level1{color:#ffffff; text-decoration: none; width: 160px; display: block; background-image: url(images/odrazka.gif); background-repeat: no-repeat; background-position: left; padding-left: 17px;}
.shop-menu-middle ul a.level1:hover{color:#ffffff; text-decoration: underline;}
.shop-menu-middle ul a.level1.open{ color:#ffffff; width: 180px;display: block;background-image: url(images/odrazka2.gif); background-repeat: no-repeat; background-position: left;}
.shop-menu-middle ul a.level1.active{font-weight: bold; color:#ffffff; text-decoration: underline;}
.shop-menu-middle ul a.level2{color:#ffffff; width: 153px;display: block;padding-left: 17px;}
.shop-menu-middle ul a.level2.active{font-weight: bold; color:#ffffff; text-decoration: underline;}
.shop-menu-middle ul a.level3{color:#ffffff; width: 143px;display: block;padding-left: 17px;}
.shop-menu-middle ul a.level3.active{font-weight: bold; color:#ffffff; text-decoration: underline;}
.shop-menu-middle ul a.level4{color:#ffffff; width: 133px;display: block;padding-left: 17px;}
.shop-menu-middle ul a.level4.active{font-weight: bold; color:#ffffff; text-decoration: underline;}
.shop-menu-middle ul a.level5{color:#ffffff; width: 123px;display: block;padding-left: 17px;}
.shop-menu-middle ul a.level5.active{font-weight: bold; color:#ffffff; text-decoration: underline;}
.shop-menu-middle ul a.level6{color:#ffffff; width: 113px;display: block;padding-left: 17px;}
.shop-menu-middle ul a.level6.active{font-weight: bold; color:#ffffff; text-decoration: underline;}

.novinky{padding-left: 8px; float: left; padding-top: 25px;}

.akce{padding-left: 8px; float: left; padding-top: 25px;}

.left-box-obsah1{width: 190px; height:227px; border:2px solid #fff;}
.left-box-obsah2{width: 190px; border:2px solid #fff;}
.left-box-padding{padding-left: 12px; padding-top: 10px; width: 167px; padding-bottom: 10px;}

.nadpis-news{font-size: 14px; font-weight: bold; padding-left: 12px; padding-top: 10px;}


.action-product{border-top: 1px solid #fff; padding-top: 15px;}
.ation-nazev h2{font-size: 12px;}
.ation-nazev a{color:#fff;}

.search{float: right; padding-top: 19px; padding-right: 7px; }
.search-obsah{width: 200px; height: 83px; border:2px solid #fff; border-right:none;}
.search legend{display: none;}
.search label{display: none;}
.search form{padding-left:15px; padding-top: 0px;}
#FormSearchQ{width: 165px; height: 19px; border:1px solid #fff; background: transparent; }
#formMessageFormSearchQ{display: none;}
#FormSearchSubmit{width: 72px; height: 18px; margin-top: 12px; cursor: pointer; background-image: url(images/hledat.png); border:none;}


.product-body{width: 246px; height: 182px; float: left; background-color: #bf6813; margin-bottom: 20px; margin-right: 3px;}
.product-body a{color:#fff; text-decoration: none;}
.product-body a:hover{color:#fff; text-decoration: underline;}

.produkt-nadpis{width:246px; text-align:left; height: 30px; border-bottom:1px solid #d77618;}
.produkt-nadpis .produkt-obsah{padding-left: 10px; padding-top: 6px;}
.produkt-nadpis h2{font-size: 13px; font-weight: bold; }
.produkt-image{width: 110px; height: 120px; float: left; text-align: center; border-right: 1px solid #d77618;}
.produkt-image .produkt-obsah{padding-top: 5px; padding-bottom: 5px;}
.produkt-kratky-popis{float: left; width: 117px; margin-left: 10px; color:#fff; font-size: 11px;}
.produkt-kratky-popis-obsah{ padding-top: 5px; padding-bottom: 5px; overflow: hidden;}

.produkt-cena{width:246px; text-align:left; height: 30px; border-top:1px solid #d77618;}
.produkt-cena .produkt-obsah{padding-left: 10px; padding-top: 6px; color:#fff;}

.produkt-obsah{padding-left: 4px; padding-right: 4px;}
.produkt-obsah img{border: 1px solid #ffffff; }


.vypis-form {padding-left: 3px;}
.vypis-form-obsah {border-top:2px solid #305f81; width: 225px; height: 38px; }
.vypis-form fieldset br,#formLabelFormBasketCount{display:none;}
.vypis-form #FormBasketCount{width: 20px; float: left;margin-left: 8px;}
.vypis-form .dynaFormResult{display:none;}
.vypis-form #FormBasketSubmit{width: 74px; height: 24px; background-image: url(images/kosik-vypis.gif); border: none; cursor: pointer;  _margin-top: 13px;margin-top: 10px;margin-left: 13px;}
.vypis-form form{height:20px;}
.vypis-form #formMessageFormBasketCount{display:none;}
.vypis-form table,tr,td{padding:0px; margin:0px; height:10px;}
.vypis-form input{height:20px; float:left;}

.floatleft{float: left; display: block; margin-left: 10px; padding-top: 3px;}

.strankovani{width: 100%; text-align: center; font-size: 12px; padding-top: 15px; border-top:2px solid #ffffff;}
.strankovani a{color:#ffffff; text-decoration: none; padding-left:5px; font-weight: bold;}
.strankovani a:hover{color:#ffffff; text-decoration: underline;}


.detail-produkt{background-color: #bf6813;}
.detail-nazev{padding: 15px;}
.detail-foto{float: right; padding: 15px; padding-top: 0px;}
.detail-popis{padding: 15px; padding-top: 0px;}
.detail-cena{padding: 15px; padding-top: 0px; font-weight: bold;}
.detail-cena a{color:#FFFFFF; font-weight: normal;}
.detail-form{padding: 15px; padding-top: 0px;}
.next-foto{}
.fotka{float: left; padding-left: 15px; padding-bottom: 10px; height: 100px;}



.doporucujeme-produkt{float: left; padding-left: 15px; padding-bottom: 15px; text-align: center;}
.doporucujeme-nazev{width: 120px; text-align: center; font-size: 11px;}
.dynaFormResult{font-size: 20px; color:#ffffff; width: 100%; text-align: center; padding-top: 3px; font-weight: bold;}

.action-produkt{width: 100%; padding-top: 5px; text-align: center; padding-bottom: 5px; border-bottom:1px solid #fff;}

.action-produkt .nadpis{width: 100%; padding-top: 2px; font-size: 11px; font-weight: bold; text-align: center; font-family: verdana; height: 14px; overflow: hidden;}
.action-produkt .nadpis a{color:#ffffff; text-decoration: none;}
.action-produkt .nadpis a:hover{color:#ffffff; text-decoration: underline;}
.action-produkt .cena {font-size: 10px; color:yellow;}





#kosik{width: 100%; border:1px solid #fff; border-collapse: collapse; padding: 5px;}
.kosik table#kosik th, td{padding: 5px; color:#ffffff; font-size: 11px;}
.kosik table#kosik tr{border-bottom:1px solid #fff;}
.objednat{border: 1px solid #fff; padding: 3px; color:#ffffff; font-size: 11px; text-align: center; width: 140px; display: block; float: right; background-color: #ab551b;}
.submit #FormBasketSubmit{width: 133px; height: 23px; background-image: url(images/objednat.gif); cursor: pointer; border: none; margin-top: 50px;}
.bunka input{width: 21px; height: 21px; background-image: url(images/delete.gif); border:none; font-size: 0px; color: transparent; cursor: pointer;}
.bunka, .kosik-cenaDPH, .kosik-pocet, .kosik-odebrat{text-align: center;}

#OsobniInformace {padding: 20px; background-color: #bf6813;}
#OsobniInformace legend{display: none;}
#OsobniInformace label{margin-bottom: 3px;}
#OsobniInformace input{margin-top: 4px; margin-bottom: 9px; width: 300px;}

#KontaktniInformace{padding: 20px; background-color: #bf6813; margin-top: 25px;}
#KontaktniInformace legend{display: none;}
#KontaktniInformace label{margin-bottom: 3px;}
#KontaktniInformace input{margin-top: 4px; margin-bottom: 9px; width: 300px;}


#DalsiInformace{padding: 20px; background-color: #bf6813; margin-top: 25px;}
#DalsiInformace legend{display: none;}
#DalsiInformace label{margin-bottom: 3px;}
#DalsiInformace input{margin-top: 4px; margin-bottom: 9px; width: 300px;}
#DalsiInformace textarea {margin-top: 4px; margin-bottom: 9px; width: 300px; height:120px;}


.fieldBool #FormOrderSk{width: 25px;}
.fieldBool #FormOrderTerm{width: 25px;}
#FormOrderDescription{width: 300px; height: 100px;margin-top: 4px;}
.submit #FormOrderSubmit{width: 133px; height: 23px; background-image: url(images/objednat.gif); cursor: pointer; border: none; margin-top: 25px;}
#objednavka .submit{padding-left: 0px;}

.vypis-form-obsah form{}
.vypis-form-obsah fieldset{float: left;  width: 110px; padding-top: 10px; _padding-top:0px;}

.hover-menu{width: 1002px; margin:0px auto; position:absolute; text-align: left; margin-top:-2px;}
.hover-menu li:hover{color:#066198;}
.hover-menu a{color: #A8CBE1; text-decoration: none; width: 100%; display: block;}
.hover-menu a:hover{color: #A8CBE1; text-decoration: underline;}

.hover-scm{margin-left: 46px; width: 101px; border: 1px solid silver; font-size: 11px; float: left; background-color: #066198;}
.hover-scm ul{list-style-type: none;}
.hover-scm li{padding:3px; border-bottom: 1px solid silver; padding-left: 5px; padding-right: 5px;}

.hover-yachtklub{margin-left: 3px; width: 101px; border: 1px solid silver; font-size: 11px; float: left; background-color: #066198;}
.hover-yachtklub ul{list-style-type: none;}
.hover-yachtklub li{padding:3px; border-bottom: 1px solid silver; padding-left: 5px; padding-right: 5px;}

.hover-uzitecne{margin-left: 3px; width: 101px; border: 1px solid silver; font-size: 11px; float: left; background-color: #066198;}
.hover-uzitecne ul{list-style-type: none;}
.hover-uzitecne li{padding:3px; border-bottom: 1px solid silver; padding-left: 5px; padding-right: 5px;}

.hover-restaurace{margin-left: 3px; width: 101px; border: 1px solid silver; font-size: 11px; float: left; background-color: #066198;}
.hover-restaurace ul{list-style-type: none;}
.hover-restaurace li{padding:3px; border-bottom: 1px solid silver; padding-left: 5px; padding-right: 5px;}


/* registrace shop */
.registrace-shop .submit{padding-left: 20px;}
.registrace-shop input{margin-bottom:9px;margin-top:4px;}
.registrace-shop legend{text-decoration: underline; color:#ffffff; font-size: 15px; margin-bottom: 6px;}
.registrace-shop #OsobniInformace{margin-bottom: 20px;width:300px;}
.registrace-shop #KontaktniInformace{margin-left:20px; margin-bottom: 20px;}
.registrace-shop #KontaktniInformace input{width: 300px;}
.registrace-shop #PrihlasovaciInformace{margin-left:20px; margin-bottom: 20px;}
.registrace-shop #PrihlasovaciInformace input{width: 300px;}
.registrace-shop #FormEshopRegiterFieldsetCaptcha{margin-left:20px; margin-bottom: 20px;}
#FormEshopRegiterImgCaptcha{margin-top: 5px;}
#FormEshopRegiterCaptcha{width: 77px;}

/* novinky - vlevo pod menu */
.left-box-padding .aktualita{font-size: 11px; padding-top: 3px; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px;}
.left-box-padding .aktualita img{float:left; margin-right: 5px;}
.left-box-padding .aktualita .aktualita-nadpis{font-weight: bold;}
.left-box-padding .aktualita a{color:white; text-decoration: underline;}
.left-box-padding .aktualita a:hover{color:silver; text-decoration: underline;}

.produkt-lod .lod-menu a{display: block; width: 104px; height: 27px; background-image: url(images/item-right-a.gif); float: left; text-decoration: none; text-align: center; color:#000000;}
.produkt-lod .lod-menu a:hover{background-image: url(images/item-right.gif); color:#ffffff;}
.produkt-lod .lod-menu a span{line-height: 26px;}
.produkt-lod .lod-menu a.active{background-image: url(images/item-right.gif); color:#ffffff;}

.lod-image img{border:2px solid #ffffff;}
.obsah-info{padding: 10px; border:2px solid #ffffff;}
.obsah-info ul{list-style-position: inside;}
.obsah-info a{color:#ffffff; text-decoration: underline;}


.tech img{float: left; margin-right: 10px; border:2px solid #ffffff;}

.doporucujeme-produkt{padding: 20px; width: 178px; height: 130px; margin-right: 10px; margin-left: 10px; float: left; margin-top: 10px; margin-bottom: 10px; border:1px solid gray;}
.doporucujeme-nadpis{font-size: 12px;}
.doporucujeme-nadpis a{color:#ffffff; text-decoration: none;}
.doporucujeme-nadpis a:hover{color:silver; text-decoration: underline;}

.login-obsah{padding: 10px; font-size: 12px; color:#ffffff; }
.login-obsah legend{display:none;}
.login-obsah .dynaFormResult{display:none;}
.login-obsah .fieldInput{float: left; width: 111px;}

.login-obsah table{font-size: 12px; color:#ffffff;}
.login-obsah a{color:#ffffff; text-decoration: underline;}
.login-obsah a:hover{color:silver; text-decoration: underline;}
.login .submit #FormLogineSubmit{width: 74px; height: 19px; margin-top: 6px; margin-bottom: 2px; background-image: url(images/prihlasit.gif); border: none; cursor: pointer;}
.small{font-size: 11px;}
.produkty-login-obsah label{font-size: 11px;}

.podkategorie-nav{float: left; margin-right: 5px;padding: 3px; background-color: #A27B40; padding-left: 7px; padding-right: 7px;border:1px solid black; margin-bottom: 5px;}
.podkategorie-nav:hover{border:1px solid lightgray;}
.podkategorie-nav a{color:#ffffff; font-size: 13px; text-decoration: none; font-weight: bold;}
.podkategorie-nav a:hover{text-decoration: underline; }


.vypis-produktu {width: 450 px; font-size: 12px; color:#ffffff; border:1px solid #ffffff;}

.produkt-boat-image .produkt-obsah{padding-top: 2px;padding-left: 2px;}
.produkt-boat-image .produkt-obsah img{border: none;border-bottom: 1px solid #ffffff; }
.produkt-boat-kratky-popis .produkt-kratky-popis-obsah{margin-bottom: 10px; height: 39px; text-align: center; padding-left: 10px; padding-right: 10px;}