@charset "utf-8";
/* 
CSS dla biegnijwarszawo.pl 
Copyrajt olrajt 2009
by Maciej Kalczynski
www.kalczynski.com
*/


/* facebook link */

html .fb_share_link { float:right; text-decoration:none; margin:10px 0 0 0; padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; }

.pagewrap{margin-left:auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; margin-right:auto; width:964px;}

#breadcrumb{ padding:10px 25px 10px 25px; margin:5px; color:#FFF; }
#breadcrumb a{ color:#000; text-decoration:underline; }
#breadcrumb a:hover{ text-decoration:none;}
/* commony */
img{ border:0; }
li{ margin-left:20px;}

.clearleft{ clear:left; }
#content{margin-left:auto; margin-right:auto; width:964px;}
#content_main{ background-color:#fff; padding:10px;}

/* efekty inputow */
input:focus{background-color: #FFC; }
select:focus{background-color: #FFC; }
textarea:focus{background-color: #FFC; }


/* naglowek */
#naglowek{height:174px; background-image:url(images/header.png); background-repeat:no-repeat;}
#naglowek .logobutt{float:left; width:194px; height:100px; margin:52px 0 0 0; }
#naglowek .prawaczesc{height:174px; width:200px; float:right;}
#naglowek .prawaczesc .pozostalo{float:right; margin:67px 75px 0 0; width:62px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:24px; text-align:center;}
#naglowek .prawaczesc .zarejestrowanych{float:right; margin:55px 0 0 0; width:185px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#F4F4F4; font-size:11px;}
#naglowek .prawaczesc .zarejestrowanych .liczbazar{float:right; width:40px; margin-right:20px; text-align:center;}

/* main menu */
#mainmenu{margin-left:auto; margin-right:auto; width:964px; height:55px;}
#mainmenu .menutlo{background-image:url(images/menu_middle.png); background-repeat:repeat-x; height:55px;}
#mainmenu .prawybok{background-image:url(images/menu_prawa.png); float:right; width:18px; height:55px;}
#mainmenu .lewybok{background-image:url(images/menu_lewa.png); float:left; width:14px; height:55px;}
#mainmenu .drop{text-decoration:none; cursor:default;}


/* button rejestracji */
.rej_button{background-image:url(images/rejestracja_button.png); background-position:top; margin-top:6px; float:right; width:176px; height:37px;}
.rej_button:hover{ background-position:bottom;}


/* .wiecej{ float:left; width:86px; height:16px; background-image:url(images/wiecej.png);}
.wiecej:hover{ background-position:bottom;  background-image:url(images/wiecej.png);}
*/

/* banner glowny */
#top_banner{ background-image:url(grafika/banner.png); background-repeat:no-repeat; height:215px; width:690px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #CCC;}
#top_banner .bannercontent h1{font-size:16px; margin-bottom:10px; font-weight:bold; text-align:justify; color:#ba2300;}
#top_banner .bannercontent{padding:15px 20px 0 370px; text-align:left;}
#top_banner .bannercontent .link{ margin-top:13px; font-weight:bold; font-size:16px; color:#EB1015; float:left;} 

/*news glowny */
#news_glowny{margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #CCC;}
#news_glowny img{float:left; margin-right:20px; width:320px;}
#news_glowny .newsglowny_content{text-align:justify; float:left; width:303px;}
#news_glowny h1{font-size:16px; font-weight:bold;}
#news_glowny .newsglowny_data{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; margin:8px 0 8px 0;}
#news_glowny .wiecej{ float:left; margin-top:15px;}

/* newsy pomniejsze */
#lista_news .newsitem{ margin-bottom:30px; text-align:justify; width:673px;}
#lista_news h1{font-size:16px;}
#lista_news .newsdata{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999;}
#lista_news .wiecej{ float:left; margin-top:2px;}

/* sponsorzy box */
.sponsorzy { text-align:center; }
.sponsorzy img{ margin-bottom:50px;}
.sponsorzy .partnerzy{ font-size:10px; margin-bottom:25px; text-align:center; color:#999;}

/* tabele */
.tablelabel{padding:10px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; color:#C00; border-bottom:1px solid #CCC; }
.tablecontent{padding:10px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; color:#333; border-bottom:1px dotted #CCC;}
.tablerow:hover{ background-color:#F4F4F4;}
/* ramka zaokraglona */
.box_wrap{background-color:#FFF; font-family:Arial, Helvetica, sans-serif; width:961px; background-repeat:repeat-y; background-image:url(images/ramka_l.png);}
.box_top{background-image:url(images/ramka_t.png); background-repeat:repeat-x; height:14px;}
.box_r{background-image:url(images/ramka_tr.png); float:right; background-repeat:no-repeat; width:14px; height:14px;}
.box_l{background-image:url(images/ramka_tl.png); float:left; background-repeat:no-repeat; width:14px; height:14px;}
.box_content{padding:20px 24px 15px 34px; background-image:url(images/ramka_r.png); background-position:right; background-repeat:repeat-y;}
.box_bottom{background-image:url(images/ramka_b.png); background-repeat:repeat-x; height:14px;}
.box_br{background-image:url(images/ramka_br.png); float:right; background-repeat:no-repeat; width:14px; height:14px;}
.box_bl{background-image:url(images/ramka_bl.png); float:left; background-repeat:no-repeat; width:14px; height:14px;}

.box_content h1{ text-align:left; color:#ba2300; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px; padding:0 0 10px 0; border-bottom:1px solid #ebebeb; margin:0 0 20px 0;}

#newsjeden .newsjeden_data{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; margin:10px 0 10px 0;}
#newsjeden  h1{ text-align:left; color:#ba2300; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px; padding:0 0 10px 0; border-bottom:1px solid #ebebeb; margin:0;}


#lewakolumna{width:670px; float:left; margin-right:20px;}
#prawakolumna{width:160px; margin-left:10px;  float:left; padding:20px; background-color:#F2F2F2; border-left:1px solid #DFDFDF; min-height:417px;}

#prawakolumna h1{color:#CCC; border:none; padding-bottom:0; margin-bottom:5px; }

.box_content p{ color:#666; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0; margin:0; }
.box_content ul{ color:#666; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.box_content ol{ color:#666; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.box_content li{ margin-bottom:10px;}

.box_content a:link{ color:#3079c9; text-decoration:none; }
.box_content a:active{ color:#3079c9; text-decoration:none; }
.box_content a:visited{ color:#3079c9; text-decoration:none; }
.box_content a:hover{ color:#2e629b; text-decoration:underline; }


.box_content h1 a{ color:#ba2300; text-decoration:none;}
.box_content h1 a:hover{ color:#ba2300; text-decoration:underline; }

.box_content h3 a{ color:#3079c9;}
.box_content h3 a:hover{ color:#2e629b; text-decoration:underline;}


.box_content .newsy h1{ border:none; margin-bottom:3px; padding-bottom:0; }
.box_content .newsy h3{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin:0 0 10px 0; padding:0;}

.box_content .newsy p{ color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0;}

#wpis{text-align:justify; width:670px;}
.wpisobrazek{float:left; margin:0 15px 10px 0;}

#clearKolumny{clear:left; margin-bottom:10px;}

.tekst { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-decoration: none; }
.tekst a{ text-decoration:none;}
.tekst a:hover{ text-decoration:underline;}
.wiecej{ font-size:10px; }

/* formularz */
.formlabel{width:250px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right; padding:5px 20px 0 0;}
.formerror{border:1px solid #F90; background-color:#FC0;}
.formitem{ padding:5px; clear:left; margin-bottom:5px;}
.formitem .forminput{ width:210px;}
.formitem .forminputcustom{ }
#rejestracja_form{ margin-top:25px;}

.przerywnik{ clear:left; height:15px;}

/* stopka */
#stopka{ margin-left:auto; margin-right:auto; width:952px; background-color:#ba2300;  margin-top:8px; margin-bottom:15px; }
#stopka .stopka_tr{ background-image:url(images/niebramka_tr.gif); background-repeat:no-repeat; width:10px; height:10px; float:right;}
#stopka .stopka_tl{ background-image:url(images/niebramka_tl.gif); background-repeat:no-repeat; width:10px; height:10px; float:left;}
#stopka .stopka_content{ color:#cfe6ff; padding:25px 30px 15px 30px; background-color:#ba2300;}
#stopka .stopka_content .stopka_linki{ text-align:right; float:right; padding:10px; }
#stopka .stopka_b{ height:10px; background-color:#ba2300;}
#stopka .stopka_br{ background-image:url(images/niebramka_br.gif); background-repeat:no-repeat; width:10px; height:10px; float:right;}
#stopka .stopka_bl{ background-image:url(images/niebramka_bl.gif); background-repeat:no-repeat; width:10px; height:10px; float:left;}
#stopka a{ text-decoration:none; color:#cfe6ff;}
#stopka a:hover{ text-decoration:underline; color:#cfe6ff;}

/*h2{ padding:0 0 5px 0px; border-bottom:1px dotted #CCC; margin-bottom:0 0 5px 0; color:#4aacd5;} */

/* awesome button */
.awesome, .awesome:visited {
	background: #222 url(images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
		

/* koniec awesome button */