img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


* {
	margin: 0;
	padding: 0;
}


* html #img_corporativa{
	margin-left: 5px;	
}

* html #pe p{
	margin-top: -10px;
}


a {
	color: #FF6600;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font: bold 1.4em "Verdana",Arial;
	margin-bottom: 10px;
	color: #FF5800;


}

h2 {
	font: bold 1.1em "Verdana",Arial;
	margin-bottom: 10px;
	color: #000000;


}

.texto_naranja {

	color:#FF6600;

}
body {
	background-color:#999999;
	font: normal 12px "Verdana",Arial;
	margin: 0;
}

#barra {
	height: 15px;
	margin: 0px;
	padding:0px;
	background:#FF6600 url(imaxes/layout/fondo_barra.gif) repeat-x;
	color:#CCFF00;	
}

#principal {
	background-color:#FFFFFF;
	/*border: 1px solid #EEE;*/
	/*border-color: #EEE #CCC #AAA;*/
	margin:auto;
	text-align: left;
	width: 790px;
}

#cabecera{
	height: 30px;
}


/* menu */
#menu {
	float:right;
	font: normal 0.8em "Verdana",Arial;
	margin-top: 10px;
	margin-left: 260px;
	height: 20px;
	/*background-color:#AA0000;*/
	color:#FF6600;
}

#menu ul {
   /* margin: 0;*/

 
   
    list-style-type: none;
	list-style-position:inherit;

   }

/* he puesto el padding hacia la izquierda para igualar los apartados con respecto a la ---> | */
#menu li {
	 padding: 0 5px 0 0;
	
	 display: inline;
	list-style-type: none;
	
}

#menu ul li a {
	
	color: #FF6600;
	text-decoration: none;
	/*float: left;*/
	
}

#menu ul li a:hover{
	padding: 2px 2px 2px 2px;
	background-color: #653A02;
	color: #fff;
}

/*este estilo es el marcar menu de antes ahora mismo ya no es válido*/

/*#menu ul li a.marcar_menu{
	padding: 2px 2px 2px 2px;
	background-color: #653A02;
	color: #fff;
}*/


#nav_secundaria li.seccion_activa a{
	background:transparent url(imaxes/layout/ico_li_on.gif) no-repeat scroll left center;
	color: #FF5800 !important;;
}

#corpo{
	
	background:  url(imaxes/layout/fondocorpo.gif) repeat-y left;
	overflow:auto;
	
	}
#corpo_1{
	float:left;
	
	
}
#corpo_2{
	float:left;
	margin-left: 15px;

}

#img_corporativa{
	float:left;
	margin: 0px 0px 0px 10px; 
	background: url(imaxes/layout/fondo_img_corporativa.gif) no-repeat;
	width: 220px;
	height: 52px;	
}

#menu_secundario{
	clear:both;
	background: #542E19 url(imaxes/layout/fondo_menu_secundario.gif) no-repeat top;
	margin: 0px 0px 0px 10px;
	height: 100%;
	bottom: 0px;
	/*overflow:hidden;*/

	width: 219px;

	
}

/*=comentario no me queda muy claro como solucionar esto, no consigo que pille un alto 100%, esta zona 
en concreto nunca va a tener contenido hasta el fondo por lo que sin fijar una altura no se como hacer 
para que baje, he puesto 250px para fijar una altura y el overflow hidden esta por si la altura sobrepasa el limite 
para que no se descuelgue*/

#fondo  {
	
	clear:both;
	/*height: 280px;*/
	/*background: url(imaxes/layout/fondo_menu_secundario.jpg) no-repeat;
	/*overflow:hidden;*/

	
}

#destacada{

	/*margin: 20px 10px 0px 0px; */
	background: url(imaxes/layout/fondo_cabecera.jpg) no-repeat;
	height: 117px;
	width: 532px;
}

#contenido {
	width: 534px;
	float:left;
	padding-top: 10px;
	
	padding-bottom: 10px;
}

#contenido h3 {
	margin-left: 5px;
}

/*este estilo hay que cargarselo que no tiene sentido*/
/*#contenido p{
	margin-left: 5px;
	font: normal 11px "Verdana",Arial;
	width: 350px;
}*/

#contenido img {
	
	float:left;
	
}



/*estilo para la zona de textos, definimos un ancho no demasiado grande, este estilo sustituye al #contenido p */
#contenido_col1{
	float:left;
	font: normal 11px "Verdana",Arial;
	width: 300px;
	margin-left: 5px;

}
/* segunda columna del contenido, reservada principalmente para imágenes*/

#contenido_col2{
	float:left;
	font: normal 11px "Verdana",Arial;
	width: 177px;
	margin-left: 50px;

}

#contenido_col2 img{
	float:left;
	padding-bottom: 20px;
	/*border: #CCCCCC solid 1px;*/

}

#clear {
	clear:right;
}

#menu a {
	padding: 0 2px;
	margin-right: 12px;
	
}
#menu a:hover {
	background: #AA0000;
	color: #FFF;
}


/*menu secundario*/

#nav_secundaria ul
{
	clear:both;
	list-style-type: none;
	text-align: left;
	float:left;
	width: 155px;
	margin-top: 30px;
	margin-left: 15px;



}

#nav_secundaria  ul li {
	border-bottom: 1px dotted gray;
	width: 150px;

}


#nav_secundaria  ul li a
{
background: transparent url(imaxes/layout/ico_li.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;

color:#FFFFFF;
}

#nav_secundaria  ul li a:hover
{
background: transparent url(imaxes/layout/ico_li_on.gif) left center no-repeat;
color:#FF6600;
}

#nav_secundaria  ul li a#current
{
background: transparent url(imaxes/layout/ico_li_on.gif) left center no-repeat;
color:#FF6600;
}

#pe	{

	background: url(imaxes/layout/pe.gif) no-repeat bottom;
	height:60px;
	

}

#pe p{
	padding-top: 25px;
	padding-left:10px;
	
	font:0.9em Verdana, Arial, Helvetica, sans-serif;
}


/* estilos de galeria fotográfica*/
/*
.imaxe_galeria{
	float:left;
	margin-left: 7px;
	
}*/

.imaxe_galeria {
background-color:#FF6600;
float:left;
width: 100px;
height: 75px;
margin:4px;
padding:4px;

}

/*estilo listas contenido*/

#lista_navegacion
{
margin-left: 10px;
padding-left: 0;
list-style: none;
}

#lista_navegacion li 
{
padding-left: 20px;
background-image: url(imaxes/layout/flecha_lista.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
margin-bottom: 7px;
}

.separacion_permisos{
	margin-top: 130px;
}
.separacion_permisos img{
	margin-bottom:100px;
}

#form_contacto input {
	width: 280px;
}

#form_contacto textarea {
	width: 280px;
	height: 140px;
}

p.volver {
	margin-top: 20px;
}

.erro {
	color: #FF0000;
	border: 1px dotted #FF0000;
	padding: 4px 2px 4px 2px;
}