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

BODY
{ 
margin:0px;
font-family:   verdana, Arial;
font-size:12px;
color:#445060;
line-height:20px;   
background:#FCB913;
 }

.link1 {color:#5c5c5c; text-decoration:none; }
.link1:hover { color:#006699;}

.indice .link1 {margin-left:10px}

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

.link2{color:#5c5c5c; text-decoration:underline; }
.link2:hover {color:#006699;}

.link4 {color:black;text-decoration:underline;}
.link4:hover {color:black;background-color:#FCB913;text-decoration:none;}


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


.master-page
{
    width: 100%;    
}


.top-pagina
{
    width:920px;
    height:20px;
    background-image:url(imagenes/top-pagina.png);
    background-position:top left;
    background-repeat:no-repeat;
    margin:auto;
}

.center-pagina

{
    width:920px;
    background-image:url(imagenes/center-pagina.png);
    background-position:top left;
    background-repeat:repeat-y;
    margin:auto;
}

.bottom-pagina
{
    width:920px;
    height:20px;
    background-image:url(imagenes/bottom-pagina.png);
    background-position:top left;
    background-repeat:no-repeat;
    margin:auto;
}

.marco-900
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;        
    width:900px; 
    overflow:auto;
    background-color:#ffffff;
}


.cabecera
{
   width:900px;
   overflow:hidden;  
}


.logo
{
    float:left;
    margin-top:0px;
    margin-left:20px;
    vertical-align:top;
    height:80px;
}

.indice
{
    float:right;
    font-size:14px;
    border:0px solid red;
    
}

.idioma
{
 float:right;
  padding-right:20px;
   padding-top:0px;
    padding-left:10px;
}

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

.direccion
{
  
    font-size:11px;
    border:0px solid red;
    padding-left:28px;
}

.menu
{
    float:left;
    width: 250px;
    margin-top:50px;
    margin-bottom:20px;
    overflow:hidden;
    letter-spacing:0px;
    border:0px solid red;
}

.contenido
{
    float:right;
	width: 650px;
    margin-top:30px;	
    overflow:hidden;
    min-height:500px;
}




.pie
{
    float:right;
    text-align:right;
    font-size:10px;
    color:#5c5c5c;
    margin-right:20px;
}




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


.dot
{   

float:left;
margin-right:5px;
margin-top:3px;
width:13px;
height:14px;
border:0px solid #FFFFFF;
background-image:url(imagenes/dot1.gif);
}


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

.titulo-imagen
{   
    float:left;
    padding-left:30px;  
    padding-top:23px;
}

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

.subtitulo
{   
color:#006699;
font-size:12px;

}

.texto
{ 
    padding:30px;
    min-height:440px;
    text-align:justify;
   
}


.subtexto
{   
    padding:30px;
    text-align:justify;
    border:1px solid #FFFFFF;
    background-color:#edeeef;
}

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

}

.fecha
{   
    color:#fcb913;
    font-weight:bold;
    }


.marco-imagen
{   
    float:right;    
    text-align:right;
    margin-left:20px;
    margin-bottom:20px;
    margin-top:0px; 
    border:8px solid #e4e4e4;
 }
 
 .marco-imagen2
{      
    border:8px solid #e4e4e4;
 }
 
 .piefoto
 {
     font-size:11px;
     text-align:center;
     color:#006699;
     line-height:15px;
      padding-top:15px;
       vertical-align:top;
 }
 
  .piefoto2
 {
     font-size:11px;
     text-align:left;
     color:#006699;
     line-height:15px;
     padding-left:15px;
 }

.imagen
{   
    float:right;
    width: 200px;
    overflow:hidden; 
    padding-top:0px;  
 }
 
 .imagen2
 {
	border-left-color:#FFF;
	border-right-color:#FFF;
	border-top-color:#FFF;
	border-bottom-color:#FFF;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-style:solid;
}

 .mapa
 {
	border:10px solid #b3c7ff;
}
 
 .fotocurri{
    float:left;    
    width: 80px;
    margin-bottom:20px;
    margin-right:20px;
    margin-top:0px; 
    border:8px solid #e4e4e4;
}

.curriculum
{
    font-size:11px;
	line-height:20px;
	float:left;
	width:400px;
	 text-align:left;
}
.curriculum li
{
    line-height:22px;
}

 
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	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:#8f8f8f;
    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;
        }         
      
        
         .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:#FCB913;
        border:1px solid #445060;                       
        }
        
        .boton-login:hover
        {           
        color:#000000;
        border:1px solid #445060;
        background-color:#FFFFFF;
        cursor:hand;   
        text-decoration:none;           
        }               
        
       

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

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

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


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