@charset "utf-8";
/* CSS Document*/
body, html  { margin:0 auto; padding:0; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; height: 100%; }
a { transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; text-decoration:none; }
div { display:inline-block; float:left; position:relative; }
.contenedor { display: inline-block; width:100%; margin:0; text-align:center; padding: 0; }
.centro {  width:1200px; margin:auto; text-align:left; float:none; }
.azul { background:#1d1d47; }
.regmitad { width:calc(50% - 91px); width:-moz-calc(50% - 91px); border-left:1px solid #4156a2; font-size:16px; color:#fd8204; text-align:center; padding: 0 45px; }

.campos { border:2px solid #ccc; height:29px; width:calc(100% - 4px); width:-moz-calc(100% - 4px); background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; }

.campo { border:2px solid #ccc; height:16px; width:calc(100% - 34px); width:-moz-calc(100% - 34px); background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; }

.campom { border:2px solid #ccc; height:16px; width:calc(100% - 150px); width:-moz-calc(100% - 150px); background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; }
.campob { border:2px solid #ccc; height:16px; width:40px; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; margin: 0 5px 0 0; }

.azullato { color:#1d1d47; font-size:11px; font-family: 'Lato', sans-serif; }
.txtizq { text-align:left; }
.txtder { text-align:right; }

.btnovalrs { color:#fff; background:#e30075; padding:3px 15px; font-weight:300; font-size:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-family: 'Crushed', cursive; }
.btnovalrs:hover { background:#ddd; color:#e30075; }

.au_cont { position:absolute; width:560px; height:240px; top: 100px; left:50%; margin-top: 0px; margin-left: -280px;box-shadow: 2px 2px 5px #999; }
.au_logo { display:inline-block; float:left; width:280px; height:240px; background:url(../logo.png) no-repeat #ccc center center; }
.au_titulo { display:inline-block; float:left; width:240px; height:20px; padding:20px; text-align:right; color:#FFF; background: #333; font-style:italic; font-size:20px; }
.au_form { display:inline-block; float:left; width:240px; height:140px; padding:20px; text-align:center; }
.au_campo { height:20px; width:120px; font-size:13px;  background:#FFF; }
.au_btn {  width:120px; font-size:13px; padding:5px 0 ; background:#EEE; color:#333; text-decoration:none; font-weight:normal; border:none; }
.au_btn:hover { background:#333; color:#eee; }

.menu_btn { display:inline-block; float:left; height:20px; font-size:13px; padding:5px 7px 5px 7px; background:#CCC; color:#333; text-decoration:none; }
.menu_btn:hover { background:#333; color:#CCC; }
.cabecera { display:inline-block; float:left; width:100%; height:60px; background:#EEE; }
.cuarto { width:calc(25% - 20px); width:-moz-calc(25% - 20px); margin: 0 10px 15px 10px; height:45px; }
.limpio { clear:both; }

.tituloazul { width:80%; font-size:24px; padding: 0 0 15px 10px; color:#31405f; }

.btnovalm { background:#1686c5; padding:5px 10px; font-size:14px; color:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.btnovalm:hover { background:#31405f; }

.btnovalmo { background:#31405f; padding:5px 10px; font-size:14px; color:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.btnovalmo:hover { background:#31405f; }

.tituloseccion { color:#31405f; font-size:24px; text-transform:uppercase; }


.btnoval { background:#1686c5; padding:10px 20px; font-size:20px; color:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border:none; cursor:pointer; }
.btnoval:hover { background:#31405f; }

.btnovals { background:#1686c5; padding:10px 50px; font-size:20px; color:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; border:none; cursor:pointer; }
.btnovals:hover { background:#31405f; }

.btnovalso { background:#1686c5; padding:5px 20px; font-size:20px; color:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; border:none; cursor:pointer; margin:15px 0 0 0; }
.btnovalso:hover { background:#31405f; }

.alerta { font-weight:700; color:#f00; font-size:16px; }
.marcogris { width:calc(100% - 40px); width:-moz-calc(100% - 40px); background:#eee; margin:0 0 50px 20px; padding:15px 0 0 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.nota { font-size:12px; color:#666; }

.margen { width:100%; height:110px; }

.margenu { width:100%; height:140px; }


.lineadgr { width:100%; height:20px; background:url(../img/linea.jpg) no-repeat center center; }
.diagr_marco0 { padding:5px 20px; background:#fff; border: 2px solid #666; float:none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 0 0 10px 0; }
.diagr_marco1 { width:200px; padding:5px 20px; background:#ccc; border: 2px solid #666; float:none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 0 0 10px 0; }
.dm2 { }
.dm3 { }
.dm4 { }

.usdiagr { color:#09137C; text-transform:uppercase; }
.usdiagr:hover { color: #666; }
.marcotit { width:calc(100% - 40px); width:-moz-calc(100% - 40px); margin:0 10px 10px 20px; }

.pago { opacity:0.6; filter:alpha(opacity=60); }
.pago:hover { opacity:1; filter:alpha(opacity=100); }

.nero { color:#000; }

.btngrs { color:#666; }
.btngrs:hover { color:#000; }

.btngrsxy { color:#1686c5; font-weight:700; }
.btngrsxy:hover { color:#000; }

.titulo { color:#3A5790; font-size:24px; font-weight:700; }

.btnazul { color:#3A5790; font-weight:700; }
.btnazul:hover { color:#666; }

.genform1 { width:100px; text-align:center; }
.genform2 { width:calc(100% - 410px); width:-moz-calc(100% - 410px); text-align:left; }
.genform3 { width:180px; text-align:left; }
.genform4 { width:120px; text-align:left; }
.derecha { float:right; }

.cien { width:100%; padding: 0 0 15px 0; }
.cienpx { width:60px; margin: 0 10px; }
.ciencom { width:calc(100% - 100px); width:-moz-calc(100% - 100px); }

.gf1 { width:80px; text-align:center; padding:10px 0 0 0; outline:0px solid #fff; }
.gf2 { width:100px; text-align:left; padding:10px 0 0 0; outline:0px solid #fff; }
.gf3 { width:80px; text-align:left; padding:0 0 0 0; outline:0px solid #fff; }
.gf4 { width:calc(100% - 780px); width:-moz-calc(100% - 780px); text-align:left; outline:0px solid #fff; }
.gf5 { width:120px; text-align:center; padding:10px 0 0 0; outline:0px solid #fff; }
.gf6 { width:120px; text-align:center; padding:0 0 0 0; outline:0px solid #fff; }
.gf7 { width:60px; text-align:center; padding:10px 0 0 0; outline:0px solid #fff; }


.r80 { width:80px; text-align:center; }
.r100 { width:100px; text-align:center; }
.rcien { width:100px; text-align:right; }
.rcien3 { width:280px; text-align:right; }


.cmp20 { width:20px; text-align:center; padding:0 0 0 0; outline:0px solid #fff; min-height:10px; }
.cmp30 { width:30px; text-align:center; padding:0 0 0 0; outline:0px solid #fff; min-height:10px; }
.cmp80 { width:80px; text-align:center; padding:0 0 0 0; outline:0px solid #fff; min-height:10px; }
.cmp100 { width:100px; text-align:center; padding:0 0 0 0; outline:0px solid #fff; min-height:10px; }
.cmp200 { width:150px; text-align:center; padding:0 0 0 0; outline:0px solid #fff; min-height:10px; }
.cmp200s { width:200px; text-align:left; padding:0 0 0 0; outline:0px solid #fff; min-height:10px; }
.cmp300 { width:300px; text-align:left; padding:0 0 0 0; outline:0px solid #fff; min-height:10px; margin: 0 0 0 10px; font-weight:700; }
.txtd { text-align:right; }
.txtn { font-weight:400; }
.btnovalmn { background:#1686c5; padding:2px 8px; font-size:12px; color:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.btnovalmn:hover { background:#31405f; }

.m100 { width:100%; margin: 0 0 10px 0; }
.btnazl { color:#333; font-weight:700; }
.btnazl:hover { color:#00175F; }
.azultitulo { color:#00175F; font-size:20px; font-weight:bold; }

.campo20 { width:20px; min-height:5px; }
.campo50 { width:50px; min-height:5px; }
.campo80 { width:80px; min-height:5px; }
.campo100 { width:100px; min-height:5px; }
.campo200 { width:200px; min-height:5px; }
.campo300 { width:300px; min-height:5px; }
.campo770 { width:730px; min-height:5px; }
.der { text-align:right; }
.cen { text-align:center; }

.cienT { width:100%; color:#fff; padding:5px 0; font-weight:bold; }
.totales { font-size:18px; }
.cabrep { width:100%; cursor:pointer; padding:40px 0 10px 0; }

.btnopaco { opacity:0.3; color:#000; }
.btnopaco:hover { opacity:1; }

.comnombre { width:calc(100% - 10px); width:-moz-calc(100% - 10px); border:5px solid #ccc; cursor:pointer; border-bottom:none; margin:10px 0 0 0; text-transform:uppercase; display:none; }
.comcont { width:calc(100% - 10px); width:-moz-calc(100% - 10px); border:5px solid #ccc; display:none; }
.comttl { width:calc(100% - 10px); width:-moz-calc(100% - 10px); border:5px solid #ccc; border-top:none; font-size:24px; display:none; }


.btngrsxy { color:#1686c5; font-weight:700; }
.btngrsxy:hover { color:#000; }

@media (max-width:1200px){
.centro { width:96%; }
}

@media (max-width:1100px){
.cuarto { width:calc(33% - 20px); width:-moz-calc(33% - 20px); }
}
@media (max-width:800px){
.cuarto { width:calc(50% - 20px); width:-moz-calc(50% - 20px); }
}
@media (max-width:700px){
.cuarto { width:calc(100% - 20px); width:-moz-calc(100% - 20px); }
.alerta { font-size:13px; }
.marcogris { width:calc(100% - 20px); width:-moz-calc(100% - 20px); margin:0 0 30px 10px; }
}