@charset "utf-8";
/* CSS Document */

html, body, h1, h2, h3, h4, h5, dl, dt, dd, form, fieldset, blockquote, p {margin: 0; padding: 0;}

body {background: url('http://www.romanbaran.pl/img/bg.gif'); font-size: 13px ; color: #646464; font-family: Geneva, Arial, Helvetica, sans-serif;}
a, a:link, a:visited, a:hover {
     color: #f49205;
    text-decoration: none;
}

img {display: block; border: 0;}

#wysrodkowane {
	width: 100%;
	height: 100%;
}



#header { margin-top:29px;
	width: 100%;
}
		#header h1,
		#header h1 a {display: block; width: 280px; height: 97px; position:relative;}
			#header h1 {float: left;  clear: left; padding-top: 30px; padding-left: 0px;}
			#header h1 a {text-indent: -9999px;	background: url(http://www.romanbaran.pl/img/logo.png) no-repeat 0 0;}
	
	#header .container {
		
	}

#home {width: 846px; 		margin: 0 auto;
	overflow: hidden;}
	
	#splash {
	height: 235px;
		clear: both;
		overflow: hidden;
		background: url(http://www.romanbaran.pl/img/top.jpg) no-repeat ;
		/*padding-top: 85px;*/
	}

		
	#header .data {
		background: url(http://www.romanbaran.pl/img/data.png) no-repeat 0 0;
		width: 139px;
		height: 36px;
		position:absolute;
		left: 840px;
		top: -10px;
		color:#FFFFFFF;
		font-size: 12px ;
		text-align:center;
		padding:3px 0px 0px 0px;
		}
		
	#header .slogan{
		background:url(http://www.romanbaran.pl/img/slogan.png) no-repeat 0 0;
		width:270px;
		height:50px;
		position:absolute;
		left: 596px;
		top: 56px;
}
.wysrodkowane {
	width:846px;
	margin: 0 auto;
	overflow: hidden;
}
#srodek {clear: both; 	width: 846px; height:100%; margin: 0 auto; padding-top:10px;}

#prawa {
float:left;
width: 628px;
margin-left:12px;
}

	#prawa .box {  width:628px;  margin-bottom:20px; margin-top:0px; height:100%; float : left; }
	#prawa .box .naglowek{ width:628px; height:63px; background:url(http://www.romanbaran.pl/img/prawy-box-g.jpg) no-repeat 0 0; }
 	#prawa .box .naglowek .txt{ color:#FFFFFF;  font-size:18px; font-weight:bold; font-style:italic; padding:16px 0px 24px 25px;}
	#prawa .box .box-dol{  width:628px; height:20px; background: url(http://www.romanbaran.pl/img/prawy-box-d.jpg) no-repeat bottom; float:left;}
	#prawa .box .content {

	padding:0px 20px 0px 20px;
	text-align:justify;
	min-height:300px;
	background:url(http://www.romanbaran.pl/img/prawy-box-s.jpg) repeat-y 0 0;

}


/* POCZATEK KONTAKT */
	#glowna .box  .kontakt{  position: relative; padding:0px 20px 20px 20px; overflow: hidden; }
		#glowna .box .kontakt .dane{ padding:20px 30px 0px 0px;   width: 350px;float : left; text-align:center;}
		#glowna .box .kontakt .mapa{  width: 284px;  float : left; margin-left:30px; }

/* KONIEC KONTAKT */

#lewa {
float : left;
width : 206px;
padding-left : 0px;
margin-top:0px;
}

	#lewa .box { position: relative; width:206px;  margin-bottom:20px; margin-top:0px; height:100%; float : left; }
	#lewa .box .naglowek{ width:206px; height:36px; background:url(http://www.romanbaran.pl/img/lewy-box-g.jpg) no-repeat 0 0; margin-top:0px;}
 	#lewa .box .naglowek .txt{ color:#FFFFFF;  font-size:18px; font-weight:bold; font-style:italic; padding:10px 0px 5px 20px;}
	#lewa .box .box-dol{  width:206px; height:20px; background: url(http://www.romanbaran.pl/img/lewy-box-d.gif) no-repeat bottom; float:left;}
	#lewa .box .content { position: relative; padding:0px 5px 0px 5px; text-align:justify;  min-height:300px; background:url(http://www.romanbaran.pl/img/lewy-box-s.gif) repeat-y 0 0;}


		

	#wysrodkowane {width:846px; margin: 0 auto;  position:relative; height:58px;}
	#stopka { float:left; position:relative;   color:#FFFFFF; margin: 0 auto; background: url(http://www.romanbaran.pl/img/stopka-bg.jpg) repeat-x 0 0; width:846px; height:58px;}
	#stopka .menu {
	color:#999999;
	font-size:13px;
	width: 580px;
	padding:5px 0px 5px 0px;
	position:absolute;
	top:17px;
	left: 60px;
}
		#stopka .menu a{ color:#646464; font-size:13px; padding:2px 4px 2px 4px; }
		#stopka .menu a:hover{ color:#f49205; padding:2px 4px 2px 4px;}
		

			#stopka .projekt .zieta { width:124px; height:39px; position: absolute; top:12px; left:702px;}
			#stopka .projekt .zieta a{ text-indent: -9999px; background: url(http://www.romanbaran.pl/img/stronyinternetowerzeszow1.png) no-repeat -9px 0; display: block; width:114px; height:39px;}
			#stopka .projekt .zieta a:hover{ background: url(http://www.romanbaran.pl/img/stronyinternetowerzeszow2.png) no-repeat -9px 0; }

.data { margin-top:10px; margin-bottom:4px; margin-left:11px; font-size:11px; background:  url(http://www.romanbaran.pl/img/data.png) 100% 0; height: 26px; width: 161px; text-align:right; padding:9px 7px 0px 0px;  color:#FFFFFF;}
.imglewy { float:left; margin:5px 10px 5px 0px;}



/* POCZATEK MENU*/

/* Header Menu */

#menus{	padding: 0;	margin: 0; width:846px;	height:57px;position: relative;}
#menu {	list-style: none;	padding: 0;	margin: 0; width:846px;	height:57px; background:url('http://www.romanbaran.pl/img/menu-bg.gif') no-repeat;	position: absolute; left: 0px; top: 0px;}

#menu li a {	text-indent: -900%;	position: absolute;	outline: none;}

	#menu .aktualnosci a{ width: 127px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-aktualnosci1.png) no-repeat; left: 0px; top: 0px;}
	#menu .aktualnosci a:hover{width: 127px; height: 57px;  background: url(http://www.romanbaran.pl/img/menu-aktualnosci2.png) no-repeat; left: 0px; top: 0px;}
	
	#menu .omnie a{	width: 88px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-omnie1.png) no-repeat 0px 0px;	left: 127px; top: 0px;}
	#menu .omnie a:hover{width: 88px; height: 57px;	background: url(http://www.romanbaran.pl/img/menu-omnie2.png) no-repeat 0px 0px; left: 127px; top: 0px;}
	
	#menu .samochod a{	width: 118px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-samochod1.png) no-repeat 0px 0px;	left: 215px; top: 0px;}
	#menu .samochod a:hover{width: 118px; height: 57px;	background: url(http://www.romanbaran.pl/img/menu-samochod2.png) no-repeat 0px 0px; left: 215px; top: 0px;}
	
	#menu .wyniki a{	width: 89px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-wyniki1.png) no-repeat 0px 0px;	left: 333px; top: 0px;}
	#menu .wyniki a:hover{width: 89px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-wyniki2.png) no-repeat 0px 0px; left: 333px; top: 0px;}
	#menu .wyniki .active{width: 89px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-wyniki2.png) no-repeat 0px 0px; left: 333px; top: 0px;}
	
	#menu .kalendarz a{	width: 118px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-kalendarz1.png) no-repeat 0px 0px;	left: 422px; top: 0px;}
	#menu .kalendarz a:hover{width: 118px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-kalendarz2.png) no-repeat 0px 0px; left: 422px; top: 0px;}
	
	#menu .galeria a{	width: 95px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-galeria1.png) no-repeat 0px 0px;	left: 540px; top: 0px;}
	#menu .galeria a:hover{width: 95px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-galeria2.png) no-repeat 0px 0px; left: 540px; top: 0px;}
	
	#menu .multimedia a{	width: 123px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-multimedia1.png) no-repeat 0px 0px;	left: 635px; top: 0px;}
	#menu .multimedia a:hover{width: 123px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-multimedia2.png) no-repeat 0px 0px; left: 635px; top: 0px;}
	
	#menu .linki a{	width: 91px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-linki1.png) no-repeat 0px 0px;	left: 754px; top: 0px;}
	#menu .linki a:hover{width: 91px; height: 57px; background: url(http://www.romanbaran.pl/img/menu-linki2.png) no-repeat 0px 0px; left: 754px; top: 0px;}





.menu li a.active, .menu li a.active{line-height:40px; font:13px Verdana, Arial, Helvetica, sans-serif; background:url('http://www.romanbaran.pl/img/menu2.png')center;  font-weight:bold; }


/* KONIEC MENU*/


/* BUTTON LEWY*/

a.przycisk {background: transparent url('http://www.romanbaran.pl/img/przycisk-lewy2.png') no-repeat top left; display: block; float: left; font: normal 12px Arial; line-height: 17px;  height: 25px; 
padding-left: 25px; text-decoration: none;}
a:link.przycisk, a:visited.przycisk, a:active.przycisk{color: #ffffff;}
a.przycisk span{background: transparent url('http://www.romanbaran.pl/img/przycisk-lewy1.png') no-repeat top right; display: block;padding: 4px 9px 4px 0;}
a.przycisk:hover{background-position: bottom left;}
a.przycisk:hover span{background-position: bottom right;color: #ffffff;}
.przyciskwrapper{ overflow: hidden; width: 100%;}

/* KONIEC BUTTON LEWY */

/* BUTTON PRAWY*/

a.przycisk2 {background: transparent url('http://www.romanbaran.pl/img/przycisk-prawy2.png') no-repeat top right; display: block; float: left; font: normal 12px Arial; line-height: 17px;  height: 25px; 
padding-right: 25px; text-decoration: none;}
a:link.przycisk2, a:visited.przycisk2, a:active.przycisk2{color: #ffffff;}
a.przycisk2 span{background: transparent url('http://www.romanbaran.pl/img/przycisk-prawy1.png') no-repeat top left; display: block;padding: 4px 0px 4px 9px;}
a.przycisk2:hover{background-position: bottom right;}
a.przycisk2:hover span{background-position: bottom left;color: #ffffff;}
.przycisk2wrapper{ overflow: hidden; width: 50%;}

/* KONIEC BUTTON PRAWY */



/* POCZTAEK WYNIKI */

.wyniki-naglowek1 { font:"Times New Roman", Times, serif; font-size:16px; font-weight:bold;  color:#990000;}
.wyniki-naglowek2 { font:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; color: #666666;}

/* KONIEC WYNIKI */