/* CSS Document */

/* Podzial strony*/
html, body#site{
	margin: 0px;
	padding: 0px;
	color: #686868;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
}

input, select, textarea{
	color: #686868;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

img{
	border: 0px;
}

a{
	color: #898989;	
}

p{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}


a:hover{
	color: #282828;	
}


div#topOuter{
	background-image:url(gfx/bbTop.png);
	background-repeat: no-repeat;
	background-position:center top;
	height: 211px;
	z-index: 2;	
}

div#topCenter{
	width: 760px;
	height: 211px;
	margin: auto;
	z-index: 1;	
}

div#middleOuter{
	background-image:url(gfx/bbDown.png);
	background-repeat: no-repeat;
	background-position:center top;
}

div#middleCenter{
	height: 100%;
	width: 760px;
	margin: auto;
	border: 1px solid #E8E8E8;
	border-top: 0px;
	border-bottom: 0px;
	overflow: hidden;
}

div#column1{
	background-image:url(gfx/dotGray.gif);
	background-repeat:repeat-y;
	background-position: right;
	float: left;
	width: 183px;
}

div#column2{
	background-position: 0px 0px;
	background-image: url(gfx/bMenuRest.jpg); 
	background-repeat: no-repeat;
	background-color: #ffffff;
	float: left;
	width: 394px;
}

div#column3{
	background-image:url(gfx/dotGray.gif);
	background-repeat:repeat-y;
	background-position: left;
	float: left;
	width: 181px;
	padding-left: 1px;

}

/* Start Mac IE5 filter \*/
#column1, #column2, #column3
	{
	padding-bottom: 32767px;
	margin-bottom: -32767px; 
	}
/* End Mac IE5 filter */
@media all and (min-width: 0px) {
#column1, *#column2, #column3
	{
	padding-bottom: 0;
	margin-bottom: 0; 
	}
#column1:after, #column2:after, #column3:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px;
	margin-bottom: -32767px;
	height: 0;
	}
}

div#bottomOuter{
	background-image:url(gfx/bbBottom.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	width: 740px;
	padding-left: 10px;
	padding-right: 10px;
	margin: auto;
	color: #C3C3C3;
	border-top: 1px solid #E8E8E8;
	height: 60px;
	/*text-align: center;*/
	line-height: 11px;
}

div#bottomOuter a{
	color: #C3C3C3;
}

div#bottomOuter a:hover{
	color: #CC0000;
}

h2{
margin: 0px;
padding: 10px;
padding-left: 12px;
font-size: 15px;
font-weight: normal;

}

h2.side{
padding: 10px;
}

/* Bloki z zawartoscia */

div#menuBlock{
	width: 183px;
	height: 400px;
	background-image: url(gfx/bMenuAll.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

div#menuBlock ul{
	color: #FF6D6D;
	margin: 0px;
	padding: 10px;
	padding-top: 4px;	
}


div#menuBlock ul li{
	line-height: 20px;
	list-style: none;
	list-style-position: outside;
}

div#menuBlock ul li a{
	display: block;
	height: 20px;
	padding-left: 20px;
	color: #FF6D6D;
	text-decoration: none;
}

div#menuBlock ul li a:hover{
	background-image: url(gfx/tickMenu.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
}

div.bannerBlock{
	width: 162px;
	padding-right: 2px;
	padding-bottom: 2px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	margin: auto;
	margin-bottom: 10px;
}

div.bannerImageBlock{
	/*border: 1px solid black;*/
	width: 160px;
	background-color: white;
	
}

hr.smallColumn{
	width: 160px;
	margin: auto;
	display: block;
	height: 0px;
	border: 0px;
	border-top: 1px solid #E8E8E8;
	margin-bottom: 10px;
	margin-top: 10px;	
}

hr.smallColumn2{	
	margin: 0px;
	height: 0px;
	border: 0px;
	border-top: 1px solid #E8E8E8;
}

hr.bigColumn{
	width: 354px;
	margin: auto;
	display: block;
	height: 0px;
	border: 0px;
	border-top: 1px solid #E8E8E8;
	margin-bottom: 10px;
	margin-top: 10px;	
}

div.blockLead{
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	margin-right: 15px;
	clear: both;
}

div.blockLead img{
	vertical-align: middle;
	float: left;
}

div.blockLead img.allArtButton{
	
	margin-left: 0px;
	vertical-align: bottom;
}
div.blockLead div.commentsNumber{
	width: 90px;
	float: left;
	height: 22px;
	padding: 4px;
}

div.blockLead  span.date{
	color: #949494;
	}
	
h3{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	
	
}	

/*Komentarze*/
div#blockCommentFormOuter{
	display: none;	
	position: absolute;
	width: 425px;
	height: 335px;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -215px;		
	background-image: url(gfx/bForm.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	
}

div#blockCommentForm{
	width: 420px;
	height: 330px;
	background-color: #E7E7E7;
	border: 1px solid white;
}

div.commentElF{
	float: left;
	margin: 10px; 
	margin-left: 0px; 
	margin-top: 0px;
}

form#commentForm{
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	
}

div#blockCommentForm input.commInputImage{
	border: 0px;
}

div#blockCommentForm input.commInput, div#blockCommentForm textarea.commText{
	border: 1px solid #D2D2D2;
}

div#blockCommentForm textarea.commText{
	width: 380px;
	height: 90px;
	overflow: hidden;
}


div#blockCommentForm input.commInput{
	width: 135px;
	height: 15px;
}

div#blockCommentForm label{
	color: black;
	display: block;
}

div#blockCommentForm input{
	border: 1px solid
		
}



p.blockCommentError, p.blockCommentInfo {

	border:1px solid red;

	color:red;

	margin:15px;

	padding:5px;

	background-color:#CCCCCC;

}

p.blockCommentInfo {

	color:black;

	background-color:#EDEDED;

}

/*Komentarze/stop*/

div.blockGalery{
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
	clear: both;
}

div.blockGalery h3{
	margin-top: 0px;
	padding-top: 0px;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	
}

div.galeryElement{

	width: 86px; 
	height: 86px; 	
	vertical-align: bottom;
	text-align: center; 
	background-color: #ffffff; 
	margin: 1px; 
	float: left;
	
}

a.galeryElement{

	width: 86px; 
	height: 86px; 
	vertical-align: bottom;
	text-align: center; 
	background-color: #ffffff; 
	margin: 1px; 
	float: left;
	
	display: inline;
	vertical-align: bottom;
}



a.galeryElement:hover{
	/*background-color: #ededed; */
}


a.galeryElement img{
	margin: auto;
	border: 1px solid #E4E4E4;
	border-bottom: 2px solid #CCCCCC; 
	border-right: 2px solid #CCCCCC;
}

div#rightMenu{
	background-image:url(gfx/dotGray.gif);
	background-repeat:repeat-y;
	background-position: left;
	
		

	margin-left: -1px;
	/*margin-top: 10px;*/
	/*margin-bottom: 10px;*/
	border-top: 10px solid #ffffff;
	border-bottom: 1px solid #E8E8E8;
	background-color: white;
}

div#rightMenu ul{
	background-image:url(gfx/dotGray.gif);
	background-repeat:repeat-y;
	background-position: left;
		
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#rightMenu ul li{
	margin: 0px;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #E8E8E8;
}



div#rightMenu ul li a{
	background-image:url(gfx/dotGray2.gif);
	background-repeat:repeat-y;
	background-position: left;
	
	color: #898989;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #FFFFFF;


	
	
}

div#rightMenu ul li a:hover{
	color: #282828;
	background-color: #F4F4F4;	
}

div#rightMenu ul li a.in{	
	background-color: #FCF3F4;
	background-image:url(gfx/bRightMenuIn.gif);
	background-repeat:repeat-y;
	background-position: left;
	color: #D90000;
	font-weight: bold;
	text-decoration: none;
}
div#rightMenu ul li a:hover.in{	
	background-color: #FCF3F4;
	background-image:url(gfx/bRightMenuIn.gif);
	background-repeat:repeat-y;
	background-position: left;
	color: #D90000;
	font-weight: bold;
	text-decoration: none;
}


.gColor{
	color: #686868;
}

.dgColor{
	color: #282828;
}

.rColor{
	color: #D90000;
}

.bColor{
	color: #000000;
}

.px10{
	font-size: 10px;
}

.px11{
	font-size: 11px;
}
.px12{
	font-size: 12px;
}

div.bigPhotoBlock{
	height: 640px;
	width: 640px;  
	margin: auto;
	margin-top: 20px; 
	text-align: center;
}

div.bigPhotoBlock img{
	border: 1px solid #898989;
}

div.bigPhotoLinkLeft{
	margin-left: 20px;
	 
	float: left;
}

div.bigPhotoLinkRight{
	margin-right: 20px;
	
	float: right;
	text-align: right;
}

a#archiveLink{
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	padding: 10px;
	margin: 3px;
	margin-top: 2px;
	margin-right: 0px;
	display: block;
	color: #000000;
	background-color: #CCCCCC;
}

div#blockComment{
	margin-left: 15px;
	margin-right: 15px;
	background-color: #EDEDED;
	margin-top: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#blockComment span.date{
	padding-left: 10px;
	color: #989898;
}

div#blockComment h4{
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size: 10px;
	color: #000000;
}

div#blockComment p{
	margin: 0px;
	padding: 0px;
	padding: 10px;
	
}

form#newsletter_form{
	width: 165px;	
	margin: auto;
}

form#search_form{
	width: 165px;	
	margin: auto;
}


input.sfText{
	width: 140px;
	height: 14px;
	background-color: #F1F1F1;
	border: 1px solid #D6D6D6;
	
}

input.sfButtonNewsletter{
	
	margin-left: 30px;
	margin-top: 20px;
	display: block;
}

ul.contentList{
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}

ul.contentList li{
	list-style-image: url(gfx/dingContentList.gif);
	margin-bottom: 5px;
	line-height: 14px;
	vertical-align: top;
}

div.underMenu{
	margin-left: -1px;
	background-color: white; 
	height: 10px;
}

div.overArchive{
	border-top: 1px solid #E8E8E8;
	height: 0px;
	margin: 0px;
	font-size: 0px;
}

div#blockInfo{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -150px;	
	background-color: #8A8A8A;
	width: 300px;
	height: 150px;
}

div#blockInfoInner{
	margin-top: -5px;
	margin-left: -5px;
	background-color: #E7E7E7;
	border: 1px solid white;
	color: black;
	font-size: 11px;
	width: 300px;
	height: 150px;
}

div#blockInfo p{
	padding: 5px;
}

div#pollBlock{
	width: 160px;
	margin: auto;
	margin-left: 10px;
}

div#pollBlock form{
	margin: 0px;
	padding: 0px;
}

div#pollBlock input{
	vertical-align: middle;
}


div.outerPoll{
	/*border: 1px solid #CC0001; */
	background-image: url(gfx/pollBack.gif);
	height: 12px; 
	width: 148px;
	margin-bottom: 5px;
	font-size: 2px;
}

div.innerPoll{
	border-top: 1px solid #CA3B3B; 
	border-bottom: 1px solid #A30000;
	background-color: #BA0000; 
	height: 7px;
	font-size: 0px;
}

/*Komentarze*/
div#blockContactFormOuter{
	display: none;	
	position: absolute;
	width: 425px;
	height: 335px;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -215px;		
	background-image: url(gfx/bForm.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	
}

div#blockContactForm{
	width: 420px;
	height: 330px;
	background-color: #E7E7E7;
	border: 1px solid white;
}


form#contactForm{
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	
}

div#blockContactForm input.commInputImage{
	border: 0px;
}

div#blockContactForm input.commInput, div#blockContactForm textarea.commText{
	border: 1px solid #D2D2D2;
}

div#blockContactForm textarea.commText{
	width: 380px;
	height: 100px;
	overflow: hidden;
}


div#blockContactForm input.commInput{
	width: 135px;
	height: 15px;
}

div#blockContactForm label{
	color: black;
	display: block;
}

div#blockContactForm input{
	border: 1px solid
		
}

span.errorContact{
	display: none;
	color: #ff4444;
}


/*Kontakt/stop*/

div#blockTopMenu{
    position:absolute;
	height: 44px;
	float: right;
	margin-right: 5px;
	z-index: 3;	
	
}

div#blockTopMenu2{
	position:absolute;
	height: 44px;
	margin-left: 640px;
	z-index: 4;
	background-image: url(gfx/x.gif);
}

a.topLink{
	display: block;
	float: left;
	width: 20px;
	height: 44px;
	margin-left: 3px;
}


a#logo{
	display: block;
	width: 140px;
	height: 60px;
	margin-top: 90px;
	margin-left: 20px;
	position: absolute;
}

/* Formularz wniosku */
p.appSection {
	font-weight:bold;
	border-bottom: 1px solid red;
	margin:10px 0px;
	background-color: #E8E8E8;
	padding:2px;
}
form#application div {
	border-bottom: 1px solid #EAEAEA;
	padding:3px 0px;
}
form#application div.group {
	border: none;
	padding:0px;
}
form#application label {
	display: block;
}
form#application label.text {
	float:left;
	width:40%;
}
form#application label.textw {
	display: block;
	padding-bottom:3px;
}
p.appFormError {
	color:red;
	font-weight:bold;
	background-color:#FFFFE1;
	border:1px solid #E8E8E8;
	padding:3px;
}
span.nl {
	display: block;
	height: 1px;
	font-size:1px;
	line-height: 1px;
	clear:both;
}