﻿@charset "utf-8";
@import "galeria.css";
/* CSS Document */
span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,p,   pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font,   ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
 form, label,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    
}
img{
margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
     
}

h3,  ul {
    /* FIX: 3px space below image (if FF2 - because of img float) */
    font-size: 0.70em;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: none;
}

/* dolaczenei pliku */

body {
background:#006800;

    font-family: sans-serif;
    margin: 0;
    padding: 0;
}
h1, h6 {
    margin: 0;	
    font-weight: normal;
}
	
div#container{	
		margin:0 auto;
		min-height:600px;
		max-height:1000000px;
		min-width:950px;
		max-width:1002px;
		border:0px solid #CCCCCC;
		background:#FFFFFF;
		background-image:url(../layout/container-bg.png);
		background-repeat:repeat-y;
		background-position:center ;
	}
div#header{
	width:998px;
	height:130px;
	padding:0 2px 0 2px;
	margin:0 auto;
	border-bottom:5px solid #ffffff;
	
	background-color:#FFFFFF;	
		}
div#header div#logo{
	height:160px;
	margin:0px 0 0 100px;
	background-image: url(../images/diakonia_piska.png);
	background-repeat: no-repeat;
	background-position: left center;
		}

div#header div#logo a{
	height:160px;
	width:300px;	 
	display:block;
		}
		
div#header div#flagaue{
	height:130px;	 
	margin:-137px 0 0 680px;
	background-image: url(../images/flaga.png);
	background-repeat: no-repeat;
	background-position: left center;
		}
div#header div#flagaue a{
	height:160px;
	width:300px;	 
	display:block;
	 
		}

div#header div#roza{
	height:130px;	 
	margin:-143px 0 0 400px;
	background-image: url(../images/roza_lutra.png);
	background-repeat: no-repeat;
	background-position: left center;
		}

div#header div#roza a{
	height:160px;
	width:300px;	 
	display:block;	 
		}

		
div#header div#pea{
	height:15px;	 
	margin:-95px 0 0 460px;
	}
div#header div#pea h2#o1{
	font-size:13px;
	font-weight:bold;
	}
div#header div#pea h2#o2{
	font-size:12px;
	font-weight:bold;
	}

div#header div#sds_ban{
	height:130px;	 
	margin:-80px 0 0 345px;
	background-image: url(../images/sds_ban.png);
	background-repeat: no-repeat;
	 
		}
	
div#button_h{
	margin:5px auto;
	width:950px;
	border:0px solid #CCCCCC;
	height:30px;
	padding:10px;
	background-image:url(../layout/bg2.png);
	background-repeat: no-repeat;
	background-position: center center;		 
		}
div#button_h1{
		float:right;
		margin:0 10px 0 0 ;
		}
div#left{
		margin:0 0 0 15px;
		width:200px;
		min-height:300px;
		float:left;
		border:0px solid #2e2e2e;		
		}
		div#left div#menu_left{
		}
div#left div#menu_left h2{
		color:#2e2e2e;
		background-image:url(../layout/bnt-h2.png);
		background-repeat:no-repeat;
		background-position: left center;		 
			padding:0px;
			margin:0 0 -3px 0px;
		height:30x;
		text-align:center;
		font-weight:bold;		
		}
div#right{
		margin:0 30px 0 232px;
		padding:0px;
		width:742px;
		
		min-height:650px;
		max-height:100%; 
		 
	/*	float:left; */
		background-image: url(../layout/left_bg.png);
		background-repeat: repeat-y;
		background-position: left center;
		border-left:0px solid #dc661c;
		}
		div#right2{
		margin:0 0px 0 0px;
		padding:0px;
		width:742px;
		
		min-height:1000px;
	background-color:#fff;
		}
div#right div#display{
		margin:30px auto;
		width:650px;	
}
 div#right div#display div.user_add{
  width:700px
 }
 div#right div#display div.user_add p{
 color:#ccc;
 font-size:11px;
 float:right;
 margin:10px 100px 0 0;
 }
div#footer{
		width:1002px;
		height:100px;
		/*background-color: #f58220;*/
		background-image:url(../layout/footer.png);
		background-repeat: repeat-x;
		background-position: left center;
		margin:0px auto;
		border-top:0px solid #dc661c;
		font-size: 0.70em;
}

div#footer p#licznik{
		color:#dc661c;
		margin:-80px 0 0 850px;
}
div#footer p#admin{
		width:200px;
		padding:20px;
		border:0px solid #ccc;
}
div#footer p#rez{
		color:#ccc;
		margin:10px 0 0 550px;
}
div#left div.flaga{
		margin:10px 0 0 -18px
} 
/* =====================================  przyciski galeria i powrot ==============================*/
 div#powrot{
		height:30px; background-color: transparent;
}

 div#powrot a.powrot{
		font-family:tahoma, sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #ffffff;
		float:right;
		height: 28px;
		line-height: 210%;
		padding:0px;
		margin:0 0 0 3px;
		text-align: center;
		width: 200px;
		background-color: #FFCC00;
	 
}
	div#powrot a.powrot:link,
	div#powrot a.powrot:visited { color: #FFFFFF; background-color: #dc661c;text-decoration: none; }
	div#powrot a.powrot:hover { color: #FFFFFF; background-color: #006699;text-decoration: none; }
	div#powrot a.powrot:active { color: #FFFFFF;background-color: #006699; }

div#galeria{
		height:70px; background-color: transparent;
		background-image:url(../images/gal.png );
		background-repeat: no-repeat;
		background-position: left center;
		margin:0 0 0 30px;
		border:0px solid #ccc;
		width:300px;
}

 div#galeria a.galeria{
		font-family:tahoma, sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #006699;
		height: 15px;
		line-height: 400%;
		margin:0 0 0 75px;		 
		width: 200px;	 
}
	

/* wyswietlanie nagłowkow  nad*/
div#right div#tytul{
		width:500px;
		margin:30px 0 0 50px;
		border:0px solid #ccc;
		background-image:url(../images/right.png);
		background-repeat: no-repeat;
		background-position: left center;
}
div#right div#tytul span#tytul{
		color:#006699;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		margin:0 0 0 20px;
}

/* pierwsza strona*/

div#right div#gora{
        border-bottom:0px solid #ccc;
		width:740px;
		min-height:250px;
		margin:0 auto;		 
}
div#right div#gora div#kontakt{
		min-width:450px;
		max-width:500px;
		border:0px solid #ccc;
		margin:0 auto;	
		padding:25px;
}

div#right div#gora div#odwiedz{
		max-width:250px;
		border-left:1px solid #dc661c;
		min-height:250px;
		margin:0 auto;
		padding:5px;
		 	
}
div#right div#gora div#od {
		width:200px;
		margin:3px 0 0 5px;
		border:0px solid #ccc;
		background-image:url(../images/url.png);
		background-repeat: no-repeat;
		background-position: left center;
}
div#right div#gora span#tytul{
		color:#006699;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:bold;
		margin:0 0 0 25px;
}

/* =========================  AKTUALNOSCI ==========================*/
div#right div#aktualnosci{
		width:740px;
		border-left:0px solid #dc661c;
		min-height:400px;
		margin:0px;		 
}

div#right div#aktualnosci div#navi{
	 
	float:right;
}
div#right div#aktualnosci div#navi a{
	color:#999;
	font-size:10px;
	font-weight:bold;
	
	}
div#right div#aktualnosci div.aktualnosci{
		width:600px;
		min-height:50px;
		border:1px solid #ccc;
		margin:5px 0 10px 70px;		
}
div#right div#aktualnosci div.aktualnosci div.data {
		width:200px;
		}
div#right div#aktualnosci div.aktualnosci div.data {
		font-size:11px;
		color:#006699;
		margin:5px 0 0 20px;
		}
div#right div#aktualnosci div.aktualnosci div.galeria{
		min-width:50px;
		min-height: 50px; 
		max-height: 50px;
		padding:10px;
		margin:5px;
		float:left;
		border:1px solid   #F7F7F7;
		text-align:center;	
}
div#right div#aktualnosci div.aktualnosci div.opis_s p{
		font-size:12px;
		margin:25px 0 0 110px;
		}
		
div#right div#aktualnosci div.aktualnosci div.tytul {
		background-image:url(../images/paperclip.png );
		background-repeat: no-repeat;
		background-position: left center;
		margin:0 0 0 110px;
		font-weight:bold;
		}
		
div#right div#aktualnosci div.aktualnosci div.tytul h3{
		margin:10px 0 0 15px;
		font-weight:bold;
		}
div#right div#aktualnosci div.aktualnosci div.wiecej{
		margin:0px 0 0 500px;
		width:230px;
		height:28px;
		background-color:transparent;
		 		
}

div#right div#aktualnosci div.aktualnosci div.wiecej a{
		color:#dc661c;
		font-size:11px;
		font-weight:bold;	
			 
}

	div#right div#aktualnosci div.aktualnosci div.wiecej a:link,
	div#right div#aktualnosci div.aktualnosci div.wiecej a:visited { color: #dc661c; text-decoration: none; }
	div#right div#aktualnosci div.aktualnosci div.wiecej a:hover { color: #006699; text-decoration: none; }
	div#right div#aktualnosci div.aktualnosci div.wiecej a:active { color: #09f; }
