@charset "utf-8";
/* CSS Document */

body  {background:#94c6eb; background-image: url(../img/bcg-body.gif); background-repeat:repeat-x; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif}
.flash {width:950px; height:335px; padding:30px 0 0 0; float:left}
.box-left {width:495px; float:left; margin-left:95px;/*margin:0 0 15px 105px;*/ color:#784c02; font-size:12px; line-height:18px; }
.box-left object, .box-left embed { margin-left:55px; margin-top: 35px; } 
.box-left-napoje { width:595px; min-height: 459px; float:left; font-size:12px; line-height:18px; margin-top:-30px;  }
.box-left a { color:#923400}
.box-wide {width:680px; position:relative; }
.box-footer { background:#94c6eb; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align: right; padding-right:25px; padding-bottom:10px }
.box-footer a { color:#000000; }
.block-text a { color:#923400}
.block-text {float:left; width:275px; padding:25px 25px 0 25px; color:#784c02;}
.block-textsl {float:left; width:242px; padding:25px 0 0 0; color:#784c02;}
.text_list {list-style-image:url(../img/sipka-sm.gif); padding:0px; margin:0px}
.text_list li {margin-left:20px}
.komentar-pomeranc { height: 107px; width: 241px; padding-top: 43px; padding-right: 37px; padding-bottom: 90px; padding-left: 221px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; margin-left:40px; line-height: 14px; float:left; background:url(../img/bcg_homer.png) no-repeat }
.komentar-jablko { height: 107px; width: 241px; padding-top: 43px; padding-right: 37px; padding-bottom: 90px; padding-left: 221px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; margin-left:45px; line-height: 14px; float:left; background:url(../img/bcg_bart.png) no-repeat }
.komentar-multivitamin { height: 107px; width: 241px; padding-top: 43px; padding-right: 37px; padding-bottom: 90px; padding-left: 221px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; margin-left:40px; line-height: 14px; float:left; background:url(../img/bcg_liza.png) no-repeat }
.komentar-cmultivitamin { height: 107px; width: 241px; padding-top: 43px; padding-right: 37px; padding-bottom: 90px; padding-left: 221px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; margin-left:40px; line-height: 14px; float:left; background:url(../img/bcg_march.png) no-repeat }
.komentar-bartc { height: 107px; width: 241px; padding-top: 43px; padding-right: 37px; padding-bottom: 90px; padding-left: 221px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; margin-left:40px; line-height: 14px; float:left; background:url(../img/bcg_bartc.png) no-repeat }
.komentar-pomeranc-pet { height: 107px; width: 241px; padding-top: 43px; padding-right: 37px; padding-bottom: 90px; padding-left: 221px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; margin-left:40px; line-height: 14px; float:left; background:url(../img/bcg_homer.png) no-repeat }
.komentar-jablko-pet { height: 107px; width: 241px; padding-top: 43px; padding-right: 37px; padding-bottom: 90px; padding-left: 221px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; margin-left:45px; line-height: 14px; float:left; background:url(../img/bcg_bart.png) no-repeat }
.komentar-multivitamin-pet { height: 107px; width: 241px; padding-top: 43px; padding-right: 37px; padding-bottom: 90px; padding-left: 221px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; margin-left:40px; line-height: 14px; float:left; background:url(../img/bcg_liza.png) no-repeat }
.komentar-malina-pet { height: 107px; width: 241px; padding-top: 43px; padding-right: 37px; padding-bottom: 90px; padding-left: 221px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; margin-left:40px; line-height: 14px; float:left; background:url(../img/bcg_march.png) no-repeat }
.boxik {width:245px; float:left}
.tcenter {text-align:center}

.cleaner {clear:both; font-size:0px; line-height:0px;}
p {margin:0 0 15px 0; padding:0; text-align:justify}   

.submenu-napoje { background:#94c6eb; width:815px; float:left; padding:15px 0px 0px 35px; font-size:12px; line-height:18px; color:#000000}
.submenu-napoje a {color:#000000}
.submenu-napoje a:hover{text-decoration:none;}    
.submenu-napoje p { text-align:left;}


h1 { font-size: 150%; color:#000000}
h2 {font-size: 200%; font-family: "Times New Roman", Times, serif;	font-style: italic;	font-weight: bold;}
h3 {font-size: 165%; font-weight: bold;}
h4 {font-size:1.3em; margin-bottom:1px; color:#000000}
h6 {font-size:14px; font-weight:bold; margin:10px 0px 10px 0px}
td {font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;font-size: 8pt;}
a:hover { text-decoration: none; }
form {margin:0; padding:0}

/* tabulka */
.table1 {}
.table1 td {font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:5px;}
.table11 {background:#f0d027}
.table2 {font-weight:bold; background:#ebb70b}
.table1 .col1 {text-align:right;}


/* writeus, form class */
.error {font-weight:bold; color:#ed1d25; margin-top:0px; padding-top:0px; padding-bottom:10px; display:block; font-size:12px;}
.form1 .button {border: #F89E28 1px solid; padding-right: 2px; padding-left:2px; font-size:11px;padding-bottom: 1px; cursor: pointer; font-weight:bold; color: black; padding-top: 3px; font-family: Arial, Helvetica, sans-serif; background-color:#eebe00; color:#000000; text-align:center }
legend {font-weight:bold; margin-left:-7px; padding-left:0px; margin-right:10px; padding-bottom:0px; font-size:18px; color:#000000; }
fieldset {padding:0px; border-color:#CCCCCC; border-style:solid; border-width:1px; border:none;}
.formlabel {display:block; float:left; width:55px }
.form1 {margin:0px; padding:0px}
.form1 p {margin-bottom:1px; margin-top:4px; font-weight:bold}
.form1 input {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#76b215; border:1px solid #6ba125; color:#4f7f10; background:#ebebeb; background-color:#FFEC8B; border:1px solid #F1CC0C; color:#000000}
.form1 select {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#76b215; border:1px solid #6ba125; color:#4f7f10; background:#ebebeb; background-color:#FFEC8B; border:1px solid #F1CC0C;  color:#000000}
.form1 textarea {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#76b215; border:1px solid #6ba125; width:450px; height:180px; color:#4f7f10; background:#ebebeb; background-color:#FFEC8B; border:1px solid #F1CC0C; color:#000000}
.star {color:#ed1d25; font-weight:bold; font-size:15px }

.box-recepty { width:160px; float:left; padding:15px 0px 0px 5px; text-align:center; }
.box-recepty img { width:90px; height:130px; padding: 14px 13px 14px 11px ; background-image:url(../img/bgs-michane.gif); background-repeat:no-repeat;}
.box-recepty h5 { font-size:13px; color: #000000; font-weight:bold; margin:5px 0px 5px 0px }
.sipkaodk { height:19px; text-decoration:underline; display:block; text-align:left; font-weight:bold}
.recepty_list { font-weight:bold; list-style-image:url(../img/sipka-sm.gif); padding-left:30px}
.recepty_imgb { float:right; margin: 0px 15px 15px 25px;}

.box-tapety { width:240px; padding:0px 25px 25px 0px; float:left;}
.box-tapety img { border:7px; border-color:#221E1F; border-style:solid;}

.box-odkaz-obal { position:absolute; left:540px; bottom:0; margin-bottom:15px }
.obal-tetra { left:522px }
.box-odkaz-obal img { border:0;}

.dalsi { position:relative; left:360px; top:-20px }
.dalsi img { border: 0 }

.box-text {width:265px; height:174px; position:absolute; top:330px; left:35px; }   

/* home page NOVINKA */
.box-novinka { width:140px; height:36px; position:absolute; background:url(../img/novinka.png); }

/* box orange*/
.content-orange { width:870px; position:relative; margin-left:auto; margin-right:auto; background:url(../img/bcg-content-orange.gif); background-repeat:repeat-y; padding:0}
.box-orange {background:url(../img/bcg-topbox-orange.gif); background-repeat:no-repeat; margin:0; float:left}
.box-right { width:275px; float:left; position:relative; top:-15px; left: 80px; }
.box-bottom-orange {width:870px; height:23px; float:left; background:url(../img/bcg-bottombox-orange.gif) no-repeat}

/* box pomeranc*/
.content-pomeranc { width:870px; position:relative; margin-left:auto; margin-right:auto; background:url(../img/bcg-content-pomeranc.gif); background-repeat:repeat-y; padding:0}
.box-pomeranc {position:relative;background:url(../img/bcg-topbox-pomeranc.gif); background-repeat:no-repeat; margin:0; float:left}
.box-right { width:275px; float:left; position:relative; top:-15px; left: 80px;}
.box-bottom-pomeranc {width:870px; height:23px; float:left; background:url(../img/bcg-bottombox-pomeranc.gif) no-repeat}
.box-left-pomeranc {width:588px; height:477px; position:relative; left:-20px; float:left; color:#954e00; font-size:12px; line-height:18px; background-image:url(../img/bcg-pomeranc.png); background-repeat:no-repeat; background-position: bottom;}


/* box jablko*/
.content-jablko { width:870px; position:relative; margin-left:auto; margin-right:auto; background:url(../img/bcg-content-jablko.gif); background-repeat:repeat-y; padding:0}
.box-jablko {position:relative;background:url(../img/bcg-topbox-jablko.gif); background-repeat:no-repeat; margin:0; float:left}
.box-right { width:275px; float:left; position:relative; top:-15px; left: 80px;}
.box-bottom-jablko {width:870px; height:23px; float:left; background:url(../img/bcg-bottombox-jablko.gif) no-repeat}
.box-left-jablko {width:588px; height:477px; position:relative; left:-20px; float:left; color:#355e0b; font-size:12px; line-height:18px; background-image:url(../img/bcg-jablko.png); background-repeat:no-repeat; background-position: bottom;}


/* box multivitamin*/
.content-multivitamin { width:950px; position:relative; margin-left:auto; margin-right:auto; background:url(../img/bcg-content-multivitamin.gif); background-repeat:repeat-y; padding:0}
.box-multivitamin {position:relative;background:url(../img/bcg-topbox-multivitamin.gif); background-repeat:no-repeat; margin:0; float:left}
.box-right { width:275px; float:left; position:relative; top:-15px; left: 80px;}
.box-bottom-multivitamin {width:950px; height:23px; float:left; background:url(../img/bcg-bottombox-multivitamin.gif) no-repeat}
.box-left-multivitamin {width:588px; height:477px; position:relative; left:-20px; float:left; color:#954e00; font-size:12px; line-height:18px; background-image:url(../img/bcg-multivitamin.png); background-repeat:no-repeat; background-position: bottom;}


/* box cmultivitamin*/
.content-cmultivitamin {width:950px; position:relative; margin-left:auto; margin-right:auto; background:url(../img/bcg-content-cmultivitamin.gif); background-repeat:repeat-y; padding:0}
.box-cmultivitamin {position:relative;background:url(../img/bcg-topbox-cmultivitamin.gif); background-repeat:no-repeat; margin:0; float:left}
.box-right { width:275px; float:left; position:relative; top:-15px; left: 80px;}
.box-bottom-cmultivitamin {width:950px; height:23px; float:left; background:url(../img/bcg-bottombox-cmultivitamin.gif) no-repeat}
.box-left-cmultivitamin {width:588px; height:477px; position:relative; left:-20px; float:left; color:#8b1806; font-size:12px; line-height:18px; background-image:url(../img/bcg-cmultivitamin.png); background-repeat:no-repeat; background-position: bottom;}


/* box cola*/
.content-cola { width:870px; position:relative; margin-left:auto; margin-right:auto; background:url(../img/bcg-content-cola.gif); background-repeat:repeat-y; padding:0}
.box-cola {position:relative;background:url(../img/bcg-topbox-cola.gif); background-repeat:no-repeat; margin:0; float:left}
.box-right { width:275px; float:left; position:relative; top:-15px; left: 80px;}
.box-bottom-cola {width:870px; height:23px; float:left; background:url(../img/bcg-bottombox-cola.gif) no-repeat}
.box-left-cola {width:588px; height:477px; position:relative; left:-20px; float:left; color:#004c6a; font-size:12px; line-height:18px; background-image:url(../img/bcg-cola.png); background-repeat:no-repeat; background-position: bottom;}

 
/* box multivitamin PET*/
.content-multivitamin-pet { width:870px; position:relative; margin-left:auto; margin-right:auto; background:url(../img/bcg-content-cmultivitamin.gif); background-repeat:repeat-y; padding:0}
.box-multivitamin-pet {position:relative;background:url(../img/bcg-topbox-cmultivitamin.gif); background-repeat:no-repeat; margin:0; float:left}
.box-right { width:275px; float:left; position:relative; top:-15px; left: 80px;}
.box-bottom-multivitamin-pet {width:870px; height:23px; float:left; background:url(../img/bcg-bottombox-cmultivitamin.gif) no-repeat}
.box-left-multivitamin-pet {width:588px; height:477px; position:relative; left:-20px; float:left; color:#8b1806; font-size:12px; line-height:18px; background-image:url(../img/bcg-multivitamin-pet.png); background-repeat:no-repeat; background-position: bottom;}

/* box pomeranc PET*/
.content-pomeranc-pet { width:870px; position:relative; margin-left:auto; margin-right:auto; background:url(../img/bcg-content-pomeranc.gif); background-repeat:repeat-y; padding:0}
.box-pomeranc-pet {position:relative;background:url(../img/bcg-topbox-pomeranc.gif); background-repeat:no-repeat; margin:0; float:left}
.box-right { width:275px; float:left; position:relative; top:-15px; left: 80px;}
.box-bottom-pomeranc-pet {width:870px; height:23px; float:left; background:url(../img/bcg-bottombox-pomeranc.gif) no-repeat}
.box-left-pomeranc-pet {width:588px; height:477px; position:relative; left:-20px; float:left; color:#784c02; font-size:12px; line-height:18px; background-image:url(../img/bcg-pomeranc-pet.png); background-repeat:no-repeat; background-position: bottom;}

/* box jablko PET*/
.content-jablko-pet { width:870px; position:relative; margin-left:auto; margin-right:auto; background:url(../img/bcg-content-jablko.gif); background-repeat:repeat-y; padding:0}
.box-jablko-pet {position:relative;background:url(../img/bcg-topbox-jablko.gif); background-repeat:no-repeat; margin:0; float:left}
.box-right { width:275px; float:left; position:relative; top:-15px; left: 80px;}
.box-bottom-jablko-pet {width:870px; height:23px; float:left; background:url(../img/bcg-bottombox-jablko.gif) no-repeat}
.box-left-jablko-pet {width:588px; height:477px; position:relative; left:-20px; float:left; color:#355e0b; font-size:12px; line-height:18px; background-image:url(../img/bcg-jablko-pet.png); background-repeat:no-repeat; background-position: bottom;}

/* box malina PET*/
.content-malina-pet { width:870px; position:relative; margin-left:auto; margin-right:auto; background:url(../img/bcg-content-malina.gif); background-repeat:repeat-y; padding:0}
.box-malina-pet {position:relative;background:url(../img/bcg-topbox-malina.gif); background-repeat:no-repeat; margin:0; float:left}
.box-right { width:275px; float:left; position:relative; top:-15px; left: 80px;}
.box-bottom-malina-pet {width:870px; height:23px; float:left; background:url(../img/bcg-bottombox-malina.gif) no-repeat}                                                                                                
.box-left-malina-pet {width:588px; height:477px; position:relative; left:-20px; float:left; color:#822958; font-size:12px; line-height:18px; background-image:url(../img/bcg-malina-pet.png); background-repeat:no-repeat; background-position: bottom;}

/* box cola PET*/
.content-cola-pet { width:870px; position:relative; margin-left:auto; margin-right:auto; background:url(../img/bcg-content-cola.gif); background-repeat:repeat-y; padding:0}
.box-cola-pet {position:relative;background:url(../img/bcg-topbox-cola.gif); background-repeat:no-repeat; margin:0; float:left}
.box-right { width:275px; float:left; position:relative; top:-15px; left: 80px;}
.box-bottom-cola-pet {width:870px; height:23px; float:left; background:url(../img/bcg-bottombox-cola.gif) no-repeat}                                                                                                
.box-left-cola-pet {width:588px; height:477px; position:relative; left:-20px; float:left; color:#004c6a; font-size:12px; line-height:18px; background-image:url(../img/bcg-cola-pet.png); background-repeat:no-repeat; background-position: bottom;}



/* box right*/
.soutez {background:url(../img/bcg-soutez.png) no-repeat; width:175px; font-size:11px; padding:50px 60px 10px 40px}
.soutez ul { margin:10px auto 10px auto; padding:0 20px 0 20px; list-style: url(../img/sipka-black.gif)}
.soutez a {color:#FFFFFF; font-weight:bold; text-decoration:none; position:relative}
.soutez a:hover {text-decoration:underline}
.soutez-bottom { width:275px; height:31px; background:url(../img/bcg-soutez-bottom.png) no-repeat}
.menu { width:256px; height:472px; background:url(../img/bcg-menu-right.png) no-repeat;font-size:11px;}
.menu ul { margin:10px auto 10px auto; position:absolute; padding:0 20px 0 45px; list-style: url(../img/sipka-orange.gif)}
.menu a {color:#000000; font-weight:bold; text-decoration:none;}
.menu a:hover {text-decoration:underline}
.menu-bottom { width:275px; height:47px; background:url(../img/bcg-menu-bottom.png);}
.kontakt {width:205px; height:114px; background:url(../img/bcg-kontakt.png) no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000000; padding:10px 20px 0px 50px}
.kontakt a {color:#000000; position:relative} 
.menu ul.red { top:55px; list-style: url(../img/sipka-red.gif) }  
.menu ul.orange { top:150px; list-style: url(../img/sipka-orange.gif) }  
.menu ul.blue { top:320px; list-style: url(../img/sipka-blue.gif) }  

/* box left menu*/
.menu-left { position:absolute; left:0; margin-top:-80px; margin-left:-60px; z-index:100; }

/* box kvizy */
.box-kvizy, .box-handb {width:500px; height:451px; position:relative; } 
.box-kvizy ol, .box-handb ol { margin:0 0 0 18px; padding:0; }
.box-kvizy-text {width:265px; height:120px; position:absolute; top:290px; left:55px; color:#000; font-weight:bold; }  
.box-kvizy-stext, .box-handb-text {width:365px; height:135px; position:absolute; top:290px; left:50px; color:#000; font-weight:bold;}
a.sipka {color:#000; font-weight:bold; text-decoration:underline; padding-left:13px; background:url(../img/sipka-white.gif) no-repeat;}
a:hover.sipka {color:#c60205}
.box-odpoved {color:#c60205}
.trojuhelnik {background:url(../img/bcg-kvizy-trojuhelnik.png) no-repeat;} 
.obchod {background:url(../img/bcg-kvizy-obchod.png) no-repeat;}  
.barvy {background:url(../img/bcg-kvizy-barvy.png) no-repeat;}           
.vyska {background:url(../img/bcg-kvizy-vyska.png) no-repeat;}          
.tecky {background:url(../img/bcg-kvizy-tecky.png) no-repeat;}          
.vymaluj1 {background:url(../img/bcg-kvizy-vymaluj1.png) no-repeat;}      
.vymaluj2 {background:url(../img/bcg-kvizy-vymaluj2.png) no-repeat;}        
.rozbart {background:url(../img/bcg-kvizy-5rozdilu-bart.png) no-repeat;}    
.rozliza {background:url(../img/bcg-kvizy-5rozdilu-liza.png) no-repeat;}  
.cesty {background:url(../img/bcg-kvizy-cesty.png) no-repeat;}
.box-handb {background:url(../img/bcg-handboarding.png) no-repeat;}     

.handboardy {width:790px; height:880px; background:#ffffff; position:relative; left:-56px; padding:30px 0;}   
.handboardy img {float:left; margin: auto 35px; border:0; }