body {

	margin: 2em 0 1em 0; 

	padding: 0;

	background-color:#FFFFFF; 

	font:0.69em "verdana", sans-serif;

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

	color:#333;

 }

img{border:none;}

.flotarizquierda{float:left; margin:0.5em;}

.flotarderecha{float:right; margin:0.5em;}

.alineacionv{vertical-align:middle;}

.clear {clear: both;}

.alicentro{text-align:center}

.aliderecha{text-align:right}

.negrita{font-weight:bold;}

.oculto{position:absolute; top:-1900px; left:-1900px; width:0em;}



a{color:#000;text-decoration:none; text-decoration:underline;}

a:hover{color:#9900cc;}



#izq ul.submenu a, #centro ul.sub_submenu a{

text-decoration:none;

}

#izq h2{

	margin:0.5em 0 0 0.7em;

	padding:0 0 0 1.2em;

	font-size:1.2em;

	color:#9900cc;

	background: url(../images/fondo_h2.png) left center no-repeat;

}

#centro h3,#centro_sin h2,#centro_solo h2{

	color:#9900cc;

	margin:0.3em 0 0 0;

	padding:0.4em 0 1.1em 0.5em;

	font-size:1.2em;

	background: url(../images/fondo_h3.jpg) left center no-repeat;

}

h4,#centro_sin h3,#centro_solo h3{

	color:#9900cc;

	margin:0;

	padding:0 0 0.45em 0.7em;

	font-size:1em;

	background: url(../images/fondo_h4.gif) left bottom no-repeat;

}

h5,#centro_sin h4,#centro_sin h5,#centro_solo h4,#centro_solo h5{

	color:#9900cc;

	margin:0;

	padding:0;

	font-size:1em;

}







#contenedor {

	width:86.2em;

	margin: 0.3em auto 0 auto;

	padding:0;

	border:#ccc solid 1px;

	background:#FFF;

}



#cabecera {

	float:left;

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

	background-repeat:no-repeat;

	background-position:left bottom;

	width:100%;

	margin:0;

	padding:0;

}

#cabecera img.logo{

	float:left;

}

#imagen{margin: 0.45em 0.45em 0 0.45em;padding:0;}

#contenido{

	margin: 0 0 0 0.45em;

	padding:0;

	width:99.1%;

	float:left;

}

#pie {

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

	background-repeat:no-repeat;

	background-position:left bottom;

	width:100%;

	height:2.82em;

	margin:0;

	padding:0;

	float:left;

}

#der{

	width:21%;

	min-height: 22em;

	margin:0;

	padding:0;

	float:right;

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

	background-position:top left;

	background-repeat:no-repeat;

}

#centro{

	float:left;

	width:59.4%;

	margin: 0 0 0 0.3em;
	min-height: 22em;
	padding:0;

}

#centro_sin{

	float:left;

	width:77%;
	min-height: 22em;
	margin: 0 0 0 0.3em;

	padding:0;
}

#centro_solo{

	float:left;

	width:99%;
	min-height: 22em;
	margin: 0 0 0 0.3em;

	padding:0;
}

#izq{

	float:left;

	width:18%;

	height:29em;

	margin:0 0 0 0;

	padding:0;

	background: url(../images/fondo_izq.jpg) left top no-repeat;

}



#pie p{margin:1.3em 0 0 0.5em;padding:0;}

#pie a{color:#666;}

#pie a:hover{color:#9900cc;}

#pie p.hora{

	text-align:center;

	float:right;

	margin:0.8em 0 0 0;

	padding:0;

	width:21.5%;

}

#der p{

	text-align:center;

	}

#der p img{margin:0.8em 0 0 0;}





#cabecera ul.menu_secundario{

	width:24%;

	margin:0.3em 0 0 0;

	padding:0;

	list-style:none;

	float:right;

}

#cabecera ul.menu_secundario li{

	float:left;

	width:27%;

	margin:0 1em 0 0;

	padding:0;

	text-align:center;

	list-style:none;

}

#cabecera ul.menu_secundario li a{

	margin:0;

	padding:0;

	color:#666;

	text-decoration:none;

	font-size:0.9em;

	text-align:center;

}

#cabecera ul.menu_secundario li a:hover{color:#9900cc;}





/*- - - - - - -  - - - - - -  - - Menu principal- - - - - - - - - - - - - -  - */

ul.lista {

	margin: 3.4em 0 0 6em;

	padding: 0;

	list-style: none;

	width:55%;

	float:left;

	}

ul.lista li {

	float:left;

	position: relative;

	}

ul.lista li ul {

	position: absolute;

	left:-3.64em;

	top: 2.1em;

	display: none;

	list-style:none;
	z-index:2;

	}



ul.lista li a {

	display: block;

	text-decoration: none;

	color: #777;

	background: #fff;

	padding: 0.45em 0.45em 0.45em 2.27em;

	background: #fff url(../images/a.png) 0.73em no-repeat;

	width:6em;

	}

ul.lista li a:hover {

	background: #fff url(../images/a2.png) 0.73em no-repeat;

	color:#333;

	}

ul.lista li ul li a {

	background: #ddd url(../images/a.png) 0.73em no-repeat;

	width:15em;

	border-bottom:#fff 1px solid;

	}

ul.lista li ul li a.ultimo {

	border-bottom:#9900cc 3px solid;

	}

ul.lista li ul li ul{

	position: absolute;

	left: 14.09em;

	top: 0;

	display: none;



}	

ul.lista li ul li a:hover {

  background:#eee url(../images/a2.png) 0.73em no-repeat;;

  color: #333;

}



ul.lista li:hover ul li ul,ul.lista li:hover ul li ul li a{ 

	display: none; 

}

ul.lista li:hover ul { 

	display: block; 

}

ul.lista li ul li:hover ul,ul.lista li ul li:hover ul li a{ 

	display: block; 

}



/* - - - - - -- - - - - - - - - - - - - - - - - - - - - -  -- - - */

ul.sub_submenu{

	list-style: none;

	float:left;

	width:100%;

	margin:0.5em 0 0.8em 0;

	padding:0;

	text-decoration:none;

}

ul.sub_submenu li{

	float:left;

	padding:0;

	margin:0 1em 0 0;

	/*margin:0;

	width:25%;*/

	

}

ul.sub_submenu li a{

	padding: 0.4em 0.45em 0.4em 1.3em;

	background: #fff url(../images/flecha.jpg) 0 0.45em no-repeat;

 	display:block;

	margin:0;

}

ul.sub_submenu li a.activo{

	color:#9900CC;

	text-decoration:underline;

}

/* - - - - - -- - - - - - - - - - - - - - - - - - - - - -  -- - - */

ul.submenu{

	list-style: none;

	width:96%;

	margin:0.5em 0;

	padding:0;text-decoration:none;



}

ul.submenu li{

	margin:0;

	padding:0;

	width:100%;

}

ul.submenu li a{

	padding: 0 0.45em 0.4em 1em;

 	display:block;

	margin:0;

}

ul.submenu li a.activo, ul.sub_submenu li a.activo{

	color:#9900CC;

	text-decoration:underline!important;

}



/* - - - - - -  - -Album - -  - - - -*/

ul.album  { 

   float:left; 

   padding:0;

   margin:1em 0 1em 1.8em; 



} 

ul.album li { 

   display:inline; 

   float:left; 

   width:13.64em; 

   background-color:#f5f7f9; 

   padding:0.18em; 

   margin:0 2em 0.5em 0;

   text-align: center; 

   border-right: #a5a7aa solid 1px; 

   border-bottom: #a5a7aa solid 1px; 

}

ul.album li span{

display:block;

padding:0.5em 0;

}









ul.categoria {

	margin: 0.5em 0 1em 0em;

	padding: 0;

	list-style: none;

	width:98%;

	float:left;
	z-index:-1;

	}

ul.categoria li {

	float:left;

	margin:0 2em 0 0;

	}



ul.categoria li a {

	display: block;

	text-decoration: none;

	color: #777;

	background: #fff;

	padding: 0.45em 0.45em 0.45em 1.25em;

	background: #fff url(../images/a.png) 0em no-repeat;

	width:auto;

	}

ul.categoria li a:hover {

	background: #fff url(../images/a2.png) 0em no-repeat;

	color:#333;

	}
ul.categoria li a.activo {
	color:#9900CC;
	text-decoration:underline;
	}


/*- - -  - -Formulario - - -  -*/

fieldset.contacto{

width:95%;

border:0;

margin:0 0 0 4em;

padding:0;

}



fieldset.contacto legend{

font-weight:bold;

color:#fff;

}



fieldset.contacto label {

float:left;

width:20%;

display:block;

margin:0.3em 0 0 0;

}



fieldset.contacto input {

margin:0.3em 4em 0 0;

border:1px solid #ccc;

float:left;

}



fieldset.contacto textarea {

margin:0.3em 0 0 0;

border:1px solid #ccc;



}



fieldset.contacto input.enviar{

margin:0.3em 1em 0 0;

border:1px solid #ccc;

float:left;

font-size:1em;

cursor:pointer;

}

/*- - -  - -mapa web - - -  -*/



ul.mapa_web{

	list-style: none;

	float:left;

	width:98%;

	margin:0.5em 0 0em 2em;

	padding:0;

	text-decoration:none;

}

ul.mapa_web li a{

	text-decoration:none;

	padding:0 0 0 1em;

	background: #fff url(../images/a3.png) center left no-repeat;

}

ul.mapa_web li ul li a{

	background: #fff url(../images/a4.png) center left no-repeat;

}

ul.mapa_web li{

	float:left;

	width:18%;

	margin:0 0 0.8em 0;

	padding:0;

	display:block;



}

ul.mapa_web li ul{

	list-style: none;

	float:left;

	width:100%;

	margin:0 0 0 0.5em;

	padding:0;

}

ul.mapa_web li ul li{

	float:left;

	width:90%;

	margin:0;

	padding:0;

	border-bottom:#CCCCCC 1px dotted;

}



/*- - - -  - - -ubicacion--------*/

#contenido p.seccion{

	line-height:1.6em;

	float:left;

	width:30%;

	margin:0.5em 0 0 1em;

	padding:0;

}



#contenido p.seccion span{

	font-weight:bold;

	color:#9900cc;

	margin:0;

	padding:0 0 0 0.2em;

	display:block;

	background-color:#DDD;



}

/*- - - -  - - -proteccion datos--------*/

div.datos{
background:#FFF;
margin:0 1em 0em 1em;
padding:0.5em;
border:#ccc solid 1px;
}
div.datos h1, div.datos h2, div.datos h3{
font-size:1.2em;
color:#9900cc;
}