/* CSS Document av Dieter Schneider 2007 */



* {margin: 0; padding: 0;}



/************************************* Main structure *************************/



body {

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 62.5%;

}



#container {

	background-image: url(images/container_bg.jpg);

	background-repeat: no-repeat;

	width: 931px;

	font-size: 1.2em;

	margin: 4px auto;;

	border-top: 1px solid white;

}

#background_splash{
	display: none;
	position: absolute;
	width: 100%;
	
	background: #fff;
	top:0px;
	left:0px;
	filter: alpha(opacity=70); /* IE7 */
	opacity: .7; /* Resto */
}

#login_splash{
	top:150px;
	position:absolute;
	width:350px;
	background:#b62322 url(images/news.jpg) top right no-repeat;
	display:none;
	text-align: center;
	padding: 15px 10px 10px 10px;
	color:#FFFFFF;
	margin-left:25%;
	border:1px solid #666;
}

#login_splash h2{
	text-align:justify;
	margin:5px 0px;
	padding: 5px 0px 10px 0px;
	color:#FFFFFF;
	font-weight:normal;
}

#cerrar{
	position: inherit;
	right:9px;
	top:3px;
	font-size:17px;
	height:15px;
	width:15px;
	color:#fff;
	font-weight:bold;
	float:right;
}
#cerrar:hover{
	color:#ccc;
	cursor: pointer;
}

#header {

	height: 155px;

	padding-top: 18px;

	margin-left: 320px;

}



#header_left {

text-align:right;

	float: left;

	width: 580px;

	

}



#header_right {

float:right;

    height: 206px;

	margin-left: 3px;

	margin-right: 20px;

}



#left {

	float:left;

	width: 225px;

	margin-left: 45px;

	margin-top: 120px;

}



#right {

	margin-left: 40px;

	margin-top: 22px;

	margin-right: 50px;

	text-align:justify;

	display:block;

	overflow:hidden;

	width:850px;

}

#menu2 { display:block; overflow:hidden; border:1px solid #b01c1d;background:url(images/fons.jpg) no-repeat bottom right;}

#menu2 ul { height:22px; overflow:hidden; background:#b01c1d; display:block; margin-bottom:0px;}

#menu2 ul li { cursor:pointer; background:#b01c1d; color:#FFFFFF; font-size:13px; font-weight:bolder; padding:3px 14px 3px; border-left:1px solid #fff; float:left; display:block; overflow:hidden;}

#menu2 ul li:hover { background:#999;}

#menu2 ul li a{ color:#fff;}

#menu2 h2{ margin:10px 0px; background:transparent url(images/barra.png) no-repeat scroll left center; color:#FFFFFF; display:block; font-size:18px; letter-spacing:0.1em; padding:5px 5px 5px 82px; text-align:left;}

#menu2 h3 { font-size:11px; color:#b01c1d; height: auto; background:none; padding:0px 0px 5px; font-style:normal; font-weight:normal;border-bottom: none; width:100%;}

#footer {

	clear: both;

	margin-left: 40px;

	margin-right: 50px;

	margin-top: 10px;

	padding: 20px;

	text-align: center;

	border-top: 1px dotted #CCCCCC;

	background-color: #F9F7EA;

}



.date_box {

	background-color: #FFFFFF;

	background-image: url(images/date.jpg);

	height: 51px;

	width: 52px;

	float: left;

}



.date_box_month {

	padding-top: 6px;

	font-size: 10px;

	font-family:  Arial, Helvetica, sans-serif;

	padding-left: 3px;

	text-align: center;

	color: #75a006;

}



.date_box_day {

	font-size: 22px;

	font-weight: bold;

	padding-left: 3px;

	text-align: center;

	

	color: #654040;

}



/******************************* Text and image formatting *******************************/



p {margin-bottom: 10px;

   margin-top: 10px;

   text-align:justify;

   line-height:18px;

}



p.quote:first-letter 

{

	color: #9f1f23;

	font-size:xx-large;

	margin-top: 20px;

	font-size: 1.9em;

    padding-right: 2px;

   

}



h1 {

	color: #9f1f23;

	margin-top: 0px;

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 1.8em;

	line-height:30px;

}



.red {color: #000; font-size:18px;}



h2 {

	color: #555;

	margin-top: 10px;

	font-size: 1.2em;

	font-family:  Arial, Helvetica, sans-serif;

	text-align:right;

}



h3 {

	height: 31px;

	background:url(images/punt.gif) no-repeat top left;

	padding-top: 10px;

	padding-left: 35px;

	font-size: 1.6em;

	font-family:  Arial, Helvetica, sans-serif;

	font-style: italic;

	font-weight: bold;

	color: #9f1f23;

	border-bottom: 1px dotted #CCCCCC;

	width:100%;

}



h4 {

	width: 210px;

	margin-top: 20px;

	margin-bottom: 20px;

	background-color: #F5F9EB;

	padding: 5px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: dotted;

	border-bottom-style: dotted;

	border-top-color: #CEAC86;

	border-bottom-color: #CEAC86;

	font-size: 1.2em;

	color: #A6BB7A;

}



blockquote {

	background-color: #F4F7F0;

	margin-top: 15px;

	margin-bottom: 15px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 0px;

	padding-bottom:0px;

	border: 1px dotted #EBE2B7;

	background-image: url(images/blockquote.png);

	background-repeat: no-repeat;

	

}



.read_more {

	background-color: #FFFFFF;

	padding: 3px;

	text-align: right;

	font-weight: bold;

	font-style: italic;

}



img {border: none;}



.float_left {float: left;

              margin-right: 10px;}

			  

.float_right {float: right;

              margin-left: 10px;}

			 

a:link {color: #557C2B; text-decoration: none;}     /* unvisited link */

a:visited {color: #9f1f23; text-decoration: none;}  /* visited link */

a:hover {color: #821115; text-decoration: none;}   /* mouse over link */

a:active {color: #577E2D; text-decoration: none;}   /* selected link */



/********************************* Navigation **********************************/



#navcontainer { }



#navcontainer ul

{

	list-style-type: none;

	font-weight: bold;

	color: #990000;

}



#navcontainer a

{

	display: block;

	padding-top: 17px;

	padding-left: 37px;

	width: 182px;

	background-color: #DCE3ED;

	border-bottom: 1px solid #eee;

	background-image: url(images/menu.png);

	background-repeat: repeat-x;

	height: 27px;

}





#navcontainer a:link, #navlist a:visited

{

color: #93B26E;

text-decoration: none;

}



#navcontainer a:hover 

{	

	background: url(images/menu.png) 0 -45px;

	color: #562930;

}



/**************************************** Form elements member login ****************************/





p.welcome {

	font-size: 0.8em;

	text-align: left;

	margin-top: 25px;

	color: #6B383D;

}



form {

	margin-top: 15px;

	margin-left: 35px;

}



input.fields {display: block;

        width: 140px;

        background: url(images/input_bg.png);

		border-top: 1px solid #E3E4E9;

		border-left: 1px solid #E3E4E9;

		border-bottom: 1px solid white;

		border-right: 1px solid white;

		margin-top: 3px;

	    margin-bottom: 3px;}



label {

	color: #A5BB73;

	

}



.submit_button {

	margin-top: 15px;

	padding: 2px;

	background-color: #EAF4D9;

	float: right;

	margin-right: 40px;

	border-top: 2px solid white;

	border-left: 2px solid white;

	border-bottom: 2px solid #E3E4E9;

	border-right: 2px solid #E3E4E9;

}



/**************************************** extra classes: contact us ****************************/



form.contact_us {

	width: 190px;

	margin-top: 15px;

	margin-left: 0px;

	padding: 15px;

	background-color: #FBF9F4;

	background-image: url(images/form_bg.png);

	background-repeat: no-repeat;

	background-position: right bottom;

}



input.fields_contact_us {display: block;

        width: 185px;

        background: url(images/input_bg.png);

		border-top: 1px solid #E3E4E9;

		border-left: 1px solid #E3E4E9;

		border-bottom: 1px solid white;

		border-right: 1px solid white;

		margin-top: 3px;

	    margin-bottom: 3px;}



textarea {width: 185px;

          background: url(images/input_bg.png);

          border-top: 1px solid #E3E4E9;

		  border-left: 1px solid #E3E4E9;

		  border-bottom: 1px solid white;

		  border-right: 1px solid white;



          margin-top: 3px;}



.submit_button_contact {

	margin-top: 15px;

	padding: 2px;

	background-color: #EAF4D9;

}



#intro{ overflow:hidden; display:block; margin:10px;}

#partici{ display:none;}

#program{display:none;}

#lugar{display:none;}

#inscrip{display:none;}

#aloja{display:none;}

#infog{display:none;}

#infog span{ margin:10px 0px 5px; font-size:14px; display:block; text-align:left; color:#FF9900; font-weight:bold;}