HTML {height:100%;margin:0px;padding:0px;}
TABLE {margin:0px;padding:0px;border-collapse:collapse; table-layout:auto;}
TD {margin:0px;padding:0px;border-collapse:collapse;}

h1, h2, h3, h4, p, li, .link1, .selector {font-family:cambria, times, times new roman;color:#000000;font-weight:normal;}

h1 {font-size:24px;line-height:20px}
h2 {font-size:16px;line-height:20px}
h3 {font-size:15px;line-height:12px}
h4 {font-size:10px;line-height:10px}

p {font-size:15px;text-align:justify;line-height:22px;}

ul {margin:0px}
li {font-size:15px;line-height:30px;list-style:none}

.link1, a {color:#000000;text-decoration:none;}
.link1:hover, a:hover {color:#000000;text-decoration:underline}

   

BODY {
    color:#000000;
	text-align:center;
	vertical-align:top;
	background-color:#232323;
	background-image:URL(imagenes/patron-body.png);
	background-repeat:repeat-x;
}


.marco900 {
    margin:0 auto 0 auto;
    width:900px;
    border-color:#FFFFFF;	
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;			
	border-style:solid;		    
    background-color:#FFFFFF;
}

.cabecera{
    width:900px;
    height:120px;
    background-image:url(imagenes/patron-top.png);
    background-repeat:repeat-x;
    background-position:left top;	    
}

.logo{
    float:left;
    margin-top:10px;
    margin-left:20px;    
}

.titular-portada{
    float:right;
    margin-top:15px;
    margin-right:130px;    
}


.loger {
    float:right;    
    height:30px;
    line-height:20px;
	text-align:right;
}

.indice {
    height:30px;
    line-height:20px;
	text-align:right;
    border-color:#d9d9d9;	
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:1px;
	border-bottom-width:1px;			
	border-style:dotted;
	background-color:#FFFFFF;	
}

.marco-contenido
{
    width:900px;
    min-height:600px;
    background-image:url(imagenes/patron-top.png);
    background-repeat:repeat-x;
    background-position:left top;

}

.menu{
    float:left;
    width:180px;
	text-align:center;
    vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	padding-top:50px;
	padding-bottom:50px;	
    
}

.contenido{

    float:left;
    width:660px;
	text-align:left;
    vertical-align:top;
	padding-left:20px;
	padding-right:20px;
	padding-top:50px;
	padding-bottom:50px;	
	overflow:hidden;	
}


.banners{
    width:180px;
	text-align:left;
    vertical-align:top;	
	padding-bottom:50px;	
}


.ficha{
	text-align:left;
	vertical-align:top;
    
	padding:10px;
	padding-bottom:30px;
	
    border-color:#d9d9d9;	
	border-left-width:3px;
	border-right-width:3px;
	border-top-width:3px;
	border-bottom-width:3px;			
	border-style:double;
	
    background-image:url(imagenes/patron-bottom.png);
    background-repeat:repeat-x;
    background-position:left bottom;		
}

.selector{
    font-size:15px;
    width:170px;
	text-align:left;    

    border-color:#d9d9d9;	
	border-width:1px 1px 1px 1px;
	border-style:solid;
	background-color:#FFFFFF;	
}

.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:450px;
    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;
}

.text-area
{
width:300px;
height:22px;
line-height:22px;        
font-family:Verdana,arial;
font-size:11px;    
color:#000000;
text-align:left;
border:1px solid #8c8c8c;
background-color:#ffffff;
background-image: url(imagenes/sombra-input.png);
background-position:bottom left;
background-repeat:repeat-x;        
}     

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PUBLICIDAD
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   

.skycrapper {
    margin:0 auto 0 auto;
    width:900px;
    height:100px;
    border:1px solid #FFFFFF;
    margin-bottom:1px;
}

.publicidad-20-100
{   
    float:left;        
    width:20px;
    height:100px;
    margin:0px;

    background-image:URL(imagenes/publicidad-20-100.png);
    background-repeat:no-repeat;

    border:0px solid red;
    overflow:hidden;      
}      

.banner-skycrapper
{   
    float:right;        
    width:880px;
    height:100px;
    margin:0px;

    background-color:#FFFFFF;
    background-image:URL(imagenes/default-skycrapper.jpg);
    background-repeat:no-repeat;
    overflow:hidden;      
}   



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CLASES CONTROLES y LOGIN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   

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

.etiqueta-texto
{
padding-top:5px;
color:#000;                      
text-decoration:none;
}

.input-login
{
width:300px;
height:22px;
line-height:22px;        
font-family:Verdana,arial;
font-size:11px;    
color:#000000;
text-align:left;
border:1px solid #8c8c8c;
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:26px;
line-height:20px;        
font-family:Verdana,arial;
font-size:11px;            
color:#FFFFFF;
text-decoration:none;
padding-left:10px;
padding-right:10px;
margin-top:10px;
margin-bottom:10px;        
margin-right:140px;             
border:1px solid #FFFFFF;
background-color:#000000;                      
}

.boton-login:hover
{           
color:#000000;
border:1px solid #000000;
background-color:#FFFFFF;
cursor:hand;              
}        

.boton-crear-usuario   
{
width:auto;
height:26px;
line-height:20px;        
font-family:Verdana,arial;
font-size:11px;            
color:#000000;
text-decoration:none;
padding-left:10px;
padding-right:10px;
margin-top:10px;
margin-bottom:10px;         
margin-right:0px;   
margin-left:130px; 
      
border:1px solid #000000;
background-color:#ffffff;

                    
}

.boton-crear-usuario:hover
{           
color:#ffffff;
border:1px solid #000000;
background-color:Gray;
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;      
}