/* OGÓLNE ELEMENTY */

* {
    margin:0;
    padding:0;
}

body {
    height:100%;
    font:12px Verdana, Geneva, sans-serif;
	overflow-y:scroll;
    !overflow-y:visible;
}

a {
    text-decoration:none;
    font-weight:bold;
    color:#8c1a1a;
}

a:hover {
    text-decoration:underline;
    color:#ef3e15;
}

/* ZBIÓR OGÓLNYCH KLAS */
.bold {
    font-weight:bold;
}

.clear {
    clear:both;
}

.float {
    float:left;
}

.border-none {
    border:none;
}

.input-img {
	vertical-align:middle;
	margin-bottom:2px;
	padding-left:3px;
}

.valign-middle {
    vertical-align:middle;
    margin-bottom:3px;
}

.sponsor-button-frame {
    border:1px solid #ededed;
}

.input-text {
	width:150px;
	font-size:0.9em;
	border:1px solid #8b8b8b;
	padding:3px;
}


/* LAYOUT STRONY GŁÓWNEJ */
#wrap {
    width:993px;
    height:auto;
    background:#fff url(../layout/default/main-bg-bottom-2.jpg) no-repeat bottom left;
    margin:0 auto;
	margin-top:5px;
	padding-bottom:5px;
    overflow:hidden;
}

#top {
    width:993px;
    height:147px;
    clear:both;
}

#top-right-section {
	float:left;
	width:608px;
	height:129px;
}

#logo-area {
    float:left;
    width:315px;
    height:109px;
    background:#fff url(../layout/default/logo_area.jpg) no-repeat;
    padding:20px 0 0 70px;
}

#search {
}

#search-spacer {
	float:left;
	width:277px;
	height:88px;
	background:#fff url(../layout/default/search_spacer.jpg) no-repeat;
}

#search-area {
	float:right;
	width:281px;
	height:68px;
	background:#fff url(../layout/default/search_area.jpg) no-repeat;
	padding:20px 0 0 50px;
}


/* GÓRNE MENU */
#menu {
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:0.9em;
}

#menu ul li {
	float:left;
	height:41px;
	list-style-type:none;
	text-align:center;
}

#menu ul li a {
	display:block;
	height:27px;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	padding-top:14px;
}

#menu ul li a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#ffd503;
}

#menu ul li#home {
	width:128px;
}

#menu ul li.home-active {
	background:#fff url(../layout/default/menu_home_active.gif) no-repeat;
}

#menu ul li.home-active a {
	color:#f5ee31;
}

#menu ul li.home-active a:hover {
	color:#ffd503;
}

#menu ul li.home-inactive {
	background:#fff url(../layout/default/menu_home.jpg) no-repeat;
}

#menu ul li#gra {
	width:71px;
}

#menu ul li.gra-active {
	background:#fff url(../layout/default/menu_gra_active.gif) no-repeat;
}

#menu ul li.gra-active a {
	color:#f5ee31;
}

#menu ul li.gra-active a:hover {
	color:#ffd503;
}

#menu ul li.gra-inactive {
	background:#fff url(../layout/default/menu_gra.jpg) no-repeat;
}

#menu ul li#rower {
	width:78px;
}

#menu ul li.rower-active {
	background:#fff url(../layout/default/menu_rower_active.gif) no-repeat;
}

#menu ul li.rower-active a {
	color:#f5ee31;
}

#menu ul li.rower-active a:hover {
	color:#ffd503;
}

#menu ul li.rower-inactive {
	background:#fff url(../layout/default/menu_rower.jpg) no-repeat;
}

#menu ul li#aktualnosci {
	width:104px;
}

#menu ul li.aktualnosci-active {
	background:#fff url(../layout/default/menu_aktualnosci_active.gif) no-repeat;
}

#menu ul li.aktualnosci-active a {
	color:#f5ee31;
}

#menu ul li.aktualnosci-active a:hover {
	color:#ffd503;
}

#menu ul li.aktualnosci-inactive {
	background:#fff url(../layout/default/menu_aktualnosci.jpg) no-repeat;
}

#menu ul li#faq {
	width:57px;
}

#menu ul li.faq-active {
	background:#fff url(../layout/default/menu_faq_active.gif) no-repeat;
}

#menu ul li.faq-active a {
	color:#f5ee31;
}

#menu ul li.faq-active a:hover {
	color:#ffd503;
}

#menu ul li.faq-inactive {
	background:#fff url(../layout/default/menu_faq.jpg) no-repeat;
}

#menu ul li#o-nas {
	width:63px;
}

#menu ul li.o-nas-active {
	background:#fff url(../layout/default/menu_o_nas_active.gif) no-repeat;
}

#menu ul li.o-nas-active a {
	color:#f5ee31;
}

#menu ul li.o-nas-active a:hover {
	color:#ffd503;
}

#menu ul li.o-nas-inactive {
	background:#fff url(../layout/default/menu_o_nas.jpg) no-repeat;
}

#menu ul li#kontakt {
	width:83px;
}

#menu ul li.kontakt-active {
	background:#fff url(../layout/default/menu_kontakt_active.gif) no-repeat;
}

#menu ul li.kontakt-active a {
	color:#f5ee31;
}

#menu ul li.kontakt-active a:hover {
	color:#ffd503;
}

#menu ul li.kontakt-inactive {
	background:#fff url(../layout/default/menu_kontakt.jpg) no-repeat;
}

#menu-fill {
	float:left;
	width:24px;
	height:41px;
	background:#fff url(../layout/default/menu_fill.jpg) no-repeat;
}

#top-shadow {
	clear:both;
	width:993px;
	height:18px;
	background:#fff url(../layout/default/top_shadow.jpg) no-repeat;
}


/* PUNKTY STARTOWE (przyciski do serwisu 'Gra' i 'Rower', główny news, banner z wolontariatem) */
#start-points {
    clear:both;
    width:984px;
    height:200px;
    margin:10px 0 15px 0;
}

#buttons {
    float:left;
    width:238px;
    height:200px;
    margin:0 5px 10px 15px;
    _margin-left:8px;
}

#button-gra-box {
    margin-bottom:5px;
    padding-top:3px;
}

#fresh-news-box {
    position:relative;
    float:left;
    width:470px;
    height:200px;
    margin-right:12px;
    margin-top:3px;
}

#fresh-news-images {
    float:left;
    width:470px;
    height:200px;   
}

#fresh-news-title-box  {
	position:absolute;
	position:/**/absolute; /* styl nie zadziała w IE 5.5 */
	top:152px;
	top:/**/162px;
	!top:161px;  /* informacja dla IE7 */
	left:0;
	z-index:2;
	width:470px;
	height:20px;
	height:/**/15px; /* styl nie zadziała w IE 5.5 */
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:.7;
	background:#000;
	padding:12px 0;
	!margin-bottom:3px;  /* informacja dla IE7 */
}

#fresh-news-title  {
	position:absolute;
	top:172px;
	!top:171px; /* informacja dla IE7 */
	left:0px;
	z-index:2;
	width:455px;
	padding-bottom:4px;
	padding-left:10px;
}

#fresh-news-title a {
    text-decoration:none;
    font-weight:normal;
    font-size:1.3em;
    color:#fef4c4;
}

#fresh-news-title a:hover {
    text-decoration:underline;
    color:#fef4c4;
}

/* ROTATOR ZDJĘĆ DO NEWSA */
div#rotator {
	position:relative;
	height:200px;
}

div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

div#rotator ul li img {
	background: #fff;
}

div#rotator ul li.show {
	z-index:1;
}

#voluntary-box {
    float:left;
    width:229px;
    height:205px;
}


/* WSPÓŁPRACA Z dobrycel */
#bottom-content {
    clear:both;
    width:984px;
    height:120px;
    margin-top:0;
    margin-bottom:45px;
    !margin-bottom:152px;
}

#sponsors-content {
    float:left;
    width:718px;
    _width:700px; /* IE6 */
    height:120px;
    min-height:120px;
    background:#fff url(../layout/default/main-content-frame-bottom.gif) no-repeat bottom left;
    margin:0 8px 20px 15px;
    _margin-left:8px; /* IE6 */
}

#top-frame {
    width:718px;
    _width:700px; /* IE6 */
    height:6px;
    background:#fff url(../layout/default/main-content-frame-top.gif) no-repeat top left;
}

h3#sponsors-title {
    font-size:1.3em;
    font-weight:normal;
    padding:5px 10px 0 10px;
}

.cooperation-dobrycel-title {
    color:#06337e;
    font-weight:bold;
}

#sponsors-box {
    width:705px;
    text-align:center;
    margin:7px 0 0 5px;
}

.sponsor-button {
    float:left;
    margin:0 10px;
}

#social-content {
    float:left;
    width:228px;
    height:120px;
    min-height:120px;
    background:#fff url(../layout/default/left-column-frame-bottom.gif) no-repeat bottom left;
}

#social-top-frame {
    width:228px;
    height:6px;
    background:#fff url(../layout/default/left-column-frame-top.gif) no-repeat top left;
}


/* NEWSLETTER i SOCIAL MEDIA */
#subscribe-box {
	width:210px;
	height:42px;
	padding:10px 0 0 20px;
}

#subscribe-box p {
	text-transform:uppercase;
	font-size:0.9em;
	color:#2b2b2b;
	padding-bottom:3px;
}

#social-buttons {
	width:245px;
	height:45px;
	text-align:center;
    margin:2px 0 0 12px;
}

#social-buttons a {
	display:block;
	float:left;
	width:40px;
	margin:0 5px;
}


/* STOPKA I DOLNE MENU */
#footer {
    position:relative;
    top:-20px;
    left:10px;
	clear:both;
    width:740px;
    height:30px;
    font-size:0.8em;
    line-height:18px;
    color:#000;
	margin:0 auto;
    !margin-top:53px;
    !top:-125px;
}

#footer-inner {
    width:740px;
}

#footer #footer-inner h3 {
    font-size:1.1em;
}

#footer #footer-inner ul {
    list-style-type:none;
    margin:5px 0 0 28px;
}

#footer #footer-inner ul li a {
    text-decoration:none;
    font-weight:normal;
    color:#000;
}

#footer #footer-inner ul li a:hover {
    text-decoration:underline;
    font-weight:normal;
    color:#2a2a2a;
}

#footer #footer-inner #left-sidebar {
    float:left;
    width:250px;
}

#footer #footer-inner #middle-sidebar {
    float:left;
    width:240px;
}

#footer #footer-inner #right-sidebar {
    float:left;
    width:250px;
}

#footer #footer-inner #right-sidebar img {
    margin-bottom:15px;
}

#footer #footer-inner a {
    text-decoration:none;
    color:#14469a;
    font-weight:normal;
}

#footer #footer-inner a:hover {
    text-decoration:underline;
    color:#09275c;
    font-weight:normal;
}

#footer #down-menu {
	height:20px;
	font-size:0.9em;
    padding:10px 0 7px 10px;
}

#footer #down-menu ul {
	list-style:none;
}

#footer #down-menu ul li {
	display:inline;
    padding:0 2px 0 5px;
}

#footer #down-menu ul li a {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

#footer #down-menu ul li a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#d5e8fe;
}

#footer #copyright {	
    width:965px;
    height:25px;
    text-align:right;
    color:#000;
    font-size:0.8em;
	padding-left:5px;
    margin-top:3px;
}

#footer #copyright a {
	text-decoration:none;
	font-weight:bold;
	color:#003f68;
}

#footer #copyright a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#00243b;
}


/* ************************************************************************** */
/* NEWS */

/* GŁÓWNA ZAWARTOŚĆ */
#main {
    clear:both;
    width:984px;
}

#main-content {
    float:left;
    width:718px;
    _width:700px; /* IE6 */
    height:auto;
    min-height:100px;
    line-height:18px;
    background:#fff url(../layout/default/main-content-frame-bottom.gif) no-repeat bottom left;
    margin:0 8px 10px 15px;
}

#main-top-frame {
    width:718px;
    _width:700px; /* IE6 */
    height:6px;
    background:#fff url(../layout/default/main-content-frame-top.gif) no-repeat top left;
}

#right-content {
    float:left;
}

#news-top-frame, #banner-top-frame, #error-top-frame {
    width:228px;
    height:6px;
    background:#fff url(../layout/default/left-column-frame-top.gif) no-repeat top left;
}

#main-news-box, #half-banner-box {
    width:228px;
    height:auto;
    min-height:70px;
    background:#fff url(../layout/default/left-column-frame-bottom.gif) no-repeat bottom left;
    margin-bottom:15px;
}

#main-news-box h3, #half-banner-box h3 {
    margin:10px;
    font-size:1.3em;
    font-weight:normal;
}

#box-news {
    width:210px;
    font-size:0.9em;
    line-height:16px;
    padding:0 10px 10px 10px;   
}

#news-box {
    margin:25px 20px 15px 20px;
}

#box-sponsors {
    width:210px;
    padding:0 10px 10px 10px;
}

/* newsy + lista newsów w archiwum */
ul#news-list, ul#news-list-archive {
    list-style-type:none;
}

ul#news-list li, ul#news-list-archive li {
    padding:5px 0;
}

ul#news-list a, ul#news-list-archive a {
    text-decoration:none;
    font-weight:bold;
    color:#5f5f5f;
}

ul#news-list a:hover, ul#news-list-archive a:hover {
    text-decoration:underline;
    color:#8c1a1a;
}

.news-date {
    color:#8c1a3b;
    font-weight:bold;
    font-size:0.9em;
}

.news-title-separator {
    color:#9d9d9d;
}

#news-title {
    font-size:1.5em;
}

#news-info {
    width:100%;
    font-size:1.1em;
    color:#5e5e5e;
    margin:10px 0;
}

#news-info h5#news-author {
    float:left;
    font-weight:normal;
}

#news-info h6#news-date {
    float:right;
    font-weight:normal;
}

#news-header {
    font-weight:bold;
    margin:15px 0;
}

#news-images {
    float:right;
    width:200px;
    border:1px solid #5e5e5e;
    text-align:center;
    margin:5px;
    padding:10px;
}

/* wyświetlanie zdjęć do newsów */
#overlay-background {
    position:absolute;
    background-color:#000;
    top:0;
    left:0;
    z-index:3;
}

#large-news-image {
    position:absolute;
    width:540px;
    top:100px;
    z-index:4;
}

#close-icon {
	position:absolute;
	width:23px;
	top:76px;
	z-index:4;
}

/* ******************************************************************************************************************************************************************************** */
/* ARCHIWUM */
#archive-box {
    margin:25px 20px 40px 20px;
}

ul#news-list-archive {
    font-size:0.9em;
    margin-top:20px;
}


/* ******************************************************************************************************************************************************************************** */
/* PODSTRONY */
#subpage-box {
	margin:25px 20px 40px 20px;
}

#subpage-content {
    font-family:12px Verdana,Arial,Helvetica,sans-serif;
    line-height:18px;
    margin-top:20px;
}


/* ******************************************************************************************************************************************************************************** */
/* FAQ */

#faq-box {
	margin:25px 20px 40px 20px;
}

#faq-box .faq-question {
	margin:10px 0;
	font-size:0.9em;
	line-height:16px;
}

#faq-box .faq-question div {
	border:1px solid #cacaca;
	padding:10px;
	margin:5px 15px 5px 10px;
}

#faq-box .faq-question div ul {
	list-style-type:none;
	margin-left:20px;
}

#faq-box .faq-question h4 {
	font-size:1.1em;
}

#faq-box .faq-question h4 a {
	text-decoration:underline;
    color:#393939;
}

#faq-box .faq-question h4 a:hover {
	background:#8c1a1a;
	color:#fff;
	padding:2px;
}

/* ******************************************************************************************************************************************************************************** */
/* WYSZUKIWARKA */

#search-content {
    width:954px;
    height:100%;
    background:#fff url(../layout/default/search-content-frame-bottom.gif) no-repeat bottom left;
    margin-left:15px;
}

#search-top-frame {
    width:954px;
    height:6px;
    background:#fff url(../layout/default/search-content-frame-top.gif) no-repeat top left;
}

#search-result-box {
    width:914px;
    height:auto; 
    margin:25px 20px 40px 20px;
}

#search-content div#top-bar {
	width:100%;
	text-align:left;
    margin-top:15px;
}


/* OBSŁUGA BŁĘDÓW */
#error-message-box {
	width:550px;
	font-size:0.9em;
	margin:20px;
}

#error-message-box h2 {
	color:#ef4023;
	font-size:1.2em;
}

#error-message-box p {
	margin-top:10px;
}