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

BODY
{
    margin: 0px;
    font-family: Verdana;
    font-size: 11px;
    color: #000000;
    line-height: 18px;
    vertical-align:top;
    background: #000000;
    background-image: URL(imagenes/patron-body.png);
    background-repeat:repeat-x;   
}



ul.parrafo
{
    text-align: left;
    margin: 0px;
    padding: 0px;
    margin-left: 40px;
    line-height: 130%;
}
li.parrafo
{
    font-size: 0.8em;
    font-weight: bold;
}

a
{
    color: #000000;
    text-decoration: underline;
}

a:hover
{
    color: #b38d2a;
    text-decoration: underline;
}



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

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

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



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


.master-page
{
    width: 100%;
    height: 700px;
    background-image: URL(imagenes/ilustracion.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index:1;
    margin:0px;
    vertical-align:top;    
}

.marco-900
{
    margin: auto;
    width:900px;
    z-index:10; 

}

.logo
{
    overflow: hidden;
    z-index:50;
    position:absolute;
    top:0px;

}

.indice
{

    margin: auto;
    width: 900px;
    height:175px;
    background-image: URL(imagenes/indice.png);    
    overflow: hidden;
    z-index:100;
    position:absolute;       
}


.menu1
{
    z-index:300;
    position:absolute;       
}

.menu2
{
    z-index:300;
    position:absolute;       
}

.contenidos
{

    margin: 122px auto auto auto;
    width:900px;
    height:575px;
    overflow: hidden;
    z-index:290;
    position:absolute;

}

.eventosportada
{

    float:left;
    width:410px;
    height:540px;
    margin-left:10px;
    padding:40px;
    background-image: URL(imagenes/fondo-eventosportada.png);        
    overflow: hidden;
}

.pagina
{

    width:800px;
    height:500px;
    text-align:center;
    padding:60px;
    background-image: URL(imagenes/fondo-pagina.png);        
    overflow: hidden;
}


.texto
{
    text-align:justify;
    height:430px;
    overflow:hidden;
}


.flyerportada
{

    float:right;
    width:390px;
    height:540px;
    text-align:center;
    margin-right:10px;
    padding-top:20px;   
    background-image: URL(imagenes/fondo-flyer.png);        
    overflow: hidden;
}

.social
{

    margin: 715px auto auto auto;
    width:900px;
    overflow: hidden;
    z-index:200;
    position:absolute;
    border:0px solid red;
}


.itscool
{
    float:left;
    margin-left:40px;
    margin-right:20px;
    margin-top:5px;
    margin-bottom:0px;    
    overflow: hidden;
}

.direccion-portada
{
    float:left;
    color:#b38d2a;
    margin-right:0px;
    margin-top:20px;
    margin-bottom:0px;    
    overflow: hidden;
}

.copyright
{
    float:left;
    font-size:10px;
    color:#b38d2a;
    margin-left:30px;    
    margin-right:0px;
    margin-top:10px;
    margin-bottom:10px;    
    overflow: hidden;
}

.sociallinks
{
    float:right;
    width:340px;
    height:55px;
    margin-right:30px;
    padding-top:25px;
    padding-right:10px;
    text-align:right;
    background-image: URL(imagenes/fondo-socialads.png);    
    overflow: hidden;
    border:0px solid red;
}

.tit-evento
{
    font-size:20px;
    line-height:20px;
}


.imagen-evento
{
    float:right;
    margin-left:30px;
    margin-bottom:30px;
}

.thum
{
    margin-left:12px;
    border:5px solid #e5e5e5;
    border-bottom:15px solid #e5e5e5;
}


.mapa

{
    border:1px solid #b48d28;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORMULARIO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 .titulo-input
{   
    float:left;
    width: 80px;
    height:24px;
    line-height:24px;
    color:#000000;    
    padding:0px;
    border:0px solid red;
    overflow:hidden;   
 }
 
  .input
{   
    float:left;
    width: 200px;
    height:20px;
    line-height:20px;
    padding-left:10px;
    border:1px solid #666666;
    overflow:hidden;
    background-color:#ffffff;
    
 }
 
   .textarea
{   
    float:left;
    line-height:20px;
    padding:10px;
    border:1px solid #666666;
    overflow:hidden;
    background-color:#ffffff;
    
 }
 
 .avisolegal
{
    font-size:10px;
    color:#000000;
    text-align:justify;
    margin-top:20px;
    overflow:hidden;
}

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

        .box1
        {
   
        margin:20px auto auto auto;
        font-family:Verdana;
        font-size:11px;    
        color:#000000;
        text-align:center;
        border:1px dotted #333333;
              
        }

        .etiqueta-texto
        {
        padding-top:5px;
        color:#000000;                      
        text-decoration:none;
        }
        
        .input-login
        {
        width:300px;
        height:22px;
        line-height:22px;        
        font-family:Verdana,arial;
        font-size:11px;    
        color:#000000;
        text-align:center;
        border:1px solid #000000;
        background-color:#ffffff;  
        }        
              
        
        .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:30px;             
        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:Verdana,arial;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:5px;
        margin-top:10px;
        margin-bottom:10px;        
        margin-right:230px;             
        border:1px solid #FFFFFF;
        background-color:#000000;                      
        }
        
        .boton-login:hover
        {           
        color:#000000;
        border:1px solid #000000;
        background-color:#FFFFFF;
        cursor:hand;              
        }
        
        .boton-cancelar  
        {
        width:auto;
        height:auto;
        line-height:18px;        
        font-family:Verdana,arial;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:5px;
        margin-top:0px;
        margin-bottom:10px;        
        margin-right:200px;             
        border:1px solid #FFFFFF;
        background-color:#000000;                      
        }
        
        .boton-cancelar:hover
        {           
        color:#000000;
        border:1px solid #000000;
        background-color:#FFFFFF;
        cursor:hand;              
        }                 
        
        .boton-crear-usuario   
        {
        width:auto;
        height:auto;
        line-height:18px;        
        font-family:Verdana,arial;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:5px;
        margin-top:0px;
        margin-bottom:10px;        
        margin-right:0px;             
        border:1px solid #FFFFFF;
        background-color:#000000;                    
        }
        
        .boton-crear-usuario:hover
        {           
        color:#000000;
        border:1px solid #000000;
        background-color:#FFFFFF;
        cursor:hand;              
        }                 
        
        
        .boton-recovery
        {
        margin-right:220px;
        margin-top:20px;
        margin-bottom:30px;
        width:auto;
        height:auto;
        line-height:18px;        
        font-family:Verdana,arial;
        font-size:11px;            
        color:#FFFFFF;
        text-decoration:none;
        padding:5px;  
        border:1px solid #FFFFFF;
        background-color:#000000;                    
        }
        
        .boton-recovery:hover
        {           
        color:#000000;
        border:1px solid #000000;
        background-color:#FFFFFF;
        cursor:hand;              
        }        
                
              
                
        .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;      
        }