@CHARSET "UTF-8";


BODY {
	background-color: #e7ebec;
        background-image: url('../images/tlo_body.png');
        background-position: top;
        background-repeat: repeat-x;
	font-family: "Trebuchet MS", tahoma, verdana;
	font-size:12px;
	text-align: center;
	margin: 0; padding: 0 0 100px 0;
	}
div, img, a { 
	border: 0px; 
	margin: 0px;
	padding: 0px;

	}


a:link 		{text-decoration: none; color: #db2429; }
a:visited 	{text-decoration: none; color: #db2429; }
a:active 	{text-decoration: none; color: #db2429; }
a:hover 	{text-decoration: none; color: #004e90; }

a.invert:link 		{text-decoration: none; color: #004e90; }
a.invert:visited 	{text-decoration: none; color: #004e90; }
a.invert:active 	{text-decoration: none; color: #004e90; }
a.invert:hover          {text-decoration: none; color: #db2429; }
	
	
	
#container {
	margin: 0px auto 0px auto;
	width: 1024px;
	text-align: left;
	border: 0px;
}

#top_naglowek {
    width: 100%;
    height: 50px;
}
#top_naglowek_left {
    float: left;
    border: 0px solid red;
    width: 45%;
    color: #ffaa00;
    font-size: 15px;
    padding: 15px 0 0 2px;
    
}
#top_naglowek_right {
    float: right;
    border: 0px solid blue;
    width: 45%;
    text-align: right;
}


#naglowek {
	width: 100%;
	height: 176px;
	text-align: left; 
	background-image: url('../images/naglowek.png');
	border: 0px solid red;
        color: #ffffff;
}





#srodek {
	width: 1020px;
	overflow: auto;
	vertical-align: top;
	border-left: 2px solid #fff;
        border-right:2px solid #fff;
        min-height: 500px;
        background-color: #f4f4f4;
}





#stopka {
	
	width: 100%;
	height: 37px;
	border: 0px;
	overflow: auto;
	background-image: url('../images/bottom.png');
	text-align: left;

	
}



#left_srodek {
    float: left;
    width: 715px;
    min-height: 200px;
    border: 0px solid red;
    margin-left: 10px;
}


#right_srodek {
    float: right;
    width: 270px;
    min-height: 200px;
    border: 0px solid blue;
    margin-right: 10px;
}


#linki_stopka {
  	width: 998px;
	height: 218px;
	border: 0px;
        margin: 10px 12px;
	overflow: auto;
	background: url('../images/linki_stopka.png') no-repeat;
}





#stopka a:link 			{text-decoration: none; color: #ffffff; }
#stopka a:visited 	    {text-decoration: none; color: #ffffff; }
#stopka a:active 		{text-decoration: none; color: #ffffff; }
#stopka a:hover 		{text-decoration: none; color: #e8f437; }


a.breadcroump				{font-size: 11px; font-weight:normal; }
a.breadcroump:link 			{text-decoration: none; }
a.breadcroump:visited 	    {text-decoration: none; }
a.breadcroump:active 		{text-decoration: none; }
a.breadcroump:hover 		{text-decoration: none; }



.main_page_background {
    background: #fff;
    border: 1px solid #dddddd;
    margin: 10px 0 15px 4px;
    padding:15px;
}




#title {
	width:480px;	
	height:50px;
	overflow: auto;
	color: #2f2f2f;
	position: relative; left:65px;
	font-size:22px;
	padding-top:20px;
	font-family:"Times New Roman", Times, serif;
	

}



.title_page {
    font-size: 20px;
}

.srodek_tekst {
    font-size: 14px;
    margin-top:15px;
}

.dane_srodek {
    color: #b1b1b1;
}


#tresc {
	overflow: auto;
	min-height: 400px;
	border: 0px solid orange;
	
}
#tresc img {
	margin: 0 15px 10px 15px;
}

#tresc hr {
	border: 0;
	border-top: 1px solid #b9b9b9;
	
}

input.button_new {
	border: 1px #00b909 solid;
	background: #ffffff;
	font-size: 13px;
}
div.mess {
	width: 96%;
	background-color: #00FC35;
	border: 1px #000000 solid;
	padding: 4px;
	text-align: center;
	color: #ffffff;
}
div.error {
	width: 96%;
	background-color: #ff0000;
	border: 1px #000000 solid;
	padding: 4px;
	text-align: center;
	color: #ffffff;
}

/** galeria */
.tlo_galeria {
	background-color: #f0f0f0;
	border: 1px solid #e5e5e5;
}



/* prawy box przezroczysty */
.trans_box {
    width: 250px;
    min-height: 20px;
    overflow: auto;
    margin: 10px 0 20px 5px;
}
.trans_top {
    font-size: 22px;
    margin-bottom:10px;
    text-indent: 10px;
}
.trans_text {
   
}

.trans_plus {
    float: left;
    text-align: center;
}
.trans_link {
    float: right;
    width: 240px;
    text-align: left;
}

a.trans_a		{font-size: 13px; color: #686767; }
a.trans_a:link          {text-decoration: none; color: #686767; }
a.trans_a:visited 	{text-decoration: none; color: #686767; }
a.trans_a:active        {text-decoration: none; color: #686767; }
a.trans_a:hover         {text-decoration: none; color: #1b5e1b; }


/* prawy box przezroczysty */
.white_box {
    border: 1px solid #dddddd;
    width: 237px;
    min-height: 20px;
    overflow: auto;
    margin: 10px 0;
    background-color: #fff;
    padding: 15px;
}

.white_text {

}

#tree_columns {
    width: 100%;
    border: 0px solid red;
    overflow: auto;
    margin: 15px 0 15px 0;
}
.tree_box {
    float: left;
    width: 231px;
    min-height: 200px;
    overflow: auto;
    border: 1px solid #dddddd;
    background-color: #fff;
}
.tree_top {
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    
    padding: 8px;
}
.tree_text {
    padding: 10px;
}
.tree_box_data {
    font-size: 11px;
    color: #9a9999;
    
}
.tree_box_title {
    margin-bottom: 10px;
    color: #000;
}



.bg_green {
    background-color: #1f4f1f;
}
.bg_orange {
    background-color: #f48d01;
}

.tree_pin {
    float: left;
    width: 8px;
    min-height: 200px;
}
a.tree_a               {font-size: 13px; color: #000; }
a.tree_a:link          {text-decoration: none; color: #000; }
a.tree_a:visited       {text-decoration: none; color: #000; }
a.tree_a:active        {text-decoration: none; color: #000; }
a.tree_a:hover         {text-decoration: none; color: #000; }


#green_facebook {
    width: 695px;
    min-height: 100px;
    background-color: #114411;
    border: 1px solid #dddddd;
    padding: 10px;
}

#copyright {
    width: 100%;
    height: 30px;
    text-align: center;
    font-size:13px;
    color: #5f5c5c;
}



/* baner rotujacy */
.pics {
    height:  500px;
    width:   695px;
    padding: 0;
    margin:  0;
    margin-bottom: 15px;
}

.pics img {
    padding:12px;
    border:  1px solid #ccc;
    background-color: #eee;
    width:  695px;
    height: 500px;
    top:  0;
    left: 0
} 