
body  {
    font-family: Helvetica,Verdana,Arial,sans-serif;
/*    font-family: Arial,Helvetica,sans-serif;    */
    font-size: 14px;
    background: url('../images/bg.jpg') repeat-x top left;
    background-color: #cde3ee;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #2b2b27;
    width:100%;
}
	
div, a, p, img, h1, h2, h3, h4, ul, li {	
    margin: 0;
    padding: 0;
}

a:focus, a:active {
    outline: none;
}

#centeredcontent {
    width: 956px;
    text-align: center;
    color: #000;
}

.poziomo {
	text-align: left;
	margin: 0px auto 0 auto;
}

#srodek { text-align: left; }

#naglowek {
    position: relative;
    background-image: url('../images/naglowek.png');
    background-position: top left;
    background-repeat: no-repeat;
    width: 956px;
    height: 328px;
}

a#logo {
    display: block;
    text-indent: -9999%;
    width: 243px;
    height: 115px;
    background:url('../images/logo.png') no-repeat;
    margin-left: 30px;
}

#menu-top {
/*    font-family: "Trebuchet MS",Tahoma,Arial,sans-serif; */
/*    font-family: Arial,Helvetica,sans-serif; */
    font-family: Arial, Verdana, Tahoma, Sans;
    float: right;
    height: 48px;
    background:url('../images/bg_transparent.png');
    padding-left: 7px;
    margin-right:30px;
}

#kropki { 
    background-color: #ff4f00;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

#menu-top ul {
    border-bottom: dashed 1px #fcff00;
    border-left: dashed 1px #fcff00;
    border-right: dashed 1px #fcff00;
    color: #fcff00;
    padding-top:9px;
    padding-bottom:8px;
    padding-left:10px;
    padding-right: 10px;
}

#menu-top li {
    display: inline;
    list-style-type: none;
}
 
#menu-top a {
    color: #fcff00;
    text-decoration:none;
    margin-left: 6px;
    margin-right: 6px;
}

#menu-top a:hover {
    text-decoration:underline;
}

#menu-top span {
    background-color: #d64200;
    padding: 10px 4px 4px 3px;
}

#menu {
/*    font-family: "Trebuchet MS",Tahoma,Arial,sans-serif; */
    font-family: Arial, Verdana, Tahoma, Sans;
    float: right;
    height:45px;
    background:url('../images/bg_menu_ziel.gif') repeat-x;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top:168px;
    margin-right:28px;
}

#menu ul {
    color: white;
    border-top: dashed 1px white;
    border-left: dashed 1px white;
    border-right: dashed 1px white;
    padding-top: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom:10px;
}

#menu li {
    display:inline;
    list-style-type: none;
}

#menu a {
    color: white;
    text-decoration:none;
    margin-left: 6px;
    margin-right: 6px;
}

#menu a:hover {
    text-decoration:underline;
}

#menu span {
    background-color: #63972c;
    padding: 3px 4px 13px 3px;
}

/***TRESC***/
#bg_transparent{background:url('../images/bg_transparent.png');
    padding:0 5px 5px 5px;
    width: 901px;
    margin-left: 22px;
}

#tresc{
    background-color: #ffffe5;
    padding:10px 10px 10px 10px;
}

.lewa{
    float: left;
    width: 548px;
}

.prawa{ 
    width:302px;
    float: right;
    margin-top: 23px;
}

#breadcrumbs {
    font-family: Arial, Verdana, Tahoma, Sans;
/*    font-family: "Trebuchet MS",Tahoma,Arial,sans-serif; */

    font-size: 0.8em;
    color: #a5a195;
}

#breadcrumbs ul li { 
    display: inline;
    padding: 0 10px 0 2px; 
}

#breadcrumbs a {
    color: #a5a195;
    float:left;
    padding-right:6px;
    text-decoration: none;
}


#breadcrumbs a:hover { color: #17638e; }
#breadcrumbs a.active, #breadcrumbs span.active { color:#17638e; }

h1, h2, h3 {
    font-family: Arial, Verdana, Tahoma, Sans;
    clear: both;
}

#tresc h1 {
    color: #ff4f00;
    margin-top:20px;
    margin-bottom: 10px;
    font-size:1.8em;
    background-image: url('../images/maski.jpg');
    background-repeat: no-repeat;
    padding-left:43px;
    height:1.3em;
    padding-top: 10px;
    border-bottom: dashed 1px #ff4f00;
}
   
#tresc h2 {
    color: #7caf37;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 1.3em;
    font-weight: bold;
}
	
#tresc h3 {
    color: #ff4f00;
    margin-top:15px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: dashed 1px #cccccc;
}

#tresc p {
    margin-top: 8px;
    text-indent: 1em; 
    line-height: 1.4em;
}
   
#tresc ul { 
    margin-top: 8px;
    margin-left: 20px;
}
			
			
/***STOPKA***/
#stopka {background-color: #8dc73f;
         color: #ffffe5;
		 padding-left:10px;
		 padding-right: 10px;
		 padding-bottom:20px;}
		 
#stopka h1 {
    font-size: 1.1em;
    padding-top:10px; 
    margin-bottom: 10px;
}
		   
#stopka p.small_font{font-size: 0.8em;
                     margin-top:6px;}		   		 

.lewa_stopka{float: left;
             width:410px;
			 border: dotted 1px #ffffe5;
			 height: 130px;
			 margin-top:10px;
			 padding-left: 20px;}                  				 	 
.prawa_stopka{ float: right;
               width: 410px;
			   border: dotted 1px #ffffe5;
			   height:130px;
			   margin-top:10px;
			   padding-left:20px;}
			   

.prawa_stopka a{color: #ffffe5;}
.prawa_stopka a:hover{text-decoration: none;}
.prawa_stopka ul{margin-top: 10px;}

p.cite {margin-left: 1em; }
p.author {margin-left: 14em;}

ul.more_links {margin-left: 2em;}

a.hosting, a.organizator {
    color: #0a6978;
    text-decoration: none;
    font-size: 0.9em;
}

div.hosting {
    float: left;
    margin-left: 23px;
    margin-top: 8px;
}
		  
a.organizator:hover,a.hosting:hover {text-decoration:underline;}		   

.hosting img { vertical-align: middle; margin-left: -100px;}

.copyrights {
    text-align: center;
    color: #555;
    margin-top: 10px;
}

div#htmlcss ul	{
			float: right;
			background-image: url('../images/html_css.jpg');
			background-repeat: no-repeat;
			background-position: top left;
			height: 34px;
			width: 169px;
			margin-right: 22px;
			margin-top: 5px;
			margin-bottom:6px;
			padding: 0;
			position: relative;
			}
			
		div#htmlcss ul li {
			margin: 0;
			padding: 0;
			list-style-type: none;
			position: absolute;
			top: 0;
			left: 0;
			}	
		
		div#htmlcss ul li a {
			display: block;
			width: 169px;
			height:34px;
			text-indent: -9999px;
			text-decoration: none;
			}		

		#htmlcss ul li#html { left: 0px; width: 81px; }
		#htmlcss ul li#css { left: 84px; width: 81px; }	
			
			
		/* normal states */
		#htmlcss ul li#html a { width: 81px; }
		#htmlcss ul li#css a { width: 81px; }
									
		/* hover states */
		#htmlcss li a:hover { background: transparent url('../images/html_css.jpg') no-repeat; }
		li#html a:hover { background-position: -168px 0; }
		li#css a:hover { background-position: -252px 0; }  
	 
			  		   
/* ############################### */
.center {text-align: center;}
p.error { color: red; font-weight: bold; padding: 0; text-indent: 0 !important; margin-bottom: 2px; }
p.podpis { margin-left: 100px;}
span.mandatory {padding: 0 5px;}
/* ############################### */
.image_container {
    padding: 10px 10px 5px 10px;
    margin: 5px;
    border: 1px dashed #ccc;
    background-color: #fff;
}

#mapa .image_container {
    text-align: center;
    background-color: #FFFFE5;
    border: none;
}

.ce_accordion {
    padding-left: 10px;
    padding-right: 10px;
}

.ce_accordion .toggler {
/*    background-image:url("../images/menu_bar.jpg"); */
    background-position:left top;
    background-repeat: repeat-x;
    background-color: black;
    color:#FFFFFF;
    cursor:pointer;
    font-size:1em;
    font-weight:bold;
    line-height:14px;
    margin-top:15px;
    padding:7px;
}

#acc1 .toggler { background-color: #D80F53; }
#acc2 .toggler { background-color: #FF5A1A; }
#acc3 .toggler { background-color: #97DD09; }


div#copyrights {
    color:#00566B;
    float:left;
    font-family:Tahoma,Verdana,Arial,Sans;
    font-size:10px;
    font-weight:normal;
    padding-bottom:5px;
    padding-left:35px;
    padding-top:3px;
    text-align:left;
    width:250px;
}

div#editor {
    color:#00566B;
    float:right;
    font-family:Tahoma,Verdana,Arial,Sans;
    font-size:10px;
    font-weight:normal;
    padding-bottom:5px;
    padding-right:15px;
    padding-top:5px;
    text-align:right;
}

fieldset { 
    border: 1px solid #23238E;
    margin-bottom: 5px;
    padding: 10px;
}
fieldset p { text-indent: 0 !important;}

label { 
    color: #C2770D;
    font-weight: bold;
}

#form_zgloszenie {
    width: 80%;
    margin: 0 auto;
}

#form_zgloszenie td.col_0 {
    width: 275px;
}

input.captcha {
    margin-top: 10px; 
    margin-bottom: 10px; 
}
input.submit {
    font-size: 1.2em; 
    padding: 5px;
    font-weight: bold;  
}

.mod_subscribe input.submit {
    font-size: 1em; 
    padding: 0;
    font-weight: normal;  
}

label { color: #C2770D }


.galeria .ce_hyperlink {
    float: left;
}

/*
.galeria .ce_hyperlink .image-container {
    display: inline-block;
}
*/

.galeria .caption {
    text-align: center;
}

div.zoom {
    float: right;
    height: 21px;
    margin-bottom: 2px;
}
a.zoom {
    background: transparent url('../images/lupka.jpg') no-repeat;
    padding-left: 25px;
    margin-right: 12px;
    font-size: .75em;
    text-decoration: none;
    color: #3b5998;
    font-family: Arial,Verdana,Tahoma,Sans;
}

a.hyperlink_caption {
    color: #3B5998;
    font-weight: bold;
    text-decoration: none;
}

.mod_subscribe p.confirm {
    font-weight: bold;
    color: #008000;
    margin-bottom: 15px;
}





