*{ margin: 0; padding: 0; }* 
body { 
	font: .75em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.6em;
	background: #fff;
	color: #444; 
}

a {	color: #E60000;	background: inherit; text-decoration: none; }
a:hover { color: #AA0001; background: inherit; text-decoration: underline; }
p { margin: 0 0 15px 0; }
h1 {  margin: 20px 0 0; }
h1 a { background: inherit; }
img { border: 0; }
/*h2 { font: normal 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; }*/
h2 {font: normal 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; color: #E60000; background: inherit;}
h3 a { font-size: 1em; }

/*#main h3 a { font-size: .84em; color: #808080; font-weight: normal; text-transform: uppercase; }*/
#main h3 { font-size: 1em; color: #808080; font-weight: normal; text-transform: uppercase; }

#content { width: 940px; margin: 0 auto; padding: 5px 0 0 0; border-top: 5px solid #eee; }

#top{ float: right; text-align: right;  }
#top a { color: #808080; margin: 0 0 0 13px; background: #fff url(../images/toparrow.png) no-repeat center left; padding: 0 0 0 12px; }
#top a.czerwony { color: #da2222; margin: 0 0 0 13px; background: #fff url(../images/toparrow.png) no-repeat center left; padding: 0 0 0 12px; }

/*pola input - logowanie*/
input.searchfield { width: 175px; padding: 6px; border: 2px solid #ccc; font-size: .9em; }
input.searchbutton { background: #E60000; border-radius: 5px; border: 0; padding: 6px; color: #fff; font-weight: bold; font-size: .9em; }

/*pola input - formularze*/
input.inputfield175 { width: 175px; padding: 5px 3px 5px 3px; margin: 0 0 5px 0; border: 1px solid #ccc; font-size: .9em; }
input.inputfield100 { width: 100px; padding: 5px 3px 5px 3px; margin: 0 0 5px 0; border: 1px solid #ccc; font-size: .9em; }
input.inputfield100right { width: 100px; padding: 5px 3px 5px 3px; margin: 0 0 5px 0; border: 1px solid #ccc; font-size: .9em; text-align: right;}
input.inputfield_szukaj { width: 300px; height: 30px; padding: 10px 6px 10px 6px; margin: 0 0 5px 0; border: 1px solid #ccc; font-size: 1.5em; }
input.inputfield_szukaj_pojazd { width: 170px; height: 20px; padding: 7px 3px 7px 3px; margin: 0 0 0px 0; border: 1px solid #ccc; font-size: 1.1em; }

/*dla pol z datepicker*/
input.datepicker { width: 100px; padding: 5px 3px 5px 3px; margin: 0 0 5px 0; border: 1px solid #ccc; font-size: .9em; text-align: left;}

input.inputbutton { width: 75px; border-radius: 5px; background: #E60000; border: 0; padding: 5px 0 5px 0; color: #fff; font-weight: bold; font-size: .9em;}
	.inputbutton:disabled,
	inputbutton[disabled],
	input.inputbuttondisabled { width: 75px; background: #747272; border-radius: 5px; border: 0; padding: 5px 0 5px 0; color: #fff; font-weight: bold; font-size: .9em;}

input.inputbutton_szukaj { width: 75px; height: 52px; border-radius: 5px; background: #E60000; border: 0; padding: 5px 0 5px 0; color: #fff; font-weight: bold; font-size: .9em; vertical-align: top;}
input.inputbutton_szukaj_pojazd { width: 60px; height: 37px; border-radius: 5px; background: #E60000; border: 0; padding: 5px 0 5px 0; margin: 0 0 0px 0; color: #fff; font-weight: bold; font-size: .9em; vertical-align: top;}

select.selectfield175 { width: 175px; padding: 5px 3px 5px 3px; margin: 0 0 5px 0; border: 1px solid #ccc; font-size: .9em;  }
option.optnormal {padding: 1px 0 1px 3px; }
option.optnormal:hover,
option.optnormal:focus,
option.optnormal:active,
option.optnormal:checked {background: linear-gradient(#E60000, #E60000);}

textarea.txfield175 {width: 250px; height: 100px; resize: none; padding: 5px 3px 5px 3px; margin: 0 0 5px 0; border: 1px solid #ccc; font: .9em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;}

/*pola input, select, textarea maja rozna szerokosc - wyrownujemy:*/
input.inputfield175, select.selectfield175, textarea.txfield175 {
    -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
}

/*wyrownanie pola formularza (textarea) i etykiety pola (musza byc w tym samym kontenerze)*/
label.formfield {vertical-align: top; display: inline-block; float: right; position: relative; right:0px;}

#logo { float: left; color: #808080; line-height: 25px; }
#logo img.logo_ak {float: left; border: none; padding: 1px; margin: 0px; width:140px; position: absolute; top:32px;}
#logo h1.logo_ak_nazwa {position: relative; left:0px; top:20px; margin:0px;}
#logo p.logo_ak_status {position: relative; left:0px; top:22px;}

/*#menu { height: 35px; padding: 7px 0 0 0; clear: both;  margin: 0 0 18px; background: #fff url(../images/menubg.gif) repeat-x; }
	#menu li { font-size: 1.1em; display: inline; text-transform: uppercase; }
	#menu li a { margin: 0 25px 0 10px; color: #808080;  }
	#menu li a:hover { color: #444; }
*/	
#menu { height: 35px; padding: 7px 0 0 0; clear: both;  margin: 0 0 18px 0px; background: #fff url(../images/menubg.gif) repeat-x; }
#menu li {font-size: 1.1em; display: inline; text-transform: uppercase; list-style-type: none; float: left; }
#menu li:hover {background: #fff; }
#menu li a {display: block; text-decoration: none; margin: 0 25px 0 10px; color: #808080;}
#menu li a:hover {background:#fff; color: #E60000;}
#menu li li a {width: 160px; }
/*Podmenu*/
#menu li li a:hover {width: 160px; background: #E60000; color: #fff; padding-left:10px;}
#menu li ul {font-size: 0.9em; overflow: hidden; display: none; background: #fff; border-left: 1px dotted #E60000; border-bottom: 1px dotted #E60000; border-right: 1px dotted #E60000; margin:0 0 0 10px;}
#menu li:hover ul {position: absolute; padding: 5px 0 10px 5px; display: block; width: 160px; }
#menu li li.li_line {width: 152px; padding: 5px 0 3px 0; background: #fff url(../images/smalldot.gif) repeat-x; }
/*ANIMACJA - tylko CSS3*/
#menu *:hover {transition: 0.3s ease-in;}

#main { float: left; width: 655px; margin: 0 0 20px; }
	/*lewa czesc main: zdjecie, opcje*/
	#left_car { float: left; width: 320px; margin: 0 0 0 0;}
	/*prawa czesc main: dane pojazdu*/
	#right_car { float: left; width: 335px; margin: 33px 0 0 0;}
	
	#main img {float: left; border: 1px solid #eee; padding: 1px; margin: 0 15px 5px 0; }
	#main img.img_car {float: left; border: 3px solid #eee; padding: 5px; margin: 0 15px 5px 0; width:300px;}
	#main img.img_camin {float: left; border: 1px solid #eee; padding: 1px; margin: 0 15px 5px 0; width:85px;}
	#line { clear: both; padding: 3px; margin: 0 0 15px; background: #fff url(../images/smalldot.gif) repeat-x; }
	
	#reklama_prawy {
		/*scala bloki ad i shortnews - prawy bok*/
		float: right;
		width: 250px;
		position: relative;
	}

	#ad { float: right; 
		text-align: left; 
		width: 250px; 
		border: none; 
		margin: 0 0 0; 
		vertical-align: middle; 
		position: relative;
	}
	/*border: 3px solid #eee; color: #ccc; height: 100px;*/
	#ad img.img_adv1 {margin: 0px; border: none;}
	#shortnews { float: right; width: 250px; }
	#shortnews li.li_maly {list-style: none; padding: 0 4px 0 4px; margin: 0; font: .70em; color: #888888; border:none;}
	#main li { list-style: none; /*border-bottom: 1px solid #eee;*/ padding: 3px 5px 0 0; margin: 0; }
	#main li a, #main li.li_line a { background: #fff url(../images/arrow.gif) no-repeat center left; border-bottom: 1px solid #eee;  padding: 0 0 0 12px; color: #808080; }
	.news { border-bottom: 1px solid #eee; padding: 0 0 2px; margin: 0 0 10px;}
	/*wyswietlenie LI w poziomie, po najechaniu pokazujemy podpowiedz*/
	#main li.li_line {display: inline; padding: 5px 10px 0 0; margin: 0; border-bottom: 1px solid #eee;}
	#main li span {
		display: none;
		width:200px;
		text-align: center;
	}
	#main li:hover span{
		display: inline;
		position: absolute;
		background: #ffeaeb;
		border: 1px solid #b70004;
		color: #000000;
		-moz-opacity: 0.8;
	}
	#main ol.numeracja {
		list-style-type: decimal;
		margin-top: 15px;
	}
	#main li.numeracja {
		list-style: decimal; padding: 0 4px 0 4px; margin-left: 25px; font: 0.70em; color: #888888; border:none; text-align: justify;
	}
	#main li.text_justify {
		list-style: none; padding: 0 4px 0 4px; margin-left: 5px; font: 0.70em; color: #888888; border:none; text-align: justify;
	}	

	/*wyrownanie dat ubezpieczenie/przeglad*/
	#main rownaj_data{
		padding: 0px 5px 0px 5px;
		position: relative;
		float: right;
		right: 130px;
		border: 1px solid #969696;
		background-color: #BCBCBA;
		border-radius: 5px;
		color: #333333;
		width: 67px; height: 18px;
		text-align: center;		
	}
	#main rownaj_data.alert{
		padding: 0px 5px 0px 5px;
		position: relative;
		float: right;
		right: 130px;
		border: 1px solid #E60000;
		background-color: #E60000;
		border-radius: 5px;
		color: #EAD7D7;
		width: 67px; height: 18px;
		text-align: center;
	}

	/*ZDARZENIA*/
	/*tabela zdarzen - historia zdarzen, slownik zdarzen, lista znajomych*/
	#main table.lista {
        margin-top:15px;
        float:left;
        font-family:helvetica, sans-serif;
        font-style:normal;
        padding: 0px;
        width:650px;
        border-collapse: collapse;
        /*border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#fedadb;
        */
		border-style:solid;
        border-width:1px;
        border-color:#fedadb;
	}
	
	/*tabela wewnetrzna (w tabeli) - pojazdy znajomych*/
	#main table.tab_wew {
        padding: 5px;
		margin: 5px;
		float:left;
        font-family:helvetica, sans-serif;
        font-style:normal;
        padding: 0px;
        width:300px;
        border-collapse: collapse;
		border-style:solid;
        border-width:1px;
        border-color:#fedadb;
	}	
	
	#main table.tab_wew td {width: 150px; padding: 2px 2px 2px 10px; font-size: 0.95em; color: #626262;}

	/*REJESTRACJA - table*/
	table.table_rejestracja {
        float:left;
        font-family:helvetica, sans-serif;
        font-style:normal;
        width:90%;
        border-collapse: collapse;

		border-style:solid;
        border-width:1px;
        border-color:#fedadb;
		margin-bottom: 10px;
	}

	table.table_rejestracja td {
		vertical-align: top;
		padding: 12px 10px 5px 10px;
	}

	/*LICENCJE - table*/
	table.table_licencje {
        float:left;
        font-family:helvetica, sans-serif;
        font-style:normal;
        width:90%;
        border-collapse: collapse;

		border-style:solid;
        border-width:1px;
        border-color:#fedadb;
		margin-bottom: 10px;
	}

	table.table_licencje td {
		border: 1px solid #ffa4a7;
		vertical-align: middle;
		padding: 5px 5px 5px 5px;
		text-align: center;
	}	
	table.table_licencje th {
		background-color: #ffcfc7;
		border: 1px solid #ffa4a7;
		vertical-align: middle;
		padding: 5px 5px 5px 5px;
		text-align: center;
	}

	/* LI - wypunktowanie na stronie glownej */
	ul.ul_pointm {
		/*list-style-image: url(../images/del1.png);*/
		/*list-style-type: square;*/
		text-align: left;
		font-size: 1.05em;
		line-height: 1.75;
	}
	li.li_pointm {
		color: #787A8F; font-weight: bold; 
		/*background: url(../images/del1.png) no-repeat left;*/
		/*list-style-type: square;*/
	}

	.thead_czysty {border-color: #ffffff;}
	
	.tdukryty, .imgukryty {display: none;} /*ukryte kolumny tabeli - do przekazania parametrow ktore nie sa wyswietlane*/
	.tdlistacenter {text-align: center; vertical-align: middle; padding: 5px 0px 2px 5px;}
	.tdlistaleft {text-align: left; vertical-align: middle; padding: 5px 0px 2px 5px;}
	.tdlistaright {text-align: right; vertical-align: middle; padding: 5px 0px 2px 2px;}	
	
	/*przycisk na akcje:
		-wywolanie funk. JS -> przesuniecia ekranu w gore
		-przekierowanie adresu (href) -> edycja zdarzenia
	*/
	.buttonakcja { width: 75px; border-radius: 5px; background: #E60000; border: 0; padding: 5px 0 5px 0; color: #fff; font-weight: bold; font-size: .9em;}
	.buttonakcja:disabled,
	buttonakcja[disabled]{ width: 75px; border-radius: 5px; background: #747272; border: 0; padding: 5px 0 5px 0; color: #fff; font-weight: bold; font-size: .9em;}

	/*wyroznienie wierszy w tabeli (zdarzen)*/
	.trwyrozn_1 {background-color: #fff0f0;}
	.trwyrozn_2 {background-color: #fed3d5;}
	.trwyrozn_1:hover, .trwyrozn_2:hover {background-color: #fda6ac; border-color: #E60000; border-style: solid; border-width: 1px;}
	
	/*zaznaczenie wiersza po kliknieciu (JS)*/
	.trwyrozn_click {background-color: #ff4f4f; border-color: #E60000; border-style: solid; color: #ffffff; border-width: 1px; font-weight: bold;}
	
	/*zdjecia zdarzen*/
	.img_zdarzenie {border: none; padding: 2px 0 2px 4px; width: 85px; float: left;}
	/*jezeli nie ma zdjecia zdarzenia to ustawiany jest odnosnik z pustym zdjeciem*/
	.a_zdarzenie_empty {background-image: url(../images/imgzdarzempty.jpg); background-repeat: no-repeat;}
	.a_zdarzenie_dodaj {background-image: url(../images/imgzdarzdodaj.jpg); background-repeat: no-repeat;}
	.ch_usun {position: relative; bottom: 23px; left: 65px; margin:0;}

	/*ikony zdarzen*/
	/*ikona zdarz publiczne*/
	img.img_iko{padding:0; border:0; width:28px; position: relative; top:2px; }

    
	
#left { background: #eee;  clear: left; float: left; width: 260px; padding: 10px 15px; margin: 0 0 20px; }
	#left img { margin: 0 0 8px; }
	#left li { list-style: none; padding: 4px 0 0 0;}
	#left li a {  color: #787A8F; font-weight: bold; background: url(../images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; }
	#left li.li_point {  color: #787A8F; font-weight: bold; background: url(../images/arrow.gif) no-repeat center left; padding: 5px 0 0 12px; }
	#left rownaj_button {
		position: relative;
		float: right;
		right: 10px;
	}


.border { clear: both; border-left: 4px solid #ccc; padding: 0 0 0 15px; }
.border_red { clear: both; border-left: 4px solid #fb0006; padding: 0 0 0 15px; font-weight: bold;}
.italic_red { clear: both; padding: 0 0 5px 0; font-weight: normal; font-style: italic; color: #E60000;}	
	
#right { margin: 0 5px 20px 0; padding: 0 0 0 15px; float: right; width: 620px; text-align: justify;}
#right li li.li_line {width: 152px; padding: 5px 0 3px 0; background: #fff url(../images/smalldot.gif) repeat-x; }
.border { clear: both; border-left: 4px solid #ccc; padding: 0 0 0 15px; }
.border_red { clear: both; border-left: 4px solid #fb0006; padding: 0 0 0 15px; font-weight: bold;}

#rl { float: left; width: 290px; margin: 0 20px 30px 0; }

#rr { float: right; width: 290px;}
#rl li, #rr li { list-style: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0; }
#rl li.li_normal, #rr li.li_normal, #left li.li_normal, #main li.li_normal {list-style: none; padding: 4px 0 0 4px; margin: 0; border:none;}
#rl li.li_warning, #rr li.li_warning, #left li.li_warning, #main li.li_warning {list-style: none; padding: 4px 0 0 4px; margin: 0; border:none; color: #e84652;}
#rl li.li_maly, #rr li.li_maly, #left li.li_maly, #main li.li_maly {list-style: none; padding: 0 4px 0 4px; margin: 0; font: .70em; color: #888888; border:none;}
#rl li.li_kreska, #rr li.li_kreska, #left li.li_kreska, #main li.li_kreska {border-bottom: 1px solid #eee; margin-bottom:5px;}
#rl li a, #rr li a { background: #fff url(../images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; color: #808080;  }

img.img_operacje, #rl img.img_operacje {float: left; border: 3px solid #eee; padding: 1px; margin: 0 15px 5px 0; width:300px;}
#rr_zdjecia {float: right; width: 273px; position: relative; right: 0px; border-style: solid; border-width: 1px; border-color:#fecbcc; padding: 5px 2px 5px 2px;}
.p_small {margin: 0; padding: 0; font-size: .85em; color: #808080;}


/*POJAZDY - ZNALEZIONE - tabeli*/
#right table.listapojazdow{
	margin-top:5px;
	float:left;
	font-family:helvetica, sans-serif;
	font-style:normal;
	padding: 10px 0px 0 10px;
	border-collapse: collapse;
	width: 620px;
	border-style:solid;
	border-width:1px;
	border-color:#fedadb;
}
td.td_listapojazdow {font-weight: bold; text-align: left; vertical-align: top; padding: 10px 0px 2px 5px;}

	
	/*do formularza input type=file (UPLOAD PLIKU)*/
	.userfile {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
		/*padding: 5px;*/
	}
	
	.userfile + label {
		font-size: 1.15em;
		font-weight: 700;
		color: white;
		background-color: #747272;
		display: inline-block;
		padding: 5px;
		border-radius: 5px;
	}
	
	/*
	.userfile:focus + label,
	.userfile + label:hover {
	    background-color: #E60000;
	}
	*/
	
	.userfile + label {
		cursor: pointer; /* "hand" cursor */
	}
	


#footer { clear: both; padding: 10px; margin: 0 0 15px; font-size: .9em; color: #808080; background: #eee; }
	.links a { font-weight: bold; color: #787A8F; background: #fff; margin: 0 10px 0 0; background: url(../images/dot.png) no-repeat center left; padding: 0 0 0 10px; }
	.sponsor { color: red; background: #eee; }
	#footer li { list-style: none; }
	#fl { width: 600px; }
	#fr { float: right; }