/* CSS Document */

body { 
	margin:5px;
	background-color:#EEE;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}


#container {
	width: 765px;
	margin:0px auto 0px auto;
	outline:solid 1px #DFDFDF;
	background-color:#fff;
	height:auto;
}

#top {
	height: 140px;
	border-bottom: solid 3px #DFDFDF;
}

#logo {
	width:500px;
	margin-top: 8px;
	margin-left:8px;
	float:left;
}
	.name {
		margin-top:8px;
		vertical-align:middle;
		padding-right:13px;
		margin-left:13px;
		border-right: solid 2px #DFDFDF;
	}

#lang {
	margin-top:0px;
	margin-right:8px;
	float:right;
	width:170px;
	height:33px;
	color:#717171;
	font-size:11px;
}
	#lang img {margin-left:12px;}
	
	#lang a:link, #lang a:visited {
		color:#717171;
		text-decoration:none;
	}
	
	#lang a:hover, #lang a:active {
		color:#C00;
		text-decoration:underline;
	}

#optional {
	background-color:#FFF;
	border:solid 1px #C50D0B;
}
.pusher { 
	clear:both; 
	margin:0px;
}

/* MENU PRINCIPAL */
#menu {
	height:20px;
	border: solid 1px #fff;
	background-color:#F3F3F3;
}
	#menuItems { margin-left:11px;}
	
	.menuItem {
		width:80px;
		height:20px;
		text-align:center;
		margin-right:3px;
		float:left;
		padding-top:3px;
	}
	
	.menuItem a:link, .menuItem a:visited {
		color:#FFF;
		text-decoration:none;
	}
	.menuItem a:hover, .menuItem a:active {
		color:#069;
		text-decoration:underline;
	}
	
	#arrows {
		height:3px;
		margin-top:5px;
		margin-bottom:2px;
		margin-left:11px;	
	}
	
	.arrow {
		width:5px;
		height:3px;
		margin-left:37px;
		margin-right:40px;
		float:left;	
	}


.padding2x5 { padding:2px 5px}

#accessMenu {
	height:43px;
	background-color:#fff;
	border-right: solid 2px #fff;
	border-left: solid 2px #fff;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
	#webSearch, #private {
		height:39px;
		border:solid 1px #DFDFDF;
		float:left;
	}
	#webSearch { 
		width: 485px;
		margin-right:2px;
	}
	#private {	width:265px;	}
	
form { margin:0}

.txtInput {
	font-size:9px;
	color:#666;
	border: solid 1px #a7c1ce;
}

.formSpan {
	float:left;
	margin-left:7px;
	margin-top:7px;
} 

#contents {
	width:100%;
	height:auto;
	background-color:#fff;
	float:left;
	margin-left:2px;
	margin-right:1px;
	border-bottom:solid 3px #DFDFDF;
	background:url(../images/bk_content.gif) repeat-y 150px;
}

/* MENU LATERAL */

	#menuVert {
		width: 148px;
		float:left;
	}
		.menuVertTop, .menuVertSub {
			width: 130px;
			min-height:17px;
			margin-bottom:2px;
			font-size:11px;
			font-weight:bold;
			background-position:left;
			background-repeat:no-repeat;
			padding-left:18px;
			padding-top:2px;
			cursor:hand;
			cursor:pointer;
		}
		.menuVertTop { 
			color: #fff;
			background-image:url(../images/arrow_menuvert_white.gif);
			background-color:#BCBCBC;
		}
		
		.menuVertSub {
			color: #909090;
			background-image:url(../images/arrow_menuvert_grey.gif);
			background-color:#EAEAEA;
		}
	
	#content { 
		float:left;
		margin-left:3px;
	}
	
/* CONTENIDOS DE LA HOME */
	
	#content01 {
		width:370px;
		height:300px;
		border: solid 2px #DFDFDF;
		text-align:justify;
		float:left;
	}
		#welcome {
			border: solid 1px #DFDFDF;
			padding:8px 10px;
			background-image:url(../images/img_handshaking.jpg);
			background-repeat:no-repeat;
			background-position:bottom right;
			height:285px;
			background-color:#fff;
			margin-top:2px;
		}

	#content02 {
		width:370px;
		height:300px;
		margin-left:3px;
		border: solid 2px #DFDFDF;
		float:left;
	}
		.outstanding {
			padding:3px 8px;
			background-repeat:no-repeat;
			background-position:bottom right;
		}
		#outstanding01 {
			background-image:url(../images/img_award.jpg);
			border-bottom:1px dashed #DFDFDF;
		}
		#outstanding02 {
			background-image:url(../images/img_award.jpg);
			/*border-bottom:1px dashed #DFDFDF;*/
		}
		
		#outstanding03 {
			border:2px solid #C55B41;
			padding:1px;
			background-color:#F6E5E0;
		}
	
	.news {
		padding:8px; 
		border-right: dashed 1px #DFDFDF; 
		border-bottom: dashed 1px #DFDFDF;
	}
	
	#banners { 
		width:100%;
		float:left;
		border-bottom:solid 2px #FFF;
	}
		#banner01 {
			width:750px;
			height:10px;
			float:left;
			margin-right:2px;
			padding:0px 8px;
			background-color:#DFE6E5;
		}
		#banner02, #banner03 {
			height:74px;
			float:left;
			border-left:solid 2px #DFE6E5;
			border-top:solid 2px #DFE6E5;
			border-bottom:solid 2px #DFE6E5;
			padding:0px 8px;
		}
		#banner02 { width: 188px;}
		#banner03 { 
			width: 189px;
			border-right:solid 2px #DFE6E5;
			background-image:url(../images/img_computer.jpg);
			background-position:bottom right;
			background-repeat:no-repeat;
			padding-left:8px;
		}
		
/* RESTO PÁGINAS */

/* ESTILOS COMUNES */
		
.header {
	height:17px;
	text-align:left;
	padding-top:3px;
	padding-left:8px;
	}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#5a8c9c;
	margin-top:5px;
	margin-bottom:5px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}

h3 { 
	font-weight:bold;
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
}

a:link, a:visited { 
	color:#06C;
	text-decoration:underline;
}
a:hover, a:active { 
	color:#C00;
	text-decoration:underline;
}

ul.list01, ul.list02 {
	font-size:11px;
	color:#565656;
	}
	ul.list01 li { 
		list-style-image:url(../images/arrow_li.gif);
		margin-left:-25px;
		padding-bottom:5px;
	}
	ul.list02 li { 
		list-style-image:url(../images/dot.gif);
		margin-left:-25px;
		border-bottom: dashed 1px #DFDFDF;
		padding-bottom:5px;
		margin-bottom:5px;
	}


#bottom {
	height:44px;
	background-color:#F3F3F3;
	padding:3px;
	color:#666;
	font-size:11px;
	border-top:solid 2px #FFF;
	border-left: solid 2px #FFF;
}
	#bottom a:link, #bottom a:visited {
		color:#666;
		text-decoration:none;
	}
	#bottom a:hover, #bottom a:active {
		color:#666;
		text-decoration:underline;
	}


.off { display:none;}
.on { display:block; }

form { margin:0px;}

/* ESTILOS CONTENIDOS OTRAS PAGINAS */


.sectionLeft {
	width:305px;
	padding:15px;
	float:left;
}
.sectionRight {
	width:238px;
	padding:15px;
	margin-left:3px;
	float:left;
	border-left: dashed 1px #DFDFDF; 
}
.sectionWideTop {
	width:725px;
	padding:15px;
	margin-left:3px;
	margin-right:3px;
	text-align:justify;
	border-bottom: dashed 1px #DFDFDF; 
}
	.column01 {
		float:left;
		width:267px;
		padding-right:10px;
		border-right: dashed 1px #DFDFDF;
	}
	.column02 { 
		width:268px;
		margin-left:10px;
		float:left;
		width:50%;	}

.sectionWide {
	width:750px;
	padding:15px;
	border-top: dashed 1px #DFDFDF; 
}


.date {
	float:right;
	margin-left:10px;
	font-weight:bold;
	margin-bottom:10px;
}

.notes {
	width:130px;
	margin:15px auto;
	padding:2px;
}
	.notes h2 {
		margin-top:0px; 
		padding:1px 2px;
	}
	.notes p {
		font-size:10px;
		color:#565656;
		text-align:left;
		margin:5px;
	}

/* FONDOS, BORDES Y TEXTOS DE COLORES */

.txt {
	color:#7A7A7A;
	font-size:11px;
	margin-top:8px;
	margin-bottom:8px;
}

.txtcabecera { color:#F90;}
.txtRed { color:#C50D0B;}
.txtOrange { color: #F90;}
.txtYellow { color:#FFFF33;}
.txtGreen { color:#8EC63F;}
.txtTurquoise { color:#069;}
.txtMorado { color:#660099;}
.txtViolet { color:#CC00FF;}
.txtMustard { color:#C7BF40;}
.txtOcre { color:#C6943F;} 
.txtSalmon { color:#C55B41;}
.txtMarron { color:#993D32;}


.txtLightBlue, .txtLightBlue a {  color:#A7C1C2;}
.txtGrey { color: #7A7A7A; }
.txtGreyBlue { color: #628AB3;}

.bkRed { background-color:#C50D0B;}
.bkOrange { background-color: #F90;}
.bkYellow { background-color: #FFFF33;}
.bkGreen { background-color:#8EC63F;}
.bkTurquoise { background-color:#069;}
.bkMorado { background-color:#660099;}
.bkViolet { background-color:#CC00FF;}
.bkMustard { background-color:##660099;}
.bkOcre { background-color:#C6943F;} 
.bkSalmon { background-color:#C55B41;}
.bkMarron { background-color:#993D32;}

.bkLightBlue {  background-color:#A7C1C2;}

.bkBeige { background-color:#F6E5E0; }

.bkRed, .bkOrange, .bkYellow, .bkGreen, .bkTurquoise, .bkMorado,  .bkViolet, .bkMustard, .bkOcre, .bkSalmon, .bkMarron, .bkLightBlue {
	color:#FFF;
	font-weight:bold;
	font-size:11px;
}

.borderGrey { border:solid 1px #DFDFDF;}
.borderRed { border:solid 1px #C50D0B;}
.borderOrange { border:solid 1px  #F90;}
.borderYellow { border:solid 1px  #FFFF33;}
.borderGreen { border:solid 1px #8EC63F;}
.borderTurquoise { border:solid 1px #069;}
.borderMorado { border:solid 1px #660099;}
.borderViolet { border:solid 1px #CC00FF;}
.borderMustard { border:solid 1px #C7BF40;}
.borderOcre { border:solid 1px #C6943F;} 
.borderSalmon { border:solid 1px #C55B41;}
.borderMarron { border:solid 1px #993D32;}

.borderLightBlue {  border:solid 1px #A7C1C2;}

.gradientMustard { background:url(../images/bk_mustard.jpg) no-repeat top;}



/* IMAGENES DE BACKGROUND SECCIONES */

#about { background:url(../images/img_about.jpg) no-repeat top;}
#objectives { background:url(../images/img_objectives.jpg) no-repeat top;}
#conditions { background:url(../images/img_conditions.jpg) no-repeat top;}
#junta { background:url(../images/img_junta.jpg) no-repeat top;}
#offers { background:url(../images/img_offers.jpg) no-repeat top;}
#agenda { background:url(../images/img_agenda.jpg) no-repeat top;}
#informacion { background:url(../images/img_informacion.jpg) no-repeat top;}
#activities { background:url(../images/img_activities.jpg) no-repeat top;}
#cursos { background:url(../images/img_cursos.jpg) no-repeat top;}
#visitas { background:url(../images/img_visitas.jpg) no-repeat top;}
#excursiones { background:url(../images/img_excursiones.jpg) no-repeat top;}
#award { background:url(../images/img_award_b.jpg) no-repeat top;}
#rifa { background:url(../images/img_rifa.jpg) no-repeat top;}
#mapaweb { background:url(../images/img_mapaweb.jpg) no-repeat top;}
#foro { background:url(../images/img_foro.jpg) no-repeat top;}
#noche { background:url(../images/img_noche.jpg) no-repeat top;}
#medioambiente { background:url(../images/img_medioambiente.jpg) no-repeat top;}
#deportes { background:url(../images/img_deportes.jpg) no-repeat top;}
#tauromaquia { background:url(../images/img_tauromaquia.jpg) no-repeat top;}
#camara { background:url(../images/img_camaras.jpg) no-repeat top;}
#links { background:url(../images/img_links.jpg) no-repeat top;}
#banderas { background:url(../images/img_banderas.jpg) no-repeat top;}
#contact { background:url(../images/img_contact.jpg) no-repeat top;}
#consult { background:url(../images/img_consult.jpg) no-repeat top;}