body {position: relative; margin: 0; padding: 0;  font-family: Trebuchet MS; font-size: 11px; color: #000; background: #fff; background-image: url(http://www.onlinekoupelny.cz/media/bg.gif)}
/*img, div, input { behavior: url("http://www.onlinekoupelny.cz/media/css/iepngfix.htc") }*/
p {margin: 0;  padding: 0}
a {_height: 0; text-decoration: none; color: #000}
a:hover {text-decoration: underline}
img {margin: 0; padding: 0; vertical-align: middle; border: 0}
form {margin: 0; padding: 0}
table {border-collapse: collapse}
.png_img { behavior: url("http://www.onlinekoupelny.cz/media/js/iepngfix.htc") }
#menu0 { behavior: url("http://www.onlinekoupelny.cz/media/js/iepngfix.htc") }

#website {position:relative;background:#fff url(http://www.onlinekoupelny.cz/media/shaddowBg.gif) repeat-y;width:984px;margin:0px auto -20px auto;min-height:100%} 

h1 {margin: 0; padding: 0; font-weight: bold; font-size: 11px; color: #000}
h2, h3, h4, h5 {margin: 0; padding: 0; font-size: 11px; color: #000}

input {vertical-align: middle}
.input_text {margin: 0; padding: 2px; font-size: 11px; font-family: arial; overflow: auto;border-left: 2px solid #565656;border-top: 2px solid #565656;border-right: 1px solid #8F8F8F;border-bottom: 1px solid #8F8F8F;}
.input_button {margin: 0; padding: 0; vertical-align: middle; border: 0}
.input_radio {height: 12px; width: 12px; margin: 0 3px 0 0; padding: 0; border: 0}
.input_check {height: 12px; width: 12px; margin: 0; padding: 0; border: 0}
textarea {font-size: 10px;}


.clear { clear:both; }

.title {margin: 0; padding: 0; height: 31px; font-size: 9px; color: #141414; clear: both;}
.title span {position: relative; top:0px; height:33px; margin-bottom: -12px; _margin-bottom: -17px; display: block;}


.box {width: 100%; margin-bottom:15px; float: left;}

.novinkamenu {
  color:red; font-weight:bold; margin-left:15px;
}

.nazevproduktu {margin: 0; padding: 0; font-size: 11px; color: #000; font-weight: bold;}

.vcDPH, .bezDPH {white-space: nowrap;}
.mena {font-size:0.8em;}

#freetext { margin:5px;}
#freetext p {
  margin-top:10px; 
}
#freetext a {text-decoration: underline; color: #068104}
#freetext a:hover {text-decoration: none}




/* layout stranky */
#obalkahlavicka {position: relative; z-index: 1; margin: 0px auto auto; width: 980px; height: 215px; background: url(http://www.onlinekoupelny.cz/media/online-koupelny-bg-top.jpg) no-repeat top #fff;}
#obalkaobsah {position: relative; margin: auto; width: 980px; background: #fff;}
#sloupec1 {position: relative; margin-top: 10px; left: 0; width: 212px; height: auto; float: left;overflow: hidden; border-right: 1px solid #E0E0E0; }
#sloupec2 {position: relative; padding-top: 10px; left: 10px; width: 556px; height: auto; float: left; margin-bottom:20px;overflow: hidden;}
#sloupec3 {position: relative; margin-top: 10px; left: 22px; width: 188px; height: auto; float: left;overflow: hidden; border-left: 1px solid #E0E0E0;}
#obalkapaticka {clear:both; position: relative; height: 29px; width: 980px; margin: 10px auto 0 auto;padding-top: 15px;color: #fff;font-family: verdana; text-align:center; font-size: 11px; color: #696969; background-color: #EFEFEF; border-top:2px solid #068104} 


#obalkaobsah h2 span {position: relative; top: -14px; height: 35px; margin-bottom: -14px; display: block}
.bocnisloupec {padding-bottom: 8px;}
.bocnisloupec .info {padding:0;margin:0}


/* obalkahlavicka */
/* logo */
.logo {position: absolute; top: 33px; left: 0;}
.logo a {height: 95px; width: 580px; display: block;background: none;}
/* horni lista */
.hornilista {position: absolute; top: 9px; left: 0px; white-space:nowrap;}
.hornilista a {margin-right: 12px; padding-left: 10px; color: #F1FFCC; text-decoration: underline; background: url(http://www.onlinekoupelny.cz/media/top_odrazka.gif) no-repeat left center;}
.hornilista a.prvni {background:none !important; text-decoration: none}
.hornilista a:hover {text-decoration: underline}

.hornilistaodkazy {position: absolute; top: 9px; right: 201px; margin: 0; padding: 0; color: #fff;}
.hornilistaodkazy li {margin-left: 10px; float: left; display: block;}
.hornilistaodkazy li a {position: relative; top: -2px; text-decoration:underline; padding: 2px 0 2px 9px; float: left; display: block; font-weight: normal; color: #ffffff; background: url(http://www.onlinekoupelny.cz/media/top_odrazka.gif) no-repeat left;}
.hornilistaodkazy li a:hover {text-decoration:none;}
.hornilistaodkazy li a.prvni {background: none !important;}
.hornilistaodkazy li a.posledni {margin-right:10px;}

 
/* kosik */
.kosik {position: absolute; top: 0px; right: 12px; _right: 22px; width: 168px; text-align: center;}
.kosik p {margin: 8px 5px 2px 45px; _margin: 8px 0px 2px 50px; color: #646464;}
.kosik strong {text-align: right; margin-right: 7px; _margin-right: 2px; padding-bottom: 16px; display: block; font-size: 18px; color: #C43100;}
.kosik strong .mena {font-size: 12px; margin-left:6px;}
.kosik a {margin: 5px 0 0 3px;width: 77px; height: 23px;}
.kosik a:hover {text-decoration: none;}
.zobrazitkos {background: url(http://www.onlinekoupelny.cz/media/kosik-zobrazit.gif) no-repeat; padding-bottom:7px;}
.vyprazdnitkos {background: url(http://www.onlinekoupelny.cz/media/kosik-vyprazdnit.gif) no-repeat; padding-bottom:7px;}



.vyhledavani {background: url(http://www.onlinekoupelny.cz/media/BGBoxBottom.gif) repeat-x bottom; padding-bottom: 8px;}
.vyhledavani .input_text {width: 125px; height: 13px; margin: 1px 0px 0 0px; padding: 3px 2px 3px 4px; color: #000000;overflow: hidden; border:1px solid #A3A3A3;}
.hledej {margin:0; padding: 15px 0 15px 0; background: #EFEFEF;}






/* tlacitka */
.tlacitka {position: absolute; top: 158px; right:1px; margin:0; padding:0; float:right}
.tlacitka li.modre {position: relative; height:57px; width:76px; background: url(http://www.onlinekoupelny.cz/media/tlacitko-modre.gif) no-repeat; display:block; float:left; text-align:center; margin-right:8px;}
.tlacitka li.zelene {position: relative; height:57px; width:76px; background: url(http://www.onlinekoupelny.cz/media/tlacitko-zelene.gif) no-repeat; display:block; float:left; text-align:center; margin-right:8px;}
.tlacitka a {font-weight:bold; color: #fff; font-size: 10px; width:76px; margin-top:0px;padding-top:41px;padding-bottom:0px;display:block;text-decoration:none;}
.tlacitka a:hover {letter-spacing:1px; text-decoration:none; color:#ffffff;}




/*** sloupec1 ***/

/* kategorie */
#title_kategorie { background: url(http://www.onlinekoupelny.cz/media/bgSloupceNadpis.png) no-repeat; font-size:15px; color: #ffffff; font-weight:bold;}
.kategorie {padding-bottom:0px; border-bottom:3px solid #ffffff;}
.kategorie ul {margin: 0; padding: 0; list-style-type: none; }
.kategorie .header { padding: 5px 0 0 8px; color: #fff; height: 21px; background: #A2A2A2; text-align: center; border-bottom: 1px solid #fff;}
.kategorie .header label {margin-right: 8px; color: #fff; font-weight: bold;}
.kategorie ul li {border-bottom: 1px solid #fff;}
/* .kategorie ul li a {padding: 3px 4px 3px 27px; display: block; font-weight: normal; color: #494949; text-align: left; background: url(http://www.onlinekoupelny.cz/media/tree_close.gif) no-repeat 8px #EFEFEF;} */
.kategorie ul li a {padding: 3px 4px 3px 27px; display: block; font-weight: normal; color: #494949; text-align: left; background: url(http://www.onlinekoupelny.cz/media/tree_none.gif) no-repeat 8px #EFEFEF;}
/* .kategorie ul li a:hover {text-decoration:none; background: url(http://www.onlinekoupelny.cz/media/tree_close.gif) no-repeat 8px #E0E0E0} */
.kategorie ul li a:hover {text-decoration:none; background: url(http://www.onlinekoupelny.cz/media/tree_none.gif) no-repeat 8px #E0E0E0}
.kategorie ul li a.activCat {background: url(http://www.onlinekoupelny.cz/media/tree_open.gif) no-repeat 8px #E1E1E1 !important;}
.kategorie ul li a.nosub {background: url(http://www.onlinekoupelny.cz/media/tree_none.gif) no-repeat 8px #EFEFEF;}
.kategorie ul li a.nosub:hover {background: url(http://www.onlinekoupelny.cz/media/tree_none.gif) no-repeat 8px #E0E0E0;}
.kategorie ul li .menu_in { padding:0px 0; border-top: 1px solid #fff; border-bottom: 0px solid #000}
.kategorie ul li ul {margin: 0; padding: 0; list-style-type: none;}
.kategorie ul li ul li {border: none}
.kategorie ul li ul li a {padding: 3px 4px 3px 41px; display: block; text-align: left; color: #000; font-weight: normal; background: url(http://www.onlinekoupelny.cz/media/tree_sub.gif) no-repeat 28px #fff;  border-bottom: 1px solid #EFEFEF;}
.kategorie ul li ul li a:hover {font-weight: normal; background: url(http://www.onlinekoupelny.cz/media/tree_sub.gif) no-repeat 28px #E1E1E1}
.kategorie ul li ul li a.activCat {font-weight: normal; background: url(http://www.onlinekoupelny.cz/media/tree_sub.gif) no-repeat 28px #E1E1E1 !important;}








/*** sloupec2 ***/

#sloupec2 h1 {margin-top: 0px;font-size: 16px;}
#sloupec2 h2 {border: 1px solid #ccc; margin: 0; margin-top:30px; margin-bottom:5px; padding: 5px; font-size: 130%; line-height: 140%; font-weight: bold; color: #02509b; background-color:#f7f7f7;}
#sloupec2 h3 {margin-top: 0px; font-size: 12px;}
#sloupec2 h4 {margin-top: 10px; font-size: 11px; color: #000;}
#sloupec2 h5 {margin-top: 10px; font-size: 10px; color: #000;}

/* cesta */
.cesta {margin:0 0 10px 0; padding: 7px 0; border-bottom: 1px solid #a4a4a4}
.cesta ul {list-style-type: none}
.cesta li {display: inline;}
.cesta li a {margin-right: 6px; padding-right: 10px; text-decoration: none; color: #068104; background: url(http://www.onlinekoupelny.cz/media/cesta_odrazka.gif) no-repeat right}
.cesta li a.activNM {text-decoration: none !important; color: #535353 !important; background: url(http://www.onlinekoupelny.cz/media/cesta_aktivni.gif) no-repeat right !important}
.cesta li a:hover {text-decoration:none}

/* nadpis podstranky */
.podstr_info { margin: 2px 0 16px 0; _margin: 2px 0 4px 0;padding:0; width:100%; float: left;}
.podstr_info .sec_img {padding: 0 23px 0 0px; _padding: 0 0 0 0px; margin-right: 10px; _margin-right: 1px; width: 90px; height: auto; float: left; text-align: center; background: #fff}
.podstr_info .sec_img img {margin-bottom: 1px; padding: 1px;}
.podstr_info .sec_info { padding: 0 0 2px 0;_padding: 0 0 7px 7px;color: #646464; background: #F7F7F7}
.podstr_info .sec_info h1{display: block; font-weight:bold; margin-bottom: 9px; padding: 5px;font-size: 16px; color: #068104}
.podstr_info .sec_info p {margin:0}
.podstr_info .sec_info a {font-weight: bold; color: #75A617; text-decoration: underline}
.podstr_info .sec_info a:hover {text-decoration: none}



/* seznam produktu */

.seznamproduktu { margin: 0;width: 100%; }
.seznamproduktu .line {float:left; width:556px; margin: 0px; padding: 0px; background: url(http://www.onlinekoupelny.cz/media/cara_hor.gif) repeat-x bottom;clear: both;}
.seznamproduktu .line.posledni {background:none}
.seznamproduktu .lineIn {float:left; width:556px; margin: 10px 0 6px 0;} 
.seznamproduktu .Product {width: 185px; float: left; background: url(http://www.onlinekoupelny.cz/media/cara_ver.gif) repeat-y 183px;}
.seznamproduktu .Product.posledni {background:none}
.seznamproduktu .Product .ProductIn {float: left; width: 100%; height: auto; overflow: hidden;}
.seznamproduktu .Product .Product_img {position: relative; padding: 8px 0 8px 0; width:165px; height:120px; float: center; text-align:center;}
.seznamproduktu .Product .Product_img a {position: relative; margin: 0px; padding: 0px; width:165px;  float: center; text-align: center;}
.seznamproduktu .Product .Product_img .productAttribute {position: absolute; bottom: 21px; left: -8px; width: 46px;} 

.seznamproduktu .Product .nadcenou {margin-left:10px;clear:both; margin-bottom:2px;padding-bottom:0px;width:145px; }

.seznamproduktu .Product .nadcenou .moc { float:left; text-align:left; color:#919191; }
.seznamproduktu .Product .nadcenou .sleva { float:right; text-align:right; color:#2c4fa2; }


.seznamproduktu .Product .Product_info {position: relative; margin-left: 9px; _margin-left: 9px; padding: 0; width: 165px; }
.seznamproduktu .Product .Product_info .Product_name {padding: 0px 0px 0px 0px; width: 165px; background: #fff;height: auto; overflow: hidden;}
.seznamproduktu .Product .Product_info .nazevproduktu a h3 {padding: 0; display: block; font-size: 13px; color: #068104; line-height:120%}
.seznamproduktu .Product .Product_info .nazevproduktu a:hover h3 {text-decoration:underline;}

.seznamproduktu .Product .Product_info .priceLine {padding: 0px 0 10px 0; font-size: 14px; font-weight: bold;color: #c43110; text-align:center}

.seznamproduktu .Product .Product_info .priceLine .mena {font-size: 11px; margin-left: 3px}
.seznamproduktu .Product .Product_info .priceLine .vcDPH {font-size: 19px;}
.seznamproduktu .Product .Product_info .annotation { margin: 3px 0px;padding: 0;width: 160px;color: #646464;height: auto; overflow: hidden;}

.seznamproduktu .Product .detail {background: url(http://www.onlinekoupelny.cz/media/tl-detail.gif) no-repeat; margin-left:4px; padding-bottom:7px;}
.seznamproduktu .Product .dokosiku {background: url(http://www.onlinekoupelny.cz/media/tl-dokosiku.gif) no-repeat; padding-bottom:7px;}



/* tabulka zarovn�n� foto zbo�� */
.seznamproduktu table {width:100%;border-collapse:collapse; border: solid 0px black;}
.seznamproduktu table td {padding:2px; border-collapse:collapse; border: solid 0px black;}




.podkategorie { padding:3px}
.podkategorie a {text-decoration: underline; margin-right: 7px; margin-left: 2px; color: #068104;}
.podkategorie a:hover {text-decoration:none}


#strankovani {font-size: 11px;}
#strankovani A:link, #strankovani A:visited {color: #068104; text-decoration: underline; font-weight:normal; }
#strankovani A:hover {text-decoration: none;}
#strankovani SPAN {font-weight:normal; border: 1px solid #cccccc;}



/* detail zbozi */
.detail_zbozi .dalsiobr {float: left; width: 274px; margin:0; padding:10px 0px; background: url(http://www.onlinekoupelny.cz/media/cara_hor.gif) repeat-x top; text-align:left;}
.detail_zbozi .dalsiobr a {margin-right:15px;}
.detail_zbozi .dalsiobr a img {margin-bottom:15px;}
.detail_zbozi {margin-top: 12px;}
.detail_zbozi .detail_zbozi_obr {float: left; margin: 0 21px 0 0; width: 274px; text-align: center}
.detail_zbozi .detail_zbozi_obr2 {float: left; margin-bottom:10px;}
.detail_zbozi .detail_zbozi_obr2 a {float: left; width: 274px; margin: 0 0 12px 0; text-align: center; background: #fff;}
.detail_zbozi .detail_zbozi_info {float: left; margin: 0; padding: 0 0 0 11px; width: 249px; height: auto; overflow: hidden; background: #F5F5F5}
.detail_zbozi .zelena { text-decoration:underline;}
.detail_zbozi .detail_zbozi_info h1 {margin-top: -10px; margin-bottom: 5px; margin-left: -10px; width: 239px; padding: 10px 10px 10px 10px; display: block; font-size: 16px; color: #02509b; background: #E7E7E7}
.detail_zbozi .detail_zbozi_info a:hover h1 {cursor:hand; text-decoration:underline;}
.detail_zbozi .detail_zbozi_info p {display:block;float: left; width: 225px; padding: 2px 0; color: #838383}
.detail_zbozi .detail_zbozi_info p strong.DI_marketPrice {position: relative; top: -1px;text-decoration: line-through}
.detail_zbozi .detail_zbozi_info p strong.vcDPH {position: relative; top: -2px}
.detail_zbozi .detail_zbozi_info .mnozstvi {float: left; width: 238px;padding: 0 0 2px 0; margin:0; _margin:0 0 -17px 0; color: #838383}
.detail_zbozi .detail_zbozi_info .mnozstvi .input_text {width:23px; margin: 0 5px 0 48px; padding-bottom: 3px; font-weight: bold; text-align: center; color:#000}
.detail_zbozi .detail_zbozi_info p strong {width: 125px; float: right; color: #363636}
.detail_zbozi .detail_zbozi_info p strong a {color: #363636}
.detail_zbozi .detail_zbozi_info p .mena {margin-left: 3px; font-size: 12px;}
.detail_zbozi_.detail_zbozi_info info p strong .input_text {width: 20px; padding: 3px 2px 3px 3px; text-align: center; color: #000; font-weight: bold; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A8AAA8; border-bottom: 1px solid #A8AAA8}
.detail_zbozi .detail_zbozi_info .priceinfo {padding-top: 10px; font-size: 10px;}
.detail_zbozi .detail_zbozi_info .priceinfo a {color: #838383; text-decoration: underline}
.detail_zbozi .cara {display: block; float: left; padding: 0; margin:0;width: 240px !important; height: 14px; background: url(http://www.onlinekoupelny.cz/media/detail-cara.gif) repeat-x center}
.detail_zbozi .barva1 {color: #6A8D23 !important}
.detail_zbozi .barva2 {font-size: 12px;color: #363636 !important}
.detail_zbozi .barva3 {font-size: 16px; color: #C43100 !important}
.detail_zbozi .barva3 .mena {font-size: 12px !important}
.detail_zbozi .detail_zbozi_text {width: 549px; float: left; color: #373737; font-size: 12px;  margin: 20px 4px 40px 4px;_margin: 0px 2px 10px 2px}
.detail_zbozi .detail_zbozi_text p {margin-top: 15px; }







/*** sloupec3 ***/
/* nejprodavanejsi */
.bocnisloupec.nejprodavanejsi {margin:0px; padding:0px; background: #EFEFEF; border-bottom:1px solid #fff;}
.bocnisloupec.nejprodavanejsi ol { margin: 0px; padding: 15px 5px 10px 35px; _padding: 15px 5px 10px 30px; font-weight: bold; color: #A4A4A4;}
.bocnisloupec.nejprodavanejsi ol li {margin-bottom:3px;}
.bocnisloupec.nejprodavanejsi li a h2 {font-weight:normal; color: #2c4fa2;}
.bocnisloupec.nejprodavanejsi li a:hover h2 {text-decoration:underline; color: #2c4fa2;}
.bocnisloupec.nejprodavanejsi .Row a .RowNumber {float: left; display:block; color:#A4A4A4;width:21px; text-align: right;font-weight: bold;}
.bocnisloupec.nejprodavanejsi .Row a:hover .RowNumber {text-decoration:none !important}

/* akcni nabidka */
.bocnisloupec.akce {margin:0; padding:0; background: #fff;}
.bocnisloupec.akce .polozka {position: relative; float:left; padding: 10px 0 10px 0px; _padding: 8px 0 10px 1px; margin: 0; width:189px;border-bottom: 1px solid #E6E6E6;}
.bocnisloupec.akce .polozka.prvni {}
.bocnisloupec.akce .polozka.posledni {border: none !important}
.bocnisloupec.akce .polozka .infobox {float: left; width: 169px; margin: 0 10px 0 10px; _margin: 0 5px 0 0; padding: 0;}
.bocnisloupec.akce .polozka .infobox .name {}
.bocnisloupec.akce .polozka .infobox .name a h2{padding: 0; cursor:hand; text-decoration:none; font-weight: bold; color: #2c4fa2; font-size: 11px; overflow:hidden;}
.bocnisloupec.akce .polozka .infobox .name a:hover h2{text-decoration:underline; color: #2c4fa2;}

.bocnisloupec.akce .polozka .infobox .vcDPH {font-size: 16px; text-align:center}
.bocnisloupec.akce .polozka .infobox .mena {font-size: 8px; margin-left: 3px}

.bocnisloupec.akce .polozka .infobox strong {padding: 10px 0 0 0; font-size:12px; font-weight:bold; color: #C43100; white-space: nowrap; display: block; }
.bocnisloupec.akce .polozka .infobox strong .mena {margin-left: 3px; font-size:12px; font-weight:bold;}

.bocnisloupec.akce .akce_img {position: relative; margin:0; padding:0; margin-top:10px; text-align:center;}
.bocnisloupec.akce .akce_img .imgIn {margin: 0; padding: 0;height:auto; overflow: hidden;}




/* nakupni kosik */
#kosik {
	
}


#kosik table {
	clear: both;
	margin:5px 0 25px 0;
}

#kosik table caption {
	caption-side:top;
	text-align: center;
	font-weight:bold;
}

#kosik thead {
	background: #e7e7e7;
}

#kosik thead th, thead td {
	padding:4px;
	border-top: 3px solid #a4a4a4;
	border-bottom: 1px solid #a4a4a4;
	color: #000;
	font-weight:normal;
}

#kosik tbody td {
	padding:4px;
	border-bottom: 1px solid #ccc;
	vertical-align:top;
}

#kosik tbody th, tfoot th {
	font-weight:bold;
	padding:4px;
	border-bottom: 1px solid #ccc;
}

#kosik tfoot th, tfoot td {
	padding:5px;
	padding-top:10px;
	background:#eee;
	border-bottom: 1px solid #ccc;
}
#kosik .cena {
	text-align: right;
	width: 70px;
}
#kosik .cenacelkem {
	text-align: right;
	width: 70px;
}
#kosik .akce {
	text-align: right;
	width: 20px;
}
#kosik .sklad {
	text-align: center;
	width: 30px;
}
#kosik .ks {
	text-align: center;
	width: 20px;
}
#kosik .kosik {
	text-align: center;
	width: 40px;
}

#kosik input.ks {
  font-size: 11px; font-weight: bold; width:20px; height:16px; margin-right:4px; padding:0; padding-top:1px; text-align:center; vertical-align:top;
}
#kosik select {
  font-size: 12px; 
}

#kosik a {
	font-size: 12px;
}

.pokl_pole1 {width:400px;}
.pokl_pole2 {width:100px;}


/* sede pozadi - pravy a levy sloupec */
.sedebg {background: #EFEFEF; padding: 13px;}

.sedebg ul { 
	margin:0;
	margin-left:5px;
	padding:0; 
	list-style:none;
}
.sedebg li {
	background:url(/media/li_odr.gif) top left no-repeat; 
	background-position:0px 6px;
	margin:2px 0 0 0; 
	padding:0 0 0 13px;
}
.sedebg li a { 
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	background-position:left center;
}
.sedebg li a:hover { 
	text-decoration:underline;
}

/* ikony */

.icon{
	padding-left:19px;
	text-decoration:none;
	height:20px;
	font-size:12x;
	margin:0 3px;
	display:inline-block;	line-height:20px;
}

.telefon {background:transparent url(/media/i-telefon.png) no-repeat left;padding-left:23px; margin:0; margin-bottom:0px; display:inline-block;	line-height:20px;}
.telefon2 {padding-left:23px; margin:0; margin-bottom:0px; display:inline-block;	line-height:20px;}
.telefon_info {padding-left:23px; margin:0; margin-bottom:6px; display:inline-block;	line-height:20px; font-size:11px;  font-style: italic;}
.email {background:transparent url(/media/i-email.png) no-repeat left;padding-left:23px; margin:0; margin-bottom:6px; display:inline-block;	line-height:20px;}
.icq {background:transparent url(/media/i-icq.png) no-repeat left;padding-left:23px; margin:0; margin-bottom:6px; display:inline-block;	line-height:20px;}
.skype {background:transparent url(/media/i-skype.png) no-repeat left;padding-left:23px; margin:0; margin-bottom:6px; display:inline-block;	line-height:20px;}




/* výrobci */
#vyrobci {margin-bottom: 5px; padding: 0; padding-top: 15px; width: 540px;}
#vyrobci h2  {border-bottom: 1px solid #ccc; margin: 0; padding: 5px 10px 5px 5px; font-size: 130%; line-height: 140%; font-weight: bold; color: #02509b;}
#vyrobci .tabulka .polozka p {margin: 0; padding: 0;}
#vyrobci .tabulka {width: 540px; padding: 0px 0;}
#vyrobci .tabulka .polozka {width: 25%; text-align: center; font-size: 90%; line-height: 130%}
#vyrobci .tabulka .polozka:hover {background: #e5f3e2}
#vyrobci .tabulka .polozka .polozka_tab {height: 120px; overflow: hidden; margin: 0; border-right: 1px solid #ccc; padding: 10px 5px}
#vyrobci .tabulka .polozka.posl .polozka_tab {border-right: 0}
#vyrobci .tabulka img {display: block; margin: 0 auto 5px auto; border: 1px solid #ccc}
#vyrobci .tabulka h3 {display: block; margin: 0; padding: 0 10px; line-height:120%}
#vyrobci .tabulka .hr {clear: both; margin: 0; border: 1px solid #fff; border-top: 1px solid #ccc; padding: 0; font-size: 0; line-height: 100%}
#vyrobci .tabulka .hr hr {display: none}
#vyrobci .tabulka a {color: #02509b;}

/*  univerzální */
.f-left {float: left;}
.f-right {float: right;}
.t-left {text-align: left;}
.t-right {text-align: right;}
.t-center {text-align: center;}


/* uvodni stran */
#uvod {margin:5px; font-size:12px;}
#uvod p {margin-bottom:15px;}
#uvod ul{margin:0; padding:0; margin-bottom: 10px; list-style:none;}
#uvod li {background:url(/media/bg_ul.gif) top left no-repeat; background-position:10px 5px; padding-left:30px; font-size:1em; line-height:1.7em; margin-top:0px;}
#uvod li a {color:#0099cc; font-weight:bold; text-decoration:underline;}
#uvod li a:hover {text-decoration:none;}
#uvod a {text-decoration: underline; color: #068104}
#uvod a:hover {text-decoration: none}
















a.modre {height:57px; width:76px; background: url(http://www.onlinekoupelny.cz/media/tlacitko-modre.gif) no-repeat; display:block; color:#ffffff; font-size:10px; 
font-weight:bold;text-decoration:none; float:left}
a.zelene {height:57px; width:76px; background: url(http://www.onlinekoupelny.cz/media/tlacitko-zelene.gif) no-repeat; display:block; color:#ffffff; font-size:10px;
font-weight:bold;text-decoration:none; float:left}

a.modre:hover {letter-spacing:1px; text-decoration:none; color:#ffffff;}
a.zelene:hover {letter-spacing:1px; text-decoration:none; color:#ffffff;}


.tl {
height:57px; width:76px; text-align:center; cursor: hand; cursor: pointer; 
}
.grohe {
background: url(http://www.onlinekoupelny.cz/media/ico-grohe.png) no-repeat center 4px; 
}
.hansgrohe {
background: url(http://www.onlinekoupelny.cz/media/ico-hansgrohe.png) no-repeat center 4px;
}
.axor {
background: url(http://www.onlinekoupelny.cz/media/ico-axor.png) no-repeat center 4px;
}
.novaservis {
background: url(http://www.onlinekoupelny.cz/media/ico-novaservis.png) no-repeat center 4px;
}
.teorema {
background: url(http://www.onlinekoupelny.cz/media/ico-teorema.png) no-repeat center 4px;
}
.schell {
background: url(http://www.onlinekoupelny.cz/media/ico-schell.png) no-repeat center 4px;
}
.geberit {
background: url(http://www.onlinekoupelny.cz/media/ico-geberit.png) no-repeat center 4px;
}
.hailo {
background: url(http://www.onlinekoupelny.cz/media/ico-hailo.png) no-repeat center 4px;
}
.helpmation {
background: url(http://www.onlinekoupelny.cz/media/ico-helpmation.png) no-repeat center 4px;
}
.sanela {
background: url(http://www.onlinekoupelny.cz/media/ico-sanela.png) no-repeat center 4px;
}
.honeywell {
background: url(http://www.onlinekoupelny.cz/media/ico-honeywell.png) no-repeat center 4px;
}
.jika {
background: url(http://www.onlinekoupelny.cz/media/ico-jika.png) no-repeat center 4px;
}
.duravit {
background: url(http://www.onlinekoupelny.cz/media/ico-duravit.png) no-repeat center 4px;
}
.pharo {
background: url(http://www.onlinekoupelny.cz/media/ico-pharo.png) no-repeat center 4px;
}
.samhongtech {
background: url(http://www.onlinekoupelny.cz/media/ico-samhongtech.png) no-repeat center 4px;
}
.softcotton {
background: url(http://www.onlinekoupelny.cz/media/ico-softcotton.png) no-repeat center 4px;
}
.kludi {
background: url(http://www.onlinekoupelny.cz/media/ico-kludi.png) no-repeat center 4px;
}




.list {
	height:57px;
	width:764px; 
	margin:157px 212px;
}
.slider {
	float:left;
	left: -5000px; 
	margin:0px;
	position:relative; 
	visibility:hidden;	
}
	
.slider ul {
	height:57px;
	width:764px; 
}

.slider ul li {
	cursor:pointer;
	padding:0;
  padding-right: 1px;
  padding-left: 2px;
  display:inline;
}

.slider ul li img {
	height:57px; 
	padding-top:3px;
	width:76px;  
}

.prev {
	cursor:pointer; 
	float:left;
	padding-top:17px;
}

.next {
	cursor:pointer; 
	float:right; 
	padding-top:17px;
}










/* podvýrobky */

div.podvyrobky 
{ 
	overflow: hidden; 
	display: none;
	border:1px solid #b4eda3;
	border-bottom:0px;
	margin: 5px 5px 0px 5px;
  padding: 0px;
  background: #f6fbfe url("http://www.onlinekoupelny.cz/media/podvyrobky-nahled.gif") repeat-x top;
}

div.podvyrobky_menu
{
  text-align:left;
}

div.podvyrobky_menu a
{
  text-decoration:none;
}

div.podvyrobky_menu a.expand
{
	font-size: 13px;
}

/**
 * Not required, for styling only
 */

div#podvyrobky_wrapper
{
	width: 560px;
}



div.podvyrobky_menu  {
	padding-bottom: 0px;
	background: url("http://www.onlinekoupelny.cz/media/podvyrobky-okraj.gif") repeat-x 0% 0%;
	width: 550px;
	margin-left:5px;
}

div.podvyrobky_menu  span {
	display: block;
	background: url("http://www.onlinekoupelny.cz/media/podvyrobky-bg-vice.gif") no-repeat;
	height: 27px;
	width: 80px;
	margin: 0 auto;
	top:1px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5db273;
}

div.podvyrobky_menu  span strong {
	font-weight: normal;
	padding-left: 15px;
	display: block;
	line-height: 23px;
	background: url("http://www.onlinekoupelny.cz/media/podvyrobky-sipky.gif") no-repeat 55px 5px;
}

div.podvyrobky_menu .otevrene span strong {
	background-position: 55px -49px;
}
#podvyrobky-tab {
  padding: 10px 7px 15px 7px; font-size:12px;
}

#podvyrobky-tab .nadpis {
  font-size:14px; font-weight:bold;
}

#podvyrobky-tab a.nadpis {
  text-decoration: none;
}

#podvyrobky-tab table {
  margin-top:10px; width:100%;
}

#podvyrobky-tab .nazev {
  font-size:12px; font-weight:normal; line-height:17px;
}

#podvyrobky-tab .sklad {
  width:100px; font-size:10px; padding-left:10px; line-height:14px;
}

#podvyrobky-tab .dostupnost {
  font-size:11px;
}

#podvyrobky-tab .cena {
  font-size:13px; width:95px; font-weight:bold; text-align:right; color:#c43100; line-height:14px;
}

#podvyrobky-tab .moc {
  font-size:10px; color:#000000; 
}

#podvyrobky-tab .sleva {
  font-size:10px; color:#200099 
}

#podvyrobky-tab .obrmoc {
  margin-right:3px; vertical-align:baseline;
}

#podvyrobky-tab .obrsleva {
  margin-right:2px; vertical-align:baseline;
}

#podvyrobky-tab .input_text {
  width:20px; height:15px; margin-left:5px; 
}

#podvyrobky-tab td {
  height:35px; 
}





/* vyjížděcí box */
.slide-out-div {
  padding: 20px;
  width: 180px;
  height: 590px;
  background: #ffffff;
  border: 1px solid #2ba12f;
  line-height:150% !important;
  font-size:13px;
  z-index: 1000;
}


.slide-out-div table {
  margin-top:10px;margin-bottom:10px;
}
.slide-out-div td.sl1 {
  width:70px; text-align:right;
}

/* vyjížděcí box - mimořádná akce */
.mimoradnaakce { margin: 0;width: 100%; }
.mimoradnaakce .line2 {float:left; width:180px; margin: 0px; padding: 0px; background: url(http://www.onlinekoupelny.cz/media/cara_hor.gif) repeat-x bottom;clear: both;}
.mimoradnaakce .line2 .posledni {background: none !important;}
.mimoradnaakce .lineIn {float:left; width:556px; margin: 10px 0 6px 0;} 
.mimoradnaakce .Product2 {width: 185px; float: left; background:none;}
.mimoradnaakce .Product2 .ProductIn {float: left; width: 100%; height: auto; overflow: hidden;}
.mimoradnaakce .Product2 .Product_img {position: relative; padding: 0px 0 8px 0; width:165px; height:120px; float: center; text-align:center; margin-bottom:5px;}
.mimoradnaakce .Product2 .Product_img a {position: relative; margin: 0px; padding: 0px; width:165px;  float: center; text-align: center;}
.mimoradnaakce .Product2 .Product_img .productAttribute {position: absolute; bottom: 21px; left: -8px; width: 46px;} 
.mimoradnaakce .Product2 .nadcenou {margin-left:10px;clear:both; margin-bottom:2px;padding-bottom:0px;width:145px; }
.mimoradnaakce .Product2 .nadcenou .moc { float:left; text-align:left; color:#919191; font-size:11px;}
.mimoradnaakce .Product2 .nadcenou .sleva { float:right; text-align:right; color:#2c4fa2;  font-size:11px;}
.mimoradnaakce .Product2 .podcenou {margin-left:10px;clear:both; margin-bottom:2px;padding-bottom:0px;width:145px; }
.mimoradnaakce .Product2 .podcenou .skladem { text-align:center; color:#919191; font-size:11px;}
.mimoradnaakce .Product2 .Product_info {position: relative; margin-left: 9px; _margin-left: 9px; padding: 0; width: 165px; }
.mimoradnaakce .Product2 .Product_info .Product_name {padding: 0px 0px 0px 0px; width: 165px; background: #fff;height: auto; overflow: hidden;}
.mimoradnaakce .Product2 .Product_info .nazevproduktu a h3 {padding: 0; display: block; font-size: 12px; color: #068104; line-height:120%}
.mimoradnaakce .Product2 .Product_info .nazevproduktu a:hover h3 {text-decoration:underline;}
.mimoradnaakce .Product2 .Product_info .priceLine {padding: 0px 0 0px 0; font-size: 14px; font-weight: bold;color: #c43110; text-align:center}
.mimoradnaakce .Product2 .Product_info .priceLine .mena {font-size: 11px; margin-left: 3px}
.mimoradnaakce .Product2 .Product_info .priceLine .vcDPH {font-size: 19px;}
.mimoradnaakce .Product2 .Product_info .annotation { margin: 3px 0px;padding: 0;width: 160px;color: #646464;height: auto; overflow: hidden;}
.mimoradnaakce .Product2 .detail {background: url(http://www.onlinekoupelny.cz/media/tl-detail.gif) no-repeat; margin-left:4px; padding-bottom:7px;}
.mimoradnaakce .Product2 .dokosiku {background: url(http://www.onlinekoupelny.cz/media/tl-dokosiku.gif) no-repeat; padding-bottom:7px;}

/* specialni sestileta zaruka */
.guarantee6_text {border:1px solid #edca99; padding:10px; margin-top:20px; background-color:#faf1d8;}
.guarantee6_text img {float:right; margin-left:10px;}
.guarantee6_text p.heading, .guarantee6_text a {padding:0; margin:0; margin-bottom:10px; font-weight:bold; font-size:14px; color:#c0811e;}
.guarantee6_text p.content {padding:0; margin:0; font-size:11px;}
.guarantee6_icon {position: absolute; top:65px; left: 190px;}