/* */
html, body, h1, h2, h3, p, ul, li {margin: 0; padding: 0;}


/* body default */
body {font: 0.625em/1.5em tahoma, helvetica, arial, sans-serif; background: #fff; color: #000;}


/* modules */
.image {display: block;} /* a */
	.image img {display: block; border: 0; margin: 0 auto;}


.list {list-style: none;} /* ul */
	.list .item {overflow: hidden; margin-bottom: 32px; padding: 14px 12px; width: 426px; background: #f9f5f5;}
		.list .item .header, .list .item .content {font-size: 1.1em; line-height: 1.3636em; color: #7d292e;}
		.list .item .header {margin:1px 0 15px;}
			.list .item .header a {text-decoration: none; color: #7d292e;}
				.list .item .header a:hover, .list .item .header a:focus {text-decoration: underline;}
		.list .item .content {}
			.list .item .content h4 {clear: left; font-size: 1em; margin: 14px 0 12px;}
			.list .item .content p {margin: 15px 0 0;}
				.list .item .content p + p {clear: left;}
	.list .image {} /* inside .item */
		.list .image .header {float: right; width: 191px;}
		.list .image a {display: block;}
		.list .image img {float: left; border: 1px solid #c3b799; margin: 0 12px 18px 0;}

		

.menu {list-style: none;} /* ul */
	.menu .item {}
		.menu .item a {display: block; position: relative; cursor: pointer;}
			.menu .item a span {position: absolute; left: 0; top: 0;}
				.menu .item a:hover {cursor: pointer;}

.box {border-style: solid; border-width: 1px; margin-bottom: 20px;}
	.box .header {position: relative; width: 198px; height: 30px;}
		.box .header span {position: absolute; top: 0; left: 0; width: 198px; height: 30px;}
	.box .content {padding: 12px; font-size: 1.1em; line-height: 1.3636em; overflow: hidden; width: 174px;}
		.box .content .image {margin: 0px 0 23px 0;}
		.box .content h3 {font-size: 1em; margin: 1px 0 12px;}
		.box .content p {margin: 15px 0 0;}
		.box .content a {color: #952a2d;}
			.box .content a:hover {text-decoration: none;}
		
		.box .content .sponsors-logo {list-style: none;}
			.box .content .sponsors-logo li {display: inline;}


.green {border-color: #a8c167;}
.orange {border-color: #e2aa66;}
	.orange .content {color: #75624b;}


/* content */
#content {overflow: hidden; margin: 15px auto 0; width: 960px;}
	#content hr {margin:5px;}


/* header */
#header {position: relative; margin: 0 auto; padding-bottom: 292px; width: 960px; background: url(../img/site/header.jpg) 50% 100% no-repeat;}
	#header h1 {overflow: hidden; width: 485px; height: 69px;}
		#header h1 a {position: relative; display: block; width: 485px; height: 69px;}
			#header h1 a span {position: absolute; top: 0; left: 0; width: 485px; height: 69px; background: url(../img/site/header.h1.a.span.png) no-repeat;}

#header-archiwum-2007 {position: absolute; top: 26px; right: 0; font: 1.4em 'Trebuchet MS', tahoma, helvetica, arial, sans-serif;}
	#header-archiwum-2007 a {text-decoration: none; text-transform: uppercase; word-spacing: 12px; color: #989898;}
		#header-archiwum-2007 a:hover, 	#header-archiwum-2007 a:focus {text-decoration: underline;}
#header-bikejorning-and-scooter {position: absolute; left: 542px; top: 132px; width: 398px; height: 159px; text-indent: -666em; background: url(../img/site/header-bikejorning-and-scooter.png) no-repeat;}
#header-jozefow-kolo-zyrardowa {position: absolute; left: 19px; top: 176px; width: 323px; height: 102px; text-indent: -666em; background: url(../img/site/header-jozefow-kolo-zyrardowa.png) no-repeat;}


/* 3 divs */
#main {float: left; margin-left: 278px; margin-right: 8px; width: 450px; display: inline;}

#menu {float: left; margin-left: -736px; width: 250px;}


#aside {float: left; margin-left: 20px; width: 200px; display: inline;}


/* main */
#main h2 {border-bottom: 1px solid #eaeaea; margin-bottom: 14px; padding-bottom: 3px; font: 2.2em 'Trebuchet MS', helvetica, arial, sans-serif; color: #7d292e;}
	#main ul.gallery-list {list-style:none; background-color: #F9F5F5; padding:10px;}
		#main ul.gallery-list li {display:inline;}
			#main ul.gallery-list li  img {margin:10px 10px 15px 24px; border:0;}
			
		/* formualrz rejestracyjny */
		#main ul.registration-form-list {list-style: none;}
			#main ul.registration-form-list li {padding: 10px 0;}
			#main #form-personal-data {}
				#registration-form legend {font-weight: bold; font-size: 1.2em;}
				#registration-form label {color: #7D292E; font-weight: bold; display: inline; float: left; width: 91px; margin-left: 12px;}
				#registration-form  input {}
					#registration-form  select#ApplicationBirthDateDay, #registration-form  select#ApplicationDogBirthDay {width:43px;}
					#registration-form  select#ApplicationBirthDateMonth , #registration-form  select#ApplicationDogBirthMonth {width:100px;}
					#registration-form  select#ApplicationBirthDateYear, #registration-form  select#ApplicationDogBirthYear {width:60px;}
					#registration-form  select#ApplicationIdCountry {width:100px;}
					#registration-form  select#sport-class-list {width:80px;}
					#registration-form  textarea#ApplicationNotice {width:342px; height:150px;}
				#registration-form .submit {margin:10px 0 10px 180px;}	
				#main ul {font-size:1.1em;}
			

/* menu */
#menu #sponsors {position: relative; margin-top: 31px; width: 250px; height: 141px; background: url(../img/site/sponsors.jpg) no-repeat; list-style: none;}
	#menu #sponsors li {position: absolute; width: 64px; height: 54px;}
		#menu #sponsors li a {display: block; width: 64px; height: 54px; text-indent: -666em;}
#menu #sponsors-hills {left: 32px; top: 9px;}
#sponsors-esdra {left: 159px; top: 9px;}
#menu #sponsors-mushing {left: 32px; top: 78px;}
#menu #sponsors-grey {left: 159px; top: 78px;}

#menu-strona-glowna-home, #menu-strona-glowna-home span {height: 31px !important;}
	#menu-strona-glowna-home a:hover span {background-position: 0 -31px !important;}
#menu-strona-glowna-home span {background: url(../img/site/menu-strona-glowna-home.span.png) no-repeat;}
#menu-dojazd-drive span {background: url(../img/site/menu-dojazd-drive.span.png) no-repeat;}
#menu-informacje span {background: url(../img/site/menu-informacje.span.png) no-repeat;}
#menu-trasa-trial span {background: url(../img/site/menu-trasa-trial.span.png) no-repeat;}
#menu-noclegi-accomodation span {background: url(../img/site/menu-noclegi-accomodation.span.png) no-repeat;}
#menu-media span {background: url(../img/site/menu-media.span.png) no-repeat;}
#menu-galeria span {background: url(../img/site/menu-galeria.span.png) no-repeat;}
#menu-lista-list span {background: url(../img/site/menu-lista-list.span.png) no-repeat;}
#menu-nagrody-prizes span {background: url(../img/site/menu-nagrody-prizes.span.png) no-repeat;}
#menu-sponsorzy-sponsors span {background: url(../img/site/menu-sponsorzy-sponsors.span.png) no-repeat;}
#menu-partnerzy-partners span {background: url(../img/site/menu-patnerzy-partners.span.png) no-repeat;}
#menu-zgloszenia-register span {background: url(../img/site/menu-zgloszenia-register.span.png) no-repeat;}
#menu-wyniki-results span {background: url(../img/site/menu-wyniki-results.span.png) no-repeat;}

#menu .menu {}
	#menu .menu .item {}
		#menu .menu .item a {width: 250px; height: 30px;}
			#menu .menu .item a span {width: 250px; height: 30px;}
				#menu .menu .item a:hover {cursor: pointer;}
					#menu .menu .item a:hover span, #menu .menu .item a:focus span, #menu .menu .item a.active span {background-position: 0 -30px;}
			
#menu h2 {display: none;}


/* aside */
#aside #aside-nasi-sponsorzy span {background: url(../img/site/aside-nasi-sponsorzy.span.png) no-repeat;} /* header */
#aside #aside-zawody-2008 span {background: url(../img/site/aside-zawody-2008.span.png) no-repeat;} /* header */


/* footer */
#footer {margin: 0 auto; padding: 21px 0; width: 960px; background: url(../img/site/footer.gif) repeat-x;}
	#footer .menu {text-align: center;} /* ul */
		#footer .menu .item {display: inline; margin: 0 8px;}
			#footer .menu .item a {display: inline; font: 1.2em 'Trebuchet MS', tahoma, helvetica, arial, sans-serif; text-decoration: none; color: #989898;}
				#footer .menu .item a:hover, #footer .menu .item a:focus, #footer .menu .item a.active {color: #a50328;}
