/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	ELEMENTOS DE FORMATO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
BODY
{ 
margin:0px;
font-family:   verdana, Arial;
font-size:12px;
color:#000000;
line-height:20px;   
background:#000;
}


.link1 {color:#000000; text-decoration:none; }
.link1:hover { color:#880144;}


.subtexto .link1 {color:#232732}
.subtexto .link1:hover {text-decoration:underline}


.link2 {color:#232732; text-decoration:none; }
.link2:hover { color:#1097db; text-decoration:none; }

.link3 {color:#000; text-decoration:none; }
.link3:hover { color:#880144; text-decoration:none; }

.link1-justify {color:#FFFFFF; text-decoration:none; text-align:justify; line-height:30px; }
.link1-justify:hover { color:#1097db;}

.subraya {text-decoration:underline;}


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


.master-page
{
    position:absolute;
    width:100%;
    height:700px;
    background:#FFF;    
    top:20px;
    z-index:0;
       
}


.ilustracion
{
  position:absolute;
  top:70px;
  right:0px;
  z-index:10;

}

.marco-900
{
   position:absolute;
   margin-left:50%;
   left:-450px;
   top:20px;
   width:900px;
   height:700px;
   z-index:20;
   border:0px solid red;   
}


.negro
{
   position:absolute;
   margin-left:50%;
   left:-600px;
   top:20px;
   top:720px;
   width:1200px;   
   height:190px;
   z-index:0;
    background-image:URL(imagenes/adorno1-negro.png);
    background-repeat:no-repeat;
    background-position:top 200px;
}

.cabecera
{
   width:900px;
   height:95px;
   padding-top:30px;
   padding-left:40px;
   border:0px solid red;
   overflow:hidden;
}


.logo
{
    float:left;
    margin-top:30px;
    margin-left:0px;
}

.indice
{
    float:right;
    font-size:14px; 
    letter-spacing:0px;   
    margin-top:70px;
}

.imagen-home
{
   width:900px;
   height:300px;
   overflow:hidden;
}



.menu
{
    float:left;
    width: 230px;
    margin-top:20px;
    color:#000;
    font-size:14px;   
    text-shadow: 2px 2px 2px #ccc;
    border:0px solid red;       
}

.contenido
{
    position:absolute;
	width: 650px;
	right:0px;
    border:0px solid red;
    z-index:100;   
    
}


.direccion
{
    float:right;
    margin-top:20px;
    font-size:9px;
    text-align:right;
    color:#ffffff;
}

.seo
{
    float:right;
    margin-top:5px;
    margin-right:40px;
    font-size:9px;
    text-align:right;
    color:#666666;
}




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


.dot
{   

float:left;
margin-right:5px;
width:20px;
height:20px;
border:0px solid #FFFFFF;
background-color:;
background-image:URL(imagenes/dot.png);
background-repeat:no-repeat;
position:relative;
top:5px;

}


.titulo
{   
    float:left;
    font-family:helvetica, verdana;
    font-size:20px;
    color:#000;    
}

.rss
{   
    float:right;
    font-size:11px;
}

.subtitulo
{   
    height:30px;
    line-height:30px;
    margin-left:0px;
    font-size:14px;
    text-decoration:underline;
    color:#000;

}

.texto
{ 
    padding:30px;
    width:550px;
    text-align:justify;  
    border:1px solid #e5e5e5;
    background-image:URL(imagenes/trans1.png);
    background-repeat:repeat;
    background-position:top left;

}


.subtexto
{   
      
    text-align:justify;
    border:1px solid #e5e5e5;
    border-top: 1px solid #f2f2f2;
    background-color:#e5e5e5;
    width:550px;
}

.subtexto-images
{   
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;    
    text-align:center;
    border:1px solid #FFFFFF;    
    background-color:#aabbc7;

}

.fecha
{   
    font-size:11px;
    color:#000;
    }


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

.texto-portada
{   
    float:left;
    width: 192px;
    margin-top:0px;
    color:#FFFFFF;
    padding:10px;
    border:1px dotted #FFF;
    background-image:;
    background-repeat:repeat;
    overflow:hidden;
}

.marco-imagen
{   
    float:right;    
    width: 200px;
    text-align:right;
    margin-top:30px;      
    margin-left:20px;
    margin-bottom:20px;
    border:1px solid #e5e5e5;
 }

.imagen
{   
    float:right;
    width: 200px;

 }
 
 .mapa
 {
	border:1px solid #000;
}

.polaroid
{
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-top:1px solid #000000;
    border-bottom:9px solid #000000;
}
 
 

 
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	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 #d9d9d9;
    overflow:hidden;
      background-color:#ffffff;
        background-image: url(imagenes/sombra-input.png);
        background-position:bottom left;
        background-repeat:repeat-x; 
    
 }
 
   .text-area
{   
    float:left;
    width: 550px;
    height:300px;
    padding:10px;
    border:1px solid #d9d9d9;
    overflow:hidden;   
 }
 
   .avisolegal
{   

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


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

        .firma
        {
        font-family: Verdana, Arial, Helvetica;
        font-size:10px;
        color:#666666;
        text-decoration:none;
        }
        
        .firma:hover
        {       
        text-decoration:underline;
        }   
        
        
        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CLASES CONTROLES y LOGIN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   

        .box1
        {
        height:26px;
        line-height:26px;        
        font-family: Verdana, Arial, Helvetica;
        font-size:12px;    
        color:#ffffff;
        text-align:center;
        border-bottom:1px dotted #333333;
        background-color:#000;                      
        }

        .etiqueta-texto
        {
        padding-top:5px;
        color:#FFFFFF;                      
        text-decoration:none;
        }
        
        .input-login
        {
        width:150px;
        height:22px;
        line-height:22px;        
        font-family: Verdana, Arial, Helvetica;
        font-size:11px;    
        color:#000000;
        text-align:center;
        border:1px solid #FFFFFF;
        background-color:#ffffff;
        background-image: url(imagenes/sombra-input.png);
        background-position:bottom left;
        background-repeat:repeat-x;        
        }        
              
        
        .boton-login-portada     
        {
        width:auto;
        height:auto;
        line-height:18px;        
        font-family:Helvetica, Verdana, Arial;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:0px;
        margin-top:10px;
        margin-bottom:10px;        
        margin-right:60px;             
        border:1px solid #FFFFFF;
        background-color:#000000;                      
        }
        
        .boton-login-portada:hover
        {           
        color:#000000;
        border:1px solid #000000;
        background-color:#FFFFFF;
        cursor:hand;              
        }
        
         .boton-login  
        {
        width:auto;
        height:auto;
        line-height:18px;        
        font-family: Helvetica, Verdana, Arial;
        font-size:12px;  
        font-weight:bold;          
        color:#232732;
        text-decoration:none;
        padding:10px;
        margin-top:10px;
        margin-bottom:10px;        
        margin-right:50px;             
        background-color:#ccc;
        border:1px solid #b2b2b2;                       
        }
        
        .boton-login:hover
        {           
        color:#000000;
        border:1px solid #aabbc7;
        background-color:#FFFFFF;
        cursor:hand;   
        text-decoration:none;           
        }               
        
        .boton-crear-usuario   
        {
        width:auto;
        height:auto;
        line-height:18px;        
        font-family: Verdana, Arial, Helvetica;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:0px;
        margin-top:10px;
        margin-bottom:10px;        
        margin-right:60px;             
        border:1px solid #FFFFFF;
        background-color:#000000;                      
        }
        
        .boton-crear-usuario:hover
        {           
        color:#000000;
        border:1px solid #000000;
        background-color:#FFFFFF;
        cursor:hand;              
        }                 
        
        
        .boton-recovery-control 
        {
        width:auto;
        height:auto;
        line-height:18px;        
        font-family: Verdana, Arial, Helvetica;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:0px;
        margin-top:20px;
        margin-bottom:20px;        
        margin-right:110px;             
        border:1px solid #FFFFFF;
        background-color:#000000;                      
        }
        
        .boton-recovery-control:hover
        {           
        color:#000000;
        border:1px solid #000000;
        background-color:#FFFFFF;
        cursor:hand;              
        }        
                
        
       .input-recovery-control
        {
        width:300px;
        height:20px;
        line-height:20px;        
        font-family: Verdana, Arial, Helvetica;
        font-size:11px;    
        color:#000000;
        text-align:center;
        border:1px solid #FFFFFF;
        background-color:#ffffff;
        background-image: url(imagenes/sombra-input.png);
        background-position:bottom left;
        background-repeat:repeat-x;          
        }           
        
                
        .boton-changepassword-control
        {
        width:auto;
        height:auto;
        line-height:18px;        
        font-family: Verdana, Arial, Helvetica;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:0px;
        margin-top:20px;
        margin-bottom:20px;        
        margin-right:0px;             
        border:1px solid #FFFFFF;
        background-color:#000000;                      
        }
        
        .boton-changepassword-control:hover
        {           
        color:#000000;
        border:1px solid #000000;
        background-color:#FFFFFF;
        cursor:hand;              
        }   
        
        .input-changepassword-control
        {
        width:140px;
        height:20px;
        line-height:20px;        
        font-family: Verdana, Arial, Helvetica;
        font-size:11px;    
        color:#000000;
        text-align:center;
        border:1px solid #FFFFFF;
        background-color:#ffffff;
        margin-left:20px;
        }               
        
                 
        .boton-continuar-control
        {
        width:auto;
        height:auto;
        line-height:18px;        
        font-family: Verdana, Arial, Helvetica;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:0px;
        margin-top:20px;
        margin-bottom:20px;        
        margin-right:70px;             
        border:1px solid #FFFFFF;
        background-color:#000000;                      
        }
        
        .boton-continuar-control:hover
        {           
        color:#000000;
        border:1px solid #000000;
        background-color:#FFFFFF;
        cursor:hand;              
        }   
        
        .mensaje-error
        {           
        clear:both;
        font-size:9px;
        float:left;
        color:#ff0000;
        margin-left:10px;       
        }         
                 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PLANTILLAS EMAIL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   

        cuerpo-email
        {           
        
        width:400px;
        margin:20px;
        border:1px solid red;      
        }      

        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CLASES INTRANET
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   


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


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