/*-------------ETIQUETAS GENERALES---------------------*/
?html, body {
	height:100%;
}

* html div {
	height:100%;
}

body {
    background:#FFFFFF;
    font: normal .8em  arial,tahoma,verdana, arial,  verdana,  serif;
    padding:0px;   
    clip: rect(0px,0px,0px,0px);
    margin:auto auto auto auto;
    text-align:center;
    color: #000000;
	
}
a{
	float:none;
	width:100%;
	color:#004c16;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
ul {
padding-left: 0; /*Limpieza de márgenes (se puede cambiar)*/
margin-left: 36px; /*Indentado de la lista (se puede cambiar)*/
list-style-type: none; /*Quitar estilo de viñeta*/
}
li {
border-bottom:1px #ffffff dotted;
margin-bottom: 10px;
padding-left: 15px;
width:90%;
}

input.boton{
border:#007922;
color:#007922;
float:right;
margin:5px 15px auto auto;
}
/*-------------CABECERA----------------------*/
#header{
	width:800px;
	height:150px;
	background: url(diseno/cabecera.jpg) center top no-repeat #ffffff;
	margin:5px auto auto auto ;
	text-align:right;
	padding-top:10px;
	color:#007922;
}
a.titulo_header{
	width:100%;
	height:auto;
	color:#007922;
	font:2em tahoma;
	text-decoration:none;	
}
a.titulo_header:hover{
	text-decoration:underline;
}
/*-------------BARRA DE NAVEGACIÓN SUPERIOR----------------------*/
#barra_superior{
	width:800px;
	height:20px;
	background:#007922;
	margin:auto auto auto auto;
	border-top:10px solid #ffffff;
	border-bottom:10px solid #ffffff;
	overflow:visible;
}
a.elemento_barra{
	width:auto;
	height:auto;
	margin:auto auto auto auto;
	float:right;
	overflow:hidden;
	border-left:1px solid #ffffff;
	color:#ffffff;
	padding-top:2px;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
}
a.elemento_barra:hover{
	background:#038e2a;
	text-decoration:underline;
	color:#f4fad0;
}
a.rss{
	width:51px;
	height:25px;
	margin:auto 140px auto auto;
	float:right;
	overflow:hidden;
	background: URL(diseno/rss.jpg) no-repeat ;
	padding-left:13px;
	padding-right:13px;
	text-decoration:none;
	display:block;
}
a.rss:hover{
	background: URL(diseno/rss2.jpg) no-repeat ;
	display:block;
}
/*-------------CONTENIDO----------------------*/
#content_index{
	width:800px; 
	height:auto;
	overflow:auto;
	margin:auto auto auto auto;
	line-height:1.5em;
	background:URL(diseno/background_index.jpg) center repeat-y ;
	border-bottom:1px solid #007922;
}
#content{
	width:800px; 
	height:auto;
	overflow:auto;
	margin:auto auto auto auto;
	line-height:1.5em;
	background:URL(diseno/background_contenido.jpg) center repeat-y ;
	border-bottom:1px solid #007922;
}

#barra_izq{
	width:200px;
	height:100%;
	min-height:100%; 
	min-height:500px;
	float:left;
	overflow:hidden;
	display:block;
	margin:auto;
	padding-bottom:40px;
}

#menu{
	width:200px;
	height:auto;	
	overflow:hidden;
	display:block;
	margin:auto;
}

#menu h1{
	width:200px;
	height:20px;
	background: URL(diseno/ico_h1_menu.gif) no-repeat top left #007922;
	color:#ffffff;
	font-size:.9em;
	text-align:left;
	padding-left:20px;
	font-weight:600;
	line-height:1.8em;
	letter-spacing: .05em;
}
a.menu_off{
	width:200px;
	height:20px;
	border-bottom:1px #cccccc solid;
	background:  #7eac7b;
	text-align:left;
	line-height:1.3em;
	padding:3px;
	display:block;
	font-size:1em;

	padding-left:10px;
	margin-top:5px;
	text-decoration:none;
	color:#ffffff;
	overflow:hidden;
}
a.menu_off:hover{
	background: #8aac88;
	text-decoration:underline;
}

a.menu_on{
	width:200px;
	height:20px;
	border-bottom:1px #cccccc solid;
	background: #8aac88;
	text-align:left;
	line-height:1em;
	padding:3px;
	display:block;
	font-size:1em;

	padding-left:10px;
	margin-top:5px;
	text-decoration:none;
	color:#007922;
	overflow:hidden;
}
a.menu_on:hover{
	background:#7eac7b;
	text-decoration:underline;
}

a.submenu{
	width:190px;
	height:28px;
	border-bottom:1px #cccccc solid;
	text-align:left;
	line-height:.9em;
	padding:2px;
	padding-left:10px;
	display:block;
	font-size:1em;

	text-decoration:none;
	color:#000000;
	overflow:hidden;
}
a.submenu:hover, a.submenu:active{
background: #8aac88;
text-decoration:underline;
}


/*-------------HOJUCA DIGITAL-----------*/
#hojuca{
	width:200px;
	height:auto;
	overflow:hidden;
	display:block;
	margin:auto auto auto auto;
}

#hojuca h1{
	width:200px;
	height:20px;
	background: URL(diseno/ico_h1_hojuca.gif) no-repeat top left #007922;
	color:#ffffff;
	font-size:.9em;
	text-align:left;
	padding-left:20px;
	font-weight:600;
	line-height:1.8em;
	letter-spacing: .05em;
}

#evento_hojuca{
	color:#ffffff;
	width:90%;
	font-size:.7em;
	border:2px solid #f44646;
	margin:10px auto auto auto;
	overflow:hidden;
	padding:2px;
}
label.hojuca{
	color:#007922;
	text-align:center;
	width:100%;


}
input.hojuca{
	border:#007922;
	color:#007922;
	float:right;
	margin:5px 15px auto auto;
}

/*-------------------DINÁMICO-------------------------*/
#dinamico{
	width:585px;
	height:auto;
	text-align:justify;
	display:block;
	float:left;
	overflow:hidden;
	margin:auto auto auto 15px;
	padding-left:0px;
}

p{
margin-top:1em;
}

b{
color:#4d6783;
}
strong{
color:#4d6783;
}

li{	
	
}

#info_index{
	width:auto;
	height:23px;
	background:#9ed69a;
	border:1px solid #007922;
	text-align:justify;
	padding-left:5px;
}
a.info_index{
	width:auto;
	font-size:.9em;
	color:#007922;
	text-decoration:none;
	float:left;
}
a.info_index:hover{
	text-decoration:underline;
}
#barra_imagen{
	width:580px;
	height:100px;
	border-bottom:1px solid #007922;
	margin-bottom:10px;
	margin-top:10px;
	font-weight:600;
	overflow:hidden;
			background: url(diseno/cabecera7.gif) center bottom #5a0060;
	}


/*-------------------------RELACIONADOS-A-CADA-SECCIÓN------------------*/
#pantalla_noticias,#pantalla_enlaces,#pantalla_descargas{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#bfddc7;
	
}

#barra_relacionados{
	width:580px;
	height:20px;
	font-weight:600;
	overflow:hidden;
}

#relacionados{
	width:100%;
	height:auto;
	overflow:auto;
	border-bottom:1px solid #007922;
	background:#9ed69a;

	padding:5px;
	padding-bottom:10px;
	list-style: none;
	padding-left:10px;
}
#relacionados h2{
	width:100%;
	height:50px;
	color:#007922;
	font-size:1.5em;
	text-align:left;
	font-weight:600;
	line-height:1.8em;
	letter-spacing: .05em;
	
}

#relacion{
	width:98%;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #cccccc;

	overflow:auto;
}
a.relacion{
	width:90%;
	text-decoration:none;
	font-size:.9em;
	color:#007922;
	line-height:2em;
	background: URL(diseno/list_descargas.gif) no-repeat top left ;
	display:block;
	float:none;
}
a.relacion:hover{
	text-decoration:underline;	
	color:#000000;
}





a.barra_novedades{
	background: URL(diseno/esquina_novedades.gif) #f3ebaa left top no-repeat  ;
	width:130px;
	height:20px;
	font-size:1em;

	font-weight:600;
	float:right;
	margin-left:10px;
	text-decoration:none;
	color:#007922;
	padding-left:20px;
}
a.barra_novedades:hover,a.barra_novedades:active{
	background: URL(diseno/esquina_novedades_on.gif) #007922 left top no-repeat  ;
	color:#ffffff;
}




/*----------------------------TEXTO DE CADA SECCIÓN------------------*/
#contenido_dinamico{
	width:580px;
	height:auto;
	text-align:justify;
	font-size:1em;
	padding-top:10px;
	padding-bottom:10px;

	overflow:hidden;
}

#contenido_dinamico h1{
	width:auto;
	height:25px;
	color:#007922;
	border-bottom:1px solid #007922;
	font-size:1.4em;
	text-align:left;
	display:block;
	overflow:hidden;
	font-weight:600;
	letter-spacing: .05em;
	padding-left:10px;
	line-height:1.6em;

}

#dinamico_index{
	width:380px;
	height:auto;
	float:left;
	overflow:hidden;
	margin:auto 10px auto 10px;
	text-align:justify;
}


#dinamico_index h1{
	width:auto;
	height:20px;
	color:#007922;
	background:URL(diseno/ico_h1_index.png) left no-repeat ;
	border-bottom:1px solid #007922;
	font-size:.9em;
	text-align:left;
	display:block;
	overflow:hidden;
	font-weight:600;
	letter-spacing: .05em;
	padding-left:30px;
	line-height:1.6em;
}

#destacados_index{
	width:200px;
	height:auto;
	float:left;
	overflow:hidden;
	margin:auto auto auto auto;
}

#destacados_index h1{
	width:200px;
	height:20px;
	background: URL(diseno/ico_h1_destacados.gif) no-repeat top left #007922;
	color:#ffffff;
	font-size:.9em;
	text-align:left;
	font-weight:600;
	line-height:1.8em;
	letter-spacing: .05em;
	padding-left:20px;
}

a.banner{
	width:150px;
	height:auto;
	display:block;
	overflow:hidden;
	border:1px solid #9ed69a;
	margin: 10px 25px 10px 25px;
}
a.banner:hover{

}
img.banner{
	border:none;
}

#novedad_index{
width:90%;
height:auto;
float:none;
text-align:justify;
padding: 10px;
overflow:hidden;
}

#pie_novedad{
	color:#666666;
	width:100%;
	height:20px;
	text-align:right;
	background:#dedede;
	padding-right:20px;
	border-bottom:1px dotted #666666;
	overflow:hidden;
}
a.pie_novedad_texto{
	color:#007922;
	text-decoration:none;
	padding-right:20px;
}
a.pie_novedad_texto:hover{
	color:#007922;
	text-decoration:underline;
}

.info_novedad{
	font-style:italic;
	color:#2781f1;
	text-align:left;
	padding-right:20px;
}
a.titular_novedad{
	width:245px;
	height:auto;
	margin:auto auto auto auto;
	float:left;

	text-decoration:none;
	color:#000000;
	overflow:hidden;
	padding-left:5px;
	
}
a.titular_novedad:hover{
	text-decoration:underline;
}

img.imagen{
	float:left;
	margin:auto auto auto auto;
	border-right:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
}

#info{
	width:96%;
	height:auto;
	padding:5px;
	border:2px solid #c82e29;
	background:#f0afac;
	overflow:hidden;
}

.titular{
	font-size:130%;
	margin:5px auto 3px auto;
	color:#007922;
		font-weight:600;
}

/*----------------------ESTILOS DE LAS TABLAS-----------------------*/
#tabla{
	width: auto;	
	font-size: 1em;
	font-weight:bold;
	margin-top:20px;
	text-align:center;
	overflow:hidden;
	float:none;
}


a.tabla{
	width:auto;
	height:2em;
	border: 1px solid #C1DAD7;
	float:left;
	background: #ffffff;	
	color: #797268;
	display:block;
	overflow:hidden;	
	text-align:center;

	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
}
a.tabla:hover{
	background:#007922;
	color:#ffffff;
}
/*-------------estilos para los formularios------------*/
#dato{
width:100%;

}

label.campo{
width:100%;
font-size:1.2em;
color:#007922;

float:left;
font-weight:900;
background:#dedede;
display:block;
padding-left:5px;
margin-top:10px;
}
label.campo_buscador{
width:100%;
font-size:1.2em;
color:#007922;

float:left;
font-weight:900;
display:block;
padding-left:5px;
margin-top:5px;
}

#cuadro_texto{
width:90%;
height:auto;
overflow:hidden;
padding-left:10px;
float:left;
}

#centrado{
width:100%;
height:auto;
text-align:center;

}
#filtro{
width:50%;
height:auto;
border:1px solid #007922;
background:#9ed69a;
overflow:hidden;
text-align:justify;
padding:5px;
margin:auto auto auto auto;
}

input.boton{
	color:#007922;
	float:right;
}
/*-------------PIE DE PÁGINA---------------------------*/
#footer{
	width:1024px;
	height:auto;
	overflow:hidden;
	text-align:center;

	margin:auto auto auto auto;
}