﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	ELEMENTOS DE FORMATO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

BODY
{
margin:0px;
font-family: Verdana;
font-size:11px;
color:#000000;
line-height:18px;   
background:#0a3c00;
background-image:url(imagenes/background.png);
background-repeat:no-repeat;
background-position:top center;
}


h1 {font-size:26px;color:#8d007f;margin-left:40px}
h2 {font-size:13px;color:#c30000; font-weight:bold;}
h3 {font-size:0.8em}

p {font-size:11px;text-align:justify;line-height:20px; margin:10px;}


ul.parrafo {text-align:left;margin:0px;padding:0px;margin-left:40px;line-height:130%}
li.parrafo {font-size:0.8em;font-weight:bold;}

.link1 {color:#000000; text-decoration:none; }
.link1:hover { text-decoration:underline;}

.link2 {color:#ffad00; text-decoration:none; }
.link2:hover { text-decoration:underline; color:#ffad00;}

.link3 {color:#000000; text-decoration:underline; }
.link3:hover { text-decoration:underline; color:#008030;}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	RETICULA PRINCIPAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.master-body
{
width:100%;
min-height:820px;
background-image:url(imagenes/trama2.png);
background-repeat:no-repeat;
background-position:top center;
overflow: auto;
}


.cabecera
{
	margin:auto;
	width: 900px;
    height:200px;
    color:#8d007f;
    vertical-align:bottom;	
    border:0px solid #000000;
    clear:both;
}

.indice
{
	float:right;
	width: 200px;
    height:22px;
    color:#000000;
    text-align:right;  	
    border:0px solid #000000;
    margin-top:10px;
    margin-right:205px;
    overflow:hidden;
}

.menu-flash
{
	margin:auto;
	width: 900px;
    height:250px;  	
    border:0 px solid #000000;
    overflow:hidden;
}


.noticiasybanners
{
	margin:auto;
	width: 900px;
    margin-top:20px;	
    border:0px solid #000000;
    overflow:hidden;
}


.pie
{
	margin:auto;
	width: 900px;
    height:30px;
    color:#FFFFFF;
    font-size:10px;
    text-align:center;
    margin-top:20px;
    overflow:hidden;
}

.sup-pag
{
    background-image:url(imagenes/sup-pag.png);
    background-repeat:no-repeat;
    background-position:top left;
    height:12px;
    
}

.pagina 
{
    background-image:url(imagenes/fondo-pag.png);
    background-repeat:repeat-y;
    background-position:top left;
    min-height:400px;
    border:0px solid #000000;
    font-size:11px;
    text-align:justify;
    line-height:20px; 
    padding:30px;
}

.inf-pag
{
    background-image:url(imagenes/inf-pag.png);
    background-repeat:no-repeat;
    background-position:top left;
    height:12px;
}
.contenidos
{
    margin-left:220px;  
    vertical-align:top; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MODULOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.logo
{   
    float:left;
    margin-top:40px; 
    margin-left:50px;
}



.noticia-portada
{
float:left;
width:200px;
height:200px;
margin-right:20px;
background-image:url(imagenes/ejemplo-noticia.png);
background-repeat:no-repeat;
background-position:top center;
overflow:hidden;
}

.banner-portada
{
float:left;
width:200px;
height:80px;
margin-top:20px;
margin-right:20px;
background-repeat:no-repeat;
background-position:top center;
overflow:hidden;
}

.botones-portada
{
float:right;
width:210px;
margin-right:0px;
text-align:right;
overflow:hidden;
}

.direccion-portada
{
float:right;
width:210px;
text-align:center ;
margin-top:40px;
margin-right:0px;
font-size:12px;
color:#FFFFFF;
overflow: auto;
border:0px solid #ffffff;
}

.subpagina
{
	margin:auto;
	width: 900px;
    margin-top:20px;	
    border:0px solid #000000;
    overflow:hidden;
}


.contenido-subpagina
{
float:right;
margin-right:20px;
overflow:hidden;
}

.menu-derecha
{
float:left;
margin-right:20px;
overflow:hidden;
}

.imagen
{
    border:1px dotted #999999;
    padding:5px;

    margin-left:20px;
    margin-bottom:20px;
}

.titulares
{
    font-family:Verdana;
    font-size:18px;
    line-height:22px;
    color:#00802e;
    font-weight:bold;
    float:left;

}

.tabla
{
    font-size:10px;
    text-align:left;
    text-align:center;
    
}



.mapa
{
    border:1px dotted #008030;
}

.formu
{
    height:20px;
    line-height:20px;
    font-size:12px;    
	color:#000000;	
	padding-left:10px;
    border:1px dotted #008030;
}

.imagen-noticias
{
    float:left;
    padding-right:15px;
    padding-bottom:15px;
}

.textonoticia
{
	 line-height: 14px;
	 font-size: 10px;
	 text-align: justify;
	 padding-right: 10px;
     padding-left: 10px;
     padding-bottom: 0px;
}

.textonoticia p
{
    line-height:14px;
    text-align:justify;
}

.actividades
{
    background-image:url(imagenes/tit-actividades.png);
    background-repeat:no-repeat;
    width:139px;
    height:30px;

    
    
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LISTADOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.item-cabecera
{
float:left;
height:20px;
line-height:20px;
font-family: Verdana;
font-size:11px;
color:#FFFFFF;
text-align:center;
border-right:1px dotted #FFFFFF;
background-color:#8d007f;
margin-top:10px;
overflow:hidden;
}

.item-listado
{
float:left;
height:76px;
line-height:85px;
font-family: Verdana;
font-size:11px;
color:#8d007f;
text-align:left;
padding:3px;
border-bottom:1px dotted #8d007f;
overflow:hidden;
}