/* Resetear los Estilos*/       
    html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
    pre, form, fieldset, table, th, td { border:0; margin:0;padding:0; list-style:none; }

/* Estilos para la ventana del navegador*/   
    html {overflow: hidden;} 

    html, body {
       	height: 100%;
	width: 100%;
    }
/* Estilo para iniciar la carga de la pagina*/  
   #inicio {
        background:#EDF5FF;
	height: 100%;
	width: 100%;
   }
   #loading {
    	position: absolute;
	top:50%;
	left:50%;
    }
    
/* Estilo para de la ventana superior de la pagina*/   
   #top1 {
	background:url(sprite2.png); 
	height: 100%;
	width: 100%;
   }
   
/* Estilo para el logotipor*/   
    #Logo {
        position: absolute;
   }

/* Estilo para el titulo de la ventana superior*/   
    #LogoIzq {
        position: absolute;
	left:7px;
	top:7px;
     }

/* Estilo para el titulo de la ventana superior*/   
    #Titulo {
        position: absolute;
	left:204px;
	top:8px;	
     }

/* Estilo para el titulo del Mapa*/   
    #TipoMapa {
        position: absolute;
	color:#000099;
        font-size:120%;
     }

/* Estilo para posicionar la barra de menu*/   
    #Menu {
        position: absolute;
	width:100%; 
     }

/* Estilo para eliminar los bordes laterales a la barra de menu*/   
   #productsandservices {
       border-left: none;
       border-right:none;       
   }

/* Estilo para los títulos de las secciones de la barra de menu*/   
   .Titulo_Seccion {
        position: relative;
        left:-10px;
        top:-1px;
        font-weight:bold;
    }

/* Estilo para el Register*/   
    #Sesion {  
        position: absolute;
	right:10px;
	bottom:7px;	
        font-size:85%;
     }

/* Estilo para los enlaces*/  
     .estiloenlace {
        text-decoration: none;
        color: #000099;  }
     .estiloenlace:hover {
        text-decoration: underline; }

/* Estilo para la Leyenda*/   
    #Leyenda {
	      text-align: center;
	      overflow: auto;
    }

/* Estilo para el boton de Share this*/   
    #share {
        position: absolute;
     }
 
/* Estilo para de el footer de la pagina*/   
   #bottom1 {
	background:url(sprite.png);
	width:100%; 
	height:100%;
	color:#000000;
    }

/* Estilo para el enlace Acerca*/   
    #TOF {
        position: absolute;
	font-size:85%;	
    }

/* Estilo para el Copyright*/   
   #Copyright {
        color:#666666;
        position: absolute;
	font-size:85%;	       
   }

/* Estilo para el enlace a Contacto*/   
    #Contacto {
        position: absolute;
	font-size:85%;
     }

/* Estilos para modificar el skin original del header del layout*/   
   .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2{
	font-weight:bold;
	color:#000000;
	padding:3px;
	margin-left: 6px;
}

/* Estilo para  Head de las Units del Layout*/   
.yui-skin-sam .yui-layout .yui-layout-hd {
    background:url(sprite.png);
    border: 1px solid #808080;
    height:24px;
}

/* Left Collapse button */
.yui-skin-sam .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse {
    margin-top: 3px;
}

/* Left Collapsed Expand Button */
.yui-skin-sam .yui-layout .yui-layout-clip-left .collapse {
    margin-top: 3px;    
}

/* Estilo para de el panel izquierdo plegado*/   
.yui-skin-sam .yui-layout .yui-layout-clip {
	background:url(sprite4.png);
}

/*------ Las  ventanas de login y registro ------*/
    .spacer{clear:both; height:1px;} 
    
    /*------ El Contenedor ------*/
    #Log_in {
        width:30.5em;
        display:none;
    }
    #Log_in .hd {
        font-size:14px;
        font-weight:bold;
    }          
    #Log_in .bd {
        padding:0;
        background:#EDF5FF;
    }
    #Log_in .tabula {
       position: absolute;
       top:0px;
       right:38px;
    } 
     /*------ Layer with Register and Login Section ------*/ 
    #login_menu{
        background:#EDF5FF;
        width:30.5em;
        padding:0.9em;
        color:#000000;        
        margin:0 auto;
        font-weight:bold;
        font-size:12px;        
    }
    #login_menu li{
        padding-bottom:0.45em;
        text-align:right;        
     }
    #new-user-col{
        font-size:14px;
        font-weight:bold;
        padding-right:1em;
        border-right:solid 1px #b7ddf2;
        height:7.9em;
        width:9em;
        float:left;
        line-height:0.92em;
        text-align:left;       
    }
    #signup-user-col{
        font-size:14px;
        font-weight:bold;
        padding-left:1em;        
        height:7.9em;
        width:15em;
        float:left;
        line-height:0.92em;
        text-align:right;      
    }
    #login_menu label{font-size:11px; font-weight:normal;}
    #login_menu input{
        padding:0.27em 0.27em;
        border:solid 1px #aacfe4;
        font-size:11px; color:#333333;
        margin-left:0.5em;       
        width:10.7em;
    }    
    #login_menu .msgerror{
        display:none;
        width:18.5em;
        float:right;
        text-align:right;
        color:#F50000;        
        font-size:10px;
        font-weight:normal;
    }       
    .button_izq{
        margin-top:0.91em;
        width:11.1em;
        height:2.2em;
        background:url(sprite1.png);
        border-color:#808080;
        border-style:solid;
        border-width:1px;
        text-align:center;
        line-height:2.2em;
        color:#000000;
        font-size:11px;
        font-weight:bold;
        cursor:pointer;
        float:right;
        text-decoration: none;       
     }
     .button_izq:hover {
        background:url(sprite.png);
        border-color:#7D98B8;
     }
    
    .button_der{
        margin-top:0.91em;
        width:11.1em;
        height:2.2em;
        background:url(sprite1.png);
        border-color:#808080;
        border-style:solid;
        border-width:1px;
        text-align:center;
        line-height:2.2em;
        color:#000000;
        font-size:11px;
        font-weight:bold;
        cursor:pointer;
        float:right;
        text-decoration: none;       
     }
     .button_der:hover {
        background:url(sprite.png);
        border-color:#7D98B8;
     }
     .button_der_new{
        margin-top:0.4em;
        width:11.1em;
        height:2.2em;
        background:url(sprite1.png);
        border-color:#808080;
        border-style:solid;
        border-width:1px;
        text-align:center;
        line-height:2.2em;
        color:#000000;
        font-size:11px;
        font-weight:bold;
        cursor:pointer;
        float:right;
        text-decoration: none;       
     }
     .button_der_new:hover {
        background:url(sprite.png);
        border-color:#7D98B8;
     }     
      .pswforgot{
         font-size:10px;
         padding:0.8em; 
         font-weight:normal;
         float:left;
         text-decoration: none;
         margin-top:2.5em;
     }
      .pswforgot:hover {
        text-decoration: underline;
     } 
     
    
    /*------ El Contenedor de Recupera Contraseña------*/
    #Olvido_psw {
        width:33.2em;
    }  
    #Olvido_psw .hd {
        font-size:14px;
        font-weight:bold;               
    }         
    #Olvido_psw .bd {
        padding:0;
        background:#EDF5FF;
    }
    
    /*------ El Contenedor del formulario de registro------*/
    #Registro {
        width:33.2em;
    }  
    #Registro .hd {
        font-size:14px;
        font-weight:bold;               
    }         
    #Registro .bd {
        padding:0;
        background:#EDF5FF;
    }
    
    /*------ El formulario de registro ------*/ 
    .myform{
        font-family:"Lucida Grande", "Lucida Sans Unicode",
        Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#000000;
        width:33.2em;  
        margin:0 auto;        
        padding:1.33em;                    
     }
     /* ----------- stylized ----------- */
     #stylized{
        background:#EDF5FF;         
     }    
     #stylized p{
        font-size:11px;
        color:#666666;
        margin-bottom:1.9em;
        border-bottom:solid 1px #b7ddf2;
        padding-bottom:0.95em;
    }
    #stylized label{
        display:block;
        font-weight:bold;
        text-align:right;
        width:12.2em;
        float:left;
    }
    #stylized .small{
        color:#666666;
        display:block;
        font-size:10px;
        font-weight:normal;
        text-align:right;
        width:14.2em;        
    }
    #stylized input{
        float:left;
        color:#333333;
        font-size:12px;
        padding:0.42em 0.3em;
        border:solid 1px #aacfe4;
        width:18em;
        margin:0.2em 0 1.45em 1.1em;
    }
    .boton1{
        width:11em;
        height:2.3em;
        background:url(sprite1.png);
        border-color:#808080;
        border-style:solid;
        border-width:1px;
        text-align:center;
        line-height:2.3em;
        color:#000000;
        font-size:11px;
        font-weight:bold;
        cursor:pointer;
        float:right;
        text-decoration: none;
    }
    .boton1:hover {
        background:url(sprite.png);
        border-color:#7D98B8;
     }    
     #stylized .small1{
        float:left;
        padding-bottom:1.1em;
        color:#666666;
        display:block;
        font-size:11px;
        font-weight:normal;
        text-align:left;
        margin-top:0.5em;
        border-top:solid 1px #b7ddf2;
        padding-top:0.8em;                
    }
    #stylized .errormsg{
        display:block;
        width:22em;
        float:right;
        text-align:right;
        margin-right:1.7em;
        color:#F50000;        
        font-size:10px;
        font-weight:normal;
    }