@media screen{

body {font: 12px Arial, Helvetica, sans-serif;text-align:center;color:#ffffff;background-color:#ebeae5;padding:0px;margin:0px;}

form, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p{margin:0px;padding:0px;}

img {border: none;}

.clear {clear:both;}

div.clear {clear:both; font-size:1px; height:1px;}

a {color: #007a76;text-decoration:underline;}

a:hover {text-decoration:underline;color: #ff0000;}

.reader {position: absolute;top: -10000px;left: 0px;width: 1px;height: 1px;overflow: hidden;}

.textGrey {color:#666666;}





/* ======================== Layout ======================== */

#wrapper{margin:25px auto 0px auto; padding:0px 0px 0px 0px; width:875px; text-align:left; background-color:#ebeae5;}



/* ============ Header ============ */

#headerPage{margin:0px 0px 0px 0px; position:relative; color:#000000; width:875px; height:36px; background-color:#ebeae5;}



/* ====== Logo ====== */

#headerLogo, #logo, #logo a span {display:block;width:196px;height:74px;color:#ffffff;z-index:90;}

#headerLogo {position:absolute;margin:0;padding:0; top:0px; left:0px;}

#logo {position:relative;margin:0;padding:0;overflow:hidden;}

#logo a span {position: absolute;top:0px;left:0px;background: transparent url("../img/bgLogo.jpg") 0px 0px no-repeat;}

#logo a {z-index:100; color:#FFFFFF;cursor:pointer; cursor:hand;}



/* ====== Flags ====== */

#menuLang {position:absolute; top:6px; left:750px; height:16px; width:82px;}

#menuLang a {position:relative;display:block;float:left; color:#FFFFFF; width:22px; height:16px;cursor:pointer; cursor:hand; margin-right:5px; text-decoration:none;}

#menuLang a.langCZ span {display:block; width:22px; height:16px;position: absolute;top:0px;left:0px;background: transparent url("../img/bgFlagCZ.gif") 0px -16px no-repeat;}

#menuLang a.langSK span {display:block; width:22px; height:16px;position: absolute;top:0px;left:0px;background: transparent url("../img/bgFlagSK.gif") 0px -16px no-repeat;}

#menuLang a.langEN span {display:block; width:22px; height:16px;position: absolute;top:0px;left:0px;background: transparent url("../img/bgFlagEN.gif") 0px -16px no-repeat;}

#menuLang a.langDE span {display:block; width:22px; height:16px;position: absolute;top:0px;left:0px;background: transparent url("../img/bgFlagDE.gif") 0px -16px no-repeat;}

#menuLang a.langRO span {display:block; width:22px; height:16px;position: absolute;top:0px;left:0px;background: transparent url("../img/bgFlagRO.gif") 0px -16px no-repeat;}

#menuLang a.langRU span {display:block; width:22px; height:16px;position: absolute;top:0px;left:0px;background: transparent url("../img/bgFlagRU.gif") 0px -16px no-repeat;}

#menuLang a.active span {background-position:0px 0px;}

#menuLang a span:hover, #menuLang a span.hover {background-position:0px 0px;}



/* ====== Tools ====== */

#tools {position:absolute; top:5px; right:0px; height:18px; width:18px;}

#tools a {position:relative;display:block; color:#FFFFFF; width:18px; height:18px;cursor:pointer; cursor:hand;background: transparent url("../img/bgButHome.gif") 0px 0px no-repeat;text-decoration:none;}



/* ============ Header Menu ============ */

#menuPages{height:38px;margin-left:196px;width:679px;background:#007a76 url("../img/bgMenuPages.jpg") top left repeat-x;}

ul#ulMenuPages, ul#ulMenuPages ul, ul#ulMenuPages ul li ul{font-family:Arial, Helvetica, sans-serif;list-style:none;font-size:13px; z-index:50;}

ul#ulMenuPages li{float:left;margin-top:0px;z-index:50; height:31px;_height:38px;padding:7px 3px 0px 0px; text-align:center;}

ul#ulMenuPages li a{color:#ffffff;display:block;font-weight:bold;width:auto;margin:0px;padding:0px;text-decoration:none; padding:5px 5px;}

#ulMenuPages a:hover, #ulMenuPages a.active {color:#000000; background-color:#72cecb;}

ul#ulMenuPages li a.shop{padding:5px 20px 5px 5px; background:transparent url("../img/bgMenuItemShop.gif") 95% 50% no-repeat;}

ul#ulMenuPages li a.shop:hover{padding:5px 20px 5px 5px; background:#a6d8f6 url("../img/bgMenuItemShopBlack.gif") 95% 50% no-repeat;color:#000000;}



/* ============ Body ============ */

#bodyPage{margin:15px 0px 0px 0px;position:relative;color:#000000;width:875px;background-color:#ebeae5;}



/* ====== Content ====== */

#content{margin:0px 0px 0px 0px;padding:0px;position:relative;color:#000000;width:875px;float:left; background:#ebeae5 url("../img/bgContent.gif") top left repeat-y;}



/* === Art === */

.art {width:875; height:180px; margin-bottom:15px;}


/* === Carousel === */

.carousel_container {
width: 875px;
height: 230px;
margin: 0px auto;
border: 1px solid #ebeae5;
}

/* === Cols === */

.col1{position:relative;width:205px;float:left;margin-right:15px; background-color:#ebeae5;}

.col2{position:relative;width:655px;float:left; background-color:#ebeae5;}



.col1HP{position:relative;width:235px;float:left; background-color:#ebeae5;}

.col2HP{position:relative;width:625px;float:left;margin-right:15px; background-color:#ebeae5; overflow:hidden;}



/* Menu */

#menu {background-color:#DAD8CB; margin-bottom:15px; float:left; width:201px; border:2px solid #007a76;}

#menu ul{margin:.2em 5px .2em 0px;padding:.2em 0 .2em 0; color:#000000;}

#menu ul li{margin:.2em 0 .1em 0;padding:.2em 0 .1em 17px;list-style-type:none;}

#menu ul li ul{margin-right:5px;}



#menu ul li a{color:#000000; text-decoration:none; font-weight:bold;}

#menu ul li a:hover{color:#007a76;}

#menu ul li ul li a{font-weight:normal;}

#menu ul li ul li a.active, #menu ul li ul li a.lastActive{color:#007a76;}



#menu ul li a.active, #menu ul li a.lastActive{color:#007a76;}



#menu ul li ul li{margin:0;padding:0px 0px 0px 2px;list-style-type:none; _float:left; _clear:both; _width:180px; _margin:-1px 0px -1px 0px;}



#menu ul li ul li a{ display:block; padding:.3em 0px .3em 20px;_padding:3px 0px 3px 20px;background: transparent url("../img/bgMenuItem.gif") 0% 50% no-repeat; line-height:1.4;}



#menu ul li ul li a.active{background:transparent url("../img/bgMenuItemActive.gif") 0% 50% no-repeat;}



#menu ul li ul li a.last {background: transparent url("../img/bgMenuItemLast.gif") 0% 50% no-repeat;}

#menu ul li ul li a.lastActive{background: transparent url("../img/bgMenuItemLastActive.gif") 0% 50% no-repeat;}



/* Col1 */

h3.boxName{ position:relative;font-size:13px; background:#007a76 url("../img/bgCol2bodyH2.jpg") top left repeat-x; padding:0px 15px 0px 15px;color:#ffffff; height:20px; line-height:20px; margin:0px; font-weight:bold; clear:both;}

h3.boxName span {display:block; width:13px; height:20px; position:absolute; top:0px; right:0px;_right:-1px;background:#000000 url("../img/bgCol2bodyCorner.jpg") top right no-repeat;}

h3.boxName span.shopIco{display:block; width:13px; height:20px; position:absolute; top:0px; right:15px;background: url("../img/bgMenuItemShop.gif") 50% 50% no-repeat;}

.col1 div.box {width:175px;_width:205px;padding:0px 13px; border:2px solid #007a76; border-top:0px; margin-bottom:15px; background-color:#DAD8CB;}

.col1 div.box a {color:#007a76; font-weight:bold;}

.col1 div.box a:hover {color:#ff0000;}



/* Col1HP */

.col1HP h3.boxName{ position:relative;font-size:13px; background:#007a76 url("../img/bgCol2bodyH2.jpg") top left repeat-x; padding:0px 15px 0px 15px;color:#ffffff; height:20px; line-height:20px; margin:0px; font-weight:bold; clear:both;}

.col1HP h3.boxName span {display:block; width:13px; height:20px; position:absolute; top:0px; right:0px;_right:-1px;background:#000000 url("../img/bgCol2bodyCorner.jpg") top right no-repeat;}

.col1HP h3.boxName span.shopIco{display:block; width:13px; height:20px; position:absolute; top:0px; right:15px;background: url("../img/bgMenuItemShop.gif") 50% 50% no-repeat;}

.col1HP div.box {width:205px;_width:235px;padding:0px 13px; border:2px solid #007a76; border-top:0px; margin-bottom:15px; background-color:#DAD8CB; height:auto; _height:280px; overflow:hidden;}

.col1HP div.box a {color:#007a76; font-weight:bold;}

.col1HP div.box a:hover {color:#ff0000;}

.col1HP div.box h4 {padding-bottom:0px;}

.col1HP div.box p {padding-top:0px;}



/* Col2HPBody */

.col2HP h2.bodyHeader{ position:relative;font-size:13px; background:#007a76 url("../img/bgCol2bodyH2.jpg") top left repeat-x; padding:0px 15px 0px 15px;color:#ffffff; height:20px; line-height:20px; margin:0px; font-weight:bold;}

.col2HP h2.bodyHeader span {display:block; width:13px; height:20px; position:absolute; top:0px; right:0px;_right:-1px;background:#000000 url("../img/bgCol2bodyCorner.jpg") top right no-repeat;}



.tableHP {width:625px;border:2px solid #007a76; border-top:0px;background-color:#DAD8CB; border-collapse:collapse; font-size:13px; height:280px;}

.tableHP td {text-align:center;padding:0px; border-right:2px solid #FFFFFF;}

.tableHP td.borderLast {border-right:0px;}

.tableHP td.borderBottom {border-bottom:2px solid #FFFFFF;}

.tableHP td a{display:block; width:100%; height:137px;background-color:#DAD8CB; color:#000000; font-weight:bold; text-decoration:none; float:left; text-align:center;}

.tableHP td a:hover{background-color:#0daba6; color:#FFFFFF;}

.tableHP td:hover, .tableHP td.hover{background-color:#0daba6; color:#FFFFFF;}

.tableHP td a img{padding:10px 0px 5px 0px;_margin:10px 0px 5px 0px;}

.tableHP td a span{display:block; width:100px; text-align:center; margin:95px auto 5px auto; line-height:1.4; cursor:pointer; cursor:hand;}



a.butBeton{ background:#35343A url("../img/tableHP/beton.gif") 5px 10px no-repeat;}

a.butBeton:hover{ background:#007a76 url("../img/tableHP/beton.gif") -125px 10px no-repeat;}



a.butDrevo{ background:#35343A url("../img/tableHP/drevo.gif") 5px 10px no-repeat;}

a.butDrevo:hover{ background:#007a76 url("../img/tableHP/drevo.gif") -125px 10px no-repeat;}



a.butKov{ background:#35343A url("../img/tableHP/kov.gif") 5px 10px no-repeat;}

a.butKov:hover{ background:#007a76 url("../img/tableHP/kov.gif") -125px 10px no-repeat;}



a.butOstatni{ background:#35343A url("../img/tableHP/ostatni.gif") 5px 10px no-repeat;}

a.butOstatni:hover{ background:#007a76 url("../img/tableHP/ostatni.gif") -125px 10px no-repeat;}



a.butSamonosne{ background:#35343A url("../img/tableHP/samonosne.gif") 5px 10px no-repeat;}

a.butSamonosne:hover{ background:#007a76 url("../img/tableHP/samonosne.gif") -125px 10px no-repeat;}



a.butLuxor{ background:#35343A url("../img/tableHP/luxor.gif") 5px 10px no-repeat;}

a.butLuxor:hover{ background:#007a76 url("../img/tableHP/luxor.gif") -125px 10px no-repeat;}



a.butZabradli{ background:#35343A url("../img/tableHP/zabradli.gif") 5px 10px no-repeat;}

a.butZabradli:hover{ background:#007a76 url("../img/tableHP/zabradli.gif") -125px 10px no-repeat;}



a.butDalsiprvky{ background:#35343A url("../img/tableHP/dalsiprvky.gif") 5px 10px no-repeat;}

a.butDalsiprvky:hover{ background:#007a76 url("../img/tableHP/dalsiprvky.gif") -125px 10px no-repeat;}



a.butPartneri{ background:#35343A url("../img/tableHP/partneri.gif") 5px 10px no-repeat;}

a.butPartneri:hover{ background:#007a76 url("../img/tableHP/partneri.gif") -125px 10px no-repeat;}



a.butDalsi{ background:#35343A url("../img/tableHP/dalsi.gif") 5px 10px no-repeat;}

a.butDalsi:hover{ background:#007a76 url("../img/tableHP/dalsi.gif") -125px 10px no-repeat;}


a.butRealizace{ background:#35343A url("../img/tableHP/realizace.gif") 5px 10px no-repeat;}

a.butRealizace:hover{ background:#007a76 url("../img/tableHP/realizace.gif") -125px 10px no-repeat;}


a.butNapsali{ background:#35343A url("../img/tableHP/napsali.gif") 5px 10px no-repeat;}

a.butNapsali:hover{ background:#007a76 url("../img/tableHP/napsali.gif") -125px 10px no-repeat;}


a.butAkce{ background:#35343A url("../img/akce-truhlari.gif") 5px 10px no-repeat;}

a.butAkce:hover{ background:#007a76 url("../img/akce-truhlari.gif") -125px 10px no-repeat;}


/* Col2Header */

.col2header{position:relative;width:655px;background:#ebeae5;color:#000000; margin-bottom:15px;}

.col2header div.indent {width:625px;_width:655px;padding:15px 15px 5px 15px;}

.headerImage {float:right; padding:0px 0px 5px 10px;}

.col2header h1{font-size:22px;color:#007a76;padding:0px 0px 15px 0px; font-weight:bold;}

.col2header h2 {font-size:16px;color:#000000; padding:5px 0px 10px 0px;font-weight:bold;}

.col2header p {font-size:12px;color:#000000; padding:5px 0px 5px 0px;}

.col2header p strong{color:#000000; font-weight:bold;}







/* Col2Body */

.col2body{position:relative;width:651px;background:#DAD8CB;color:#000000; margin-bottom:15px; border:2px solid #007a76; border-top:0px;padding-bottom:10px;}

h2.bodyHeader{ position:relative;font-size:13px; background:#E46713 url("../img/bgCol2bodyH2.jpg"/*tpa=http://projekty.visiontech.cz/eshop_topwet-2008/img/bgCol2bodyH2.jpg*/) top left repeat-x; padding:0px 15px 0px 15px;color:#FFFFFF; height:20px; line-height:20px; margin:0px; font-weight:bold;}

h2.bodyHeader span {display:block; width:13px; height:20px; position:absolute; top:0px; right:0px;_right:-1px;background:#000000 url("../img/bgCol2bodyCorner.jpg"/*tpa=http://projekty.visiontech.cz/eshop_topwet-2008/img/bgCol2bodyCorner.jpg*/) top right no-repeat;}

.col2body div.indent {width:625px;_width:651px;padding:0px 13px;}



.col2body div.indent h3 {font-size:12px; background-color:#007a76;padding:0px 15px 0px 15px;color:#FFFFFF; height:20px; line-height:20px; margin:0px;font-weight:bold; clear:both;}



.col2body div.box {width:595px;_width:625px;padding:0px 13px; border:2px solid #007a76; border-top:0px; margin-bottom:15px;}





/* ========= Footer ========= */

#footer {position:relative;height:20px;width:875px; clear:both;background:#000; font-size:11px}

#footer p{margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;line-height:20px; color:#ffffff;}

#footer p span{padding:0px 20px 0px 20px;}

#footer p.created{position:absolute; top:0px; right:0px;}

#footer a{color:#ffffff;}

#footer a:hover{color:#007a76;}

#counter {display:none;}



/* Content Styling

=================================*/



h2{font-size:18px;padding:10px 0px 5px 0px;color:#7D838C; font-weight:normal;}

h3{font-size:13px;padding:10px 0px 0px 0px;}

h4{font-size:12px;color:#007a76;padding:5px 0px 5px 0px; font-weight:normal; line-height:1.4em;}

h5{font-size:14px;padding:5px 0px 0px 0px;line-height:1.4em;color:#00216e; font-style:italic;font-weight:normal;}

h5 span{color:#000000; font-size:12px; font-style:normal; font-weight:bold; }

p{line-height:1.4em;padding: 5px 0px 5px 0px;color:#000000;}



.col1 h2 {font-size:18px;padding:0px 0px 0px 0px;color:#ffffff; height:65px; line-height:65px; font-weight:normal;}



.akce {font-weight:bold; text-decoration:none;}

a.akce:hover{text-decoration:underline;}





#col2 ul{margin:.5em 0 .1em 1em;padding:.5em 0 .1em 1em;}

#col2 ul li{margin:.2em 0 .1em 0;padding:.2em 0 .1em 0;}



#bodyPage ol{margin:.2em 0 .2em 1em;padding:.2em 0 .2em 1em;color:#000000;}

#bodyPage ol li{margin:.2em 0 .1em 0;padding:.2em 0 .1em 0;}

#bodyPage ul{margin:.2em 0 .2em 0px;padding:.2em 0 .2em 0; color:#000000;}

#bodyPage ul li{margin:.2em 0 .1em 0;padding:.2em 0 .1em 17px;list-style-type:none; background: transparent url("../img/moreActive.gif")  0px 7px no-repeat;}



#content .col2 ul{margin:.5em 0 .1em 5px;padding:.5em 0 .1em 5px;list-style-type:disc;}

#content .col2 ul li{margin:.2em 0 .1em 5px;padding:.2em 0 .1em 5px;list-style-type:disc;}



table p{line-height:1.4em;}



/* ====== img - content =========*/

.imgLeft, .imgRight{padding:0px;}

.imgLeft img, .imgRight img{border:2px solid #E46713;padding:0px;}

.imgLeft p, .imgRight p{text-align:center;margin:0px;padding:.2em; color:#666666;}

.imgLeft  {float:left;margin:10px 10px 3px 0px;}

.imgRight{float:right;margin:10px 0px 3px 10px;}



/* ====== table - content =========*/

.contentTable{border-collapse:collapse;font-size:12px;color:#ffffff;border:2px solid #E46713;margin:.4em 0px 15px 0px; background-color:#353A3E; width:100%;}

.contentTable th{padding:.3em .4em;border: 0px;background-color: #E46713;color:#ffffff;font-weight:bold;text-align:left; vertical-align:top;}

.contentTable td{padding:.4em;border:0px; vertical-align:top;}

/*.contentTable tr:hover, .contentTable tr.hover {background-color:#555;}*/



/* ====== table - linky =========*/

.contentTableLinky{border-collapse:collapse;font-size:12px;color:#ffffff;border:2px solid #E46713;margin:.4em 0px 15px 0px; background-color:#353A3E; /*width:100%;*/}

.contentTableLinky th{padding:.3em .4em;border: 0px;background-color: #E46713;color:#ffffff;font-weight:bold;text-align:center; vertical-align: middle;border:1px solid #fff;}

.contentTableLinky td{padding:.4em;border:1px solid #ccc; vertical-align:middle;}

table.tCenter td, table.tCenter th{text-align:center;}

.contentTableLinky th a:hover{color:#FFFFFF;}



.blankTable{border-collapse:collapse;font-size:100%;}

.blankTable td{padding:2px 5px; vertical-align:middle;}



td.vTop, th.vTop {vertical-align:top;}



.w10px {width:10px;}

.w15px {width:15px;}

.w20px {width:20px;}

.w30px {width:30px;}

.w40px {width:40px;}

.w45px {width:45px;}

.w50px {width:50px;}

.w55px {width:55px;}

.w60px {width:60px;}

.w70px {width:70px;}

.w75px {width:75px;}

.w80px {width:80px;}

.w90px {width:90px;}

.w100px {width:100px;}



.w120px {width:120px;}

.w122px {width:122px;}



.w120px {width:120px;}

.w125px {width:125px;}

.w130px {width:130px;}

.w135px {width:135px;}

.w140px {width:140px;}

.w150px {width:150px;}

.w160px {width:160px;}

.w165px {width:165px;}

.w170px {width:170px;} 

.w175px {width:175px;}

.w180px {width:180px;}

.w190px {width:190px;}

.w200px {width:200px;}

.w210px {width:210px;}

.w220px {width:220px;}

.w230px {width:230px;}

.w250px {width:250px;}

.w300px {width:300px;}

.w400px {width:400px;}

.w460px {width:460px;}

.w500px {width:500px;}

.w520px {width:520px;}

.w540px {width:540px;}

.w560px {width:560px;}

.w580px {width:580px;}



.textCenter {text-align:center;}

.textRight {text-align:right;}



th.textCenter {text-align:center;}

th.textRight {text-align:right;}

.fLeft {float:left;}

.fRight {float:right;}

}

@media print{

body{font-family:"Times New Roman CE", Georgia, "Times New Roman", Times, serif;color:#000;}

#headerPage, #col1, #counter, #menuPages, #art, #captionLogos, #menu, #images{display:none;}

h1,h2,h3,li{page-break-inside:avoid;margin:0px;}

h1{padding-top:0px;margin-bottom:.5em;border-bottom:1px solid #000;}

h2,h3{padding-bottom:0px;}

p{margin-top:.2em;padding:0px;}

a{text-decoration:underline;font-weight:bold;}

.imgLeft{float:left;}

.imgRight{float:right;}

img{border:1px solid #000;margin:3px;}

#footer, #created{font-size:9px;}

.tableDetail{border-collapse:collapse;}

td, th{border: 1px solid #000;}

th{text-align:left;}

}

#s3slider {
   width: 150px; /* important to be same as image width */
   height: 89px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 150px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 10;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 5px 5px;
   width: 150px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}