@charset "utf-8";
/* CSS Document */

/* Extra small devices (phones, less than 768px) */

body { margin:0; padding:70px 0 0 0; background-color:rgb(245,245,245); font-family: 'Open Sans', sans-serif; }

body.bggris { background-image:url(../img/bg-index.jpg); background-position:center top; background-size:cover; background-repeat:no-repeat; }
body.bgcolor { background-image:url(../img/bg-index2.jpg); background-position:center top; background-size:cover; background-repeat:no-repeat; }

div.container > :first-child { display:none !important; }
div.container.loginm > :first-child { display:block !important; }

.left { float:left; }
.right { float:right; }

#errorbox { display:none; }

a { color:rgb(22,166,201); }
a:hover,
a:active,
a:focus { color:rgb(221,118,17); }

.isologos { text-align:center; padding:0 0 20px 0; }
.login { padding:0; }
.loginm { padding:0; }
.titular { font-size:24px; font-weight:300; background-color:rgb(77,78,83); color:rgb(255,255,255); padding:10px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }
.errormsg { font-size:14px; font-weight:400; background-color:rgb(196,0,26); color:rgb(255,255,255); padding:5px 10px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }
.alertmsg { font-size:14px; font-weight:400; background-color:#FFCC00; color:rgb(0,0,0); padding:5px 10px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }
.okmsg { font-size:14px; font-weight:400; background-color:#47962d; color:rgb(255,255,255); padding:5px 10px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }
.contenido { background-color:rgb(255,255,255); padding:10px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }
.contenido input { width:100%; }
.contenido .cierre { padding:20px 0 0 0; }
.pie { font-size:10px; font-weight:400; color:rgb(77,78,83); padding:10px 0; height:60px; }
.header { padding:20px 0; }
.header img { height:100px; }
.titularmain { background-color:rgb(77,78,83); padding:10px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; display:none !important; }
.titularmain .titulo { font-size:14px; line-height:16px; font-weight:700;  color:rgb(255,255,255); padding:0; margin:0; }
.titularmain .menu { text-align:right; padding:0; margin:0; }
.titularsub { background-color:rgb(145,146,150); padding:10px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }
.titularsub .titulo { font-size:24px; line-height:24px; font-weight:300;  color:rgb(255,255,255); padding:0; margin:0; }
.titularsub .menu { text-align:right; padding:0; margin:0; }
.contentbox { background-color:rgb(255,255,255); padding:10px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }
.contentboxin { background-color:rgb(255,255,255); padding:40px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }
#listado { width:100%; box-sizing:border-box;}
#listado th { font-size:11px; font-weight:bold; color:rgb(255,255,255); background-color:rgb(77,78,83); padding:5px; text-align:left; box-sizing:border-box; }
#listado td { font-size:12px; font-weight:normal; color:rgb(0,0,0); padding:5px; text-align:left; box-sizing:border-box; }
#listado .odd { background-color:rgb(232,232,232); color:rgb(0,0,0); }
#listado .even { background-color:rgb(255,255,255); color:rgb(23,23,23); }
#list { width:100%; box-sizing:border-box;}
#list th { font-size:11px; font-weight:bold; color:rgb(255,255,255); background-color:rgb(77,78,83); padding:5px; text-align:left; box-sizing:border-box; }
#list td { font-size:12px; font-weight:normal; color:rgb(0,0,0); padding:5px; text-align:left; box-sizing:border-box; }
#list .odd { background-color:rgb(232,232,232); color:rgb(0,0,0); }
#list .even { background-color:rgb(255,255,255); color:rgb(23,23,23); }
#list2 { width:100%; box-sizing:border-box;}
#list2 th { font-size:11px; font-weight:bold; color:rgb(255,255,255); background-color:rgb(77,78,83); padding:5px; text-align:left; box-sizing:border-box; }
#list2 td { font-size:12px; font-weight:normal; color:rgb(0,0,0); padding:5px; text-align:left; box-sizing:border-box; }
#list2 .odd { background-color:rgb(232,232,232); color:rgb(0,0,0); }
#list2 .even { background-color:rgb(255,255,255); color:rgb(23,23,23); }
#list3 { width:100%; box-sizing:border-box;}
#list3 th { font-size:11px; font-weight:bold; color:rgb(255,255,255); background-color:rgb(77,78,83); padding:5px; text-align:left; box-sizing:border-box; }
#list3 td { font-size:12px; font-weight:normal; color:rgb(0,0,0); padding:5px; text-align:left; box-sizing:border-box; }
#list3 .odd { background-color:rgb(232,232,232); color:rgb(0,0,0); }
#list3 .even { background-color:rgb(255,255,255); color:rgb(23,23,23); }
.dataTables_filter input { border:solid 1px #666666; }

.contentboxin h1 { padding:0 0 20px 0; margin:0; color:rgb(102,102,102); font-size:24px; font-weight:300; }
.contentboxin h2 { padding:5px; margin:20px 0; background-color:rgb(145,146,150); color:rgb(255,255,255); font-size:14px; }
.contentboxin label { font-size:12px; }
.maxsize label { display:block; }
.maxsize input { width:100%; }
.contentboxin .preg { padding-top:10px; padding-bottom:5px; }
.contentboxin .obse { padding-top:5px; padding-bottom:20px; }
.contentboxin p { margin:0; }
.contentboxin .opt { text-align:center; padding-top:10px; padding-bottom:10px; margin-top:10px; margin-bottom:10px; }
.contentboxin .opt1 { background-color:#ff0000; color:#FFFFFF; text-align:left; padding-top:10px; padding-bottom:10px; margin-top:10px; margin-bottom:10px; }
.contentboxin .opt2 { background-color:#ff6600; color:#FFFFFF; text-align:left; padding-top:10px; padding-bottom:10px; margin-top:10px; margin-bottom:10px; }
.contentboxin .opt3 { background-color:#ffcc00; color:#FFFFFF; text-align:left; padding-top:10px; padding-bottom:10px; margin-top:10px; margin-bottom:10px; }
.contentboxin .opt4 { background-color:#99cc00; color:#FFFFFF; text-align:left; padding-top:10px; padding-bottom:10px; margin-top:10px; margin-bottom:10px; }
.contentboxin .opt5 { background-color:#006600; color:#FFFFFF; text-align:left; padding-top:10px; padding-bottom:10px; margin-top:10px; margin-bottom:10px; }
.contentboxin .opt6 { background-color:#666666; color:#FFFFFF; text-align:left; padding-top:10px; padding-bottom:10px; margin-top:10px; margin-bottom:10px; }
#listado td.bopt1 { color:#ff0000;text-align:center; }
#listado td.bopt2 { color:#ff6600;text-align:center; }
#listado td.bopt3 { color:#ffcc00;text-align:center; }
#listado td.bopt4 { color:#99cc00;text-align:center; }
#listado td.bopt5 { color:#006600;text-align:center; }
#list td.bopt1 { color:#ff0000;text-align:center; }
#list td.bopt2 { color:#ff6600;text-align:center; }
#list td.bopt3 { color:#ffcc00;text-align:center; }
#list td.bopt4 { color:#99cc00;text-align:center; }
#list td.bopt5 { color:#006600;text-align:center; }
#list2 td.bopt1 { color:#ff0000;text-align:center; }
#list2 td.bopt2 { color:#ff6600;text-align:center; }
#list2 td.bopt3 { color:#ffcc00;text-align:center; }
#list2 td.bopt4 { color:#99cc00;text-align:center; }
#list2 td.bopt5 { color:#006600;text-align:center; }
.contentboxin p { font-weight:normal; }

.carga {  border:solid 1px rgb(0,0,0); }
.carga th.celdac { font-size:11px; line-height:11px; font-weight:bold; padding:5px; border:solid 1px rgb(0,0,0); box-sizing:content-box; }
.carga td.celda { font-size:11px; line-height:11px; font-weight:normal; padding:5px; border:solid 1px rgb(0,0,0); box-sizing:content-box; }
.carga th.celdac.base { color:rgba(255,255,255,1); background-color:rgba(0,0,0,1); }
.carga td.celda.base { color:rgba(0,0,0,1); background-color:rgba(0,0,0,0.1); }
.carga th.celdac.clie { color:rgba(255,255,255,1); background-color:rgba(0,0,0,0.9); }
.carga td.celda.clie { color:rgba(0,0,0,1); background-color:rgba(0,0,0,0.2); }
.carga th.celdac.vehi { color:rgba(255,255,255,1); background-color:rgba(0,0,0,0.8); }
.carga td.celda.vehi { color:rgba(0,0,0,1); background-color:rgba(0,0,0,0.3); }
.carga th.celdac.conc { color:rgba(255,255,255,1); background-color:rgba(0,0,0,0.7); }
.carga td.celda.conc { color:rgba(0,0,0,1); background-color:rgba(0,0,0,0.4); }
.carga th.celdac.preg { color:rgba(255,255,255,1); background-color:rgba(0,0,0,1); }
.carga td.celda.preg-1 { color:rgba(255,255,255,1); background-color:#ff0000; }
.carga td.celda.preg-2 { color:rgba(255,255,255,1); background-color:#ff6600; }
.carga td.celda.preg-3 { color:rgba(0,0,0,1); background-color:#ffcc00; }
.carga td.celda.preg-4 { color:rgba(255,255,255,1); background-color:#99cc00; }
.carga td.celda.preg-5 { color:rgba(255,255,255,1); background-color:#006600; }
.carga th.celdac.obse { color:rgba(255,255,255,1); background-color:rgba(0,0,0,0.9); }
.carga td.celda.obse { color:rgba(0,0,0,1); background-color:rgba(0,0,0,0.2); }

#planilla tr.odd .th-primer,
#planilla tr.even .th-primer { background-color:#000000; color:#FFFFFF; font-size:12px; line-height:12px; font-weight:700; text-align:center; vertical-align:middle; border:solid 2px #000000; padding:3px; }
#planilla tr.odd .th-segundo,
#planilla tr.even .th-segundo { background-color:#333333; color:#FFFFFF; font-size:12px; line-height:12px; font-weight:700; text-align:center; vertical-align:middle; border:solid 2px #333333; padding:3px; }
#planilla tr.odd .th-tercero,
#planilla tr.even .th-tercero { background-color:#666666; color:#FFFFFF; font-size:12px; line-height:12px; font-weight:700; text-align:center; vertical-align:middle; border:solid 2px #666666; padding:3px; }
#planilla tr.odd .td-dato,
#planilla tr.odd .td-primero,
#planilla tr.odd .td-segundo,
#planilla tr.odd .td-tercero,
#planilla tr.odd .td-cuarto,
#planilla tr.odd .td-quinto { background-color:#FFFFFF; color:#666666; font-size:12px; line-height:12px; font-weight:700; vertical-align:middle; border:solid 2px #FFFFFF; padding:3px; }
#planilla tr.even .td-dato,
#planilla tr.even .td-primero,
#planilla tr.even .td-segundo,
#planilla tr.even .td-tercero,
#planilla tr.even .td-cuarto,
#planilla tr.even .td-quinto { background-color:#E0E0E0; color:#666666; font-size:12px; line-height:12px; font-weight:700; vertical-align:middle; border:solid 2px #FFFFFF; padding:3px; }
#planilla tr.odd .td-primero.nivel1,
#planilla tr.odd .td-segundo.nivel1,
#planilla tr.odd .td-tercero.nivel1,
#planilla tr.odd .td-cuarto.nivel1,
#planilla tr.odd .td-quinto.nivel1 { color:rgba(255,255,255,1); background-color:#ff0000; }
#planilla tr.odd .td-primero.nivel2,
#planilla tr.odd .td-segundo.nivel2,
#planilla tr.odd .td-tercero.nivel2,
#planilla tr.odd .td-cuarto.nivel2,
#planilla tr.odd .td-quinto.nivel2 { color:rgba(255,255,255,1); background-color:#ff6600; }
#planilla tr.odd .td-primero.nivel3,
#planilla tr.odd .td-segundo.nivel3,
#planilla tr.odd .td-tercero.nivel3,
#planilla tr.odd .td-cuarto.nivel3,
#planilla tr.odd .td-quinto.nivel3 { color:rgba(0,0,0,1); background-color:#ffcc00; }
#planilla tr.odd .td-primero.nivel4,
#planilla tr.odd .td-segundo.nivel4,
#planilla tr.odd .td-tercero.nivel4,
#planilla tr.odd .td-cuarto.nivel4,
#planilla tr.odd .td-quinto.nivel4 { color:rgba(0,0,0,1); background-color:#99cc00; }
#planilla tr.odd .td-primero.nivel5,
#planilla tr.odd .td-segundo.nivel5,
#planilla tr.odd .td-tercero.nivel5,
#planilla tr.odd .td-cuarto.nivel5,
#planilla tr.odd .td-quinto.nivel5 { color:rgba(255,255,255,1); background-color:#006600; }
#planilla tr.even .td-primero.nivel1,
#planilla tr.even .td-segundo.nivel1,
#planilla tr.even .td-tercero.nivel1,
#planilla tr.even .td-cuarto.nivel1,
#planilla tr.even .td-quinto.nivel1 { color:rgba(255,255,255,1); background-color:#ff0000; }
#planilla tr.even .td-primero.nivel2,
#planilla tr.even .td-segundo.nivel2,
#planilla tr.even .td-tercero.nivel2,
#planilla tr.even .td-cuarto.nivel2,
#planilla tr.even .td-quinto.nivel2 { color:rgba(255,255,255,1); background-color:#ff6600; }
#planilla tr.even .td-primero.nivel3,
#planilla tr.even .td-segundo.nivel3,
#planilla tr.even .td-tercero.nivel3,
#planilla tr.even .td-cuarto.nivel3,
#planilla tr.even .td-quinto.nivel3 { color:rgba(0,0,0,1); background-color:#ffcc00; }
#planilla tr.even .td-primero.nivel4,
#planilla tr.even .td-segundo.nivel4,
#planilla tr.even .td-tercero.nivel4,
#planilla tr.even .td-cuarto.nivel4,
#planilla tr.even .td-quinto.nivel4 { color:rgba(0,0,0,1); background-color:#99cc00; }
#planilla tr.even .td-primero.nivel5,
#planilla tr.even .td-segundo.nivel5,
#planilla tr.even .td-tercero.nivel5,
#planilla tr.even .td-cuarto.nivel5,
#planilla tr.even .td-quinto.nivel5 { color:rgba(255,255,255,1); background-color:#006600; }

.planilla tr.odd .th-primer,
.planilla tr.even .th-primer { background-color:#000000; color:#FFFFFF; font-size:12px; line-height:12px; font-weight:700; text-align:center; vertical-align:middle; border:solid 2px #000000; padding:3px; }
.planilla tr.odd .th-segundo,
.planilla tr.even .th-segundo { background-color:#333333; color:#FFFFFF; font-size:12px; line-height:12px; font-weight:700; text-align:center; vertical-align:middle; border:solid 2px #333333; padding:3px; }
.planilla tr.odd .th-tercero,
.planilla tr.even .th-tercero { background-color:#666666; color:#FFFFFF; font-size:12px; line-height:12px; font-weight:700; text-align:center; vertical-align:middle; border:solid 2px #666666; padding:3px; }
.planilla tr.odd .td-dato,
.planilla tr.odd .td-primero,
.planilla tr.odd .td-segundo,
.planilla tr.odd .td-tercero,
.planilla tr.odd .td-cuarto,
.planilla tr.odd .td-quinto { background-color:#FFFFFF; color:#666666; font-size:12px; line-height:12px; font-weight:700; vertical-align:middle; border:solid 2px #FFFFFF; padding:3px; }
.planilla tr.even .td-dato,
.planilla tr.even .td-primero,
.planilla tr.even .td-segundo,
.planilla tr.even .td-tercero,
.planilla tr.even .td-cuarto,
.planilla tr.even .td-quinto { background-color:#E0E0E0; color:#666666; font-size:12px; line-height:12px; font-weight:700; vertical-align:middle; border:solid 2px #FFFFFF; padding:3px; }

tr.odd .td-primero-dif { background-color:#CCCCCC; color:#333333; font-size:12px; line-height:12px; font-weight:700; vertical-align:middle; border:solid 2px #FFFFFF; padding:3px; }
tr.even .td-primero-dif { background-color:#BBBBBB; color:#333333; font-size:12px; line-height:12px; font-weight:700; vertical-align:middle; border:solid 2px #FFFFFF; padding:3px; }

tr.odd .td-dato-dif { background-color:#CCCCCC; color:#333333; font-size:12px; line-height:12px; font-weight:700; vertical-align:middle; border:solid 2px #FFFFFF; padding:3px; }
tr.even .td-dato-dif { background-color:#BBBBBB; color:#333333; font-size:12px; line-height:12px; font-weight:700; vertical-align:middle; border:solid 2px #FFFFFF; padding:3px; }

.planilla tr.odd .td-primero.nivel1,
.planilla tr.odd .td-primero-dif.nivel1,
.planilla tr.odd .td-segundo.nivel1,
.planilla tr.odd .td-tercero.nivel1,
.planilla tr.odd .td-cuarto.nivel1,
.planilla tr.odd .td-quinto.nivel1 { color:rgba(255,255,255,1); background-color:#ff0000; }
.planilla tr.odd .td-primero.nivel5,
.planilla tr.odd .td-primero-dif.nivel5,
.planilla tr.odd .td-segundo.nivel5,
.planilla tr.odd .td-tercero.nivel5,
.planilla tr.odd .td-cuarto.nivel5,
.planilla tr.odd .td-quinto.nivel5 { color:rgba(255,255,255,1); background-color:#006600; }
.planilla tr.even .td-primero.nivel1,
.planilla tr.even .td-primero-dif.nivel1,
.planilla tr.even .td-segundo.nivel1,
.planilla tr.even .td-tercero.nivel1,
.planilla tr.even .td-cuarto.nivel1,
.planilla tr.even .td-quinto.nivel1 { color:rgba(255,255,255,1); background-color:#ff0000; }
.planilla tr.even .td-primero.nivel5,
.planilla tr.even .td-primero-dif.nivel5,
.planilla tr.even .td-segundo.nivel5,
.planilla tr.even .td-tercero.nivel5,
.planilla tr.even .td-cuarto.nivel5,
.planilla tr.even .td-quinto.nivel5 { color:rgba(255,255,255,1); background-color:#006600; }


.cargabox { overflow-x:scroll; overflow-y:scroll; }
.cargaboxb { overflow:scroll; height:auto; width:100% }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.login { padding:50px 0 0 0; }
.loginm { padding:30px 0 0 0; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.login { padding:100px 0 0 0; }
.loginm { padding:0; }
.titular { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.titularmain { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:none !important; }
.titularsub { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.errormsg { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.alertmsg { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.okmsg { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.contenido { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.contentbox { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.contentboxin { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

@media only print {

	.header { display:none; }
	.titularmain { display:none; }
	.titularsub { display:none; }
	.contentboxin form { display:none; }
	.menuboxs { display:none; }
	.cargabox { overflow-x:visible; overflow-x:visible; height:auto !important; }
	.pie { display:none; }
	/*
	.boxbox { display:block !important; }
	.boxbox.boxno { display:none !important; }
	*/
	.row div { page-break-after: always; }

}