/* -----------------------------------------------------------------------

 CSS 
 http://www.artneo.pl
 
   * autor: Dominik Zak (dominik@artneo.pl)

----------------------------------------------------------------------- */


/*png fix
------------------------------------*/
img, div { behavior: url(js/iepngfix.htc);}

/*clearfix
------------------------------------*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/*css reset
------------------------------------*/
div, dl, dt, dd, p, pre, code, del,fieldset, legend, blockquote, th, div, p, h1, h2, h3, h4, h5, h6 {border: none;font-weight: normal; margin: 0;padding: 0;}
fieldset, img {border: 0;}

/*body
------------------------------------*/
body {font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: center;background:url(../img/tlo.jpg) repeat-x #fff;color: #5B5B5B; margin:0; padding:0;}

/*strona
------------------------------------*/
#wrapper {margin: 0 auto; padding: 0px; width: 969px;text-align: left;}
	#top {background:url(../img/top.jpg) no-repeat; height:106px; position:relative;}
	#top a {color:#D3CBC9; text-decoration:none; font-size:10px;}
		.logo {display:block; height:106px; width:240px; text-indent:-9999px;}
		.glowna {position:absolute; top:48px; right:85px; display:block; height:20px; width:100px;}
		.skype {position:absolute; top:48px; right:0; }
	#flash {position:relative;}
	#flash_podstrona {position:absolute; height:41px; background:url(../img/flash.png) no-repeat; top:51px; width:969px; left:0px;}
		.flash_podstrona {background:url(../img/flash.jpg); height:41px;}
		#txt {position:absolute; font-size:19px; color:#fff; text-align:center;}
			.txt_ {bottom:12px;}
			#txt span {height:20px; width:969px; display:block;} 
	#content {}
		.content_podstrona {margin-top:40px;}
	#content_in{padding:5px 5px 10px 5px; line-height:18px; min-height:300px;}
		.naglowek {color:#2087E3; padding:0 0 10px 0; margin:0; font-size:17px; font-weight:bold;} 
		.naglowek_2 {color:#88C810; padding:0 0 10px 0; margin:0; font-size:17px; font-weight:bold;} 
		.naglowek_3 {color:#88C810; padding:2px 0 2px 0; margin:0; font-size:14px;font-weight:bold;} 
		.numer {font-size:20px; font-weight:bold; color:#2087E3; margin:5px 0;}
		.s_numer, .dalej {color:#91C2ED;}
#footer {background: #fff;height:100px;color: #8D8D8D;  border-top: 1px solid #E2E2E2; padding:10px 0;}
	.lewa {float:left;}
	.prawa {float:right; text-align:right;}
	.abs {vertical-align: middle;margin-bottom: .25em;}
	
.table {border-collapse:collapse; border: 1px solid #e1e1e1;}

/*menu
------------------------------------*/
#nav {background:url(../img/nav_tlo.jpg) no-repeat; height:55px; position:relative;}
	#nav_ul li, #stopka_ul li { display: inline; padding:0; margin:0; }
	#nav_ul, #stopka_ul { list-style:none;padding:0; margin:0; } 
	#nav_ul a {background: url(../img/menu.gif); display:block; height:55px; text-indent: -9999px; float:left; width:969px;}
		#nav_ul li a.wizy {width:132px; background-position:0 0;}
			#nav_ul li a.wizy:hover, ul#nav_ul li a.wizy_active {width:132px; background-position:0 -55px;}	
		#nav_ul li a.ubezpieczenia {width:155px; background-position:-132px 0;}
			#nav_ul li a.ubezpieczenia:hover, ul#nav_ul li a.ubezpieczenia_active {width:155px; background-position:-132px -55px;}	
		#nav_ul li a.obsluga {width:212px; background-position:-287px 0;}
			#nav_ul li a.obsluga:hover, ul#nav_ul li a.obsluga_active {width:212px; background-position:-287px -55px;}	
		#nav_ul li a.karty {width:163px; background-position:-499px 0;}
			#nav_ul li a.karty:hover, ul#nav_ul li a.karty_active {width:163px; background-position:-499px -55px;}		
		#nav_ul li a.warto {width:167px; background-position:-662px 0;}
			#nav_ul li a.warto:hover, ul#nav_ul li a.warto_active {width:167px; background-position:-662px -55px;}
		#nav_ul li a.kontakt {width:140px; background-position:-829px 0;}
			#nav_ul li a.kontakt:hover, ul#nav_ul li a.kontakt_active {width:140px; background-position:-829px -55px;}		

/*linki
------------------------------------*/
a {outline:none;}

a:link, a:visited, a:active {font-size: 11px; text-decoration: none; color:#2087E3;}
a:hover {text-decoration: underline; color:#2087E3;}

a:link.wizy, a:visited.wizy, a:active.wizy {font-size: 15px; text-decoration: none; color:#88C810;}
a:hover.wizy {text-decoration: underline; color:#88C810;}

a:link.big, a:visited.big, a:active.big {font-size: 17px; text-decoration: none; color:#2087E3; font-weight:bold;}
a:hover.big {text-decoration: underline; color:#2087E3;}




a:link.stopa, a:visited.stopa, a:active.stopa  {text-decoration: none; color:#8D8D8D; font-size:11px;}
a:hover.stopa {text-decoration: underline;color:#8D8D8D}

/*dodatkowe
------------------------------------*/

/*kontakt 
------------------------------------*/
textarea { background: #fff; border: 1px solid #bebebe; padding:4px 2px; height: 18px;width: 130px;font-size: 1em; font-family:Arial, Helvetica, sans-serif; color: #474747; 				vertical-align: middle; height:200px; width:250px; }
textarea:focus {border: 1px solid #4aa5d8;}
input {border: 1px solid #bebebe; padding:4px 2px; margin: 7px 0px; font-family:Arial, Helvetica, sans-serif; color: #474747;}
input:focus {border: 1px solid #4aa5d8;}
.input_submit {background: #000; border:none; height:27px; text-align:center;font-size: 1em; font-family:Arial, Helvetica, sans-serif; color: #fff;}
.input_submit:focus {border:none;}