@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,400italic,300italic,700italic|Montserrat:400,700);

html, body { font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; }
body { color:#313031; margin:0; }
body, td, th, textarea { font-size: 10pt; }

/* NUEVO LOGIN 2017 */

#fondo {position: fixed; display: table; width: 100%; height: 100%; background: url(fondoLogin.jpg) center center no-repeat; background-size: cover;}
#fondo #cell {position: relative; display: table-cell; vertical-align: middle; text-align: center;}

#fondo #cell h1 {font:24pt/26pt 'Montserrat', Arial, Helvetica, sans-serif; color:#ffffff;}
#fondo #cell h2 {font:14pt/16pt 'Montserrat', Arial, Helvetica, sans-serif; color:#ffffff;}
#fondo #cell .cuadro {position: relative; padding: 20px; background: #ffffff; text-align: center; font:12pt/14pt 'Roboto Condensed', Arial, Helvetica, sans-serif; display: inline-block;}
#fondo #cell .cuadro .campo01 {position: relative; width:100%; max-width: 302px; border: 1px solid #cccccc; background: none; color:#313131; font:12pt/12pt 'Roboto Condensed', Arial, Helvetica, sans-serif; margin:0 auto 10px; padding: 10px 0; text-align: center; box-sizing: border-box;}

#fondo #cell .cuadro .ingresar {position: relative; display: inline-block; padding: 15px; background: #ff6600; color:#ffffff; font:12pt/12pt 'Roboto Condensed', Arial, Helvetica, sans-serif; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25); text-align: center; text-decoration: none; vertical-align: middle; border: 0; cursor: pointer}
#fondo #cell .cuadro .ingresar:hover {border: 0; background: #005fa1;}

#loginGoogleBtn {position: relative; display: inline-block; padding: 15px; background: #ffffff; font:12pt/12pt 'Roboto Condensed', Arial, Helvetica, sans-serif; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25); text-align: center; text-decoration: none; vertical-align: middle; color:#313131;}
#loginGoogleBtn:hover { -webkit-box-shadow: 0 0 10px 0 rgba(255,255,255,0.5); box-shadow: 0 0 10px 0 rgba(255,255,255,0.5); }
#loginGoogleBtn img { height: 15px; vertical-align: middle; margin-right: 5px; }


.ok {position: relative; padding: 15px; text-align: center; font-weight: bold; color:#313131; border: 2px solid #008C23; margin-bottom: 20px; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25); display: inline-block; background: #FFFFFF; font:12pt/12pt 'Roboto Condensed', Arial, Helvetica, sans-serif;}
.error {position: relative; padding: 15px; text-align: center; font-weight: bold; color:#313131; border: 2px solid #cd0a0a; margin-bottom: 20px; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25); display: inline-block; background: #FFFFFF; font:12pt/12pt 'Roboto Condensed', Arial, Helvetica, sans-serif;}