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


/* obecne definice */

body {margin:0px; padding:0px; color:#444444; line-height:120%; font-family: 'Ubuntu', 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif; font-weight:400; background:#051625 url('aservis-img/back.png') top center no-repeat; font-size:14px}

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

h1, h2, h3, h4 {color:#000; font-weight:700}
h1 {font-size:21px}
h2 {font-size:16px; margin:25px 0 10px 0}
h3 {font-size:14px}

ul {list-style:none; margin:25px 0 25px 25px; padding:0}
	li {margin:0 0 10px 0; padding:0 0 0 20px; background:url('aservis-img/odrazka.gif') 0 0 no-repeat}
	
p {line-height:180%; margin:0 0 15px 0}
strong {color:#000; font-weight:700}
em {font-style:italic}
a {color:#106cae; text-decoration:underline}
	a:hover {color:#00355b}

.grey {color:#808080}
.cleaner {clear:both}
.kotva {visibility:hidden; display:block; height:0px}




		/* stranka */
		#stranka {margin:0 auto; width:960px; position:relative; padding-top:130px}
		
		
		
			/* hlavicka */
			#hlavicka {width:960px; height:130px; position:absolute; top:0px; left:0px}
			
			
				/* logotyp */
				#logo-textove {position:absolute; top:0; left:0; height:130px; width:320px; text-align:left; font-style:italic; color:#fff}
					#logo-textove h1 {margin:30px 0 0 50px}
					#logo-textove span {margin-left:155px; font-weight:700}
					#logo-textove a, .logo-textove a:hover {color:#fff; text-decoration:none; font-size:48px; line-height:40px; letter-spacing:-2px}
				#logo-obrazkove {position:absolute; top:0; left:0; height:130px; width:320px; background:url('aservis-img/logo.png')}
					#logo-obrazkove a img {width:320px; height:130px; _height:125px}
					
				/* zalozky */
				#zalozky {position:absolute; top:0; left:320px; height:130px; width:640px; background:url('aservis-img/zalozky-back.png')}
					#zalozky ul {margin:30px 0 0 0; float:right; font-style:italic}	
						#zalozky li {float:left; margin:0; padding:0; display:block; width:160px; height:70px; background:url('aservis-img/zalozka-linka.gif') 0 0 no-repeat}
							#zalozky li a {display:block; color:#236ea4; text-shadow:0 1px 0 #000; text-decoration:none; padding:25px 0 5px 16px}
							#zalozky li a strong {color:#3a8dc9; font-weight:700; font-size:24px; margin-bottom:5px; display:inline-block; margin-left:2px; text-shadow:0 2px 0 #000}
							#zalozky li a:hover, #zalozky li a:hover strong {color:#fff}
							#zalozky li:hover {background:url('aservis-img/zalozka-linka.gif') 0 -70px no-repeat}
							#zalozky li.active a {color:#6b6b6b; background:url('aservis-img/zalozka-linka.gif') 0 -70px no-repeat}
							#zalozky li.active strong {color:#8d8d8d}
				
				
				
			/* banner */
			#banner {position:relative; width:960px; height:350px; background:#303030}
				.slide {width:960px; height:350px; position:relative}
					#banner-tatra {background:url('aservis-img/banner-tatra.jpg')}
				#banner .imgbanner {position:absolute; top:0px; left:0px; width:960px; height:350px}	
				#banner-pruh {position:absolute; top:40px; left:0; height:50px; background:url('aservis-img/banner-pruh-konec.png') top right no-repeat; _width:640px; _background:none}
					#banner-pruh div {background:#0d64a5 url('aservis-img/banner-pruh.gif') repeat-x; height:34px; padding:16px 40px 0 40px; margin-right:18px; color:#94d4fe; font-style:italic; font-size:18px; text-shadow:0 1px 0 #003f6f}
					#banner-pruh a {color:#fff; background:none}
					#banner-pruh a:hover {text-decoration:none; border-bottom:1px dotted #fff}
				#banner-okraj {position:absolute; top:40px; left:-10px; background:url('aservis-img/banner-pruh.gif'); width:10px; height:60px}
				
				
				
			/* menu */
			.menu {width:960px; height:50px; background:#d8d8d8 url('aservis-img/menu-back.gif') repeat-x}
				.menu ul {margin:0; padding:0; float:left}
					.menu li {float:left; display:block; margin:0; padding:0; background:url('aservis-img/menu.png') no-repeat 0 0; margin-left:-15px; _background-position:-15px 0}
						.menu li div {margin-left:15px; background:#b7b6b6 url('aservis-img/menu.png') -15px 0; _float:left}
						.menu li:hover {background:url('aservis-img/menu.png') no-repeat 0 -50px}
						.menu li:hover div {background:#d3d3d3 url('aservis-img/menu.png') -15px -50px}
						.menu li.active {background:url('aservis-img/menu.png') no-repeat 0 -100px; _background-position:-15px 0}
						.menu li.active div {background:#a0b059 url('aservis-img/menu.png') -15px -100px}
						.menu li:first-child, .menu li:first-child:hover {background:none}
						.menu li:first-child a, .menu li:first-child:hover a {padding-left:40px}
					.menu a {color:#000; text-shadow:0 1px 0 #bebebe; display:block; text-decoration:none; padding-right:40px; padding-left:25px}
					.menu a:hover {color:#000; text-shadow:0 1px 0 #e3e3e3; _text-decoration:underline}
					.menu li.active a, .menu li.active a:hover {font-weight:700; color:#2c3700; text-shadow:0 1px 0 #b1c364}
				.menu-konec {width:15px; height:50px; background:url('aservis-img/menu-konec.png'); margin-left:-15px; float:left; _display:none}
				
				#menu1, #menu1 li, #menu1 li div, #menu1 .menu-konec {height:50px; font-size:16px}
					#menu1 a {padding-top:15px; padding-bottom:10px}
				#menu2, #menu2 li, #menu2 li div, #menu2 .menu-konec {height:45px; font-size:15px}
					#menu2 a {padding-top:13px; padding-bottom:8px}
				#menu3, #menu3 li, #menu3 li div, #menu3 .menu-konec {height:40px; font-size:14px}
					#menu3 a {padding-top:11px; padding-bottom:6px}
				
			.menu-titulka {height:60px !important}
			
				/* bocni menu */
				#bocni-menu {width:210px; float:right; color:#818080; padding:0 0 0 40px; margin-top:-10px}
					#bocni-menu ul {margin:15px 0 0 -40px; background:#d8d8d8; padding:0}
						#bocni-menu li {float:left; display:block; margin:0; padding:0; background:#b7b6b6 url('aservis-img/bocni-menu.gif') no-repeat 0 0; width:250px; height:40px}
							#bocni-menu li:hover {background:#d3d3d3 url('aservis-img/bocni-menu.gif') no-repeat 0 -40px}
							#bocni-menu li.active {background:#a0b059 url('aservis-img/bocni-menu.gif') no-repeat 0 -80px}
						#bocni-menu a {color:#000; text-shadow:0 1px 0 #bebebe; display:block; text-decoration:none; padding:12px 0 10px 60px}
						#bocni-menu a:hover {color:#000; text-shadow:0 1px 0 #e3e3e3; _text-decoration:underline}
						#bocni-menu li.active a, #bocni-menu li.active a:hover {font-weight:700; color:#2c3700; text-shadow:0 1px 0 #b1c364}
					.subkategorie {height:auto !important}
					.subkategorie ul {margin:0 !important; font-style:italic}
						.subkategorie ul li {background:#b7b6b6 url('aservis-img/bocni-submenu.gif') no-repeat 0 0 !important}
							.subkategorie ul li:hover {background:#d3d3d3 url('aservis-img/bocni-submenu.gif') no-repeat 0 -40px !important}
							.subkategorie ul li.active {background:#a0b059 url('aservis-img/bocni-submenu.gif') no-repeat 0 -80px !important}
						.subkategorie ul a, .subkategorie ul a:hover {color:#4a4a4a !important}
						.subkategorie ul li.active a, .subkategorie ul li.active a:hover {color:#2c3700 !important; text-shadow:0 1px 0 #b1c364 !important}
			
						
						
			/* rozcestnik */
			#rozcestnik {width:960px; height:260px; background:#20639b; position:relative}
				.rozcestnik-sekce {position:absolute; top:0px; width:320px; height:260px; background:url('aservis-img/rozcestnik.jpg')}
				.rozcestnik-sekce:hover {background:url('aservis-img/rozcestnik.jpg') 0 -260px}
					.rozcestnik-sekce img {position:absolute; top:0px; left:0px; width:320px; height:260px}
					.rozcestnik-sekce h2 {font-size:21px; margin:20px 0 0 40px}
					.rozcestnik-sekce h2 a {color:#fff; text-decoration:none; text-shadow:0 1px 0 #194c71}
					.rozcestnik-sekce ul {margin:50px 0 0 40px; padding-right:30px; line-height:130%}
						.rozcestnik-sekce li {margin:0 0 14px 0; padding:0 0 0 20px; background:url('aservis-img/odrazka-rozcestnik.gif') 0 0 no-repeat; color:#99d0f3; text-shadow:0 1px 0 #00284d}
				#rozcestnik-tatra {left:0px}
				#rozcestnik-stroje {left:320px}
				#rozcestnik-nastavby {left:640px}
				
				
				
			/* telo */
			#telo {width:960px; background:#ededed; padding:20px 0 90px 0; position:relative}
			#telo.bocni-menu {background:#ededed url('aservis-img/bocni-menu-back.gif') repeat-y}	
			
				/* aktuality */
				#aktuality {width:960px; background:url('aservis-img/aktuality-back.gif') repeat-y; padding:15px 0 5px 0}
					.clanek {float:left; margin:0 35px 0 40px; width:245px; _margin:0 55px 0 20px}
						.clanek-posledni {_margin:0 0 0 20px} /* jen kvuli IE6 */
						.clanek img {width:240px}
						.clanek h3 {font-size:16px; margin:25px 0 15px 0}
						.clanek p {line-height:160%}
				#dalsi-button {position:absolute; bottom:20px; right:105px; width:100px; height:32px; background:#2e86c2 url('aservis-img/button-maly.gif') 0 0; text-align:center}
				#dalsi-button:hover {background:#115295 url('aservis-img/button-maly.gif') 0 -32px}
					#dalsi-button a {display:block; padding:7px 0 9px 0; color:#fff; text-shadow:0 1px 0 #103d68; font-weight:700; text-decoration:none; _padding-bottom:7px}
						
				/* sdileni */
				#sdileni {width:640px; height:53px; background:#d8d8d8; color:#818080; position:absolute; bottom:0px; left:0px; padding-top:17px}	
					#sdileni table {margin:0 auto; padding:0px; border:none}
						#sdileni tr, #sdileni td {margin:0px; padding:0px; border:none}
						#sdileni td:first-child {padding-right:10px}
				#obsah.bocni-menu #sdileni {width:720px; padding-top:13px; height:57px}
				#obsah #sdileni {width:960px; padding-top:13px; height:57px}
					
				/* obsah */
				#obsah {width:880px; padding:0 0 40px 40px}
				#obsah.bocni-menu {width:640px; float:left; padding:0 0 10px 40px}
					#obsah img {border:5px solid #d8d8d8}
					#obsah a img {border-color:#fff}
					.fotky {margin:25px 0 15px -20px}
						.fotky img {margin:0 0 20px 20px; display:inline-block}
					#obsah.bocni-menu .fotky {margin:25px 0 15px -15px}
						#obsah.bocni-menu .fotky img {margin:0 0 15px 15px; display:inline-block}
						
					#kontakty-left {float:left; width:420px; margin-bottom:40px}
					#kontakty-right {float:right; width:430px; padding:5px; background:#d8d8d8; margin-top:18px; margin-bottom:40px}
						#kontakty-right img {border:none}
					#nonstop {width:880px; height:36px; padding-top:14px; background:#c9d784 url('aservis-img/nonstop.jpg') no-repeat; color:#4b5817; font-size:18px; text-align:center; margin-bottom:20px}
						#nonstop strong {color:#4b5817}
						
					.tabulka {margin:20px 0 25px 0; border:none}
					.tabulka.siroka {width:880px}
					.tabulka.kontakty {margin:0}	
						.tabulka thead {background:#d8d8d8; font-variant:small-caps}
							.tabulka thead td {height:30px; border-top:1px solid #c5c4c4}
						.tabulka tbody {background:#fff; }
							.tabulka tbody td {height:40px; border-bottom:1px solid #dbdada}
							.tabulka .oddeleni {padding-left:30px}
							
					#bazar {display:block; width:880px; height:110px; border-bottom:1px solid #b0afaf; position:relative; padding:20px 0; color:#818080; margin-bottom:40px}
						select {padding:5px 5px 5px 10px; width:150px; color:#000; font-family: 'Ubuntu', 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif}	
						span.znacka {position:absolute; top:10px; left:10px}
						select.znacka {position:absolute; top:32px; left:0px; width:200px}
						span.typ {position:absolute; top:70px; left:10px}
						select.typ {position:absolute; top:92px; left:0px; width:200px}	
						span.cena-od {position:absolute; top:10px; left:230px}
						select.cena-od {position:absolute; top:32px; left:220px}
						span.cena-do {position:absolute; top:70px; left:230px}
						select.cena-do {position:absolute; top:92px; left:220px}
						span.rv-od {position:absolute; top:10px; left:400px}
						select.rv-od {position:absolute; top:32px; left:390px}
						span.rv-do {position:absolute; top:70px; left:400px}
						select.rv-do {position:absolute; top:92px; left:390px}	
						
						span.razeni {position:absolute; top:10px; left:600px}
						input.razeni-cena {position:absolute; top:38px; left:595px}	
						span.razeni-cena {position:absolute; top:38px; left:620px; color:#000}
						input.razeni-rv {position:absolute; top:59px; left:595px}	
						span.razeni-rv {position:absolute; top:59px; left:620px; color:#000}
						input.razeni-sestupne {position:absolute; top:38px; left:750px}	
						span.razeni-sestupne {position:absolute; top:38px; left:775px; color:#000}
						input.razeni-vzestupne {position:absolute; top:59px; left:750px}	
						span.razeni-vzestupne {position:absolute; top:59px; left:775px; color:#000}	
						
						#bazar button {position:absolute; top:92px; left:660px; width:120px; height:32px; background:#2e86c2 url('aservis-img/button-stredni.gif') 0 0; text-align:center; color:#fff; text-shadow:0 1px 0 #103d68; font-weight:700; font-family: 'Ubuntu', 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif; border:none; font-size:14px; padding-top:0}
							#bazar button:hover {background:#115295 url('aservis-img/button-stredni.gif') 0 -32px}
							
					.bazar-item {width:880px; margin:30px 0 -20px 0}
						.bazar-item-foto {float:left; width:210px}
							.bazar-item-foto img {margin:3px 0 7px 0}
						.bazar-item-text {float:left; width:420px; margin-left:20px}
							.bazar-item-text h2 {margin-top:0px}
						.bazar-item-list {float:right; width:200px; padding-top:4px}
							.bazar-item-list.vuz ul {margin:0 0 30px 0}
							.bazar-item-list.vuz .button-sedy {margin:40px 0 20px 50px}
						
					.button-sedy {width:100px; height:32px; background:#bebebe url('aservis-img/button-sedy.gif') 0 0; text-align:center}
					.button-sedy:hover {background:#a7a7a7 url('aservis-img/button-sedy.gif') 0 -32px}
						.button-sedy a {display:block; padding:7px 0 9px 0; color:#171717; text-shadow:0 1px 0 #cdcdcd; text-decoration:none; _padding-bottom:7px}
					.button-velky {width:200px; height:32px; background:#2e86c2 url('aservis-img/button-velky.gif') 0 0; text-align:center}
					.button-velky:hover {background:#115295 url('aservis-img/button-velky.gif') 0 -32px}
						.button-velky a {display:block; padding:6px 0 10px 0; color:#fff; text-shadow:0 1px 0 #103d68; font-weight:700; text-decoration:none; _padding-bottom:7px}
						
					#reference {margin:30px 0 -80px -20px; width:900px; _margin-left:-40px; _width:920px}
						.reference-item {width:205px; margin:0 0 30px 20px; text-align:center; height:180px; float:left}
							.reference-item img {display:block; margin-bottom:5px}
							
					#konfigurator {width:840px; background:#c3c3c3 url('aservis-img/konfigurator-back.jpg') no-repeat; border-top:1px solid #c2c2c2; padding:40px 20px 10px 20px; margin:40px 0}
						.konfigurator-item {width:840px; margin-bottom:35px}
							.konfigurator-item-nazev {float:left; width:200px}
								.konfigurator-item-nazev h3 {font-size:16px; text-shadow:0 1px 0 #dfdfdf; margin:0px}
							.konfigurator-item-obsah {float:right; width:640px; background:url('aservis-img/konfiguracni-lista.gif') no-repeat; height:40px; position:relative}

							.konfigurator-item-textarea {float:right; width:640px}
								.konfigurator-item-textarea textarea {width:624px; height:100px; padding:5px 8px; color:#444444; line-height:120%; font-family: 'Ubuntu', 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif; font-weight:400; border:1px solid #afafaf}
						#button-konfigurator {margin-left:340px; color:#fff; text-shadow:0 1px 0 #103d68; font-weight:700; font-family: 'Ubuntu', 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif; border:none; font-size:14px; padding-top:0}
											
			
			
			/* banner konfiguratoru */
			#banner-konfigurator {width:960px; height:130px; background:#b2b2b2 url('aservis-img/banner-konfigurator.jpg') 0 0; position:relative}
			#banner-konfigurator:hover {background:#c7c7c7 url('aservis-img/banner-konfigurator.jpg') 0 -130px}
				#banner-konfigurator h3 {position:absolute; top:38px; left:520px; *top:50px}
				#banner-konfigurator h3 a, #banner-konfigurator h3 a:hover {color:#262626; font-size:21px; font-weight:700; text-shadow:0 1px 0 #b1b1b1; text-decoration:none}
				#banner-konfigurator span {position:absolute; top:73px; left:520px; color:#262626; *top:70px}
				#banner-konfigurator a img {position:absolute; top:0px; left:0px; width:960px; height:130px}
			
			
					
			/* prehled-sluzeb */
			#prehled-sluzeb {width:880px; height:160px; padding:45px 40px 0 40px; background:#20639b url('aservis-img/sluzby-back.jpg'); text-align:center}
			#banner-konfigurator + #prehled-sluzeb {padding-top:40px; background:#20639b url('aservis-img/sluzby-back2.jpg')}
				#prehled-sluzeb p {font-style:italic; color:#94d4fe; font-size:16px; text-shadow:0 1px 0 #002d4b; line-height:150%}
				#prehled-sluzeb a {color:#fff; background:none}
				#prehled-sluzeb a:hover {text-decoration:none; border-bottom:1px dotted #fff}
				
				
				
			/* paticka */
			#paticka {width:880px; padding:40px 40px 90px 40px; position:relative}
				#mapka {width:180px; height:80px; background:url('aservis-img/mapka.gif') no-repeat; position:relative; float:left}
					#mapka span {position:absolute; top:28px; left:55px; color:#6190b4}
					#mapka a {position:absolute; top:45px; left:0px; padding:1px 4px 3px 4px; background:#9cad52; color:#000; text-decoration:none}
						#mapka a:hover {background:#b5ca5d}
				#seznam1, #seznam2 {margin:0px; padding:0px; float:left; margin-top:10px; width:170px}
				#seznam2 {margin-left:30px; width:220px}
					#seznam1 li, #seznam2 li {margin:0 0 5px 0; padding:8px 0 0 40px; display:block; height:22px; color:#57b5f7}
						#telefon {background:url('aservis-img/paticka-telefon.gif') 0 50% no-repeat}
						#adresa {background:url('aservis-img/paticka-adresa.gif') 0 50% no-repeat}
						#mail {background:url('aservis-img/paticka-mail.gif') 0 50% no-repeat}
							#mail a {color:#57b5f7; text-decoration:none}
							#mail a:hover {color:#fff; text-decoration:underline}
						#hodiny {background:url('aservis-img/paticka-hodiny.gif') 0 50% no-repeat}
				#kontaktni-button {position:absolute; top:70px; right:70px; width:160px; height:32px; background:#91a249 url('aservis-img/paticka-button.gif') 0 0; text-align:center}
				#kontaktni-button:hover {background:#aec25c url('aservis-img/paticka-button.gif') 0 -32px}
					#kontaktni-button a {display:block; padding:7px 0 9px 0; color:#252e00; text-shadow:0 1px 0 #a5b755; font-weight:700; text-decoration:none; _padding-bottom:7px}
					#kontaktni-button a:hover {text-shadow:0 1px 0 #c9de6e}
								
			
			
		/* dodatek */
		#dodatek {margin:0 auto; width:100%; background:#030f1a; height:80px}
			#dodatek-obsah {margin:0 auto; width:960px; padding-top:15px; color:#1e4b6a; font-size:12px; text-align:center}
				#dodatek-obsah a {color:#2f6c95 !important}
				#dodatek-obsah a:hover {color:#fff !important}

			

/* ks */ 
#banner-stroje {background:url('aservis-img/banner-stroje.jpg')}
#banner-kontejnery {background:url('aservis-img/banner-kontejnery.jpg')}
#banner-servis {background:url('aservis-img/banner-servis.jpg')}
#banner-zemedelstvi {background:url('aservis-img/banner-zemedelstvi.jpg')}			
.cely-clanek {margin:5px 0 5px 0;padding:0 10px 0 0;text-align:right;}
.cely-clanek-in {margin:5px 100px 5px 0;padding:0 10px 0 0;text-align:right;}		
#obsah.ne-bocni-menu {width:890px;padding:0 0 10px 40px}
.fotohidd {display:none;}	
.break {clear:both}	
#news-pag {width:120px;}
#news-pag a img {border:0;background:none;margin:0;padding:0;}
.news-left {float:left;}
.news-right {float:right;}		
.textareawidth {width:400px;height:100px;}					
.povinne-pole {font-weight:bold;color:#0d64a5;}
.povinne-pole-error {font-weight:bold;color:#FF0000;}	
.divslider1 {margin:0 40px;} 
.divslider1 fieldset {margin:10px 0 3.5em 0;border:0;}
.divslider1 label {font-weight:bold;font-size:16px; text-shadow:0 1px 0 #dfdfdf; margin:0px}
.ui-slider {clear: both; top: 1em;}
#google-map {width:430px;height:300px;}
.formular { background:#c3c3c3 url('aservis-img/konfigurator-back.jpg') no-repeat; border-top:1px solid #c2c2c2; padding:40px 20px 10px 20px; margin:40px 0}
.formular td {font-weight:bold;font-size:14px; text-shadow:0 1px 0 #dfdfdf; margin:0px}
.formtabloborder table {border-collapse: collapse;}
.formtabloborder td {border:1px solid #a3a3a3;padding:0.5em} 
#banner-konfigrator-small {width:490px; height:62px; background:transparent url('aservis-img/konfigurator-back.png') 0 0; position:absolute;top:400px;right:0;}
.banner-konfigurator-small h3 {margin:16px 0 0 40px;}
.banner-konfigurator-small h3 a, #banner-konfigurator-small h3 a:hover {color:#262626; font-size:21px; font-weight:700; text-shadow:0 1px 0 #b1b1b1; text-decoration:none}
.banner-konfigurator-small div {color:#262626;margin:7px 0 0 40px;}
.banner-konfigurator-small a img {position:absolute; top:0px; left:0px; width:490px; height:62px}
.submit-button { height:32px; background:#2e86c2 ; text-align:center;margin-top:1.5em;padding:6px 10px 10px 10px; color:#fff; text-shadow:0 1px 0 #103d68; font-weight:700; text-decoration:none; _padding-bottom:7px}
.submit-button:hover {background:#115295 ;}
.submit-button a {display:block; padding:6px 0 10px 0; color:#fff; text-shadow:0 1px 0 #103d68; font-weight:700; text-decoration:none; _padding-bottom:7px}
.linklogo {position:absolute; top:30px; right:60px; width:200px;height:70px;z-index:999}