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

* {
padding:0px;
margin:0px}

.cleaner{clear: both;}
.formMessage{color: red; font-size: 10px;}
h1{font-size: 18px; font-family: trebuchet MS; color:#ac7121; font-weight: normal;}
h2{color:#515151; font-size: 12px; font-weight: normal;}

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

a{color:gray;}
a:hover{color:gray; text-decoration: underline;}

/* -------------------------------- */
/*              WRAPER              */
/* -------------------------------- */
.top-carbon{width: 100%;background-image: url(images/top-carbon.gif);background-repeat: repeat-x;}
#wraper{margin: 0px auto;width: 849px;height: auto;color:#ffffff;}

/* -------------------------------- */
/*             TOP PANEL            */
/* -------------------------------- */
.head{margin: 0px auto;width: 767px;height: 284px;background-image: url(images/head.jpg);background-repeat: no-repeat;text-align: left;}
.menu-top-panel{font-size:11px; font-weight:bold; margin-left:0px; padding-top:16px; width:767px; font-family: Trebuchet MS; height: 50px;}
.menu-top-panel a{color:#ffffff; text-decoration: none;}
.menu-top-panel a:link{color:#ffffff; text-decoration: none;}
.menu-top-panel a:vlink{color:#ffffff; text-decoration: none;}
.menu-top-panel a:visited{color:#ffffff; text-decoration: none;}
.menu-top-panel a:hover{color:#ffffff;text-decoration: underline;}
.menu-top-panel ul {list-style-type:none;margin:0px;padding:0px;}
.menu-top-panel li {list-style-type:none;margin:0px;padding:0px;display: block; text-align: center; width: 153px; float: left;}

.logo{border:medium none;float:left;padding-top: 32px; display: block;}
.kos{border:medium none;float:right;padding-top: 57px; display: block;}

/* -------------------------------- */
/*        LEFT / RIGHT PANEL        */
/* -------------------------------- */
.content{width: 767px; background-color: #ffffff; background-image: url(images/content.gif); background-repeat: no-repeat; margin: 0px auto;}
.left{width: 252px; float: left; text-align: left;}
.right{width: 514px; float: left; text-align: left; font-family: tahoma;}

/* -------------------------------- */
/*              CONTENT             */
/* -------------------------------- */
.obsah{margin-left: 20px; width: 615px; margin-right: 5px; margin-bottom: 20px; margin-top: 10px;}
.obsah p{margin:0px; padding:0px;}

/* info basket settings */
#info-kosik{color:#ffffff;display:block;float:right;margin-right:11px; margin-top:27px;width:200px;font-weight: bold;}
#info-kosik a{color:red; text-decoration: underline;}
#info-kosik a:hover{color:red; text-decoration: none;}

/* search form settings */
.search{width: 250px;height: 136px;}
.search legend{display: none;}
.search .fieldInput label{display: none;}
.search .fieldInput br{display: none;}
.search #formMessageFormSearchQ{display: none;}

.search .input input{border: none; width:189px; height: 22px; float: left; display: block; color:#000000; font-size: 12px; font-family: trebuchet MS; padding-left: 31px; margin-top: 33px; background: transparent;}
.search .submit input{border: none; width:143px; height: 22px; float: left; cursor: pointer; display: block; padding-left: 31px; margin-top: 8px;background: transparent;}

.search .dynaFormResult{color:#CE3A2C;font-size:14px;font-weight:bold;margin-bottom:3px;}

.katalog-head{width: 251px; height: 54px; background-image: url(images/kategorie-head.gif);}

.boxes{margin-top: 14px; float: left; width: 849px; margin-bottom: 8px;}
.left-box{float: left; width: 418px; height: 194px; background-image: url(images/left-box.gif);}
.right-box{float: right; width: 418px; height: 194px; background-image: url(images/right-box.gif);}

/* -------------------------------- */
/*              CONTENT             */
/* -------------------------------- */
.obsah{margin-left: 20px; width: 475px; margin-right: 5px; margin-bottom: 20px; margin-top: 10px; color:#000000;}
.cara{width: 470px; height: 1px; border-top: 1px solid gray; margin-left: 19px; margin-top: 50px;}
.cara2{width: 470px; height: 1px; border-top: 1px solid gray; margin-left: 19px; margin-top: 5px; margin-bottom: 15px;}
/* -------------------------------- */
/*             PAGE MENU            */
/* -------------------------------- */
#menu{width: 195px;font-size: 11px;}
#menu ul{list-style-type: none;}
#menu li{}
#menu a{color:#ffffff; text-decoration: none;}
#menu a:hover{color:#ffffff; text-decoration: underline; }
#menu-bottom{width: 235px;height: 224px;background-image: url(images/menu-bottom.gif);background-repeat: none;}

#page-menu{width: 195px;margin-left: 5px;margin-top: 0px;}

/* -------------------------------- */
/*             SHOP MENU            */
/* -------------------------------- */
#shop-menu {font-size: 12px; font-family: arial; padding-left: 13px; padding-bottom: 40px;}
#shop-menu ul{text-align: left; margin: 0px; padding: 0px; }
#shop-menu li{text-align: left; margin: 0px; padding: 0px;}

#shop-menu li a{text-decoration: none; color:#000000;}
#shop-menu li a:hover{text-decoration: underline; color:#000000;} 
#shop-menu li .open:hover{ } 
#shop-menu .open{font-weight: bold; color:#000000; text-decoration: underline;}

#shop-menu .level1{
width: 215px;
display: block;
padding-top: 2px;
height: 17px;
padding-left: 20px;
background-image: url(images/odrazka1.gif);
background-repeat: no-repeat;
background-position: left;
}
#shop-menu .level2{
padding-left:25px;
width: 190px;
margin-bottom: 1px;
display: block;
background-image: url(images/odrazka2.gif);
background-repeat: no-repeat;
background-position: left;
padding-top: 1px;
padding-bottom: 1px;
}
#shop-menu .level3{
padding-left:25px;
margin-left:8px;
width: 190px;
display: block;
padding-top: 1px;
padding-bottom: 1px;
background-image: url(images/odrazka2.gif);
background-repeat: no-repeat;
background-position: left;
}
#shop-menu .level4{
margin-left:16px;
padding-left:25px;
width: 190px;
display: block;
padding-top: 1px;
padding-bottom: 1px;
background-image: url(images/odrazka2.gif);
background-repeat: no-repeat;
background-position: left;
}
#shop-menu .level5{
margin-left:24px;
padding-left:25px;
width: 190px;
display: block;
padding-top: 1px;
padding-bottom: 1px;
background-image: url(images/odrazka2.gif);
background-repeat: no-repeat;
background-position: left;
}
#shop-menu .level6{
margin-left:32px;
padding-left:25px;
width: 190px;
display: block;
padding-top: 1px;
padding-bottom: 1px;
background-image: url(images/odrazka2.gif);
background-repeat: no-repeat;
background-position: left;
}
.counter{
width: 251px;
height: 115px;
background-image: url(images/counter.gif);
}

/* topprodukty homepage */
.top-produkty-top{
float: left;
padding-left: 18px;
font-family: trebuchet MS;
font-size: 17px;
color:#000000;
}
#statistiky-panel{
width: 214px;
height: 31px;
background-image: url(images/statistika.gif);
margin-bottom: 30px;
margin-top: 7px;
}
#anketa-panel{
width: 214px;
height: 31px;
background-image: url(images/anketa.gif);
margin-bottom: 14px;
margin-top: 15px;
}
#menu iframe{margin-left: 15px;margin-bottom: 7px;}


/* -------------------------------- */
/*     ELEMENTA TOP-PRODUCT         */
/* -------------------------------- */
.topprodukt-nadpis{margin-bottom: 6px; margin-top: 5px;}
.topprodukt-cena{padding-top:3px; font-family: arial;}

.topprodukt-nadpis a{color:#ffffff; text-decoration: none;}
.topprodukt-nadpis a:hover{color:#ffffff; text-decoration: underline;}

.product-menu{margin-top:16px;font-size:11px;background-image: url(images/product-menu.gif); background-repeat: no-repeat; background-position: left top; width: 100px; padding-left: 22px; height: 45px;}
.menu-detail{margin-bottom: 9px; margin-left: 3px;}
.menu-detail a{color:#fe982a;text-decoration: underline;}
.menu-detail a:hover{color:#fe982a;text-decoration: none;}

.menu-pridat a{color:#fe982a;text-decoration: underline;}
.menu-pridat a:hover{color:#fe982a;text-decoration: none;}

.akce-produkty{margin-left: 5px;}


.akce-produkty .topprodukt{
float:left;
height:141px;
margin-top:15px;
width:215px;
text-align: center;
background-image: url(images/produkt.gif);
margin-right: 18px;
}



.akce-produkty .topprodukt-nadpis{width: 198px;text-align: center; padding: 0px 8px;font-size: 12px; font-family: arial; font-weight: bold;}
.akce-produkty .topprodukt-nadpis a{color:#4d2b22; text-decoration: none;}
.akce-produkty .topprodukt-nadpis a:hover{color:#4d2b22; text-decoration: underline;}
.akce-produkty .topprodukt-image{
width: 214px;
text-align: center;
}
.akce-produkty .topprodukt-cena{
width: 214px;
text-align: center;
color:#4d2b22;
font-size: 11px;
}



.produkty .actionProducts .produkt{border: 1px dotted #F02910; background-image: url(images/bomb.gif);}



/* -------------------------------- */
/*          FLASH MESSAGES          */
/* -------------------------------- */
#flashMessage{
color:red;
float:left;
font-size:14px;
font-weight:bold;
margin-left:17px;
padding-top:18px;
}
/* -------------------------------- */
/*             NAVIGACE             */
/* -------------------------------- */
#navigace{
color:#FFFFFF;
font-size:11px;
height:25px;
padding:22px;
width:610px;
}
#navigace .orange a{
color:#fe982a;
text-decoration: underline;
}
#navigace .orange a:hover{
color:#fe982a;
text-decoration: none;
}
#navigace .orange ul{
display:inline;
list-style-type:none;
margin-left:5px;
padding:0px;
}

#navigace .orange li{
display:inline;
list-style-type:none;
margin:0px 0px 0px -2px;
padding:0px;
}

/* -------------------------------- */
/*          VÝPIS PRODUKTŮ          */
/* -------------------------------- */
.eshop-nadpis{width: 696px; height: 34px; background-image: url(images/nadpis-eshop.gif); margin-left: 12px; margin-top: 1px; margin-bottom: 20px;}

.filtrovani-formular{
width: 601px;
height: 29px;
margin-bottom: 20px;
margin-left: 0px;
background-image: url(images/filtrovani.gif);

border: 1px solid #000000;
}
.filtrovani-formular div .submit{
float:right;
margin-right:3px;
margin-top:-21px;
width:108px;
}
.filtrovani-formular div{float: left; width: 600px;}


#CmsProductOrder{width: 160px; margin-left: 70px; margin-right: 10px; margin-top: 4px;}
#CmsProductDirection{width: 160px; margin-left: 48px; margin-right: 10px;}

.filtrovani-formular form{

}



.filtrovani-formular .submit input{
background-color:transparent;
float:left;
height:23px;
width:110px;
font-size: 0px;
color: #ffffff;
border: none;
display: block; 
cursor: pointer;
font: lighter lighter ;
}

.filtrovani-formular .submit img{
display: none;
}

.produkty .produkt{float: left; width: 270px; min-height: 190px;_height:190px; margin-top: 20px; padding: 10px; background-color: #2B2B2B; color:#ffffff; border:1px solid #000000;margin-right: 12px;}



/* -------------------------------- */
/*         ELEMENTA PRODUCT         */
/* -------------------------------- */
.produkt-obsah-left{float: left; width: 115px;}
.produkt-obsah-left img{border: 1px solid #c0c0c0;}
.produkt-obsah-right{float: left; width: 155px;}
.nadpis{font-size: 14px; font-weight: bold; color:#4a4946; margin-bottom: 14px; width:270px;}
.cena{width: 153px; text-indent:3px; height: 25px; padding-top: 6px; font-size: 13px; color:#F02910 ; font-weight: bold;}

.nadpis a{color:#ffffff; text-decoration: none;}
.nadpis a:hover{color:#ffffff; text-decoration: underline;}

.product-menu{margin-top:16px;font-size:11px;background-image: url(images/product-menu.gif); background-repeat: no-repeat; background-position: left top; width: 100px; padding-left: 22px; height: 45px;}
.menu-detail{margin-bottom: 9px; margin-left: 3px;}
.menu-detail a{color:#fe982a;text-decoration: underline;}
.menu-detail a:hover{color:#fe982a;text-decoration: none;}

.menu-pridat a{color:#fe982a;text-decoration: underline;}
.menu-pridat a:hover{color:#fe982a;text-decoration: none;}
















/* -------------------------------- */
/*             NADPISY              */
/* -------------------------------- */

#vitejte h1{padding-bottom: 20px;}

#nadpis h1{color: #fe982a ;line-height: 31px; font-size: 22px; font-weight: bold; margin-left: 13px;}

/* -------------------------------- */
/*        DETAIL PRODUKTU           */
/* -------------------------------- */
.detail-produkt{margin-top: 15px; margin-bottom: 20px;}
.detail-produkt{width: 407px; color:#ffffff; padding: 20px; margin-left: 4px; border: 1px solid silver;}

.detail-nazev{font-size: 16px; font-weight: bold; color:#000000;}
.detail-popis{font-size: 12px; margin-top: 25px; width: 406px;color:gray;}
.detail-foto{margin: 20px; float: right; margin-top: 25px; margin-right: 0px;}
.detail-velikost-cena{height: 42px;  margin-top: 30px;}
.detail-cena{font-size: 17px; color: #AC7121; font-weight: bold; margin-top: 12px;}
.detail-kod{font-size: 12px; margin-top: 15px; width: 555px; color:#F02910;}

.detail-form{font-size: 11px; float: left; color:gray;}
.detail-form form {width: 297px; float: left;margin-top: 10px;text-align: left;}
.detail-form fieldSelect{margin-top: 10px; margin-bottom: 1px;}

.detail-form .fieldInput{padding: 12px; border: 1px solid silver; width: 380px; padding-bottom: 5px;}

.detail-produkt #FieldBoxFormBasketSize{width: 200px;margin-top: 4px; margin-left: 2px; margin-bottom: 13px;}
.detail-produkt #FormBasketSize{width:112px;font-size: 10px;}
.detail-produkt #FormBasketCount{width:108px;font-size: 10px; margin-top: 4px; margin-left: 2px; margin-bottom: 13px;}

#formMessageFormBasketCount{font-size: 10px; color: red; margin-left: 3px;}

.dynaFormResult{
color:red;
font-size:18px;
font-weight:bold;
margin-bottom:30px;
margin-left:1px
margin-top: 3px;
}


.fotka{height: 110px; width: 134px; text-align: left; float: left;}

.next-foto-nadpis{margin-top: 20px; color:#F02910;}
.next-foto{width: 405px; margin-top: 15px; }
.next-foto img{margin-top: 1px; margin-right: 15px; float: left; border: 1px solid;}
.next-foto a img{border: 1px solid gray;}
.next-foto a:hover img{border: 1px solid #ffffff;}


.detail-produkt .submit{width:109px; height: 25px; background-image: url(images/dokosiku.gif); float: left; margin-top: 15px; margin-left: 3px; margin-bottom: 20px; background-repeat: no-repeat;}
.detail-produkt #FormBasketSubmit{width:109px; height: 25px; background-color: transparent;display:block; border: none; cursor: pointer;}

.doporucujeme{width: 511px; margin-top: 10px;min-height: 132px; border: 1px dotted red; padding: 15px;}

.doporucujeme-produkt{width: 110px;min-height: 130px; _height: 130px; padding:30px; float:left; font-size: 11px; font-family: arial; }
.doporucujeme-produkt a img{border: 1px solid gray; }
.doporucujeme-produkt a:hover img{border: 1px solid #ffffff;}
.doporucujeme-produkt a {color: #ffffff; text-decoration: none; font-weight: bold;}
.doporucujeme-produkt a:hover {color: #ffffff; text-decoration: none; font-weight: bold;}

/* -------------------------------- */
/*      OBJEDNÁVKA - FORMULÁŘ       */
/* -------------------------------- */
#objednavka{}
#objednavka form legend{display:none;}
#objednavka form {padding-left: 80px; margin-top: 55px;}
#OsobniInformace input, textarea {margin-bottom: 12px; margin-top: 3px;}
#OsobniInformace label {margin-bottom: 12px;}
#formMessageFormOrderName{margin-left: 3px; font-size: 10px; color: red;}
#formMessageFormOrderTel{margin-left: 3px; font-size: 10px; color: red;}
#formMessageFormOrderAddress{margin-left: 3px; font-size: 10px; color: red;}
#FormOrderEmail{}
#FormOrderSk{margin-right: 5px;}
#FormOrderSplatky{margin-right: 5px;}
#FormOrderTerm{margin-right: 5px;}

#FormOrderSubmit{width: 108px; height: 25px; display: block; border: none; background-color: transparent; cursor: pointer; background-image: url(images/objednat.gif); margin-top: 30px;}

.objednavka-prijata{width: 696px; height: 35px; background-image: url(images/objednavka-prijata.gif); margin-left: 13px;}
#dekujeme-text{margin-top: 0px; margin-left: 3px; font-size: 12px;}

/* -------------------------------- */
/*          ÚVODNÍ STRANA           */
/* -------------------------------- */

#vitejte{line-height: 16px; font-size: 12px; margin-top: 30px;margin-bottom: 22px; color:#000000; width: 474px; margin-left: 20px; font-family: trebuchet MS; color:#515151;}


#OsobniInformace legend{display:none;}

#FormNewsEmail{width: 150px;}



#novinky .submit{
width: 94px;
height: 21px;
background-image: url(images/registrovat.gif);
}

#novinky .dynaFormResult{
color:gold;
font-size:13px;
margin-bottom:10px;
margin-top:9px;
width:582px;
}


#FormNewsSubmit{
width: 94px;
height: 21px;
background-color: transparent;
display: block;
cursor: pointer;
border: none;
}








.novinka{width: 613px; min-height:160px;_height:160px; float: left; background-position: top; background-color: #2B2B2B; margin-top:20px; color:#ffffff; border:1px solid #000000; padding-bottom:15px;}

.novinka-img{float: left;width: 172px; height: 135px; text-align: center;}
.novinka-img img{margin-top: 15px; border: 1px solid gray;}
.novinka-date{
float:left;
font-size:11px;
font-weight:normal;
margin-left:15px;
margin-top:17px;
width:95px;
}
.novinka-title{float: left; font-weight: bold; font-size: 13px;  margin-top: 15px; width: 325px;}
.novinka-text{width: 430px; float: left; margin-top: 10px;}





.minibike {margin-top: 8px; margin-bottom: 20px; width: 600px; height: 183px; background-image: url(images/minibike.jpg);
background-repeat: no-repeat; background-position: left top; }
.ctyrkolky {margin-top: 8px; margin-bottom: 20px; width: 600px; height: 183px; background-image: url(images/ctyrkolka.jpg);
background-repeat: no-repeat; background-position: left top;}
.pujcovna-text{margin-left: 265px;width: 335px; height: auto;}



/* -------------------------------- */
/*              KOŠÍK               */
/* -------------------------------- */
#kosik{width:464px; margin-top: 20px; border-collapse: collapse; color:gray; margin-bottom: 30px;}
#kosik th{height: 35px; border-bottom: 1px solid gray; font-size: 11px; border-top: 1px solid gray;background-image: url(images/carbon.gif); text-align: center;border: 1px solid gray;}

.kosik-nazev{width: 330px; padding-left: 4px;font-size: 11px;}
.kosik-cena{width: 70px; text-align: center;}
.kosik-dph{width: 40px; text-align: center;}
.kosik-cenaDPH{width: 80px; text-align: center;}
.kosik-pocet{width: 70px; text-align: center;}
.kosik-soucet{width: 70px; text-align: center;}
.kosik-soucetDPH{width: 80px; text-align: center;}
.kosik-odebrat{width: 60px; text-align: center;}

.bunka{height: 30px;text-align: center; border-bottom: 1px solid #c0c0c0;}
.bunka1{height: 30px; border-bottom: 1px solid #c0c0c0;}

.bunka input{width: 12px; height: 12px; display: block; border: none; background: transparent; color:transparent; background-image: url(images/delete.gif); margin: 0px auto; cursor: pointer;font-size: 0px;}

.objednat{width: 108px; height: 25px; background-image: url(images/objednat.gif); margin-top: 20px; display: block; float: left;}
.informace-text{font-size: 12px; color:gray; margin-top: 20px; margin-left: 4px; width: 460px;}

/* -------------------------------- */
/*             FOOTER               */
/* -------------------------------- */
#footer{
width: 767px;
height: 73px;
margin: 0px auto;
background-image: url(images/footer.gif);
background-repeat: no-repeat;
background-position: center;
font-size: 11px;
}
#footer-obsah-left{
color:#FFFFFF;
float:left;
padding-left: 15px;
text-align:left;
margin-top: 31px;
}
#footer-obsah-right{
color:#FFFFFF;
float:right;
padding-right:15px;
margin-top: 31px;
}
#footer a{color:#ffffff; text-decoration: none;}
#footer a:hover{color:#ffffff; text-decoration: underline;}



.kosik{line-height: 15px; font-size: 12px; margin-top: 5px; margin-bottom: 22px; color:gray; width: 420px; margin-left: 3px;}
.right-top{padding-left: 24px; padding-top: 14px; color: #000000; width: 455px; line-height: 18px;}
.info-kosik{margin-left: 24px; margin-top: 17px; color: #000000; padding: 4px; border: 1px solid gray; width: 440px; font-size: 11px;}

/* -------------------------------- */
/*           STRANKOVANI            */
/* -------------------------------- */
.strankovani{text-align: center; margin-top: 40px; margin-bottom: 15px; font-size: 11px; color: #000000; padding: 4px; border: 1px solid gray; width: 443px;}
.strankovani ul {margin: 0px; padding: 0px; list-style-type: none; display: inline;}
.strankovani li {margin: 0px; padding: 0px; list-style-type: none; display: inline; margin-left: 8px;}

.strankovani a{color: #000000; text-decoration: none;}
.strankovani a:hover{color: #000000; text-decoration: underline;}
.strankovani li active {font-weight: bold;}

.strankovani a{margin-left: 5px; margin-right: 3px;}
.strankovani .active a{font-weight: bold; text-decoration: underline;}
.pegination a{margin-right: 8px;}

.nadpis-sekce{padding-left: 3px;}


.galerie{width: 485px; padding-left: 19px; padding-top: 20px; padding-bottom: 20px;}
.galerie img{border: none; float: left; margin-right: 20px; margin-bottom: 20px;}


#partneri{width: 470px; padding-left: 24px; padding-bottom: 20px;}
.partner{border-bottom:1px solid silver; width: 470px; padding-bottom: 20px; margin-bottom: 20px;}
.image-partner{float: left; margin-right: 10px;}
.image-partner img{border: 2px solid silver;}
.partner-url{font-weight: bold; padding-bottom: 5px;color:gray; text-decoration: underline;}
.partner-popis p{color:gray; font-size: 12px; font-family: arial;}

.formular{padding:20px; padding-top: 10px; color:gray; padding-left: 105px;}
.fieldInput{padding-bottom: 10px;}
.input{margin-top: 4px;}
#FormContactFieldsetCaptcha legend{display: none;}
#FormContactImgCaptcha{margin-top: 4px;}
#FormContactCaptcha{width: 77px;}
#FormContactSubmit{margin-top: 15px; margin-bottom: 15px; width: 125px; height: 26px; background-image: url(images/odeslat.gif); border: none; cursor: pointer;}

.pocitadlo{padding-left: 75px; padding-top: 38px;}