body, html{ min-height: 100%; height: auto !important; height: 100%; margin:0; border:0; padding:0;}
#Logo { max-width: 18.75em; width: 42%; margin: 0.4em auto 0.6em;  }
#Logo>img, #slogan>img { width: 100%;  }
.slogan { text-shadow: -2px 2px 4px #274954,2px 2px 4px #274954,-2px -2px 4px #274954,2px -2px 4px #274954; font-family:'PT Sans Narrow'; font-weight: normal; color: #09C; text-align: center; margin: 0.3em 0; }
.slogan>span {color: #FFF;}
#header_h {font-family:'Orbitron'; padding-top: 0.2em; margin-bottom: 0.5em;}
#header_h a { color: #FFF; text-decoration: none; }
.centrar_contenido {display: block; margin: 0 auto; text-align: center!important;}
.Logo { font-family: 'Orbitron';text-shadow: -2px 2px 4px #274954,2px 2px 4px #274954,-2px -2px 4px #274954,2px -2px 4px #274954; font-weight: bold;}
.justify p, p.justify { text-align: justify;}
hr{margin: 1em 0;}

/* login.php*/
.Olvidaste {font-size: 0.7em; text-decoration: none;}
#ErrorLogin, #ErrorLogindialogo, #ErrorLoginIndex, #ErrorLogout {max-width:400px;}
#Idiomas {font-size: 0.7em;}
#Idiomas a {text-decoration: none;}
#Idiomas a.a {color: #FFF;}
#Copyright {font-size: 0.7em; margin-top: 1em}

/* registro.php */
#registro form .ui-slider-switch {width: 8.5em;}
#registro form > p { font-size: 0.6em; }
#registro form .MiniInput>*{ float: left; }
#registro form .MiniInput>div{ width: 20%; margin: 0 0 0 0.8em;}
#registro form .MiniInput>span{ font-size: 1.25em; left: 0.3em; position: relative; top: 0.3em; }

/* cuenta.personal.php */
#CuentaPersonal .ui-slider-switch { width: 8.5em; }
#CuentaPersonal .MiniInput>*{ float: left; }
#CuentaPersonal .MiniInput>div{ width: 20%; margin: 0 0 0 0.8em; }
#CuentaPersonal .MiniInput>span{ font-size: 1.25em; left: 0.3em; position: relative; top: 0.3em; }

/* cuenta.contrasena.php */
#cuenta-contrasena form .InputGroup { display: inline-block; width: 100%;}
@media all and (min-width:28em){
#cuenta-contrasena form .InputGroup { width: 78%;}
#cuenta-contrasena form .InputGroup>.ui-input-text { width: 100%;}
}

/* cuenta.contrasena.php */
#cuenta-correo_electronico form .ui-field-contain label.ui-input-text { display: block; margin: 0 2% 2% 0; width: 100%; }
@media all and (min-width:28em){
#cuenta-correo_electronico form .ui-input-text { width: 100% !important; }
}

/* Formato de popups*/
.ui-popup.error .aceptar {display: none;}
.ui-popup.exito .cerrar {display: none;}




/* botón */
.ui-bar-b, .ui-btn-up-b {background: linear-gradient(#0AC, #09C) repeat scroll 0 0 #274954;}
.ui-btn-hover-b {background: linear-gradient(#09C, #08C) repeat scroll 0 0 #274954;}



.ui-dialog-contain > .ui-content { background-image: none;}



/*******************/
/**    Paneles    **/
/*******************/
.ui-panel-inner { padding: 0 15px 15px;}
.ui-content .ui-listview, .ui-panel-inner > .ui-listview {	margin: 0 -15px;}


/******************/
/**    Puntos    **/
/******************/
#alcoholemia{ margin: 0.75em auto 0.3em; text-shadow: -5px 5px 10px #274954, 5px 5px 10px #274954, -5px -5px 10px #274954, 5px -5px 10px #274954;}
#alcoholemia > div { left: 1.7em; position: relative; }
#alcoholemia #pun { font: bold 7em/0.8em 'Orbitron'; font-size: 22vw;}
#alcoholemia #tos{ font: bold 21px/0.8em 'Orbitron'; font-size: 4.5vw; display: inline-block; position: relative;
    -webkit-transform: rotate(-90deg) translate(1.33em, -1em);
    -moz-transform: rotate(-90deg) translate(1.33em, -1em);
    -ms-transform: rotate(-90deg) translate(1.33em, -1em);
    -o-transform: rotate(-90deg) translate(1.33em, -1em);
    transform: rotate(-90deg) translate(1.33em, -1em);

    /*-webkit-transform-origin: 10% 50%;
    -moz-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -o-transform-origin: 10% 50%;
    transform-origin: 10% 50%;*/
    }

/****************/
/**    Hora    **/
/****************/
#Hora {color:#FFF; font-family: 'Orbitron';}
#Hora .Invisible { visibility: hidden;}
#Hora .AMPM { font-size: 0.5em;}

/*****************/
/**    popup    **/
/*****************/
.Error .ui-header.ui-bar-a { background-color: #D03; }
.Error .ui-content { background: none; background-color: #FFF;}





.ui-content { background-image: none;}
.ui-content { background-image: url(../imagenes/BG.jpg)!important; background-position: center top; background-size: 100% 100%;}
.ui-header.ui-bar-a {background: none;background-color: #0AC;}