/************************************
    *                                   *
    *             impa.sk               *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *         All web content           *
    *                                   *
    *  Last update: 13.10.2006, 09:55   *
    *                                   *
    ************************************/


* {margin:0px; padding: 0px;}

	body {
		background: url(../images/body_background.jpg) repeat-x;
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		}
	a {
		text-decoration: none;
		color:#d02b2d;
		}
	a:hover {
		color:black;
	}
	select {
		font-size: 12px !important;
		width: 310px;
		}
	a img {
		border:none;
	}
	.hidden {
		display: none;
		}
	h2 {
		font-family: Arial, Helvetica, sans-serif;
		color: #d02b2d;
		font-size: 1.1em;
		text-transform: uppercase;
		line-height:1em;
		margin:10px 0px 2px 0px;
		}
	h3 {
		font-family: Arial, Helvetica, sans-serif;
		color:black;
		font-size: 0.9em;
		text-transform: uppercase;
		line-height:1em;
		margin:15px 0px 7px 0px;
		}
	h4 {
		font-size: 0.8em;
		}
	h3 span , h2 span {
		font-family: Arial, Helvetica, sans-serif;
		color: black;
		font-size: 0.8em;
		text-transform: lowercase;
		font-weight:normal;
	}

	.right {
		float:right;
		margin-left:10px;
		margin-bottom:5px;
	}

	.left {
		float:left;
		margin-right:10px;
		margin-bottom:5px;
	}

	#page {
		text-align: left;
		width: 780px;
		margin: 0 auto;
		min-height: 400px; _height: 400px;
		position: relative;
		}
	#head {
		height: 133px;
		position: relative;
		background: url(../images/head_background.jpg) 453px 38px no-repeat;
		}
	#foot {
		height: 31px;
		background: url(../images/foot_background.jpg) repeat-x;
		clear: both;
		padding-left: 80px;
		font-size: 0.7em;
		color: #FFF;
		}
		#foot small {
			position: relative;
			top: 13px;
			}
		#foot small a {
			color: #FFF;
			text-decoration: none;
			}
			#foot small a span {
				color: #de2723;
				}
				#foot small a span strong {
					color: #FFF;
					}
	#news {
		width: 197px; min-height: 150px; _height: 150px;
		float: right;
		margin-top: 10px;
		}
		#news h3 {
			font-size: 0.75em;
			font-weight: normal;
			color: #FFF;
			background-color: #d02b2d;
			padding: 2px 8px;
			margin: 0px 0px 7px 0px;
			}
		#news h4 {
			font-size: 0.7em;
			font-weight: normal;
			color: #505050;
			margin: 5px;
			}
			#news h4 a {
				color: #d02b2d;
				text-decoration: underline;
				}
		#news p, .from-wysiwyg {
			font-size: 11px;
			color: #949494;
			padding: 0 5px;
			}
		.from-wysiwyg p {
			font-size: 1em !important;
			}
	#content {
		/*margin-right: 205px;*/
		min-height: 150px; _height: 150px;
		margin-top: 10px;
		float:left;
		width:580px;
		}
		#content p , #content ul {
			font-size: 11px;
			color: #949494;
			margin: 4px 0px 10px 0px;
			}
		#content ul {
			margin: 0px 0px 10px 30px;
		}
		#content ul li {
			list-style: none;
			padding-left: 15px;
			background: url(../images/list_item.png) left 2px no-repeat;
			_background-position:left 5px;
		}
	.cleaner {
		clear:both;
	}
	.half-left {
		width: 49.5%;
		float: left;
		}
	.half-right {
		width: 49.5%;
		float: right;
		}
	#logo, #logo a, #logo a span {
		display: block;
		position: absolute;
		width: 83px; height: 24px;
		overflow: hidden;
		cursor: pointer;
		top: 55px;
		}
		#logo a span, #logo a {
			left: 0px; top: 0px;
			background: url(../images/logo.jpg) no-repeat;
			}
	#main-navigation {
		position: absolute;
		top: 1px; left: 0px;
		font-family: Arial, Helvetica, sans-serif;
		}
		#main-navigation li, #navigation li {
			list-style: none;
			float: left;
			}
		#main-navigation li a {
			background: url(../images/main_navigation_background.png) top right no-repeat;
			padding: 2px 3px; 
			display: block;
			height: 16px;
			float: left;
			margin-right: 8px; _margin-right: 3px;
			font-size: 11px;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
			border-left: 1px solid #cdcdcd;
			}
		#main-navigation li a:hover {
			background-position: right -21px;
			color: #FFF;
			}
		#main-navigation li a.active, #main-navigation li a.active:hover {
			background: url(../images/active_impa.png) top right no-repeat;
			color: #FFF;
			cursor: pointer;
			}
		#main-navigation li a.off	{cursor: help;}
	#navigation {
		position: absolute;
		top: 87px;
		font-size: 0.7em;
		}
		#navigation li {
			position: relative;
			}
		#navigation li a {
			display: block;
			height: 16px;
			border-right: 2px solid #FFF;
			float: left;
			padding: 3px 12px;
			color: #000;
			}
		#navigation li a:hover {
			color: #de2723;
			}
		#navigation li.active a {
			background-color: #FFF;
			color: #000;
			}
				#navigation li ul {
						position: absolute;
					    left: -999em;
						list-style: none;
						text-transform: uppercase;
						}
				#navigation li:hover ul li {
						_position: relative;
						z-index: 99;
						}
				#navigation li:hover ul, #navigation li.sfhover ul, #navigation li.active ul {
						top: 22px; left: -90px;
						width: 400px;
						z-index: 1;
						padding-top: 4px; padding-bottom: 4px; padding-left: 76px;
						background-color: #FFF;
						}
				#navigation li.predaj:hover ul, #navigation li.predaj.sfhover ul {
					z-index: 2;
					}
		#navigation li li {
    			float: none;
				display: inline;
				}
		#navigation li li a {
			    font-weight: normal;
				display: inline; float: none;
				color: #de2723 !important;
				}
		#navigation li li a:hover {
				color: #000 !important;
				}

	.field, textarea {
		border: 1px solid #949494;
		width: 140px;
		}
	textarea {
		width: 240px;
		}
	fieldset {
		border: 1px solid #E5E5E5;
		padding: 15px;
		}
	legend {
		font-size: 0.8em;
		font-weight: bold;
		_margin-bottom: 20px;
		padding: 0 10px;
		color: #000;
		}
	label {
		display: block;
		float: left;
		width: 130px;
		margin-left: 30px;
		}
	.button {
		margin: 8px 0 0 0;
		float: right;
		background-color: #DE2622;
		color: #FFF;
		font-size: 11px;
		width: 120px;
		padding: 1px 9px;
		}
	#contact-form {
		padding: 5px;
		}
	#contact-form textarea {
		width: 180px; _width: 170px;
		}
	#contact-form label {
		width: 100px;
		margin-left: 10px;
		}
	#contact-form .field {
		width: 110px;
		}
		/* novinky --------------------------------------------------------------*/
		div.news {
			position:relative;
			/*min-height: 85px; _height: 85px;*/
			padding-bottom:5px;
		}
		div.news h3 {
			font-size: 0.75em !important;
		}
		.show {
			display: block;
			text-align: right;
			}
			.show a {
				font-size: 0.6em;
				font-weight: bold;
				margin-right: 8px;
				}

		.pages {
			font: normal 0.7em Arial, Helvetica, sans-serif;
			display: block;
			text-align: right;
			margin-top: 20px;
			}
			.pages a,.pages span {
				font-weight: bold;
				margin: 0px 4px;
				}


		/*home logotext*/
		.logotext {
			font-family: Arial, Helvetica, sans-serif;
			color: #d02b2d;
			font-size: 1.8em;
			text-transform: uppercase;
			line-height:1.0em;
			font-weight:bold;
		}

		/* partneri */
		.partner {
			margin:5px 0px 5px 0px;
			float:left;
			width:270px;
			min-height:70px;
			=height:70px;
		}


		/*kontakty */
		.contact {
			float: left; width: 32%; height: 230px;
			position:relative;
			margin:0px;
			padding:0px;
		}
		.contact h4 {
			margin-top:115px;
			=margin-top:130px;

		}
		.contact h4 a {
			color:#000;
		}

		.contact img {
			position:absolute;
			top:0px; left:0px;
		}

		.contact div.show {
			width:100%;
			position:absolute;
			bottom:20px; right:10px;
			font-size:0.9em;
		}


		.cars {
			font-size:0.8em;
			
		}

		.pobocka {
			min-height:135px;
			_height:135px;
		}
		.pobocka  h2 {
		      text-transform: none;
		}

		.employer {
			border-top:1px solid #CCC;
			padding:2px 0px 10px 0px;
			margin:2px 5px 0px 0px;
			height:120px;
			width:48%;
			float:left;
			overflow:hidden;
			position:relative;
		}
		.employer h3 {
			margin:7px 0px 0px 60px;
			text-transform:none;
		}
		.employer p {
			padding:4px 0px 0px 60px;
			margin:0px !important;
		}
		.employer img {
			position:absolute;
			top:0;left:0;
		}

.prenajom-photos-list img {
	border-bottom:2px solid #fff;
	/*width:60px;*/		
}
		
.prenajom-photos-list.active img {
	border-bottom:2px solid #D02B2D;		
}

#prenajom-detail {
	margin-left:25px;
	position:relative;
}

#prenajom-detail h4 {
	margin:0px 0px 2px 0px;
}
#prenajom-detail .prize2 strong {
	font-size:1.2em;
	color:black;
}

#prenajom-detail #more-cars {
	display:block;
	padding:2px 3px;
	background-color: black;/*#D02B2D;*/
	opacity: 0.6;
	filter: alpha(opacity=60);		
	position:absolute;
	top:120px;
	left:50px;
	font-size:0.70em;
	font-weight:bold;
	color:white;/*black;*/
}