* { margin:0; padding:0; outline:none; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body { font-family:Arial, Helvetica, sans-serif;  font-size:100%; background-color:#919296; background-image: url(bg-tr.jpg); background-position: top center; background-repeat: no-repeat; 
	   color:#353535; line-height:1.6em; text-align:center; padding:0; margin:0; }
body.titul { background:#919296 url(bg.gif) repeat-x; }




/* GLOBAL
------------------------------*/
hr, .noscreen { display:none !important; }
.nobr { border:none !important; }
.nobg { background-image:none !important; }
.nowrap {white-space:nowrap;}

.vlevo { float:left; margin:6px 10px 10px 0; padding:4px; z-index:1; clear:right; }
.vpravo { float:right; margin:6px 0 10px 10px; padding:4px; z-index:1; clear:left; }
.center { text-align:center; }
.modra {color: #005AAB;}
.boldem {font-weight:bold;}

.zvyraznit { color:#F00 !important; }

.t-right { text-align:right !important; }
.t-center { text-align:center !important; }
.f-right { float:right !important; }
.f-left { float:left !important; }
.foto-r { float:right !important; padding: 3px; margin: 0 0 5px 15px; }
.foto-r img { padding: 3px; border: silver 1px solid; background-color: #fff; }

.zvyrazneni { background:#CF413B; color:#fff; padding:3px 6px; box-shadow:1px 1px 1px #ddd; -webkit-box-shadow:2px 2px 2px #ddd; -moz-box-shadow:2px 2px 2px #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; text-shadow:1px 1px 1px #982A27;  }

input, select, textarea { font-size:1em; padding:2px; font-family:Arial, Helvetica, sans-serif; }

.nom, .nomargin { margin:0 !important; }
.nomt { margin-top:0 !important; }
.nomb { margin-bottom:0 !important; }
.nomr { margin-right:0 !important; }
.nob, .nobr { border:0; }
.nopt { padding-top:0 !important; }
.required {color:#005AAB!important; font-weight: bold;}

.wa { width:auto !important; }
.w170 { width:170px !important; }
.vat, .vat td { vertical-align:top !important; }

/* TYPOGRAFIE
------------------------------*/
p { padding:0; margin:5px 0 12px 0; }

a { color:#005AAB; text-decoration:underline; outline:none; font-weight:bold; }
a:hover { color:#005AAB; text-decoration:none; }

h2 { font-size:2.0em; color:#005AAB; font-weight:normal; padding:8px 0 10px 0; margin:0; line-height:1.2em; }
h3 { font-size:1.5em; color:#005AAB; font-weight:bold; padding:10px 0 5px 0; margin:0; line-height:1.2em; }
h4 { font-size:1em; color:#005AAB; font-weight:bold; padding:0 0 2px 0; margin:15px 0 0 0; border-bottom:1px solid #e2e2e2; line-height:1.3em; }

ul { margin:0; padding:0 0 8px 18px; list-style:none; position:relative; }
ul li { padding:0 0 0 15px; font-size:1em; list-style:none; background:url(li.gif) 0 8px no-repeat; }
	ul ul { padding:0 0 8px 18px; }
ol { margin:0 0 8px 34px; padding:0; list-style:decimal; }
ol li { margin:0; padding:0; font-size:1em; }

.cena { white-space:nowrap !important; text-align:right; }

/* H1 REPLACE
------------------------------*/
#top h1, #top h1 a, #top h1 span, .logo-top { width:309px; height:73px; }
h1 { display:block; position:absolute; left:0px; top:0; text-align:center; font-size:1em; overflow:hidden; }
	h1 a { text-decoration:none; overflow:hidden; padding:0; display:block; color:#fff; text-indent:-9999px; }
	h1 a span { display:block; position:absolute; top:16px; left:2px; z-index:300; cursor:pointer; background:url(logo-vv.gif) no-repeat;  }
	h1 a:hover span { cursor:pointer; }

.logo-top { position:absolute; top:16px; left:0px; background:url(logo-vv.gif) no-repeat; display:block; z-index:300; cursor:pointer;  width:309px; height:73px;}
h2.goodPro a{ position:absolute; top:0px; left:720px; background:url(logo-gp.gif) no-repeat; display:block; width: 170px; height: 55px; z-index:300; cursor:pointer; }
h2.goodPro span { display:none; }


/* LAYOUT
------------------------------*/
#all { width:900px; margin:0 auto; padding:0px; text-align:left; position:relative; font-size:0.813em; line-height:1.6em; display:block; }
#top { width:874px; padding:0; margin:0; height:112px; position:relative; }

#malyTop { width: 870px; height: 224px; margin: 7px;}
#malyTopRight { width: 508px; float: left;}
#malyTopLeft, #malyTopLeftEN { width: 349px; display: block; height: 164px; background: url(top-left.gif) no-repeat; float: left;}
#malyTopLeftEN {background: url(top-left.en.gif) no-repeat;} 
#malyTopLeft h1, #malyTopLeft h2,
#malyTopLeftEN h1, #malyTopLeftEN h2{ display: none;}
#stahnout { width: 251px; height: 55px; display: block; float: right; margin-right: 12px;}

#content{ width:870px; position:relative; text-align:left; margin:0; padding:15px; background-color: #fff; }
#myBody{ width:860px; position:relative; text-align:left; margin:5px; padding:0px; background-color: #fff!important; }
#container { width:874px; position:relative; text-align:left; margin:0; padding:0 0 00px 0;  }

#vyhodyGoodPRO {width:100%; height:258px;}
#vyhodyGoodPRO h3 { width: 62px; height:258px; background: url(vertikal-GoodPRO.gif) no-repeat transparent; float:left; }
#vyhodyGoodPRO h3 span { display:none; }
#vyhodyGoodPRO ul { float: left; margin-left:100px; vertical-align:middle; }
#vyhodyGoodPRO ul li { list-style-image:url(li-goodpro.gif); line-height:38px; font-size: 1.2em; font-weight:bold; background:none; }
#vyhodyGoodPRO img {float: right; }

/* MENAVKA
------------------------------*/
/*body.titulka { background-color:#EAE9E3; background-image: url(bg.gif) repeat-x; }*/
#platno { width:508px; height:164px; overflow:hidden; z-index:1;float: left;}
	#platno div { width:508px; height:164px; overflow:hidden; z-index:1; }
	
	
/* TOPMENU
------------------------------*/
.topmenu { text-align:right; width:720px; color:#fff; margin:0; padding:0; position:absolute; right:5px; top:75px; height:14px; line-height:14px; }
.topmenu div { float: right; }
	.topmenu a { background:url(topmenu-li.gif) left no-repeat; position:relative; padding:0 13px; margin:0; display:block; float:right; color:#fff; text-decoration:none; font-size:13px; text-align:center; font-weight:bold; height:40px; line-height:40px; }
	.topmenu a:hover { color:#fff; text-decoration:underline; }
.topmenu img {top:3px; position:relative;}
	
/* IKONY
------------------------------*/
#mailIkons { text-align:left;  padding:0; line-height:18px;  width:865px; color:#fff; margin:10px 0 0 0; height: 220px; background: #fff; position: relative; } 
#mailIkons ul { list-style: none; margin: 0; padding: 0; }
#mailIkons ul li { list-style: none; list-style-type: none; display: block; width: 158px; height: 90px; float: left; 
				  margin: 0; padding: 0; margin: 0 17px 25px 0; background: none; }
#mailIkons ul li a { list-style: none; list-style-type: none; font-weight: normal; display: block; width: 104px; height: 74px; float: left; vertical-align: middle; color: #111111; text-decoration: none; 
				  margin: 0; padding: 10px 10px 8px 46px; margin: 0 15px 25px 0; background: url(ikona-bg-pdf.gif) no-repeat top left; }
#mailIkons ul li a:hover { background: url(ikona-bg-pdf-over.gif) no-repeat top left; text-decoration: underline;}
#mailIkons ul li.ikonaNovinky a { list-style: none; list-style-type: none; display: block; width: 104px; height: 74px; float: left; vertical-align: middle; color: #fff; text-decoration: none; font-weight: bold;
				  margin: 0; padding: 10px 10px 8px 46px; margin: 0 15px 25px 0; background: url(bg-red-pdf.gif) no-repeat top left; }
#mailIkons ul li.ikonaNovinky a:hover { background: url(bg-red-pdf-over.gif) no-repeat top left; text-decoration: underline;}
#mailIkons ul li.ikonaVideo a { list-style: none; list-style-type: none; display: block; width: 104px; height: 74px; float: left; vertical-align: middle; color: #fff; text-decoration: none; font-weight: bold;
				  margin: 0; padding: 10px 10px 8px 46px; margin: 0 15px 25px 0; background: url(ikona-bg.gif) no-repeat top left; }
#mailIkons ul li.ikonaVideo a:hover { background: url(ikona-bg-over.gif) no-repeat top left; text-decoration: underline;}

.ikona { background: transparent no-repeat top left;
			   float: left; display:block; position: relative; left: 0px; top:-6px; width: 36px; height: 82px; margin-left: -42px;}
.i-rukavice { background-image:  url(i-rukavice.gif)}
.i-odevy { background-image:  url(i-odevy.gif)}
.i-strihy { background-image:  url(i-strihy.gif)}
.i-postrik { background-image:  url(i-postrik.gif)}
.i-hasici { background-image:  url(i-hasici.gif)}
.i-pradlo { background-image:  url(i-pradlo.gif)}
.i-technologie { background-image:  url(i-technologie.gif)}
.i-novinky { background-image:  url(i-novinka.gif)}
.i-ostatni { background-image:  url(i-ostatni.gif)}
.i-podminky { background-image:  url(i-podminky.gif)}
.i-video { background-image:  url(i-video.gif)}
	
/* VÝPIS
------------------------------*/
.vypis { background-color:#f6f6f3; position:relative; width:874px; height:138px; margin:8px 0 3px 0; }
.first { background-color:#ffffff; }
.vypis h3 { font-size:1.5em; padding:7px 0 3px 0; }
.vypis h3 a { text-decoration:none; }
.vypis h3 a:hover { text-decoration:underline; }
.vyp-foto { width:160px; height:120px; position:absolute; top:9px; left:9px; float:left; }
.vyp-foto a { width:160px; height:120px; }
.vyp-text { width:678px; height:120px; position:absolute; top:9px; right:9px; float:right; overflow:hidden; }
.vyp-text p { line-height:1.5em; }
.vyp-text h3 { padding:0px 0 3px 0!important; margin:-3px 0 0 0!important; }

/* PROJEKT
------------------------------*/
.proj-popis { width:100%; }
.proj-foto { float:right; min-width:150px; text-align: right; margin:0 0 2px 15px;}

.fotogalerie { clear:both; padding:10px 0; }
.fotogalerie a { height:117px; margin:0 10px 10px 0; border:1px solid #aaa89f; display:block; float:left; }
.fotogalerie a:hover { border:1px solid #353535; }

/* HLAVNI ZALOZKY
------------------------------*/
.zalozky { width:874px; float:left; margin:0 0 10px 0; }

	ul.tabs { margin:20px 0 0 0; padding:0; list-style:none; border:0; }
		ul.tabs li { margin:0; padding:0; list-style:none; float:left; border-right:3px solid #eae9e3; }
		ul.tabs li a { background:#f6f6f3; padding:7px 12px; text-align:center; display:block; float:left; text-decoration:none; color:#353535; }
		ul.tabs li a:hover { background:#cc0000; color:#fff; text-decoration:none; }
		ul.tabs li a.current { background:#fff; text-decoration:none; color:#000; }
	
	.tab { background:#fff; padding:12px 20px; }
		.tab h2 { font-size:1.2em; color:#111; font-weight:bold; padding:8px 15px 8px 0; margin:0; line-height:1.3em; }
		
	#t2 { padding:12px 12px 2px 12px !important; }
	.tab-fotogalerie a { height:117px; margin:0 10px 10px 0; border:1px solid #aaa89f; display:block; float:left; }
	.tab-fotogalerie a:hover { border:1px solid #353535; }
	
	.sloupec1 {
		float:left;
		width: 450px;
		background: none; 
	}
	
	.sloupec1 ul,
	.sloupec1 ul li {
		width: 450px; margin:0; padding:2px 0;
		background:none;
	}
	
	.sloupec2 {
		width: 340px;
		float:left;
	}
	.sloupec2 ul,
	.sloupec2 ul li {
		width: 340px; margin:0; padding:2px 0;
		background:none;
	}		
	.sloupec1 ul li span, .sloupec2 ul li span{
		font-weight: bold;
		display:block;
		float:left;
		width:180px;
		}
	.sloupec1 ul li em, .sloupec2 ul li em{
		font-style: normal;
		margin-left:2px;
		list-style:none;
		text-align: justify;
	}

	
	/* TEXT
------------------------------*/
#text {
	width:834px;   /* 874 */
	margin:0 auto; position:relative; clear:both;
	}
#text table {
	border-collapse: collapse;
	background-color:#D9D4CB;
	border-top:1px solid #EAE9E3;
	border-left:1px solid #EAE9E3;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333333;
	width: 834px; /* 874 */
	margin: 0;
	}
#text table td, #text table th {
	border-bottom:1px solid #EAE9E3;
	border-right:1px solid #EAE9E3;
	padding:2px 3px;
	font-weight:bolder;
	}
#text table th a {
	color:#FFFFFF;
	text-decoration:underline;
	}
#text table th a:hover {
	color:#000;
	text-decoration:none;
	}

#text table th {
	background-color:#aaa89f;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	}
	
.mark {

}

.mark_over {
	background-color: #B9B0A8;
}

/* STRANKOVANI
------------------------------*/
p.list {
	font-size:9px; text-align:right; margin:10px 0 0 0;
	}
p.list a {
	border:1px solid #8c8a80;
	padding:2px 6px;
	background-color:#aaa89f;
	text-decoration:none;
	color:#F6F6F6;
	}
p.list a:hover,
p.list a.selected {
	border:1px solid #cc0000;
	background-color:#cc0000;
	text-decoration:none;
	color:#fff;
	}

/* DROBKY
------------------------------*/
#drobky { position:absolute; top:305px; left:21px; z-index:100; display:block; padding:0; color:#353535; font-size:0.90em; }
	#drobky a { color:#005AAB; text-decoration:underline; }
	#drobky a:hover { color:#005AAB; text-decoration:none; }
	#drobky strong a { font-weight:normal; }

/* FOOTER
------------------------------*/
#footer-container { background:#919296 url(footer.jpg) 50% -17px no-repeat; width:100%; margin:0 auto; }
#footer { width:848px; height:50px; overflow:hidden; padding:0 18px; margin:0 auto; position:relative; }
	#footer p { overflow:hidden; color:#353535; line-height:40px; font-size:0.75em; text-align:left; }
	#footer p a { color:#353535; text-decoration:underline; font-style:bold }
	#footer p a:hover { color:#353535; text-decoration:none; }
	
	.footer-logo a { position:absolute; width:215px; height:16px; top:0; right:7px; background:url(--logo.gif) no-repeat; text-indent:-9999px; }
	
/* CLEARFIX
------------------------------*/
.clear { display: block; clear:both; float: none; }
.clearfix { display:inline-block; }
.clearfix:after { content: "."; display: block;clear:both; visibility:hidden; line-height:0; height:0; }
html[xmlns] .clearfix { display:block;}
* html .clearfix { height:1%; }
.imgHide {display: none;}
.clearGallery{ display:block; clear:both; line-height:0; height:0; }