﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	ELEMENTOS DE FORMATO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

BODY
{
margin:0px;
font-family: Verdana;
font-size:12px;
color:#556140;
line-height:18px;   
background:#000000;
background-image:url(imagenes/fondo.jpg);
background-repeat:no-repeat;
background-position:top center;

}


h1 {font-size:18px;color:#491600; padding-left:20px;  padding-right:20px; line-height:18px;}


p {font-size:11px;text-align:justify;line-height:20px; padding-left:20px; padding-right:20px;}


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:#ffffff; text-decoration:none; }
.link2:hover { text-decoration:underline; color:#ffffff;}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	RETICULA PRINCIPAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.master-body
{
width:100%;
overflow: auto;
}

.indice
{
	width: 640px;
    text-align:right;
    overflow:hidden;
    float:right;
    height:30px;
}


.menu-contenido
{
	margin:auto;
	width: 900px;
    min-height:600px;  	
    border:0px solid #ffffff;
    overflow:hidden;
}

.menu
{
    float:left;
    width: 230px;
    min-height:500px;  	
    border:0px solid #ffffff;
    overflow:hidden;
    background-image:url(imagenes/fondo-menu.png);
    background-position:top left;
    background-repeat:no-repeat;
   
    
}

.contenido
{
    float:right;
	width: 640px;
    min-height:500px;  	
    border:0px solid #b7d18a;
    background-image:url(imagenes/dot-50.png);
    background-repeat:repeat;
    background-position:top left;    
    overflow:hidden;

}




.pie
{
	margin:auto;
	width:900px;
    height:30px;
    color:#ffffff;
    font-size:10px;
    text-align:center;
    overflow:hidden;
    border:0px solid #000000;
    margin-top:50px;
    vertical-align: middle;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MODULOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.logo
{   
    float:left;
    margin-top:30px; 
    margin-left:0px;
}



.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-image:url(imagenes/banner.png);
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;
}


.boton-indice
{   
   
    height:30px;
    line-height:30px;
    text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin-right:10px;
	border:0px solid #000000;	
	width:auto;
	float:right;

}

.boton-indice:hover
{
    cursor:hand;    
	background-image:url(imagenes/patron-boton-indice.png);
	background-repeat:repeat-x;
	background-position:left 1px;   
}


.boton-menu
{   
   
    height:30px;
    line-height:30px;
    text-align:center;
	border:0px solid #000000;	
	width:230px;
	background-image:url(imagenes/patron-boton-menu.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:3px;
}

.boton-menu:hover
{
    cursor:hand;    
	background-image:url(imagenes/patron-boton-menu2.png);
	background-repeat:no-repeat;
	background-position:top left;   
}

.titulares
{
    float:right;
	width: 350px;
	height:164px;
    border:0px solid #b7d18a;
    overflow:hidden;
    text-align:right;
}

.paginas
{
    float:right;
	width: 515px;
	min-height:500px;
    border:1px solid #ab8922;
    overflow:hidden;
    text-align:left;
    background-image:url(imagenes/fondo-texto.png);
    background-repeat:repeat;
    background-position:top left;
    margin-top:10px;
    color:#000000;
    font-size:11px;
    font-family:Verdana;
    
}

.mapa
{

    border:1px dotted #ab8922;
    margin:10px;

}

.formu
{
    height:20px;
    line-height:20px;
    font-size:12px;    
	color:#000f1a;	
	padding-left:10px;
    border:1px solid #ab8922;	
	background-image:url(imagenes/alfa60.png);
	background-repeat:repeat;
	background-position:left top;   
}

.boton-formu
{   
   
    height:30px;
    line-height:30px;
    text-align:center;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
	border:1px solid #ab8922;	
	width:auto;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;

}

.boton-formu:hover
{
    cursor:hand;    
	background-image:url(imagenes/patron-boton-indice.png);
	background-repeat:repeat;
	background-position:top left;   
}

.imagen-noticias
{
    float:left;
    padding-right:15px;
    padding-bottom:15px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	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;
}