@charset "UTF-8";

/*
Arkusz css dla strony www.kas-car.pl
Design: www.pogotowieDTP.pl
Wszystkie prawa zastrzeżone.      
*/



body {
	background: #000 no-repeat top;
	color: #fff;
	width: auto;
	height: auto;
	margin: auto;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	behavior: url("../css/iepngfix.htc");
}
    

#container {
	position: relative;
	width: 1037px;
	height: 648px;
	margin: auto;
	background: url("../images/tlo.png") no-repeat top center;
	text-align: left;
	overflow: hidden;
}	


.clear {
	clear: both;
}	



	
/* NAGŁÓWEK-------------------------------------------------------*/

	#header {
		position: relative; left: 38px; top: 28px;
		width: 1037px;
		height: 100px;
		margin: auto;
		text-align: center;
		z-index: 1;
		}

		#header ul, ul li {
			display: block;
			list-style: none;
		}

		#header	ul li a {
			float: left;
			display: block;
			border-color: transparent;
		}
		
		#header	ul li a:hover {
			border: 0;
			border-color: transparent;
		}
		
		
		#header	ul li a:active {
			border-color: transparent;
		}
	

		#logo {
			background: url("../images/header.png") no-repeat -80px -40px;
			height: 100px;
			width: 235px;
		}


		#logo:hover {
			background: url("../images/header.png") no-repeat -80px -179px;
			height: 100px;
			width: 235px;

		}
		
		
		#logo:active {
			background: url("../images/header.png") no-repeat -80px -40px;
			height: 100px;
			width: 235px;
		}


		#mapa {
			background: url("../images/header.png") no-repeat -320px -40px;
			height: 30px;
			width: 430px;
			padding-top: 70px;
			font-size: 1em;
			color: white;
			text-align: left;
			text-indent: 310px;

		}		
		
		
		#mapa:hover {
			background: url("../images/header.png") no-repeat -320px -179px;
			height: 30px;
			width: 430px;
			padding-top: 70px;
			font-size: 1em;
			color: black;
			text-align: left;
			text-indent: 310px;
		}



		#mapa:active {
			background: url("../images/header.png") no-repeat -320px -40px;
			height: 30px;
			width: 430px;
			padding-top: 70px;
			font-size: 1em;
			color: white;
			text-align: left;
			text-indent: 310px;
		}	
				

		#adres {
			background: url("../images/header.png") no-repeat -738px -40px;
			height: 120px;
			width: 230px;
			}
			
			
		#adres:hover {
			background: url("../images/header.png") no-repeat -738px -179px;
			height: 120px;
			width: 230px;
			}

			
		#adres:active {
			background: url("../images/header.png") no-repeat -738px -40px;
			height: 120px;
			width: 230px;
			}
		
/* MENU ------------------------------------------------------------ */

		#menu {
		   position: relative;
		   width: 390px;
		   margin-left: 18px;
		   margin-top: 70px;
		   z-index: 2;
		}

		#menu ul {
		   margin: 0;
		   padding: 0;  
		   list-style: none;  
		}


		#menu ul li {
		    display: block;
		    margin: 0 0 2px 0;
		}


		#menu ul li a {
		   display: block;
		   margin-top: 30px;
		   padding: 0px;
		   height: 35px; 
		   text-decoration: none;
		   text-align:left;
		   background: transparent;
		}


		#menu ul li a:hover {
		   text-decoration: none;
		   border-left: inset 4px;
		   border-color: transparent;
		}
	
		
		#menu ul li a:active {
		   text-decoration: none;
		   border-left: inset 0px;
		   border-color: transparent;
		}
		
		
		#kasacja {
			background: url("../images/menu.png") no-repeat -5px -173px;
			margin-left: 60px;
			height: 35px;
			width: 330px;
		}


		#kasacja:hover {
		   background: url("../images/menu.png") no-repeat -421px -173px;
			margin-left: 60px;
			height: 35px;
			width: 330px;
		}



		#kasacja:active {
		   background: url("../images/menu.png") no-repeat -5px -173px;
			margin-left: 60px;
			height: 35px;
			width: 330px;
		}
		
		

		#sprzedaz {
			background: url("../images/menu.png") no-repeat -5px -243px;
			margin-left: 60px;
			height: 35px;
			width: 210px;
		}
		
		
		#sprzedaz:hover {
			background: url("../images/menu.png") no-repeat -421px -243px;
			margin-left: 60px;
			height: 35px;
			width: 210px;
		}
		
		
		#sprzedaz:active {
			background: url("../images/menu.png") no-repeat -5px -243px;
			margin-left: 60px;
			height: 35px;
			width: 210px;
		}
		
		
		#serwis {
			background: url("../images/menu.png") no-repeat -5px -315px;
			margin-left: 60px;
			height: 35px;
			width: 110px;
		}
		
		
		#serwis:hover {
			background: url("../images/menu.png") no-repeat -421px -315px;
			margin-left: 60px;
			height: 35px;
			width: 110px;

		}
		
				
		#serwis:active {
			background: url("../images/menu.png") no-repeat -5px -315px;
			margin-left: 60px;
			height: 35px;
			width: 110px;
		}

		


/* CONTENT ------------------------------------------------------------ */

		.content {
			background: url("../images/tlo_pod_tekst.png") no-repeat -8px -6px;
			position: relative;
			margin-left: 755px;
			margin-top: -210px;
			width: 190px;
			height: 425px;
			padding: 4px 16px 6px 12px;
			border: 0;
			z-index: 100;
		}
		

/* AUKCJE ------------------------------------------------------------ */


		.allegro {
			background: #ff0000 no-repeat;
			position: relative;
			bottom: 658px;
			left: 0px;
			width: 350px;
			height: 290px;
			padding-left: 10px;
			padding-top: 10px;
			z-index: 999;
		}


		#kolo {
//			background: #ff0000 no-repeat;
			position: relative;
			left: 0px;
			bottom: 242px;
			width: 360px;
			height: 290px;
			z-index: 0;
		}


	/*	#zapraszamy {
//			background: #ff0000 no-repeat;
			position: relative;
			left: 200px;
			top: -243px;
			width: 120px;
			height: 120px;
			z-index: 100;
		}

		#zapraszamy:hover {
			position: relative;
			left: 194px;
			top: -263px;
			background: url("../images/zapraszamy.png") no-repeat center;
			width: 150px;
			height: 150px;
			z-index: 100;
		}
*/


/* STOPKA ------------------------------------------------------------ */

	#stopka {
		position: relative; left: 305px; top: 255px;
		width: 660px;
		height: 10px;
		text-align: center;
		z-index: 3;
		}

	#stopka ul, ul li {
			display: block;
			list-style: none;
		}

	#stopka	ul li a {
			float: left;
			display: block;
		}
		
	#stopka	ul li a:hover {
			border-color: transparent;
		}
	

		#copyright {
		 	background: url("../images/stopka.png") no-repeat 0px -26px;
			height: 20px;
			width: 180px;
		}


		#copyright:hover {
			background: url("../images/stopka.png") no-repeat 0px -6px;
			height: 20px;
			width: 180px;
		}


		#design {
			background: url("../images/stopka.png") no-repeat -180px -26px;
			height: 20px;
			width: 200px;			
		}


		#design:hover {
			background: url("../images/stopka.png") no-repeat -180px -6px;
			height: 20px;
			width: 200px;			
		}
		
		
		#zdjecie {
			background: url("../images/stopka.png") no-repeat -380px -26px;
			height: 20px;
			width: 240px;			
		}


		#zdjecie:hover {
			background: url("../images/stopka.png") no-repeat -380px -6px;
			height: 20px;
			width: 240px;			
		}