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

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


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

.texto .link1
{   
    color:#FFFFFF;text-decoration:none;    
}
.texto .link1:hover
{   
    text-decoration:underline;color:#FFFFFF;cursor:hand  
}


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


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


.master-page
{
    width: 100%;    
}

.marco-900
{
    margin: auto;
    width:900px;
}

.logo
{
    float:left;
    margin-top:30px;
    margin-left:20px;
    overflow: hidden;

}

.logger
{

    float:right;
    padding-top:10px;
    color:#556140;
    overflow:hidden;
        
}


.indice
{
    float:right;
    padding-top:40px;
    color:#556140;
    text-align:right;  	
    overflow:hidden;

}



.boton-indice
{
    float:right;
    width:100px;
    height:26px;
    line-height:26px;
    color:#556140;
    text-align:center;
    margin-right:5px;
    background-image:URL(imagenes/boton-indice-of.png);
    background-repeat:no-repeat;       	
    overflow:hidden;
}

.menu
{
    float:left;
    width: 230px;
    margin-top:80px;
    overflow:hidden;

}

.contenido
{
    float:right;
	width: 640px;
    margin-top:30px;	  
    border:0px solid #FFFFFF;
    
}


.pie
{
    float:right;
    color:#FFFFFF;
    font-size:10px;
    margin-top:10px;
}




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


.dot
{   
    float:left;
    width:30px; 
    height:26px;
    padding-top:4px;
    text-align:center;
    border:1px solid #FFFFFF;    
    background-color:;
    background-image:URL(imagenes/dot-70.png);
    background-repeat:repeat; 
}

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

.rss
{   
    float:right;
}

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

.texto
{   
    min-height:400px;
    color:#FFFFFF;
    padding:30px;
    text-align:justify;
    border:1px solid #333333;
    background-image:URL(imagenes/dot-70.png);
    background-repeat:repeat;
}

.subtexto
{   
    color:#FFFFFF;
    padding:30px;
    text-align:justify;
    border:1px solid #333333;
    background-image:URL(imagenes/dot-70.png);
    background-repeat:repeat;
}

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

.texto-portada
{   
    float:left;
    width: 185px;
    margin-top:0px;
    color:#FFFFFF;
    z-index:150;    
    padding:10px;
    border:1px dotted #FFF;
    background-image:;
    background-repeat:repeat;
}

.marco-imagen
{   
    float:right;    
    width: 220px;
    text-align:center;
    margin:15px;
    margin-top:40px; 
    border:0px solid #FFFFFF;
 }

.imagen
{   
    float:right;
    width: 200px;
    padding:10px;
    overflow:hidden;   
 }
 
 
 .thum
{   
    max-width: 150px;
    max-height:100px;    
    margin-right:10px;
    margin-bottom:10px;
    border:1px solid #4c4c4c;
 }
 
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORMULARIO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 .titulo-input
{   
    float:left;
    width: 80px;
    height:24px;
    line-height:24px;    
    padding:0px;
    overflow:hidden;   
 }
 
  .input
{   
    float:left;
    width: 430px;
    height:24px;
    line-height:24px;
    padding-left:10px;
    border:1px solid #b7d18a;
    overflow:hidden;
    
 }
 
   .text-area
{   
    float:left;
    width: 550px;
    height:300px;
    padding:10px;
    border:1px solid #b7d18a;
    overflow:hidden;   
 }
 
   .avisolegal
{   

    font-size:11px;
    color:#8f8f8f;
    margin-top:30px;
    margin-bottom:40px;
    padding:5px;
    border:1px dotted #8f8f8f;   
    overflow:hidden;   
 }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LOGIN PORTADA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        .box1
        {
        height:26px;
        line-height:26px;        
        font-family:Verdana,arial;
        font-size:12px;    
        color:#ffffff;
        text-align:center;
        border-bottom:1px dotted #333333;
        background-color:#000000;
                       
        }
        .box2
        {
        height:26px;
        line-height:26px;        
        font-family:Verdana,arial;
        font-size:11px;    
        color:#FFFFFF;
        text-align:center;
        }
        .input-login
        {
        width:140px;
        height:20px;
        line-height:20px;        
        font-family:Verdana,arial;
        font-size:11px;    
        color:#000000;
        text-align:center;
        border:1px solid #FFFFFF;
        background-color:#ffffff;
        }
        .boton-login
        {
        width:auto;
        height:auto;
        line-height:22px;        
        font-family:Verdana,arial;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:5px;     
        border:1px solid #FFFFFF;
        background-color:#000000;              
        }
        
        .boton-login:hover
        {           
        color:#000000;
        border:1px solid #000000;
        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 CONTROL LOGIN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   

        .etiqueta-texto
        {
        padding-top:5px;
        color:#FFFFFF;                      
        text-decoration:none;
        }
        
        .input-login-control
        {
        width:140px;
        height:20px;
        line-height:20px;        
        font-family:Verdana,arial;
        font-size:11px;    
        color:#000000;
        text-align:center;
        border:1px solid #FFFFFF;
        background-color:#ffffff;
        }        
        
        
        .boton-login-control
        {
        width:auto;
        height:auto;
        line-height:18px;        
        font-family:Verdana,arial;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:0px;
        margin-top:20px;
        margin-bottom:20px;        
        margin-right:150px;             
        border:1px solid #FFFFFF;
        background-color:#000000;                      
        }
        
        .boton-login-control:hover
        {           
        color:#000000;
        border:1px solid #000000;
        background-color:#FFFFFF;
        cursor:hand;              
        }
        
                 
        
        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CLASES INTRANET
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   


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

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

.texto a:hover
{
    color:#faa65e;
}

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