/* Version: 1.0 */
/* Document name: main */
/* Used for: http://www.scv.cz */
/* Author: Jan Junek - jan@pixelplay.cz */
/* Media: screen, projection */


/* obecne definice */

body {margin:0px; padding:0px; color:#313131; line-height:120%; font-family:Arial, Helvetica, sans-serif; background:#dddddd; font-size:14px}

img, a img {border:none; margin:0px; background:none !important}

p {line-height:180%; margin:0 0 15px 0} /* text-indent:20px */
	/* h2 + p, h3 + p, ul + p, div + p {text-indent:0} */

h1, h2, h3, h4 {color:#000}
h2 {font-size:24px}
h3 {font-size:18px}
h4 {font-size:14px}

ul {list-style:none; margin:0 0 15px 20px; padding:0}
	li {margin:0 0 12px 0; padding:0 0 0 30px; background:url('img11/odrazka-zluta.gif') 0 50% no-repeat}
	
strong {color:#000; font-weight:bold}

em {font-style:italic; font-weight:normal}

.grey {color:#8a8a8a}

.cleaner {clear:both}



		/* cela hlavicka */
		.cela-hlavicka {margin:0 auto; width:100%; background:url('img11/hlavicka-back.gif') center top no-repeat; padding-top:20px}
		
			
		
			/* hlavicka */
			.hlavicka {margin:0 auto; width:940px; height:700px; position:relative; background:#383838}
			
			
				/* logotyp */
				.logo-textove {position:absolute; top:0; left:0; height:130px; width:620px; text-align:left; background:#383838}
					.logo-textove h1 {margin-top:50px}
					.logo-textove a, .logo-textove a:hover {color:#fff; text-decoration:none; font-size:48px; line-height:40px; letter-spacing:-2px}
					.logo-textove a span, .logo-textove a:hover span {color:#f6c13b}
				.logo-obrazkove {position:absolute; top:0; left:0; height:130px; width:620px; background:url('img11/logo.gif')}
					.logo-obrazkove a img {width:620px; height:130px; _height:125px}
					
				/* zalozka */
				.zalozka-box {position:absolute; top:0px; left:620px; width:320px; height:290px; background:url('img11/zalozka-back.gif')}
					.zalozka-box div {position:absolute; top:0px; left:100px; width:220px; height:240px; background:#000 url('img11/zalozka.jpg')}
						.zalozka-box div .adresa {position:absolute; top:50px; left:20px; padding-right:15px; line-height:140%; color:#717171; font-size:12px}
						.zalozka-box div .kontakty {position:absolute; top:130px; left:20px; padding-right:15px; line-height:200%; color:#717171; margin-top:5px}
							.zalozka-box div .kontakty span {color:#bcbcbc; margin-left:15px}
							.zalozka-box div .kontakty a {color:#ffd952; text-decoration:underline; text-shadow:0 1px 0 #000; margin-left:15px}
							.zalozka-box div .kontakty a:hover {color:#ff9c31}
/* KS*/
						.zalozka-box div .kontaktyl {background:transparent;position:absolute; top:130px; left:0px; width:60px;padding:0 0 0 20px; line-height:200%; color:#717171; margin-top:5px}
						.zalozka-box div .kontaktyr {background:transparent;position:absolute; top:130px; left:60px;width:150px; padding-right:15px; line-height:200%; color:#717171; margin-top:5px}
							.zalozka-box div .kontaktyr span {color:#bcbcbc; margin-left:15px}
							.zalozka-box div .kontaktyr a {color:#ffd952; text-decoration:underline; text-shadow:0 1px 0 #000; margin-left:15px}
							.zalozka-box div .kontaktyr a:hover {color:#ff9c31}						
/* /KS */            						
					
				/* uvodni textik */
				.infotext {position:absolute; top:130px; left:0px; width:620px; height:160px; background:url('img11/infotext.gif'); color:#bcbcbc}
					.infotext p {line-height:200%; margin-top:5px}
					
				/* sekce (bannery s fotkama) */
				.sekce {position:absolute; top:290px; left:0px; height:410px; width:940px; background:url('img11/sekce.jpg')}
					.sekce h2 a {display:block; padding:25px 0 340px 20px; color:#3f3f3f; text-shadow:0 1px 0 #e8e8e8; line-height:105%; text-decoration:none; _padding-bottom:335px}
					.sekce h2 a:hover {color:#000; text-shadow:0 1px 0 #fff; _text-decoration:underline}
					.sekce h2 {margin:0}
				
					.tatra {position:absolute; top:0px; left:0px; width:220px; height:410px; background:#9e9e9e url('img11/tatra-2015-3.jpg')}
					.tatra:hover {background:#c0c0c0 url('img11/tatra-2015-3.jpg') 0 -410px}
					.iveco {position:absolute; top:0px; left:240px; width:220px; height:410px; background:#9e9e9e url('img11/iveco-2015.jpg')}
					.iveco:hover {background:#c0c0c0 url('img11/iveco-2015.jpg') 0 -410px}
					.stroje {position:absolute; top:0px; left:480px; width:220px; height:410px; background:#9e9e9e url('img11/stroje.jpg')}
					.stroje:hover {background:#c0c0c0 url('img11/stroje.jpg') 0 -410px}
					.bazar {position:absolute; top:0px; left:720px; width:220px; height:410px; background:#9e9e9e url('img11/bazar.jpg')}
					.bazar:hover {background:#c0c0c0 url('img11/bazar.jpg') 0 -410px}
					
					
		/* cele telo */
		.cele-telo {margin:0 auto; width:100%; background:url('img11/body-back.jpg') center top repeat-y}
				
						
						
			/* telo */
			.telo {margin:0 auto; width:940px; background:#c8c8c8 url('img11/body-brush.jpg') top center no-repeat}
				.telo a {color:#000; text-decoration:underline; background:#ffd952; padding:3px 5px; text-shadow:0 1px 0 #ffefb8}
				.telo a:hover {background:#ffad55; text-shadow:0 1px 0 #ffca92}
				.telo a.obrazek {background:none !important; margin:0; padding:0; opacity:0.9; display:block; margin-bottom:10px}
				.telo a.obrazek img {filter:alpha(opacity=90)}
				.telo a.obrazek:hover {opacity:1}
				.telo a.obrazek:hover img {filter:alpha(opacity=100)}
				.telo ul {line-height:150%}
				.telo li {margin-bottom:10px}
				.telo img.obrazek {float:left; margin:5px 10px 5px 0}
						
				/* levy sloupec */
				.levy {float:left; width:460px; margin:45px 0 50px 0}
					ul.sluzby {margin:30px 0 0 0; padding:0}
						ul.sluzby li {background:url('img11/sipka.gif') 0 50% no-repeat; padding-left:60px; margin-bottom:20px}
							ul.sluzby li h3 {margin:0 0 3px 0 !important; text-shadow:0 1px 0 #fff; line-height:120%}
							
				/* pravy sloupec */
				.pravy {float:right; width:385px; margin:50px 0 55px 0; background:#e7e7e7 url('img11/novinky-back.jpg') no-repeat; padding:10px 35px 30px 40px; font-size:12px}
					.pravy h4 {text-shadow:0 2px 0 #fff; margin:25px 0 8px 0}
					.pravy ul li {margin-bottom:5px}
				
				/* cleaner */
				.cleaner {clear:both}
					
					
					
		/* dolni okraj tela */
		.spodek-tela {margin:0 auto; width:100%; height:10px; background:url('img11/body-bottom.gif') center top no-repeat; _margin-bottom:-6px}
					
					
					
		/* cela paticka */
		.cela-paticka {margin:0 auto; width:100%; background:url('img11/paticka-back.gif') center top repeat-y}
					
					
					
			/* paticka */
			.paticka {margin:0 auto; padding:30px 0 50px 0; *padding-bottom:25px; width:940px; background:#383838 url('img11/paticka.gif')}
				.paticka-levy {float:left; width:500px}
					.paticka-telefon {background:url('img11/telefon.gif') 0% 50% no-repeat; font-size:12px; color:#939393; width:180px; float:left; padding-left:60px}
						.paticka-telefon strong {font-size:18px; text-shadow:0 2px 0 #000; color:#fff; display:block; margin-top:5px}
					.paticka-mail {background:url('img11/mail.gif') 0% 50% no-repeat; font-size:12px; color:#939393; width:180px; float:left; padding-left:60px}
						.paticka-mail a {font-size:18px; text-shadow:0 2px 0 #000; color:#fff; display:block; margin-top:4px; *line-height:100%}
						.paticka-mail a:hover {color:#ff9c31}
				.paticka-pravy {float:right; width:400px}
					.paticka-pravy div {float:right; width:300px; background:#e3b237 url('img11/button.gif'); height:40px; margin:4px 80px 0 0; text-align:center; font-size:18px; _margin-right:35px}
					.paticka-pravy div:hover {background:#db7b13 url('img11/button.gif') 0 -40px}
						.paticka-pravy div a {display:block; text-decoration:none; text-shadow:0 1px 0 #ffe382; color:#000; padding:11px 0 11px 0}
						.paticka-pravy div a:hover {text-shadow:0 1px 0 #fc982c; _text-decoration:underline}
								
			
			
			
			
		/* dodatek */
		.dodatek {width:100%; margin:0 auto; background:#dddddd; height:120px}
		
			.dodatek-obsah {margin:0 auto; width:940px; padding-top:15px}
				.dodatek-levy {float:left; margin-top:10px; font-size:12px; color:#939393}
					.dodatek-levy strong {color:#545454}
					.dodatek-levy a {color:#545454; text-decoration:underline}
					.dodatek-levy a:hover {color:#000}
				.dodatek-pravy {float:right; width:220px}
					.dodatek-pravy a img {opacity:0.75; filter:alpha(opacity=75); float:left; margin-right:20px; height:35px}
					.dodatek-pravy a:hover img {opacity:1.0; filter:alpha(opacity=100)}