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

/*@font-face {
  font-family: "Frutiger-Roman";
  src: url(c:/windows/fonts/FrutiR94.ttf);
}*/


BODY
{
margin:0px;
height:100%;
font-family: Verdana;
font-size:12px;
color:#FFFFFF;
line-height:20px;   
background-color:#FFF;
background-image:;
background-repeat:repeat-x;
background-position:top center;
}


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

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

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


.pie .link1
{   
    color:#8f8f8f; text-decoration:none;    
}
.pie .link1:hover
{   
    text-decoration:underline;color:#8f8f8f;cursor:hand  
}

.log {color:#ffffff; text-decoration:none;}
.log:hover{color:#000000; text-decoration:none;}

.link3 {color:#000000; text-decoration:none; }
.link3:hover { text-decoration:underline; color:#000000;}


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


.master-page
{
    width: 100%;

}

.marco-900
{
    margin: auto;
    width:900px;
    border:0px solid red;
    margin-bottom:40px;

}

.columna-logo
{
    float:left;
    width:180px;

    margin-top:20px;

    border:0px solid green;      

}

.logger
{

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

.nombre-usuario
{       
    height:16px;
    line-height:16px;
    font-size:10px;
    color:#000;
    text-align:center;
    margin-top:10px;
    padding-left:10px;
    padding-right:10px;   
    background-color:#f7a113;
    overflow:hidden;
}


.indice
{
    float:right;
    width:670px;
    height:26px;
    text-align:right; 
    background-color:#FFF;     	
    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: 180px;
    margin-top:60px;
   border:0px solid green;    

}

.contenido
{
    float:right;
	width: 670px;
	margin-bottom:50px;
    border:0px solid green;
    overflow:hidden;
    
}

.facebook
{
    position:fixed;
    bottom:40px;
    right:20px;

   
}

.publi-bodega
{ 
    float:left;
   
    margin-top:20px;
    margin-left:0px;  
    margin-bottom:20px;  
 		
}

.logogv
{ 
    float:left;
    margin-top:20px;
    margin-left:0px;   
    font-size:0.7em; 
    color:#000000; 
 		
}

.pie
{
    position:fixed;
    bottom:0px;
    width:100%;
    height:26px;
    line-height:26px;
    text-align:right;
    color:#8f8f8f;
    font-size:10px;
    background-color:#000;

      
}




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


.dot
{   
    

    
    
}


.titulo
{   
    float:left;
    height:30px;
    line-height:30px;
    font-size:20px;
    color:#000;    
    font-weight:normal;
}

.rss
{   
    float:right;
}

.subtitulo
{   
    height:30px;
    line-height:30px;
    margin-left:0px;
    font-size:12px;
    color:#000000;
    font-weight:bold;
    border-bottom:1px solid #808080;
}

.texto
{   
    color:#000000;
    font-size:0.9em;
    text-align:justify;
    padding-left:0px;
    padding-right:10px;
    border:0px solid #333333;
}

.ficha-bodega
{   
    color:#000000;
    text-align:left;
    float:left;
    padding-left:20px;
    padding-bottom:20px;
    vertical-align:top;
    line-height:23px;   
}

.logo-bodega
{  
    
 
    float:left;
    padding-left:20px;
    padding-bottom:20px;
    padding-right:20px;
    vertical-align:top;
}

.subtexto
{   

    padding:20px;
    text-align:justify;
    border:0px solid #b2b2b2;
    color:#000000;
    font-size: 0.9em;
}

.fecha
{   
    font-size:0.8em;
    color:#808080;
}

.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: 670px;
    height:200px;
    text-align:center;
    margin-top:0px;
    margin-bottom:30px;      
    border:0px solid #FFFFFF;
 }

.imagen
{   
    float:right;  
    width: 670px;
    height:200px;
    border:1px solid #ccc;
    border-top:none;    
    overflow:hidden;   
 }
 
 .marco-imagen2
{   
    float:right;    
    width: 250px;
    height:200px;
    text-align:center;
    margin-left:40px;
    margin-bottom:30px;      
    border:0px solid #FFFFFF;
 }

.imagen2
{   
    float:right;  
    width: 250px;
    height:200px;
    padding: 10px;
    border:1px solid #ccc;
    border-top:none;    
    overflow:hidden;   
 }
 
 .thum
{   
    max-width: 150px;
    max-height:100px;    
    margin-right:10px;
    margin-bottom:10px;
    border:1px solid #4c4c4c;
 }
 

.thum-video
{
   
    width: 130px;
    height: 97px;
    border: 3px solid #b2b2b2;
}

 .img-play
 {
     position:relative; 
     top:-82px;
     left:43px;
     
 }
 
 
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORMULARIO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 .titulo-input
{   
    float:left;
    width: 100px;
    height:24px;
    line-height:30px;    
    padding:0px;
    overflow:hidden;   
 }
 
  .input
{   
    float:left;
    width: 430px;
    height:24px;
    line-height:24px;
    font-family:tahoma, verdana;
    font-size:16px;
    color:#808080;
    padding-left:10px;
    border:1px solid #cccccc;
    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;
    font-family:tahoma, verdana;
    font-size:15px;
    color:#808080;    
    padding:10px;
    border:1px solid #cccccc;
    overflow:hidden;
    background-color:#ffffff;
    background-image: url(imagenes/sombra-input.png);
    background-position:bottom left;
    background-repeat:repeat-x;        
 }
 
   .combo
{   
    float:left;
    width: 375px;
    height:28px;
    font-family:tahoma, verdana;
    font-size:12px;
    color:#808080;
    padding-left:10px;
    padding-bottom:2px;
    border:1px solid #cccccc;
    background-color:#ffffff;
    background-image: url(imagenes/sombra-input.png);
    background-position:bottom left;
    background-repeat:repeat-x; 
    
 }
 
   .avisolegal
{   
  font-size:0.9em;
 }
 
    .error
{   

    font-size:0.9em;
    color:#ff0000;
 }


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

        .firma
        {
        font-family:Verdana,arial;
        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;
        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;
        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: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:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:5px;
        margin-top:10px;
        margin-bottom:10px;        
        margin-right:250px;             
          background-color:#000000;
     border:1px solid #b2b2b2;                       
        }
        
        .boton-login:hover
        {           
        color:#000000;
        border:1px solid #b2b2b2;
        background-color:#FFFFFF;
        cursor:hand;   
        text-decoration:none;           
        }            
        
        .boton-crear-usuario   
        {
        width:auto;
        height:auto;
        line-height:18px;        
        font-family: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-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;
        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;
        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;
        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;
        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;
        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 a
{
    color:#000000; text-decoration:underline;
}

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

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


.celda
{
    float:left;
    font-size:10px;
    width:180px;
    height:25px;
    vertical-align:middle;
    text-align:left;
    border-bottom:1px solid #cccccc;
}