/******************************************************************



			Arkusz CSS dla "LeScandale"

			

				1.UKLAD 

				2.KLASY OGOLNE

				3.LEFT - lewa kolumna

				4.RIGHT - prawa kolumna

					4.1.RIGHT GALERIE - podstrona galerie

					4.2.RIGHT KALENDARZ - podstrona kalendarz

					4.3 FORMULARZ KONTAKTOWY

				5.FOOTER

			

******************************************************************/	



/* czysczenie wszystkich defaultowych wlasciowosci */

@import "undohtml.css";

/* nawigacja - top */ 

@import "navi.css";

/* kalendarz */

@import "calendar.css";



/**************************/

/***** << 1.UKLAD >> *****/

/************************/



body {

		padding: 0;

		margin: 0;

		background: url(../images/bg.jpg) repeat-x #1b0819;

		font-family: arial, serif;
		color: #93A3AA;
		font-size: 12px;

}



#container { 

	width: 980px;

	margin: 0 auto;		

}



#top {

	width: 980px;

	height: 109px;
	
	margin-bottom: 1px;

}



#flash {

	width: 987px;

	height: 367px;

	z-index: 1;

}



#left {

	width: 240px;

	float: left;

}



#right {

	float: left;

	margin-left: 20px;

	margin-top: 5px;

	width: 695px;

}



/**************************/

/** << 2.KLASY OGOLNE >> ***/

/************************/



.font11 {font-size: 11px;}

.font10 {font-size: 10px;}

.margin6 {margin: 6px 8px !important;}

.margin2 {margin: 2px !important;}

.marginLeft5 {margin-left: 5px !important;}

.marginRight5 {margin-right: 5px !important;}

.colorBordo { color: #463745;}

.colorNiebieski {color: #93a3aa;}

.colorBialy {color: #fff !important;}

.bold {font-weight: bold;}

.borderNone {border: none !important;}

.clear {clear: both !important;}

.va0 {vertical-align: 0 !important;}

/**************************/

/*******<< 3.LEFT >> *******/

/************************/



#left .left_box {

	border: 1px solid #371919;

	padding: 1px;

	width: 235px;

	background: #110510;

	margin-top: 3px;

	margin-bottom: 10px;

}



#left .left_box h3 {

	font-size: 12px;

	color: #dfae53;

	font-weight: bold;

	background: url(../images/naglowek_bg.jpg) repeat-y;

	padding: 4px 0px 6px 10px;

}



#left span {

	vertical-align: 1px;

	color: #463745;

	font-weight: normal;

	padding-right: 3px;

	}

	

#left .left_box ul {

		margin: 10px 5px;

}



#left .left_box ul a, #left .left_box ul a:visited {

	color: #93a3aa;

	display: block;

	padding: 2px 10px;

	width: 205px;

}



#left .left_box ul a:focus, #left .left_box  ul a:hover {

	color: #fff;

	background: #2c1229;

}



#left .left_box img {

	padding: 3px;

	border: 1px solid #371919;

	width: 219px;

	margin: 4px;

}



#left .left_box.sub_menu ul li ul {

	margin: 4px 2px 4px 40px;

}



#left .left_box.sub_menu ul li ul li {

	margin: -4px;

}



#left .left_box.sub_menu ul li ul a,

#left .left_box.sub_menu ul li ul a:visited {

	color: #875e82;

	width: 150px;

}



#left .left_box.sub_menu ul li ul a:focus,

#left .left_box.sub_menu ul li ul a:hover {

	background: none;

	color: #fff;

}



#left p {

	margin: 2px 8px;

}



#left .data, #right .data {

	color: #dfae53;

}



#left .galeria p  a, #left .galeria p a:visited {color: #463745 ;}

#left .galeria p a:focus, #left .galeria p a:hover {color: #fff;}







#left .newsletter p  a, #left .newsletter p a:visited, #left .shoutbox p  a, #left .shoutbox p a:visited {color: #dfae53 ;}

#left .newsletter p a:focus, #left .newsletter p a:hover, #left .shoutbox p a:focus, #left .shoutbox p a:hover {color: #fff;}



#left .newsletter p {color:#93A3AA;font-weight: bold;}



#left .newsletter input.pole {

	width: 50px;

	background: url(../images/nletter_input.jpg) repeat-x;

	height: 22px;

	width: 145px;

	border: none;

	margin: 3px 18px 3px 8px;

	padding-left: 8px;

	padding-top: 3px;

	color: #dfae53;

}



#left .newsletter input.zapisz {

	background: url(../images/nletter_zapisz.jpg) no-repeat;

	height: 38px;

	width: 43px;

	border: none;

}



#left .left_box_kalendarz {

	width: 239px;

	background: #110510;

	margin-top: 3px;

	margin-bottom: 10px;

	

}



#left .left_box_kalendarz h3 {

	font-size: 12px;

	color: #1b0819;

	font-weight: bold;

	background: url(../images/naglowek_zolty.jpg) no-repeat;

	padding: 4px 0px 6px 10px;

}



/**************************/

/*******<< 4.RIGHT >> ******/

/************************/

/*
div#right ol, ul {
	list-style-type: none;
}

*/

#right h1 {

	color: #dfae53;

	font-size: 20px;

	margin-bottom: 10px;

}



#right h1 span {font-size: 14px;}



#right h2 {

	color: #dfae53;

	font-size: 14px;

	font-weight: bold;

}



#right span {

	color: inherit;


	vertical-align: 3px;

	margin-right: 0px;

}




#right p {

	color: #93a3aa;

	line-height: 18px;

	margin: 10px 0;	

}



#right img {

	float:left;

	padding: 4px;

	border: 1px;

	border: 1px solid #371919;

	margin-right: 10px;

}



#right a, #right a:visited {color: #875e82;text-decoration: underline;}

#right a:focus, #right a:hover {color: #fff;}



#right ul {

	color: #c7d4da;

	margin: 5px 0 10px 30px;

}



#right table {

	border: 1px solid #371919;

	border-right: none;

	width: 100%;

	margin-top: 10px;

	text-align: left;

}



#right table th {

	background: #110510;

	border-right: 1px solid #371919;

	font-weight: bold;

	font-size: 13px;

	color: #dfae53;

	padding: 7px;

}



#right table td {

	border-top: 1px solid #371919;

	border-right: 1px solid #371919;

	padding: 7px;

	color: #93a3aa;

}



#right .pagination span { vertical-align: 1px;}



#right ul.pagination { color: #93a3aa;width: 400px;margin: 15px auto;margin-bottom: 8px;clear: both;padding-top: 7px;}

#right ul.pagination li {

	display: inline;

	padding: 0 8px;

	border-right: 1px solid #463745;

}



#right ul.pagination li.current { 

	border: 1px solid #371919;

	padding: 3px 6px;

	background: #230d21;

	color: #dfae53;

}



#right ul.pagination a, #right ul.pagination a:visited	{

	color: #93a3aa;

	text-decoration: none;

}



#right ul.pagination a:focus, #right ul.pagination a:hover {

	color: #fff;

}





#right .lista_zdjec img {margin-right: 2px;margin-top: 7px;}





#right h2.alert {

	text-align: center;

	border: 1px solid #2d0d2a;

	font-size: 18px;

	color: #fff;

	padding: 6px 0;

	margin: 5px 0;

	 }







/************************/

/** 4.1.RIGHT GALERIE **/

/**********************/



#right .galerie {

	clear: both;

	margin-bottom: 0;

	margin-top: 20px;

}



#right .galerie h2 {

	font-size: 20px;

	color: #fff;

	padding-top: 4px;

}



#right .galerie span {

	vertical-align: 1px;

	margin-right: 3px;

	color: #463745;

}



#right .galerie p {margin: 5px 0;}



#right .zdjecia a, #right .zdjecia a:visited {text-decoration: none;color: #463745;}

#right .zdjecia a:focus, #right .zdjecia a:hover {text-decoration: none;color: #fff;}



#right .box_malalista a,#right .box_malalista a:visited {color: #fff;text-decoration: none;}

#right .box_malalista a:focus,#right .box_malalista a:hover {color: #dfae53;text-decoration: none;}



#right .box_malalista {clear: both;padding-top: 4px;margin-top: 4px;border: 1px solid #1B0819;}

#right .box_malalista:hover {border: 1px solid #42201d;background: #110510;}



#right .box_malalista p {color: #fff; font-weight: bold; margin-left: 52px;}

#right .box_malalista span.link a,#right .box_malalista span.link a {font-size: 11px; text-decoration: none;float: right;color: #463745;margin-right: 20px;margin-top: 10px;}

#right .box_malalista span.link a:focus,#right .box_malalista span.link a:hover {color: #fff;}





/************************/

/* 4.2.RIGHT KALENDARZ */

/**********************/



#right h2.miesiac {

	height: 27px;

	background: url(../images/miesiac_bg.jpg) repeat-y;

	border: 1px solid #381a1a;

	padding-left: 20px;

	padding-top: 4px;	

	font-size: 18px;

	color: #f1ead8;	

}



#right .box_impreza {

	margin: 20px 0;

	clear: both;

}



#right .box_impreza .box_impreza_lewa {

	float: left;	

	margin-left: 10px;

	width: 500px;

}





#right .box_impreza .data_kal p{

	width: 100px;	

}



#right .box_impreza .data_kal .dzien ,

#right .box_malalista .data_kal .dzien {

	background: url(../images/notka.jpg) no-repeat;

	width: 36px;

	height: 33px;

	font-weight: bold;

	padding-top: 9px;

	padding-left: 8px;

	font-size: 15px;

	color: #504445;

	float:left;

}







#right .box_impreza .data_kal p {

	float: left;

	color: #f1ead8;

	font-weight: bold;

	margin-top: 5px;

	margin-left: 3px;

}



#right .box_malalista .data_kal p {

	margin-top: 0;

}



#right .box_malalista p.info_c {

	color: #dfae53;

	font-weight: bold;

	font-size: 17px;

	margin-left: 25px;

	float: left;



}



#right .box_malalista p.wiecej_info a, #right .box_malalista p.wiecej_info a:visited{

	font-size: 11px;

	text-decoration: none;

	display:block;

	float: right;

	font-weight: normal;

	margin-right: 15px;

	color: #463745;

}



#right .box_malalista p.wiecej_info a:focus, #right .box_malalista p.wiecej_info a:hover {color: #fff;}



#right .box_impreza h3 {



	color: #f1ead8;

	font-size: 18px;

	margin-top: 5px;	

}



#right .box_impreza .box_impreza_lewa p {

	line-height: 14px;

}





#right .box_impreza .box_impreza_lewa p.info span {

	vertical-align: 1px;

}



#right .box_impreza .box_impreza_lewa p.info a,

#right .box_impreza .box_impreza_lewa p.info a:visited {

	text-decoration: none;

	color: #463745;

	font-size: 11px;

}



#right .box_impreza .box_impreza_lewa p.info a:focus,

#right .box_impreza .box_impreza_lewa p.info a:hover {

	color: #fff;

}





#right .box_impreza h3 a ,#right .box_impreza h3 a:visited ,#right .box_impreza h3 a:focus,#right .box_impreza h3 a:hover  {

	color: #fff;

	border-bottom: none !important;

}





#right #p_full.box_impreza_lewa {width: 100%;}





#right #icons a img {border: none;}



/*****************************************/

/********* 4.3 FORMULARZ KONTAKTOWY *****/

/*****************************************/



#right form {

	width: 430px;

	float: left;

}



#right form label {

	color: #93a3aa;

	display: block;

	margin: 7px 0 2px 0;

}



#right form label span {vertical-align: 0px;}



#right form input, #right form textarea {

	background: #110510;

	border: 1px solid #371919;

	color: #dfae53;

	padding: 2px;

}

#right form input {width: 220px;height: 18px;}

#right form textarea {width: 100%;height: 110px;}



#right form input.submit_reset {

	background: url(../images/input_bg.jpg) repeat-x;

	height: 22px;

	width: 120px;

	margin-top: 10px;

	padding-top: 0px;

}



#right #kontakt {

	float: left;

	width: 200px;

	margin-left: 30px;

	margin-top: 0;

}



/**************************/

/*******<< 5.FOOTER >> *****/

/************************/



#footer {

	width: 978px;

	height: 40px;

	border: 1px solid #371919;

}



#footer p {

	width: 320px;

	margin: 0 auto;

	padding-top: 14px;

	font-size: 11px;

}



#footer p.realizacja {

	float: right;

	width: 150px;

}



#footer p.realizacja a,#footer p.realizacja a:visited {color: #463745;}

#footer p.realizacja a:focus,#footer p.realizacja a:hover {color: #fff;}



#right h3 a {text-decoration: none;}







/**************************/

/*******<< SHOUT BOX >> *****/

/************************/



#sbform fieldset {

			border: none;

			padding: 8px;

		}

		

		#sbform label {

			color: #463745;

			font-size: 10px;

			display: block;

			}

			

		#sbform input, #sbform textarea {

			border: 1px solid #371919;

			background-color: #1B0819;

			color: #93A3AA;

			font-size: 10px;

			font-family: arial,serif;

		}

		

		#sbform textarea {

			width: 200px;

			height: 40px;

			overflow: auto;

		}

		

		#sbform input.submit {

			margin-top: 5px;

		}

		

		#sbform input.username {

			width: 200px;

		}		



		#addmsg {

			border-top: 1px solid #371919;

			color: #eee;

		}

		

		#sbmsgs {

			height: 150px;

			overflow: auto;

			width: 235px;

		}

#stopka {
	padding-top:7px;
	font-size:11px;
	color:#463745;
	padding-left:20px;
}		

#stopka a:link {
	color:#463745;
}

#stopka a:visited {
	color:#463745;
	}
	
#stopka a:hover {
	color:#DFAE53;
	text-decoration:underline;
	}
	
	
	
#right table td.tdopis {
	margin: 0; 
	padding: 0; 
	border-top:none;
}


.dopis {
	display:none;
	padding: 0 7px; 
	line-height: 30px;
	border-top: 1px solid #371919;
}

#right span.open {
	vertical-align: bottom;
	cursor: pointer;
}