/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	ELEMENTOS DE FORMATO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

BODY
{
margin:0px;
font-family: Verdana;
font-size:12px;
color:#556140;
line-height:20px;   
background:#FFFFFF;
background-image:url(imagenes/background.png);
background-repeat:repeat-x;
background-position:top center;
}

.link1 {color:#556140; text-decoration:none; }
.link1:hover { text-decoration:underline;}

.texto .link1 {color:#556140; text-decoration:none; }
.texto .link1:hover { text-decoration:underline;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	RETICULA PRINCIPAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.master-page
{
    width: 100%;    
}

.marco-900
{
    margin: auto;
    width:900px;
    z-index:10;

}

.logo
{
    position:absolute;
    margin-top:30px;
    overflow: hidden;
    z-index:50;
}

.indice
{

    padding-top:80px;
    color:#556140;
    text-align:right;  	
    overflow:hidden;
    z-index:50; 
}

.menu
{
    float:left;
    width: 230px;
    margin-top:20px;
    z-index:150;
    overflow:hidden;
    border:0px solid red;    
}

.contenido
{
    float:right;
	width: 640px;
    margin-top:10px;	  
    margin-bottom:30px;    
    z-index:150;

}


.pie
{
    float:right;
    color:#556140;
    font-size:10px;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MODULOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.dot
{   
    float:left;
    width:30px; 
    height:26px;
    padding-top:4px;
    text-align:center;    
    background-color:#556140;
    overflow:hidden;  
}

.titulo
{   
    float:left;
    height:30px;
    line-height:30px;
    margin-left:10px;
    font-size:20px;
    font-weight:bolder;
}

.rss
{   
    float:right;
}

.subtitulo
{   
    height:30px;
    line-height:30px;
    margin-left:40px;
    font-size:16px;
    font-weight:normal;
}

.texto
{   
    padding:30px;
    text-align:justify;
    border:1px solid #b7d18a;
    background-image:url(imagenes/dot-50.png);
    background-repeat:repeat;
    overflow:auto;        
}

.subtexto
{   
    padding:30px;
    text-align:justify;
    border:1px solid #b7d18a;
    background-image:url(imagenes/dot-50.png);
    background-repeat:repeat;
}

.ilustracion-portada
{
    float:right;
	width: 640px;
	height:80px;
    margin-top:10px;	  
    margin-bottom:30px;    
    z-index:150;    
}

.texto-portada
{   
    float:left;
    width: 335px;
    margin-top:0px;
    z-index:150;    
    padding:30px;
    padding-top:20px;
    border:1px solid #b7d18a;
    background-image:url(imagenes/dot-50.png);
    background-repeat:repeat;
}

.banners
{   
    float:right;
    width: 200px;
    height:240px;
    margin-top:0px;
    margin-left:20px;
    z-index:150;    
    padding:10px;
    padding-top:20px;
    padding-bottom:20px;    
    border:1px solid #b7d18a;
    background-image:url(imagenes/dot-50.png);
    background-repeat:repeat;    
}


.marco-imagen
{   
    float:right;    
    width: 240px;
    text-align:center;
    margin:15px; 
    border:1px solid #b7d18a;
 }

.imagen
{   
    float:right;
    width: 220px;
    padding:10px;
    overflow:hidden;   
 }
 
 
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORMULARIO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 .titulo-input
{   
    float:left;
    width: 80px;
    height:24px;
    line-height:24px;    
    padding:0px;
    overflow:hidden;   
 }
 
  .input
{   
    float:left;
    width: 300px;
    height:24px;
    line-height:24px;
    padding-left:10px;
    border:1px solid #b7d18a;
    overflow:hidden;   
 }
 
  .input-buscador
{   
    float:left;
    width:227px;
    height:24px;
    line-height:24px;
    padding-left:0px;
    border:1px solid #b7d18a;
    margin-top:0px;
    overflow:hidden;   
 } 
 
   .text-area
{   
    float:left;
    width: 550px;
    height:300px;
    padding:10px;
    border:1px solid #b7d18a;
    overflow:hidden;   
 }
 
   .avisolegal
{   

    font-size:11px;
    padding:10px;
    margin-top:30px;
    margin-bottom:40px;
    border:1px solid #b7d18a;
    background-color:#f5f2b1;
    overflow:hidden;   
 }
 
 
         .boton-login
        {
        width:auto;
        height:auto;
        line-height:22px;        
        font-family:Verdana,arial;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:0px;     
        border:1px solid #FFFFFF;
        background-color:#556140;              
        }
        
        .boton-login:hover
        {           
        color:#000000;
        border:1px solid #556140;
        background-color:#FFFFFF;
        cursor:hand;              
        }  


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FIRMA DIGITAL NATURE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

        .firma
        {
        font-family:Verdana,arial;
        font-size:10px;
        color:#666666;
        text-decoration:none;
        }
        
        .firma:hover
        {       
        text-decoration:underline;
        }   
        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CLASES INTRANET
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   


.texto p
{
    line-height:20px;
    text-align:justify;
}

.texto a
{
    color:#003b72; text-decoration:underline;
}

.texto a:hover
{
    color:#0060ba;
}

.texto ul
{
   margin:15px;padding:0px;
}