/*******************************************
	Hoja de estilos de la página principal.
********************************************
	Estilos por etiqueta
/*******************************************/
body{
	background: #ecfece url('../images/web/bodyBackground.jpg') repeat-x top left;
	font:  12px Arial;
	color: #000;
}

a, a:visited{
	font:  bold 12px Arial;
	color: #FFF;
}


/********************************************
	Estilos por id
/*******************************************/

#wrapper{
	border-left:  thin solid #4d583b;
	border-right:  thin solid #4d583b;
	border-bottom:  thin solid #4d583b;
	margin: 0 auto;
	width: 900px;
	background: #FFF url('../images/web/background.jpg') repeat-x top left;
}


#header #languages{
	position:absolute;
	top:10px;
	left: 1068px;
}

#content{
	margin: 0;
	min-height:  800px;
	background-color: transparent;
	background-image: url('../images/web/backgroundSections.png'); 
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top;
	position:relative;
	
	/*background: url('../images/web/espigas.png') no-repeat bottom center;*/
		
}

#topMenu{
	background: url('../images/web/menu.png') repeat-x left;
	height: 30px;
}

#topMenu ui{
	list-style: none;
	margin: 0;
	padding: 0;
}

#topMenu li{
	float: left;
	margin: .5em 2.3em 0 2.3em;
	
}

#topMenu li a{
	text-decoration: none;
}

#topMenu li a:hover{
	text-decoration: underline;
}

#news{
	padding: 1em;
	width:  45em;
}

#news #newsPagenator{
	margin: 0 0 8em 4em;
}

#news #newsPagenator #prevPage,
#news #newsPagenator #nextPage{
	display: block;
}

#news #newsPagenator #prevPage{
	float: left;
}

#news #newsPagenator #nextPage{
	margin-left: 24em;
}

#news #newsPagenator #prevPage strong{
	font:  bold 14px Arial;
	color: #606d4b;
	margin: 0 0 0 2em;	
}

#news #newsPagenator #nextPage strong{
	font:  bold 14px Arial;
	color: #606d4b;
	margin: 0 2em 0 0;	
}


#noNews{
	padding-top: 3em;
	margin-left: 2em;
	background-color: transparent;
	font:  bold 18px Arial;
	color: #515d3f;
}

#blocks{
	width: 22.5em;
	position:absolute;
	top: 1em;
	left: 51em;
}

#loginBlock{
	display:block;
	width: 255px;
	padding:.5em;
	text-align: center;
	margin-bottom: 2em;
	background: url('../images/web/loginBackground.jpg') repeat-x top left;
}

#loginBlock #maseroLogin{
	position: absolute;
	top: 7em;
	left: 0;
}

#loginBlock h1{
	font:  bold 16px Arial;
	color: #FFF;
	margin-bottom:.3em;
}

#loginBlock a{
	font:  10px Arial;
	color: #535e40;
	margin-left: 2em;
}

#loginBlock #formContent{
	margin:  0 1em 1em 1em;
	background-color:#FFF;
	padding: 1em 1em 1em 0;
	font: bold 12px Arial;
	color: #606d4b;
	text-align: right;
}

#loginBlock #formContent label{
	text-align:right;
	margin-right: .5em;
	
}

#loginBlock #formContent #email{
	width: 12em;
	margin: 0 0 1em 2.8em;
	border: 1px solid #000;
	background-color: #FFF;
}

#loginBlock #formContent #password{
	width: 12em;
	margin: 0 0 1em 0;
	border: 1px solid #000;
	background-color: #FFF;
}

#loginBlock #formContent #submitButton{
	border: 1px solid #000;
	background-color: #5f6d4b;
	font: bold 12px Arial;
	color: #FFF;
	height: 2em;
	width: 5.5em;
}

#calendarBlock{
	display:block;
	width: 255px;
	padding:.5em;
	margin-bottom: 2em;
	text-align: center;
	background: url('../images/web/calendarBackground.jpg') repeat-x top left;
}

#calendarBlock #maseroCalendar{
	position: absolute;
	left: 20em;
	top: 16.5em;
}

#calendarBlock h1{
	font:  bold 16px Arial;
	color: #FFF;
	margin-bottom:.3em;
}

#calendarBlock #calendarContent{
	margin: .5em;
	margin-bottom: 4em;
}


#aniversaryBlock{
	display:block;
	width: 255px;
	padding:.5em;
	text-align: center;
	margin-bottom: 2em;
	background: url('../images/web/aniversaryBackground.jpg') repeat-x top left;
}

#aniversaryBlock #maseroAniversary{
	position: absolute;
	left: 0em;
	top: 55em;
}

#aniversaryBlock h1{
	font:  bold 16px Arial;
	color: #FFF;
	margin-bottom:.3em;
}

#aniversaryBlock #aniversaryContent{
	margin-bottom:1.5em;
}


#galleriesBlock{
	display: block;
	width: 250px;
	background-color: #FFF;
	border: 2px solid #dc9543;
}

#galleriesBlock #titleBlock{
	height: 40px;
	text-align: center;
	background: url('../images/web/galeriesBackground.jpg') repeat-x top left;
	border-bottom: 2px solid #dc9543;
}

#galleriesBlock #titleBlock h1{
	padding-top: .7em;
	font: bold 16px Arial;
	color: #5a3e1e;
}

#galleriesBlock #contentBlock{
	text-align:center;
	background-color: #FFF;
}

#galleriesBlock #footBlock{
	height: 16px;
	text-align: center;
	background: url('../images/web/galeriesFootBackground.jpg') repeat-x top left;
	border-top: 2px solid #dc9543;
}

#footer{
	margin: 0;
	padding-top: .3em;
	height:  18px;
	background-color:#715d28;
	text-align: center;
	vertical-align:middle;
	color: #FFF;
}



/********************************************
	Estilos por clase
/*******************************************/

.calendar{
	width: 100%;
	height:  100%;
	border:  thin solid #5b451d;
	font:  bold 14px Arial;
	color:  #5b451d;
	text-align:center;
}

.calendar caption{
	text-align:center;
	margin-bottom: .6em;
}

.calendar thead tr{
	background-color:#c68644;
}

.calendar thead th{
	text-align:center;
	font:  bold 14px Arial;
	color:  #FFF;
}

.calendar tbody {
	background-color: #FFF;
}

.calendar tbody tr{
	height: 1.8em;
}

.calendar tbody td{
	text-align:center;
	vertical-align:middle;
}

.calendar tbody td a{
	font:  12px Arial;
	color: #c68644;
}

.calendar .today{
	background-color: #dddddd;
}

.new{

	border:  thin solid #4d583b;
	background-color: #ecfece;
	margin-bottom: 3em;
	text-align: justify;
}

.newHeader{
	height: 45px;
	background: url('../images/web/newsHeader.jpg') repeat-x left;
	border-bottom: thin solid #4d583b;
}

.newHeader img{
	margin:  .3em 0 0 .3em;
	float: left !important;
}

.newHeader div{
	width:  500px;
	padding-top: .4em;
	margin-left: 5em;
}

.newHeader h1{
	font:  bold 16px Arial;
	color:  #FFF;
}

.newHeader strong{
	font:  12px Arial;
	color:  #fdf3c1;
}

.newContent{
	padding: 1em;
}

.newContent p{
	font:  12px Arial;
	color:  #4d573b;
	min-height:150px;
}

.newContent a{
	float:  left !important;
	margin: 0 1em 0 0;
	color: #4d573b;
	font-weight: bold;
}

.newContent img{
	border: 1px solid #4d583b;
}

.galleryItem{
	border-bottom: thin solid #dc9543;
	text-align:left;
	height: 60px;
	vertical-align:middle;
}

.galleryItem img{
	margin: .5em 1em 0 .5em;
	height: 40px;
	float: left;
}

.galleryItem a{
	display: block;
	color: #454545;
	padding-top: 1.3em;
	font:  bold 12px Arial;
	text-decoration: none;
}

.galleryItem a:hover{
	text-decoration: underline;
}


.galleryItem:hover{
	background: #FFF url('../images/web/galleryItemBackground.jpg') repeat-x top left;
}