﻿body
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

#Footer
{
    width:100%; height: 28px; padding-top:3px; display:inline-block;
    background-color: #C5C3C4;
    text-align:center;
}

#Footer span
{
    font: normal 12px/23px Arial;
    color: white;
}

#Estructuta
{
    margin:0px;
    padding:0px;
    background-color: #FFFFFF;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    width: 1000px; 
    
}

/***********************************Estilos Página Publica***************************/
#Header
{
    height:100px;    
    background-image:url(Images/Logo.png);
    background-repeat:no-repeat;
    
}
.encabezado {
    height: 100px; width:100%;
    background-image: url(Images/Logo.png);
    background-repeat: no-repeat;
}
.divContenedor
{
    width: 800px; margin: 0 auto;
}
#fTexto
{
    background-color:#C5C3C4;
    height:20px;
    width:100%;
    padding-top:5px;
    text-align:center;
    background-image:url(Images/Fondo_Footer2_Master_Publica.png);
    color:#848283;
    font-family:Arial;
    font-size:10px;
}

#Sub-Header
{
    height: 38px;
    text-align: right;
    padding-right: 55px;
    padding-top: 0px;
    font-family: Arial;
    font-weight: normal;
    font-size: 18px;
    color: White;
    line-height:38px;
    background-image:url(Images/TabGris.png);
    background-repeat:no-repeat;
    background-position:right;
    
}

#divLoginContenedorBase
{
    background: url('Images/LogIn/fondo1.jpg') no-repeat top left;
    /*width:643px; height:330px;*/
    float:left; margin:0; border:0;
    width: 558px; height: 270px;
    padding: 60px 0 0 85px;
}

#divLoginContenedorLinkRegistro
{
    background: url('Images/LogIn/fondo2.jpg') no-repeat top left;
    width:381px; height:330px;    
    float:left; padding:0; margin:0; border:0;
}

#divTituloInicioSesion
{
    background: url('Images/LogIn/titulo.png') no-repeat top left;
    width:290px; height:34px;    
    position:absolute; top:-7px; left:135px;
    text-align: center;
}
#imgIdiomaHeader {
    background: transparent url('../../Styles/Images/Header/icono_idioma.png') no-repeat 0 0;
    height: 19px;
    width: 20px;
    float: left;
    margin: 3px 10px 0 10px;
}

/*estilo para pantalla de contraseña olvidada*/
#divContenedorBasePublica
{
    background: url('Images/LogIn/fondo1.jpg') no-repeat top left;
    float:left; margin:0; border:0;
    width:643px; height:330px;
}

#divContraseniaContenedorBase
{
    background: url('Images/RecuperarContrasenia/fondocontrasenaolvidada.png') no-repeat top left;
    float:left; margin:0; border:0;
    width: 549px; height: 276px;
    position: absolute; top: 40px; left: 350px;
    text-align:center;
}

#divContraseniaContenedorBase1
{
    background: url('Images/RecuperarContrasenia/fondocambiarcontrasena.png') no-repeat top left;
    float:left; border:0; margin:0;
    width: 479px; padding:0 35px; height: 276px;
    position: absolute; top: 40px; left: 350px;
    text-align:center;
}

#divContraseniaContenedorLink
{
    background: url('Images/RecuperarContrasenia/fondoregresar.png') no-repeat top left;
    width:209px; height:103px;    
    float:left; padding:0; margin: 70px 0 0 0; border:0;
}

.divContenedorInstruccionesContrasenia
{
    width: 417px; display:inline-block;
    padding: 0 30px; 
    margin: 55px 35px 0 35px;
}

.divContenedorInstruccionesCambiarContrasenia
{
    width: 417px;
    display: inline-block;
    padding: 0 30px;
    margin: 22px 0 0 0;
    height: 60px;
}

.divContenedorBotonCambiarContrasenia
{
    width:92px; float:right; margin-top: 12px;
}

.divContenedorLinkRegresar
{
    width: 115px; display:inline-block;
    padding: 37px 0 0 50px;
}

#divConfirmarContrasenia input[type="text"], #divConfirmarContrasenia input[type="password"]
{
    border-radius: 5px;
    width: 235px; height: 28px;
    margin: 0 0 0 -4px;
    padding: 0;
    border-left: 0;
    float:left;
}
/*fin estilo para pantalla de contraseña olvidada*/

.btnIniciarSesion
{
    background: url('Images/LogIn/iniciar.gif') no-repeat top left;
    width:92px; height:27px;
    float:right; border:0;
    font: normal 17px/27px Arial; color:White; 
    text-align:center; text-decoration:none;
}

.btnRegistrar
{
    background: url('Images/LogIn/registrar.gif') no-repeat top left;
    width:105px; height:27px;
    float:left; border:0;
    font: normal 17px/27px Arial; color:White; 
    text-align:center; text-decoration: none;
}

.btnRegresar
{
    background: url('Images/RecuperarContrasenia/regresar.png') no-repeat top left;
    width:83px; padding-left: 32px; height:27px;
    float:left; border:0;
    font: normal 17px/27px Arial; color:White; 
    text-align:left; text-decoration: none;
}

.divFlotante
{
    float:left; padding:0; margin:0; border:0;
}

.divBloque
{
    width:100%; display:inline-block;
}

.spanNormal20Gray{
    font: normal 20px/27px Arial; color:Gray; 
}
.spanNormal18White{
    font: normal 18px/34px Arial; color:White; 
}
.spanNormal20White{
    font: normal 20px/34px Arial; color:White; 
}
.spanNormal12Gray
{
    font: bold 12px/27px Arial; color: gray;
}
.spanNormal13Black
{
    font: normal 13px/15px Arial; color: Black;
}

.divLoginContenedorInterno
{
    background: url('Images/LogIn/recuadro.png') no-repeat top left;
    width: 518px; height:237px;    
    float:left; padding:30px 30px 0 0; margin:0; border:0;
}

.lblLoginUsuario, .lblUsuarioContrasenia
{
    font: normal 13px Arial;
    color: gray;
    
    width: 160px;
    padding: 0 46px 0 0;
    line-height: 32px;
    height: 32px;
    display: block;
    float:left;
    text-align:right;
}

.lblLoginUsuario{
    background: url('Images/LogIn/usuario.gif') no-repeat top right;
} 
.lblUsuarioContrasenia{
    background: url('Images/LogIn/contrasena.gif') no-repeat top right;
}

.divLoginContenedorInterno input[type="text"], .divLoginContenedorInterno input[type="password"]
{
    border-radius: 5px;
    width: 230px; height: 28px;
    margin: 0 0 0 -4px;
    padding: 0 0 0 5px;
    border-left: 0;
    float:left;
}

#divLoginContenedorInferior
{
    background: url('Images/LogIn/degradado.gif') repeat-x top left;
    width: 1024px; height:263px; display: inline-block;
}

#divLogoUbiqoMarcaDeAgua
{
    background: url('Images/LogIn/palmerita.png') no-repeat top left;
    width: 294px; height:194px; margin: 37px auto 0 auto;
}

#divLogoUbiqoPublica
{
    background: url('Images/LogIn/logo.gif') no-repeat top left;
    width: 124px; height:50px;
    margin:32px; 
}

/*.divLoginContenedorInterno a
{
    position: relative;
    top: -24px; left: 245px;
    font: bold 12px Arial; color: gray;
}

.divLoginContenedorInterno table
{
    padding-top: 60px;
    width: 513px !important;
}

*/

#divLoginRegistrar
{
    background: url('Images/LogIn/usuarionuevo.png') no-repeat top left;
    /*width:369px; height:102px;*/
    width:313px; height:67px;
    float:right; padding:35px 0 0 55px; margin:110px 0 0 0; border:0;
}
/*FIN*/
.Centro-inicio
{
    background: #5DA90B url('Images/Logo2.png') no-repeat center;
    width:100%;
    height:222px;    
    text-align:right;
    
    /*background-color:#5DA90B;
    background-image:url(Images/Logo2.png);
    background-position:center;
    background-repeat:no-repeat;*/
}

.Centro-inicioVerde
{
    background-color:#5DA90B;
    width:100%;
    height:522px;    
    text-align:right;
    background-image:url(Images/fondoVerde.png);
}

.Centro-inicio2
{
    background-color:#999798;
    width:100%;
    height:222px;    
    text-align:right;
    background-image:url(Images/Logo2Gray.png);
    background-position:center;
    background-repeat:no-repeat;
}

#Login_Inicio
{
    float:right;
    margin-right:25px;
    margin-top:30px;
}

.Login_Label
{
    font-size:14px;
    color:White;
    font-family:Arial;
    font-weight:bold;    
    height:20px;
    line-height:30px;
    vertical-align:middle;
    float:right;
}

.Login_Textbox
{
    height:20px;
    border:1px solid white;
    background-color:White;
}

.Login_Check
{
    font-size:12px;
    color:White;
    font-family:Arial;
    }
.Login_Link a
{
    font-size:12px;
    color:White;
    font-family:Arial;
    font-weight:bold;
    }
    
.Login_Error
{
    font-size:10px;
    color:White;
    font-family:Arial;    
    background-image:url(Images/Warning.png);
    background-repeat:no-repeat;
    padding-left:20px;
    width:70%;
}

.Login_Error2
{
    text-align: center;
    font-size: 14px;
    color: #FF0000;
    background-color: transparent;
    font-family: Arial;
    background-image: url(Images/Warning.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}
    
#Foot_Login
{
    padding-top:50px;
    height:244px;
    background-image:url(Images/Logo3.png);
    text-align:center;
    
}

.link
{
    font-size: 12px;
    color: #009933;
    font-family: Arial;
    font-weight: bold;
    text-decoration: underline;
}

.WhiteLink
{
    font-size: 12px;
    color: #FFFFFF;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
}
.Marco
{
    
    width: 310px;
    height: 180px;
    margin-top: -27px;
    color: White;
    text-align: center;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
}
/*probablemente no se ocupen estas clases*/
.pMarginTop10AlignRight
{
    text-align:right; margin: 10px 0 0 0; padding:0;
}
.pMarginTop10AlignCenter
{
    text-align:center; margin: 10px 0 0 0; padding:0;
}
.divPadTop10AlignCenter
{
    width:100%; display:inline-block;
    text-align:center; margin: 10px 0 0 0; padding:0;
}

/***********************************Global Styles***************************/
.inline-list li{    
	display: inline;
    list-style-type: none;
    padding-right: 20px;    
	}

.inline-list     
{
    margin:0px;
    padding-top:2px;                      
	}

.inline-list a
{
    font-size:10px;
    font-family:Arial;
    color:#C4C2C3;
    text-decoration:none;
}


/***********************************INICIO UC Bienvenida***************************/
.Wizard
{    

    vertical-align:top;        
    background:url(http://clientes.ubiqo.net/App_Themes/Publica/Images/fondoLateralDer.png) repeat-y 757px 0px;    
    padding-right:10px;    
}

.Wizard2
{    
    vertical-align:top;        
    background:url(http://clientes.ubiqo.net/App_Themes/Publica/Images/fondoLateralDer.png) repeat-y 757px 0px;    
    padding-right:50px;
}

.FondoWizard
{
    
    background:#C5C5C3 url(Images/fondoWizard.png) 20px 28px;
    margin:0px;
    padding:0px;
    width:217px;
}

.FondoWizardSeparador
{
    font-weight:bold;
    font-size:13px;   
    width:177px;    
    margin-left:20px;    
    height:35px;    
    background-image: url(Images/wizardseparador.png);
    background-position:0 25px;
    background-repeat: no-repeat;    
}

.BotonWizard
{
    width:100px;
    height:25px;
    background-image:url(Images/boton.png);
    color:#44433F;
    border:none;
    font-size:12px;    
}

.BotonBlack
{
    width: 96px;
    height: 24px;
    background-image: url(Images/botonBlack.png);
    color: #FFFFFF;
    border: none;
    font-size: 12px;
}

.BordeAmarillo
{
    border-top:1px solid #F8C11E;
}

.FondoTabla
{
     background-image: url(Images/fondoVentana2.png);
}

.FondoTabla2
{
    background-image: url(Images/FondoTabla2.png);
    text-align: center;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #BFBFBF;
    font-weight:normal;
    background-repeat: repeat-x;
}

.Ventana
{
    background-image: url(Images/fondoVentana2.png);
    float: left;
  
    font-size: 11px;
    color: #333333;
    padding-top: 4px;
    padding-left: 10px;
    padding-bottom:10px;
}

.Tab
{
    background-image: url(Images/Tab.png);
    float: left;
    background-repeat: no-repeat;
    font-size: 13px;
    color: #333333;
    padding-top: 4px;
    padding-left: 10px;
    margin:0;
    padding-bottom:0px;
}

.Bienvenida
{
    text-align:left;
    margin-left:50px;
}

.Bienvenida p span
{
    color:#5DA90B;font-size:19px;margin-right:20px;
}



.Ayuda
{
    float:right;
    margin-right:20px;
    color:#5DA90B;
    font-size:15px;
    background-image:url(Images/ayuda.png);
    background-position:55px 0px;
    background-repeat:no-repeat;
    width:100px;
    height:47px;    
}

.AddButon
{
    
    float:left;
    color:#5DA90B;
    font-size:15px;
    background-image:url(Images/Equipo.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    width:300px;
    height:47px;
    padding-left:60px;    
    padding-top:20px;
}

.linkWhite
{
    color:White;
    font:normal 13px/13px arial;
    text-decoration: underline;
}
.lnkCerrar
{
     background-image:url('Images/close.png');
     background-position:left;
     background-repeat:no-repeat;
     padding-left:25px;
     margin-left:25px;
     font:normal 13px/13px arial;
    text-decoration: underline;
}
.Alerta
{
    
    float:left;
    color:#5DA90B;
    font-size:15px;
    background-image:url(Images/Alerta.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    width:300px;
    height:47px;
    padding-left:60px;    
    padding-top:20px;
}

.Usuario
{    
     background-image:url(Images/Usuario.png);
}

.Bienvenida p
{
    margin-top: 20px;
    margin-left: 30px;
    color: #666666;
    font-size: 11px;
}

#M1
{
    margin-left:0px;
    color:#5DA90B;
    font-size:15px;
}

#M2
{
    
    margin-left:0px;
    margin-top:40px;
}
.Bienvenida #M3
{
    
    margin-top:50px;
}

.MiCuenta p span
{
 color:#5DA90B;font-size:19px;margin-right:20px;
}
.MiCuenta p
{
     margin-top: 20px;
    margin-left: 30px;
    color: #666666;
    font-size: 11px;
}

.TitIzqTabla
{
    text-align:right;
    color: #666666;
    font-size: 11px;
}
.TextoIzqTabla
{
    color: #666666;
    font-size: 11px;
    text-align:left;
}

.TextoSmall
{
    color: #666666;
    font-size: 10px;
    text-align: left;
}

.MiCuenta input
{
    color: #666666;
    font-size: 11px;
}


.Texto
{
     color: #666666;
    font-size: 11px;
}

.FondoRedondo
{
    margin-left:50px;
    background:  url(Images/FondoRedondo.png) no-repeat;
    color:#5DA90B;
    font-size:13px;
    width:651px;
    height:204px;
    padding-left:40px;    
    padding-top:40px;
}


/***********************************FIN UC Bienvenida***************************/

.loginMovil {
    width: 100%;margin: 0 auto;
}

.loginMovilLogo {
    background: url('Images/LoginMovil/img_logomovil.png') center center no-repeat;
    width: 100%;height: 210px;
    display: inline-block;
}

.loginMovilContenido {
    /*width: 580px;margin: 0 20px;*/
    width: 90%;margin: 0 5%;
    display: inline-block;
}

.loginMovilTitulo {
    width: 100%; height: 55px;
    display: inline-block;
    background-color: #006010;
    text-align: center;
}

.loginMovilTitulo span {
    line-height: 55px;
    text-transform: uppercase;
}

.loginMovilControles {
    width: 100%; height: 385px;
    display: inline-block;
    background-color: #F2F2F2;
}

.loginMovilPie {
    background: url('Images/LoginMovil/img_fondoLoginMovil.png') center center no-repeat;
    width: 100%;height: 280px;
    display: inline-block;
}

.lblLoginMovilUsuario {
    width: 10%;height: 50px;
    margin-left: 20%;
    background: url('Images/LoginMovil/img_usuario.png') no-repeat center right;
    display: block;float: left;
}

.textEntryMovil {
    width: 50%;height: 45px;
    float: left;
}

.lblMovilUsuarioContrasenia {
    width: 10%;height: 50px;
    margin-left: 20%;
    background: url('Images/LoginMovil/img_password.png') no-repeat center right;
    display: block;float: left;
}

.passwordEntryMovil {
    width: 50%;height: 45px;
    float: left;
}

.loginMovilOlvidasteContraseña {
    font: normal 18px/43px Arial;
    color: black;
    text-transform: uppercase;
}

.loginMovilIniciarSesion {
    width: 135px;height: 50px;
    margin: 0 auto;
    font: normal 18px/50px Arial;
    color: white;
    background-color: #006010;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    display: block;
    border: 0;
    text-transform: uppercase;

}

.divPadTop42 {
    padding-top: 42px;
}
.divPadBottom25 {
    padding-bottom: 25px;
}

.divTextAlignCenter {
    text-align: center;
}

/* Hack para google maps en todos los navegadores*/
v\:* { behavior:url(#default#VML); } 
