*{ margin:0px; padding:0px;}
body { font-family: Verdana, Arial; font-size:0.625em;  color:#555; text-align:center; background:#fff}

div#center { margin:0px auto; text-align:left; width:990px}
   #header { float:left; margin:10px 0 20px 0;}
   #wrapperBox { float:left; width:990px; clear:both; margin:16px 0}
   #footer { float:left; clear:both; margin-top:50px; margin-bottom:5px; border-top:1px solid #e6e6e6; padding-top:4px; width:990px}
   
h1 { background:url(../Img/logo.gif) no-repeat; width:157px; height:54px; float:left; text-indent:-10000px }
h3 { font-size:1.2em}
a { color:#2393F8}
a:hover h1 { background:url(../Img/logo_hov.gif) no-repeat;}
 
/* header -----------------------------------------------------------------------------------------------------------------------------------------------------*/
div#header ul { float:right; margin:20px 0px 0 0; list-style:none; font-size:1em; text-transform:uppercase; font-weight:bold}
   #header ul li { float:left; border-right:1px solid #EAEAEA}
   #header ul li.last { border-right:0;}
   #header ul li.last a { padding-right:0px}
   #header ul li a { float:left; color:#2393F8; padding:0 10px; text-decoration:none}
   #header ul li a:hover { float:left; text-decoration:underline}
   #header div.mainPicture{ float:left; clear:both; margin:5px 0}


/* INDEX -------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.leftBox { float:left; width:500px;}
   .rightBox { float:right; width:450px}

div.leftBox h2 span, div.rightBox h2 span { display:none}
div#footer p.tiga { background:url(../Img/foot_tiga.gif) no-repeat; width:90px; text-indent:-1000px ;height:15px; margin-left:430px; float:left}
   #footer a.create { float:right; background:url(../Img/foot_kiro.gif) no-repeat; width:113px; height:15px; margin-right:3px;}
   #footer span { display:none}
   
/* lava strana---------------------*/
div.leftBox h2.captionTop { background:url(../Img/caption_top.gif) no-repeat; width:500px; height:26px; float:left; }
   .leftBox ul.topProdukty { float:left; clear:both; list-style:none; width:500px; margin:5px 0 10px 6px}
   .leftBox ul.topProdukty li { float:left;}
   .leftBox ul.topProdukty li a { text-decoration:none; width:250px; height:75px; float:left}
   .leftBox ul.topProdukty li a span { display:none}
   .leftBox ul.topProdukty li a.kolektivny { background:url(../Img/pro_kolektivny.jpg) no-repeat;  }
   .leftBox ul.topProdukty li a.individulny { background:url(../Img/pro_individualny.jpg) no-repeat;}
   .leftBox ul.topProdukty li a.special { background:url(../Img/pro_special.jpg) no-repeat;}
   .leftBox ul.topProdukty li a.vyrobny { background:url(../Img/pro_vyrobny.jpg) no-repeat;}
   .leftBox ul.topProdukty li a:hover.kolektivny { background:url(../Img/pro_kolektivny_hov.jpg) no-repeat;  }
   .leftBox ul.topProdukty li a:hover.individulny { background:url(../Img/pro_individualny_hov.jpg) no-repeat;}
   .leftBox ul.topProdukty li a:hover.special { background:url(../Img/pro_special_hov.jpg) no-repeat;}
   .leftBox ul.topProdukty li a:hover.vyrobny { background:url(../Img/pro_vyrobny_hov.jpg) no-repeat;}

div.leftBox h2.captionPodporujeme { background:url(../Img/caption_podporujeme.gif) no-repeat; width:500px; height:26px; float:left; margin-top:25px}
   .leftBox ul.podporujeme { background:url(../Img/bc_podporujeme.gif) no-repeat; float:left; clear:both; list-style:none; width:500px; height:75px; margin:7px 0}
   .leftBox ul.podporujeme li { float:left; margin:5px; width:240px}
   .leftBox ul.podporujeme li a { text-decoration:none;float:left}
   .leftBox ul.podporujeme li a img { float:left; border:0; margin:2px 10px 0 2px }
   .leftBox ul.podporujeme li a span { float:left; color:#BBBBBB; margin-top:20px}
   .leftBox ul.podporujeme li a span strong { font-size:1.2em; color:#1f86dd; float:left}
   


/* prava strana-----------------*/
div.rightBox h2.captionOstatne { background:url(../Img/caption_ostatne.gif) no-repeat; width:440px; height:26px; float:left; }
   .rightBox ul.ostatneProdukty { float:left; clear:both; list-style:none; width:447px; height:137px; margin:12px 0 6px 0; background:url(../Img/bg_ostatne.gif) no-repeat;}
   .rightBox ul.ostatneProdukty li { float:left; margin:5px}
   .rightBox ul.ostatneProdukty li a { text-decoration:none; width:210px; height:60px; float:left}
   .rightBox ul.ostatneProdukty li a span  {display:none}
   .rightBox ul.ostatneProdukty li a.startove { background:url(../Img/pro_startove.jpg) no-repeat}
   .rightBox ul.ostatneProdukty li a.ponuky { background:url(../Img/pro_ponuky.jpg) no-repeat}
   .rightBox ul.ostatneProdukty li a.firemny { background:url(../Img/pro_firemny.jpg) no-repeat}
   .rightBox ul.ostatneProdukty li a.reklamny { background:url(../Img/pro_reklamny.jpg) no-repeat}
   .rightBox ul.ostatneProdukty li a:hover.startove { background:url(../Img/pro_startove_hov.jpg) no-repeat}
   .rightBox ul.ostatneProdukty li a:hover.ponuky { background:url(../Img/pro_ponuky_hov.jpg) no-repeat}
   .rightBox ul.ostatneProdukty li a:hover.firemny { background:url(../Img/pro_firemny_hov.jpg) no-repeat}
   .rightBox ul.ostatneProdukty li a:hover.reklamny { background:url(../Img/pro_reklamny_hov.jpg) no-repeat}

div.rightBox h2.captionReferencie { background:url(../Img/caption_referencie.gif) no-repeat; width:440px; height:26px; float:left; margin-top:35px }
   .rightBox ul.referencie { float:left; clear:both; list-style:none; width:447px; height:75px; margin:7px 0; background:url(../Img/bg_referencie.gif) no-repeat;}
   .rightBox ul.referencie li { float:left; margin:5px}
   .rightBox ul.referencie li span { text-decoration:none; width:210px; float:left}
   .rightBox ul.referencie li span img { float:left; border:0; margin:2px 0 }
   .rightBox ul.referencie li span span { float:left; margin:20px 0px 0 5px; color:#bbb; width:110px; height:60px; font-size:1.0em}
   .rightBox ul.referencie li span strong { color:#1f86dd; float:left}
   
   
/* SUBPAGE -------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.leftSubpage { width:250px; float:left;}
div.rightSubpage { float:right; width:700px}
div.leftSubpage h2 span { display:none}


/* left menu -------------------*/
div.leftSubpage h2.captionMenuTop { background:url(../Img/caption_menu_top.gif) no-repeat; width:240px; height:26px; float:left; }
   .leftSubpage ul.menuLeftTop { float:left; clear:both; list-style:none; width:250px; margin:10px 0}
   .leftSubpage ul.menuLeftTop li { float:left;}
   .leftSubpage ul.menuLeftTop li span { text-decoration:none; text-indent:-1000px; width:250px; height:75px; float:left}
   .leftSubpage ul.menuLeftTop li span.kolektivny { background:url(../Img/pro_kolektivny.jpg) no-repeat;  }
   .leftSubpage ul.menuLeftTop li span.individulny { background:url(../Img/pro_individualny.jpg) no-repeat;}
   .leftSubpage ul.menuLeftTop li span.special { background:url(../Img/pro_special.jpg) no-repeat;}
   .leftSubpage ul.menuLeftTop li span.vyrobny { background:url(../Img/pro_vyrobny.jpg) no-repeat;}
   .leftSubpage ul.menuLeftTop li span:hover.kolektivny { background:url(../Img/pro_kolektivny_hov.jpg) no-repeat;  }
   .leftSubpage ul.menuLeftTop li span:hover.individulny { background:url(../Img/pro_individualny_hov.jpg) no-repeat;}
   .leftSubpage ul.menuLeftTop li span:hover.special { background:url(../Img/pro_special_hov.jpg) no-repeat;}
   .leftSubpage ul.menuLeftTop li span:hover.vyrobny { background:url(../Img/pro_vyrobny_hov.jpg) no-repeat;}
   
   
div.leftSubpage ul.menuLeftTop li ul { float:left; clear:both; list-style:none; width:250px;}
   .leftSubpage ul.menuLeftTop li ul li { float:left; border-bottom:1px solid #E6E6E6; width:235px; padding:3px 0}
   .leftSubpage ul.menuLeftTop li ul li a { text-decoration:none; color:#2393F8; width:215px; height:auto; float:left; text-indent:0px; font-size:0.9em; font-weight:bold; padding:2px 0 2px 15px; text-transform:lowercase; }
   .leftSubpage ul.menuLeftTop li ul li a:hover { color:#000}
   .leftSubpage ul.menuLeftTop li ul { display:none}
   
div.leftSubpage h2.captionMenuDalsie { background:url(../Img/caption_menu_dalsie.gif) no-repeat; width:240px; height:26px; float:left; margin-top:20px }   
   .leftSubpage ul.menuLeftOther { float:left; clear:both; list-style:none; margin:10px 0}
   .leftSubpage ul.menuLeftOther li { float:left; background:url(../Img/menu_underline.gif) no-repeat left bottom; padding:5px 0px; width:235px; margin:0}
   .leftSubpage ul.menuLeftOther li span { text-decoration:none; width:210px; float:left; color:#2393F8; font-weight:bold; font-size:1.1em; text-transform:uppercase; padding-left:20px; cursor:pointer }
   .leftSubpage ul.menuLeftOther li span:hover { color:#aaa}
   .leftSubpage ul.menuLeftOther li ul { margin-left:20px; margin-top:5px; display:none; float:left}
   .leftSubpage ul.menuLeftOther li ul li { list-style:none; background:none; width:210px}
   .leftSubpage ul.menuLeftOther li ul li a { color:#999; text-transform:lowercase; font-size:0.9em; width:174px; padding-left:16px}
   .leftSubpage ul.menuLeftOther li ul li a:hover { color:#444}
   
   ul.menuSubCategory { float:left; clear:both; list-style:none; width:698px; height:43px; margin:0; background:url(../Img/menuSubCategory.gif) no-repeat left top;}
   ul:hover.menuSubCategory { background:url(../Img/menuSubCategory_hov.gif) no-repeat left top;}
     .menuSubCategory li { float:left}
     .menuSubCategory li a { background:url(../Img/arrow.gif) no-repeat 14px 7px; float:left; padding:5px 10px 0 30px; margin:0 8px; color:#1f86dd; text-transform:lowercase; font-size:0.9em; margin-top:3px; text-decoration:none; font-weight:bold; }
     .menuSubCategory li a:hover { background:url(../Img/arrow_hov.gif) no-repeat 14px 6px; color:#333}   
   
/* right panel -------------------*/
div.contentTop h2 { font-size:1.2em; color:#2393F8; background:url(../Img/caption_underline.gif) no-repeat left bottom; float:left; width:696px; height:23px; margin:2px 0 10px 0px; color:#2393F8 }
   .contentTop div { float:left; width:685px; margin:10px 0 20px 0px}
div.produktBox { width:210px; height:250px; float:left; border-top:4px solid #2393F8; margin:2px 13px 10px 0px; padding:0 5px}
div:hover.produktBox { background:#f2f2f2}   
div:hover.produktBox a img { border:1px solid #aaa}
   .produktBox h3 { width:210px; padding:4px 10px 4px 0; margin-left:-5px; text-align:right; border-bottom:1px solid #E6E6E6; color:#2393F8}
   .produktBox a { float:left; width:210px; height:122px; margin:10px 0; text-align:center}
   .produktBox a img { border:0}
   .produktBox label { float:left; color:#aaa; padding-left:5px;}
   .produktBox p { float:left; clear:both; width:200px}
   .produktBox p span { float:left; color:#2393F8; padding-left:4px}
   .produktBox p span span.eur { color:#D10404; font-weight:bold}
   .produktBox span.icon  { float:left; clear:both; margin-top:9px; width:216px; height:18px}
   .produktBox span.icon.bottom {float:right; clear:none; margin-top:0px; width:100px;}
   .produktBox span.icon a.ref { color:#BE0F1C; float:right; width:25px; height:14px; margin:2px;text-indent:-1000px; background:url(../Img/ico_pro_ref.gif)}
   .produktBox span.icon a.refBigImg { color:#BE0F1C; float:right; width:25px; height:14px; margin:2px; text-indent:-1000px; background:url(../Img/ico_bigImg.gif)}
   .produktBox span.icon a.detail { color:#BE0F1C; float:right; width:15px; height:14px; margin:2px; text-indent:-1000px; background:url(../Img/ico_pro_img.gif)}
   .produktBox span.icon a span { display:none}
   .produktBox span.id { color:#ccc; clear:both; float:left; margin-top:3px; width:90px}  
   .produktBox span.icon span.akcia { float:left; width:30px; height:13px; background:url(../Img/ico_akcia.gif) no-repeat}
   .produktBox span.icon span.novinka { float:left; width:45px; height:13px;background:url(../Img/ico_novinka.gif) no-repeat}
   .produktBox span.icon span span{ display:none}
   .produktBox span.icon a.refBigImg.novisible, .produktBox span.icon a.ref.novisible, .produktBox span.icon span.akcia.novisible, .produktBox span.icon span.novinka.novisible { display:none}
   
   
/* referencie -------------------*/
div.referencieDetail { width:685px; float:left; margin:2px 0 5px 0px; text-align:left}
   .referencieDetail h3 { width:685px; padding:4px 10px 4px 0; text-align:left; border-bottom:1px solid #E6E6E6; color:#2393F8; margin-bottom:0px; float:left}
   .referencieDetail div { margin:30px auto; float:left; width:685px; text-align:center}
   .referencieDetail p { float:left; clear:both; width:685px; text-align:left}
   .referencieDetail a { clear:both; float:left; margin:20px 0 50px 0}
   
/* referencie -------------------*/
div.produktDetail { width:685px; float:left; margin:2px 0 5px 0px; text-align:left}
   .produktDetail h3 { width:685px; padding:4px 10px 4px 0; text-align:left; border-bottom:1px solid #E6E6E6; color:#2393F8; margin-bottom:0px; float:left}
   .produktDetail div.img { margin:30px auto; float:left; width:685px; text-align:center}
   .produktDetail div.detail { margin:20px 0; padding:10px 10px 10px 0; float:left; width:685px; text-align:center; border-bottom:1px solid #E6E6E6; border-top:1px solid #E6E6E6;}
   .produktDetail label { float:left; color:#999; clear:both; padding-left:5px; margin-bottom:6px}
   .produktDetail p { clear:both; float:left; width:680px}
   .produktDetail p span span.eur { color:#D10404; font-weight:bold}
   .produktDetail span { float:left; color:#2393F8; padding-left:4px; margin-bottom:6px}
   .produktDetail a { clear:both; float:left; margin:20px 0 50px 0}   
   

/* kontakt*/
div.kontakt { border-bottom:1px dotted #2393F8; border-top:1px dotted #2393F8; margin:28px 35px; text-align:left; padding:10px; float:left; width:250px}
   .kontakt p { color:#2393F8; display:block; padding:10px; font-weight:bold}
   .kontakt p span { text-align:left; color:#444; font-weight:normal }
   .kontakt p span a{ color:#2393F8}
   .kontakt p span a:hover{ color:#333;}
div#mapa { float:left; width:298px; height:298px; border:3px solid #eee; margin:28px 0px}
   
   
/* referencie*/
div.referencie { margin:30px 0px 20px 20px; float:left; width:395px; padding-right:10px; border-right:1px solid #ddd}
div.referencie a img{ border:4px solid #fff; margin:8px 3px; width:80px}
   .referencie a:hover img{ border:4px solid #1F86DD; }
   
div.referencieVypis { float:left; width:230px;  text-align:left; margin:37px 0 0 22px; }
   .referencieVypis a { color:#2393F8; font-weight:bold; display:block; font-size:.9em; padding:3px 0}
   .referencieVypis a:hover { color:#00001E}

   
/* objednavkovy formular*/
 div.formular { float:left; margin:12px 0px 0 0px; }
    .formular p { float:left; margin:0 0 1px 0; padding:8px 17px; width:609px;}
    .formular p.text { background:#fff; margin-bottom:20px }
    .formular p span { float:left; margin:3px 5px 0 5px}
    .formular p label { float:left; margin:3px 20px 0 0; font-weight:bold; width:120px}
    .formular p input, .formular p textarea { float:left; border:1px solid #2393F8; width:380px}
    .formular p input.odoslat { width:100px; text-align:center; background:#2393F8; color:#fff; font-weight:bold; float:right; margin-right:87px}
    .formular p input:hover.odoslat { background:#114D96; color:#fff}
    .formular p.chyba { font-weight:bold; color:#D10404}
    .formular p.ok{ font-weight:bold; color:#2393F8}
    
/* ako objednat*/
div.objednat ul { list-style:none; float:left; clear:both; margin:40px 0 0 80px; width:500px;}
   .objednat ul li { float:left; clear:both; margin-bottom:5px; padding:5px 0; border-bottom:1px solid #eee; width:450px }
   .objednat ul li strong { font-size:2.8em; color:#1F86DD; width:50px; float:left}
   .objednat ul li strong.poslat { color:#BE0A15}
   .objednat ul li span { float:left; width:400px; padding-top:5px; padding-bottom:5px; }
   .objednat p { clear:both}
   
   
/* velkostna tabulka*/
div.velkostneRozmery h3 { margin-bottom:10px}
   .velkostneRozmery table { float:left; clear:both; width:690px; margin:2px 0 25px 0; border-left:1px solid #ddd}
   .velkostneRozmery table caption { background:#eee; padding:3px 0; font-weight:bold; color:#2C8DDF; margin-top:30px}
   .velkostneRozmery table tr th { padding:5px 5px; text-align:center; background:#2C8DDF; border-right:1px solid #fff; border-bottom:1px solid #ddd; color:#fff}
   .velkostneRozmery table tr th.last {border-right:1px solid #ddd}
   .velkostneRozmery table tr.last th {border-bottom:1px solid #ddd}
   .velkostneRozmery table tr td { padding:4px 0px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; color:#2C8DDF}
   
div.velkostneRozmery table.zeny caption {color:#BE0A15}
   .velkostneRozmery table.zeny tr th { background:#BE0A15}
   .velkostneRozmery table.zeny tr td { color:#BE0A15}
div.velkostneRozmery table.kulturisti caption {color:#20811A}
   .velkostneRozmery table.kulturisti tr th { background:#20811A}
   .velkostneRozmery table.kulturisti tr td { color:#20811A}