@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
	background: url(/common/image.php?filename=design/ploty/uzp_pozadi_sloupce.jpg) repeat-y center top;
/*postranni pruhy*/
}

.stin {
		-moz-box-shadow: 3px 3px 4px #bfbfbf;
		-webkit-box-shadow: 3px 3px 4px #bfbfbf;
		box-shadow: 3px 3px 4px #bfbfbf;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bfbfbf')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bfbfbf');
	}
	
.stin:hover {
		-moz-box-shadow: 3px 3px 4px #818181;
		-webkit-box-shadow: 3px 3px 4px #818181;
		box-shadow: 3px 3px 4px #818181;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#818181')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#818181');
	}

.podstranka a{
	color:#2e9435;
}

.podstranka .perex{
	display:block;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	background: #eafcdc url(/common/image.php?filename=design/ploty/uzp_perex_pozadi.png) no-repeat top right;
}

.podstranka .perex.nobg{
	background: #eafcdc;
}

.podstranka .perex strong{
	color:#277729;
}

.podstranka .perex .realisticnost{
	width:100%;
	height:16px;
	line-height:16px;
	float:left;
}

.podstranka .perex .realisticnost .text{
	margin-right:5px;
	float:left;
}

.podstranka .perex .plnahvezda{
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin-right:8px;
	background: #eafcdc url(/common/image.php?filename=design/ploty/uzp_hvezda_plna.png) no-repeat;
}

.podstranka .perex .prazdnahvezda{
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin-right:8px;
	background: #eafcdc url(/common/image.php?filename=design/ploty/uzp_hvezda_prazdna.png) no-repeat;
}

.podstranka .produkt{
	margin-top:20px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	display:block;
	background: #ffffff url(/common/image.php?filename=design/ploty/uzp_linka.png) top repeat-x;
}

.podstranka .produkt.nobg{
	margin-top:0px;
	background: #ffffff;
}

.podstranka .produkt .produktobs{
	text-align:left;
	float:left;
	width:50%;
}

.podstranka .produkt .produktobs ul {
	list-style-image: url("/common/image.php?filename=design/ploty/uzp_dot.png");
}

.podstranka .produkt .produkttab{
	width:100%;
}

.podstranka .produkt .produkttab td, .podstranka .produkt .produkttab th{
	text-align:center;
	padding:3px;
}

.podstranka .produkt .produkttab th{
	color:#000000;
	background:#75c87b;
	border-bottom:#277729;
}

.podstranka .produkt .produkttab tr.suda{
	background:#eafcdc;
}


.podstranka .produkt .produktobs strong{
	color:#000000;
}

.podstranka .produkt .produktobr{
	float:left;
	text-align:right;
	width:50%;
}

.podstranka .produkt .produktoddel{
	clear:both;
	width:100%
}

/* ---------- Umele zive ploty  ---------- */
#uzp #pozadi_hlavicka {
	position:relative;
	z-index:10;
	background: url(/common/image.php?filename=design/ploty/uzp_hlavicka.jpg) no-repeat center 26px;
}

#uzp #pozadi {
	position:relative;
	z-index:1000;
	background: url(/common/image.php?filename=design/ploty/pozadi.png) repeat-x center top;
}

/* ---------- Hlavicka (horni navigace, telefon, logo, prihlaseni)  ---------- */
#uzp #hlavicka {
	background: url(/common/image.php?filename=design/ploty/uzp_hlavicka.jpg) no-repeat center bottom;
/*	 Zajisti, ze se nebude hlavicka jako #pozadi_hlavicka stale centrovat pri sirce <1024 px */
}

/*#uzp #login {
	opacity: 0.84;  
	filter: alpha(opacity=84);  
	-moz-opacity: 0.84;  
	-khtml-opacity: 0.84; 
}*/
#uzp #login #jazyk {
	visibility: hidden;
}

#uzp h1 a {
	display: block;
	position: absolute;
	height: 123px;
	width: 581px;
	font-size: 12px;
	color: transparent;
	overflow: hidden;
	left: 0px;
	top: 26px;
}

#uzp h1 a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 123px;
	width: 581px;
	background: url(/common/image.php?filename=design/ploty/artleaf-logo.png) no-repeat;
	cursor: pointer;
}

#uzp #hlavicka h2 {
	height: 27px;
	width: 267px;
	position: absolute;
	display: block;
	right: 209px;
	bottom: 9px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #ffffff;
}

#uzp #hlavicka h2 span {
	height: 27px;
	width: 267px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(/common/image.php?filename=design/ploty/zs_h2_hlavicka.png);
}
/* Hlavni strana */
/*----------- Banner Nivo Slider -----------*/
.slider-wrapper{
	float:left;
	margin-top:4px;
	margin-left:13px;
	display:block;
	width:553px;
	height:378px;
}

.theme-default #slider {
	/*margin:0px auto 0 auto;*/
	width:553px; /* Make sure your images are the same size */
	height:378px; /* Make sure your images are the same size */
}
.theme-default .nivo-controlNav a {
	visibility : hidden ;
}
/*----------- Banner Nivo Slider END -----------*/

#uzp #zastoupeni a span{
	display: block;
	float:right;
	top: 150px;
	left: 973px;
	height: 28px;
	line-height:28px;
	width: 300px;
	z-index:7;
	overflow:hidden;
	color:#000000;
}

#uzp #uvodnik {
	float:left;
	margin-left:13px;
	width:553px;
	display:block;
	background:#eafcdc;
}

#uzp #otvirak {
	float:left;
	margin-left:13px;
	width:533px;
	display:block;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	background:#ffffff;
}

#uzp .spodniboxy {
	height:100px;
	width:261px;
	display:block;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	background:#e5e5e5;
	margin-top:10px;
}

#uzp .spodniboxy:hover {
	background:#ffffff;
	cursor:pointer;
}

#uzp .spodniboxy .text{
	float:right;
	margin-right:5px;
	width:150px;
	height:100px;
	font-size:11px;
}

#uzp .spodniboxy img{
	float:left;
}

#uzp .spodniboxy .text strong{
	font-size:13px;
	float:left;
	width:143px;
	color:#277729;
	margin-bottom:5px;
}

#uzp .spodniboxy.leve {
	float:left;
	margin-left:13px;
}

#uzp .spodniboxy.prave {
	float:right;
	margin-right:7px;

}

#uzp .box.reklama span{
	float:left;
}

#uzp .box.reklama img{
	margin-bottom:10px;
	border: 1px solid #efefef;
}

#uzp .box.reklama .box_spodek{
	background:0;
}

#uzp .box_stred{
	float:left;
	margin-top:10px;
}

#uzp .box_stred.reklama img {
	border: 1px solid #efefef;
	margin-bottom:10px;
}
/* Hlavni strana konec */

#uzp h3#velkoobchod {
	margin: 0;
	padding: 0;
}

#uzp h3#velkoobchod a {
	display: block;
	overflow: hidden;
	height: 39px;
	width: 187px;
	font-size: 80%;
	float: left;
	position: relative;
	margin-top: -10px;
	cursor: pointer;
	margin-left: 216px;
}

#uzp h3#velkoobchod a span {
	display: block;
	overflow: hidden;
	height: 39px;
	width: 187px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/common/image.php?filename=design/e-shop/e-shop_velkoobchod.png);
}

#uzp h3#maloobchod {
	margin: 0;
	padding: 0;
}

#uzp h3#maloobchod a {
	display: block;
	overflow: hidden;
	height: 39px;
	width: 113px;
	font-size: 80%;
	float: left;
	position: relative;
	margin-top: -10px;
	cursor: pointer;
	margin-left: 8px;
}

#uzp h3#maloobchod a span {
	display: block;
	overflow: hidden;
	height: 39px;
	width: 113px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/common/image.php?filename=design/e-shop/e-shop_maloobchod.png);
}
/*---------- Navigace 1, 3, vyhledavani - dedeno ze styl.css ----------*/
#navigace_1 .aktivni A {
	background: url(/common/image.php?filename=design/ploty/navigace_1_aktivni.png) repeat-x scroll center bottom transparent;
}

#navigace_3 LI {
	background: url(/common/image.php?filename=design/ploty/navigace_3_oddelovac.png) repeat-y left center;
	padding-left:0px;
	padding-right:0px;
}

#navigace_3 LI A:hover SPAN {
	border-bottom: 1px solid #ffffff;
	display: block;
}

#navigace_3 LI.aktivni A:hover SPAN {
	border-bottom: none;
	display: block;
}

#navigace_1 LI.aktivni A:hover SPAN {
	border-bottom: none;
	display: block;
}

#vyhledavani .tlacitko {
	background: url(/common/image.php?filename=design/ploty/vyhledavani_tlacitko.png);
}

#vyhledavani .tlacitko:hover {
	background: url(/common/image.php?filename=design/ploty/vyhledavani_tlacitko_hover.png);
}

/* ---------- Prave boxy  ---------- */
#conifer_s,#leaves_pl,#leaves_w,#premium_tile,#bamboo,#shade_net, #wall_green {
	display: block;
	height: 88px;
	width: 198px;
	position: relative;
	border: 1px solid #FFFFFF;
}

#conifer_s span,#leaves_pl span,#leaves_w span,#premium_tile span,#bamboo span, #shade_net span, #wall_green span {
	display: block;
	height: 88px;
	width: 198px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

#conifer_s span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_conifer-s.jpg) left;
}

#conifer_s:hover,#conifer_s:hover span,#conifer_s.aktivni span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_conifer-s.jpg) right;
}

#leaves_pl span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_leaves-pl.jpg) left;
}

#leaves_pl:hover,#leaves_pl:hover span,#leaves_pl.aktivni span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_leaves-pl.jpg) right;
}

#leaves_w span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_leaves-w.jpg) left;
}

#leaves_w:hover,#leaves_w:hover span,#leaves_w.aktivni span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_leaves-w.jpg) right;
}

#premium_tile span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_premium_tile-50.jpg) left;
}

#premium_tile:hover,#premium_tile:hover span,#premium_tile.aktivni span{
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_premium_tile-50.jpg) right;
}

#wall_green span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_wall_green.jpg) left;
}

#wall_green:hover,#wall_green:hover span,#wall_green.aktivni span{
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_wall_green.jpg) right;
}

#bamboo span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_bamboo.jpg) left;
}

#bamboo:hover,#bamboo:hover span,#bamboo.aktivni span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_bamboo.jpg) right;
}

#shade_net span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_shade-net.jpg) left;
}

#shade_net:hover,#shade_net:hover span,#shade_net.aktivni span {
	background: url(/common/image.php?filename=design/ploty/uzp_prave_boxy_shade-net.jpg) right;
}

/* ---------- Podstrany - bezna textova podstranka, odkazy, ke stazeni ---------- */
#uzp .podstranka>h2 {
	background: url(/common/image.php?filename=design/ploty/uzp_podstranka_h2.png) no-repeat left top;
}
#uzp .podstranka.uvod {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	margin:0 0 0 16px;
	padding: 0;
}
#uzp .ke_stazeni table {
	margin-top: 20px;
}
#uzp .ke_stazeni table .col1 {
	width: 127px;
}
#uzp .ke_stazeni table .col2 {
	width: 373px;
}
#uzp .ke_stazeni table th {
	color:#2e9435;
	font-size: 125%;
	font-weight: normal;
	text-align: left;
	padding-left: 7px;
}
#uzp .ke_stazeni table .ram {
	background: url(/common/image.php?filename=design/ploty/uzp_ke_stazeni_ram.png);
	height: 31px;
	border-top: 1px solid #f6f6f6;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e9e9e9;
}
#uzp .ke_stazeni table form, #uzp .ke_stazeni table p {
	margin: 0;
	padding: 0;
}
#uzp .ke_stazeni table .kategorie {
	width: 255px;
	color: #676767;
	border: 1px solid #bbbbbb;
	float: left;
	font: 12px "Lucida Sans Unicode", Tahoma, sans-serif;
	margin-left: 20px;
}
#uzp .ke_stazeni table .zobrazit {
	background: url(/common/image.php?filename=design/ploty/uzp_ke_stazeni_zobrazit_vse.png);
	height: 19px;
	width: 76px;
	border: 0;
	color: #676767;
	float: right;
	margin-right: 10px;
	font: 10px "Lucida Sans Unicode", Tahoma, sans-serif;
	cursor: pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit */
	#uzp .ke_stazeni table .zobrazit {
		margin-top: 4px;
	}
}

#uzp .ke_stazeni table .zobrazit:hover {
	background: url(/common/image.php?filename=design/ploty/uzp_ke_stazeni_zobrazit_vse_hover.png);
}

#uzp .ke_stazeni table img {
	border: 0;
	float: none;
	margin: 0;
	padding: 0;
}

#uzp .ke_stazeni TABLE .soubor {
	float: left;
	width: 125px;
	height: 113px;
	text-align: center;
	margin-top: 20px;
}

#uzp .ke_stazeni li a{
	color:#2e9435;
}

/* ---------- Boxy ---------- */
#uzp .box h2 {
	background: #9d9d9d url(/common/image.php?filename=design/ploty/uzp_box_h2.png) repeat-x;
	border-top: 1px solid #00e808;
	border-right: 1px solid #01b80d;
	border-bottom: 1px solid #039004;
	border-left: 1px solid #01b80d;
}

/* ---------- Vzorkovna - box ---------- */
#uzp .box.vzorkovna p{
	margin-top:2px;
	margin-bottom:2px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

#uzp .box.vzorkovna a{
	text-decoration:none;
	color:#000000;
}

#uzp .box.vzorkovna a:hover{
	text-decoration:underline;
}

/* ---------- Paticka ---------- */
#uzp #paticka{
	border-bottom: 10px solid #277729;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
}

#uzp #paticka_2_leva{
	padding-left:5px;
}

#uzp #paticka_2_prava{
	padding-right:5px;
}

#uzp #paticka strong{
color:#2e9435;
}

#uzp #paticka .spodni {
	visibility: hidden;
}

/* ---------- Ostatni ---------- */
#uzp .podnavigace h2,#uzp h2.tmave {
	background: url(/common/image.php?filename=design/h2_co_nabizime_profesionalum.png) repeat-x;
	border-bottom-color: #05283e;
	border-right-color: #5a666e;
	border-left-color: #5a666e;
	border-top-color: #5a666e;
}

#uzp .podnavigace ul {
	background: #f1f1f1;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

#uzp .podnavigace a {
	display: block;
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #fcfcfc;
	min-height: 23px;
	_height: 23px;
	color: #343232;
	text-decoration: none;
	padding-top: 5px;
	background: url(/common/image.php?filename=design/co_nabizime_odrazka.png) no-repeat 8px center;
	padding-left: 35px;
}

#uzp .podnavigace .posledni a {
	border-bottom: none;
}

#uzp .podnavigace .prvni a {
	border-top: none;
}

#uzp .podnavigace a:hover, #uzp .podnavigace .aktivni a {
	background: #d5d5d5 url(/common/image.php?filename=design/co_nabizime_odrazka_hover.png) no-repeat 8px center;
}

/* ---------- Katalog ---------- */
#uzp #hlavni_katalog {
	background: #ffffff;
	color: #6f6f6f;
	border: 1px solid #e6eaec;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 4px;
}

#uzp #produkty {
	margin-bottom: 8px;
}

#uzp #nadpis_strankovani {
	padding: 16px;
	border-bottom: 1px solid #e3e3e3;
}

#uzp #nadpis_strankovani h2 {
	background: none;
	color: #1A1B1B;
	float: left;
	font: bold 20px "Lucida Grande", Arial, sans-serif;
	letter-spacing: -1px;
	margin: 0px;
	padding: 0px;
}

#uzp .strankovani {
	margin: 3px 0 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	font: 12px Arial, sans-serif;
}

#uzp .strankovani LI {
	float: left;
	margin-right: 3px;
}

#uzp .strankovani .strana {
	color: #929292;
	font-weight: bold;
	margin-right: 5px;
	margin-top: 4px;
}

#uzp .strankovani .aktualni {
	margin-top: 4px;
	margin-right: 10px;
	margin-left: 5px;
}

#uzp .strankovani li a {
	background: url(/common/image.php?filename=design/e-shop/e-shop_strankovani.png) repeat-x;
	height: 17px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	text-decoration: none;
	border: 1px solid #c4e5f2;
	color: #6E7982 !important;
	float: left;
	font-weight: bold;
}

#uzp .strankovani li a:hover {
	background: url(/common/image.php?filename=design/e-shop/e-shop_strankovani_hover.png) repeat-x;
}

#uzp #produkty table {
	margin-left: 7px;
	margin-top: 16px;
	font-family: Arial, sans-serif;
	border: 1px solid #dedede;
}

#uzp #produkty .produkt {
	margin-top: 7px;
}

#uzp #produkty #hlavicky th {
	background: #c8cccf;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	height: 30px;
	text-align: left;
	/*padding-left: 8px;*/
}

#uzp #produkty #hlavicky .aa {
	width: 93px;
	border-right: 1px solid #dedede;
	padding-left: 8px;
}

#uzp #produkty #hlavicky .ab {
	width: 91px;
	border-right: 1px solid #dedede;
	padding-left: 8px;
}

#uzp #produkty #hlavicky .ac {
	width: 547px;
	padding-left: 8px;
}

#uzp #produkty .produkt .aa {
	width: 100px;
	border-right: 1px solid #ffffff;
	background: #f5f5f5;
}

#uzp #produkty .produkt .ab {
	width: 100px;
	border-right: 1px solid #ffffff;
	background: #f5f5f5;
}

#uzp #produkty .produkt .ac {
	width: 425px;
	border-right: 1px solid #ffffff;
	background: #f5f5f5;
	padding-left: 4px;
}

#uzp #produkty .produkt .ad {
	width: 124px;
	border-right: 1px solid #ffffff;
	background: #f5f5f5;
}

#uzp #produkty .produkt .ab select {
	border: 1px solid #a4acb2;
	width: 100px;
	font: bold 11px arial;
}

#uzp #produkty .produkt th.ac {
	background: #188fd7
		url(/common/image.php?filename=design/e-shop/e-shop_th_ac.png) repeat-x
		scroll center bottom;
	color: #ffffff;
	font-size: 12px;
	text-align: left;
}

#uzp #produkty .produkt .obj {
	font-size: 11px;
	font-weight: bold;
}

#uzp #produkty .produkt .obj .vlevo {
	float: left;
	padding-left: 3px;
}

#uzp #produkty .produkt .obj .vpravo {
	float: right;
	margin-right: 5px;
	_margin-right: 3px;
	color: #0a0a0a;
}

#uzp #produkty .produkt .model {
	font-size: 11px;
	font-weight: bold;
	height: 20px;
}

#uzp #produkty .produkt .model .vlevo {
	float: left;
	padding-left: 3px;
}

#uzp #produkty .produkt .model {
	font-size: 11px;
	font-weight: bold;
	height: 20px;
}

#uzp #produkty .produkt .model .vpravo {
	float: right;
	margin-right: 5px;
	_margin-right: 3px;
	color: #0A0A0A;
}

#uzp #produkty .produkt .ac.popis {
	border-bottom: 1px solid #FFFFFF;
}

#uzp #produkty .produkt .ac.ikonky {
	border-top: 1px solid #dbdbdb;
	padding-top: 2px;
	padding-bottom: 1px;
	height: 23px;
}

#uzp #produkty .produkt .detail_vyrobku {
	font-size: 11px;
	color: #3f3f3f;
	background: url(/common/image.php?filename=design/ploty/button_white.png)
		no-repeat;
	text-align: center;
	height: 20px;
	width: 115px;
	display: block;
	text-decoration: none;
	padding-top: 0px;
	float: right;
	margin-right: 4px;
	_margin-right: 2px;
	margin-top: 0;
}

#uzp #produkty .produkt .do_eshopu {
	font-size: 11px;
	color: #ffffff;
	background: url(/common/image.php?filename=design/ploty/button_green.png) no-repeat;
	text-align: center;
	height: 20px;
	width: 115px;
	display: block;
	text-decoration: none;
	padding-top: 0px;
	float: right;
	margin-right: 4px;
	_margin-right: 2px;
	margin-top: 6px;
}

#uzp #produkty .produkt .odeslat_dotaz {
	font-size: 10px;
	color: #3f3f3f;
	background: url(/common/image.php?filename=design/ploty/button_white.png) no-repeat;
	text-align: center;
	height: 20px;
	width: 115px;
	display: block;
	text-decoration: none;
	padding-top: 0px;
	float: right;
	margin-right: 4px;
	_margin-right: 2px;
	margin-top: 5px;
}

/* ---------- Katalog detail ---------- */
#uzp #detail {
	margin-top: 5px;
}

#uzp #detail .levy {
	float: left;
	margin-left: 6px;
	_margin-left: 3px;
	width: 384px;
}

#uzp #detail .pravy {
	float: right;
	margin-right: 6px;
	_margin-right: 3px;
	width: 374px;
}

#uzp #detail .levy .nahled {
	background: none repeat scroll 0 0 #f1f1f1;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 7px;
	padding-bottom: 12px;
	padding-top: 12px;
}

#uzp #detail .levy .nahled .vnitrek {
	background: none repeat scroll 0 0 #ffffff;
	height: 353px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 353px;
	position:relative;
}

#uzp #detail .levy .nahled .vnitrek .garance {
	width: 90px;
	height: 88px;
	position:absolute;
	left:263px;
	top:263px;
	z-index:1000;
}

#uzp #detail .levy .pod_nahledy {
	height: 150px;
	margin-left: 15px;
	overflow: auto;
	width: 353px;
}

#uzp #detail .levy .scroll {
	width: 1800px;
}

#uzp #detail .levy .nahled_obal {
	margin-top: 18px;
	margin-right: 24px;
}
#uzp #detail .levy .nahled_obal td>div {
	background: #ffffff;
	padding: 5px 5px;
	margin-right: 10px;
}

#uzp #detail .dalsi_info {
	background: none repeat scroll 0 0 #f1f1f1;
	border-bottom: 1px solid #dfdfdf;
	font-family: arial, sans-serif;
	margin-bottom: 7px;
}

#uzp #detail .dalsi_info h2 {
	background: url(/common/image.php?filename=design/e-shop/e-shop_detail_h2.png) repeat-x scroll left top transparent;
	border: 1px solid #e2e2e2;
	font: bold 14px arial, sans-serif;
	height: 26px;
	margin: 0;
	padding: 9px 0 0 10px;
}

#uzp #detail .dalsi_info .vnitrek {
	padding: 5px;
}

#uzp #detail .dalsi_info table {
	width:375px;
}

#uzp #detail .dalsi_info table td.napoveda{
	border-right:3px solid #f1f1f1;
	padding-left:2px;
	text-align:right;
}

#uzp #detail .dalsi_info table td.nazev_jednotky{
	padding-left:2px;
	text-align:left;
	width:70%;
	font-size:10px;
}

#uzp #detail .dalsi_info table td.jednotka{
	margin-left:2px;
	padding-left:2px;
	text-align:left;
	font-weight:bold;
	font-size:10px;
}
#uzp #detail .dalsi_info table td.napoveda{
	padding-right:2px;
}

#uzp #detail .dalsi_info table tr.sudaradka {
	background:#f7f7f7;
}
#uzp #detail .dalsi_info table tr.licharadka {
	background:#d5d5d5;
}

#uzp #detail .dalsi_info ul {
	list-style: square outside none;
	margin: 0 0 0 20px;
	padding: 0;
}

#uzp #detail .tabulka_typ table {
	background: #f7f7f7;
	width: 100%;
	border: 2px solid #ececec;
	font: bold 12px arial, sans-serif;
	color: #858585;
}

#uzp #detail .tabulka_typ table .logo {
	background: #f5f5f5;
	width: 164px;
	height: 52px;
	vertical-align:middle;
	padding-left: 0px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

#uzp #detail .tabulka_typ table td {
	padding-left: 4px;
}

#uzp #detail .tabulka_typ table .ab {
	width: 125px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	height: 24px;
}

#uzp #detail .tabulka_typ table .ac {
	border-bottom: 2px solid #ffffff;
	color: #0a0a0a;
}

#uzp #detail .tabulka_typ table .ba {
	background: #efefef;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	height: 24px;
}

#uzp #detail .tabulka_typ table .bb {
	background: #efefef;
	border-bottom: 2px solid #ffffff;
	color: #0a0a0a;
}

#uzp #detail .tabulka_typ table .ca {
	border-right: 2px solid #ffffff;
	height: 24px;
	color: #0a0a0a;
}

#uzp #detail .tabulka_typ table .cb {
	border-right: 2px solid #ffffff;
	height: 24px;
}

#uzp #detail .tabulka_typ table .ca span {
	color: #007cbb;
}

#uzp #detail .tabulka_typ table .cc {
	color: #0a0a0a;
}

#uzp #detail .kosik {
	border: 1px solid #ededed;
	background: #fbfdff;
	margin-top: 7px;
	padding: 3px;
	margin-bottom: 7px;
}

#uzp #detail .kosik #vnitrek {
	background: #eef9ff;
}

#uzp #detail .kosik table {
	width: 100%;
	color: #6a6b6c;
	font-family: arial, sans-serif;
}

#uzp #detail .kosik table td {
	padding-left: 4px;
}

#uzp #detail .kosik .aa {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #d8f1ff;
	height: 42px;
	width: 170px;
}

#uzp #detail .kosik .aa a {
	color: #242525;
}

#uzp #detail .kosik .ba {
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d8f1ff;
	height: 42px;
	font-size: 11px;
}

#uzp #detail .kosik .ba img {
	float:left;
	padding-right:3px;
	padding-top:6px;
}

#uzp #detail .kosik .ca {
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	height: 58px;
}

#uzp #detail .kosik .ab {
	border-left: 1px solid #d8f1ff;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 9px;
}

#uzp #detail .kosik .ab .prejit_do_eshopu {
	background: url(/common/image.php?filename=design/e-shop/e-shop_detail_pridat_do_kosiku.png) no-repeat;
	height: 30px;
	width: 166px;
	font: bold 13px arial, sans-serif;
	color: #ffffff;
	text-align: left;
	display: block;
	text-decoration: none;
	padding-top: 12px;
	padding-left: 8px;
}

#uzp #detail .kosik .odeslat_dotaz {
	background: url(/common/image.php?filename=design/ploty/button_white_2.png) no-repeat;
	display: block;
	height: 22px;
	width: 159px;
	font-size: 12px;
	color: #615d5d;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
}

#uzp #detail .pravy .dalsi_info {
	border-bottom: 0;
	background: transparent;
}

#uzp #detail .poznamka .vnitrek {
	background: #f5f5f5;
}
 
#uzp #detail .souvisejici_produkty .produkt {
	background: url(/common/image.php?filename=design/e-shop/e-shop_detail_souvisejici_produkt.png) repeat-x;
	height: 65px;
	border: 1px solid #d2d2d2;
	margin-bottom: 5px;
	padding: 5px;
}

#uzp #detail .souvisejici_produkty .produkt img {
	float: left;
	border: 1px solid #ededed;
}

#uzp #detail .souvisejici_produkty .nazev {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #4a4d50;
	width: 292px;
	margin-left: 5px;
}

#uzp #detail .souvisejici_produkty .nazev A {
	color: #4A4D50;
	text-decoration: none;
}

#uzp #detail .souvisejici_produkty .nazev A:hover {
	text-decoration: underline;
}

#uzp #detail .souvisejici_produkty .clear_both {
	font-size: 0;
	line-height: 0;
	height: 0;
}

#uzp #detail .fotografie_z_instalaci .obal_obrazek {
	border: 1px solid #d2d2d2;
	float: left;
	margin-top: 9px;
	width: 168px;
	height: 112px;
	margin-left: 9px;
	_margin-left: 5px;
	text-align: center;
	padding: 2px;
}

#uzp #detail .dokumenty_ke_stazeni .vnitrek {
	background: #f5f5f5;
}

#uzp #detail .dokumenty_ke_stazeni ul {
	margin-left: 5px;
}

#uzp #detail .dokumenty_ke_stazeni LI {
	list-style-type: none;
	background: url(/common/image.php?filename=design/e-shop/e-shop_detail_dokumenty_ke_stazeni.png) no-repeat left center;
	padding-left: 15px;
}

#uzp #detail .dokumenty_ke_stazeni li a {
	color: #3d4143;
}

#uzp #detail .upozorneni {
	width:762px;
	margin-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	color: #817f80;
	line-height:11px;
	font-size: 10px;		
}


/* ---------- e-shop - kategorie produktu ---------- */
#uzp #kategorie_produktu {
	width: 762px;
}
#uzp #kategorie_produktu h2 {
	color:#ffffff;
	font:bold 100%/160% "lucida grande",arial,sans-serif;
	background: url(/common/image.php?filename=design/e-shop/e-shop_kategorie_produktu.png) repeat-x;
	height: 30px;
	line-height:30px;
	border-top: 1px solid #878788;
	border-right: 1px solid #2d4655;
	border-bottom: 1px solid #04283e;
	border-left: 1px solid #2d4655;
	padding-left: 10px;
	margin:3px 0 0;
}
#uzp #kategorie_produktu .kategorie {
	background:url(/common/image.php?filename=design/e-shop/e-shop_kategorie_produktu_kategorie.png) repeat-x scroll left bottom #ffffff;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	vertical-align: top;
}
#uzp #kategorie_produktu .kategorie a {
	padding: 5px 5px 35px 5px;
}
#uzp #kategorie_produktu .kategorie a:hover h3 {
	text-decoration: underline;
}
#uzp #kategorie_produktu .prvni {
	border-left:1px solid #cccccc;
}
#uzp #kategorie_produktu .kategorie h3 {
	font: bold 13px/14px "lucida grande", arial, sans-serif;
	color: #1182c6;
	margin: 0;
	padding: 0;
	float: left;
	width: 190px;
}
#uzp #kategorie_produktu .kategorie img {
	float: right;
}
#uzp #kategorie_produktu .kategorie ul {
	margin: 10px 0 0 15px;
	padding: 0;
	
}
#uzp #kategorie_produktu .kategorie li {
	margin: 0;
	padding: 0;
	line-height: 12px;
}
#uzp #kategorie_produktu .kategorie li a {
	font-size: 11px;
	color: #858585;	
	text-decoration: none;
}
#uzp #kategorie_produktu .kategorie li a:hover {
	text-decoration: underline;
}

.rozdel{ 
	height:2px;
	width:163px;
	display:block;
	float:left; 
	margin-left:20px;
	clear:both; 
	background:#e5e5e5;
}

#gateway {
	position: fixed;
	background: rgba(0, 0, 0, 0.6);
	margin: 0;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 6;
}

#gw-wrapper {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);        
}

#gw-wrapper .content{
    box-shadow: 3px 3px 15px rgba(255, 255, 255, 0.5);
    background: url(/common/image.php?filename=design/ploty/artleaf-popup_bg.jpg) no-repeat center top;
}

.gw-domain {
    margin: 20px 20px 0 0;
}

.close_it{
    display: block;
    color: #ffffff;
    text-decoration: none;
    float: right;
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
}

.cross .logo{
    text-align: right;
}

.cross .header{
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 30px;
    color: #000000;
}

.cross .cross-divs{
    width: 660px;
    height: 250px;
    display: table;
}

.cross .cross-divs .brand{
    font-family: 'Roboto', sans-serif;
    color: #000000;
    text-decoration: none;
    width: 33%;
    height: 100%;
    position: relative;
    text-align: center;
    vertical-align: bottom;
    display: table-cell;
    font-size: 20px;
    padding-bottom: 15px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.cross .cross-divs .brand:hover{
    font-weight: bold;
}

.cross .cross-divs .brand img{
    position: absolute    
}

.cross .cross-divs .brand-1 img{
    top: 34px;
    left: 53px;
}

.cross .cross-divs .brand-2 img{
    top: 75px;
    left: 17px;
}

.cross .cross-divs .brand-3 img{
    top: 25px;
    left: 42px;
}

.active-hack a{
    background: #cccccc !important;
}

ul.menu ul.menu li.additional a span{
    background: none !important;
}

#gw-wrapper .surf{
    position: absolute;
    top: 125px;
    left: 40px;
    color: gray;
    font-size: 11px;
    font-weight: normal !important;
} 

ul.menu ul.menu li a:hover span {
    background: url(/lib/image.php?filename=design/menu/sub-arr-closed.png) 180px 2px no-repeat !important;
    text-decoration: underline !important;    
}

ul.menu ul.menu li a span {
    height: 11px !important;
}

ul.menu ul.menu li.expand a {
    background: #d6e9f1;
}