*{padding:0; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@font-face{ font-family:'Abel'; src:url('../fonts/Abel/Abel-Regular.woff'); }
@font-face{ font-family:'Roboto'; src:url('../fonts/Roboto/Roboto-Light.eot'); }
@font-face{ font-family:'Roboto'; src:url('../fonts/Roboto/Roboto-Light.svg'); }
@font-face{ font-family:'Roboto'; src:url('../fonts/Roboto/Roboto-Light.woff'); }
@font-face{ font-family:'Roboto'; src:url('../fonts/Roboto/Roboto-Light.woff2'); }

body, html {font-family: 'Roboto'; color: #16174f; margin-top:0px; letter-spacing:0px; font-weight:100; background-color: #FFFFFF; height: 95%; font-size: 95%; }
img { max-width: 100%; height: auto; width: auto/9;}
.jm-loadingpage { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999999; background: url(../images/35.gif) center no-repeat #fff;}

.titulo0{ font-size: 250%; font-weight:500; color:#16174f; font-family: 'Roboto'; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;}

.titulosbig{ font-size: 350%; font-weight:400; color:#16174f; font-family: 'Roboto'; text-align: center; margin: 0; letter-spacing:0px; padding : 0px 0px 0px 0px;}

.titulos{ line-height:1.2; font-size: 1.5rem; font-weight:500; color:#16174f; font-family: 'Roboto'; text-align: center; margin: 0; letter-spacing:0px; padding : 0px 0px 0px 0px;}

.subtitulos{ font-size: 100%; font-weight:500; color:#7F0002; font-family: 'Roboto'; text-align: center; margin: 0; letter-spacing:0px; padding: 0;}

.numeros{ font-size: 100%; font-weight:400; color:#CC4B19; font-family: 'Roboto'; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;}

.numerosbig{ font-size: 150%; font-weight:400; color:#CC4B19; font-family: 'Roboto'; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;}
.numerosbig1{ font-size: 250%; font-weight:400; color:#CC4B19; font-family: 'Roboto'; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;}

.pagina { border:none; width:45%; margin:0px 0px 0px 0px; font-family: Segoe, "Segoe UI"; font-size: 75%;  }

.tituloVisor{ font-size: 100px; font-weight:200; color:#16174f; font-family: "Roboto"; text-align: center; }

.tituloVisor1{ font-size: 100%; font-weight:250; color:#16174f; font-family: "Roboto"; text-align: center;  width: 90%; width: 100%;}

.tituloVisor2{ font-size: 20px; font-weight:350; color:#16174f; font-family: "Roboto"; text-align: left;  
	width: 60%;}

.tituloVisor3{ font-size: 16; font-weight:350; color:#4600F3; font-family: "Roboto"; text-align: left;  
	width: 100%;}

.tituloVisor4{ font-size: 15; font-weight:350; color:#16174f; font-family: "Roboto"; text-align: left; width: 100%;}


.display-1{font-size:1.0rem;font-weight:350;line-height:1.0; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black,' sans-serif'; text-align: right; }
.display-2{font-size:1.2rem;font-weight:350;line-height:1.0; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black,' sans-serif'; text-align: right; }
.display-4{font-size:4.5rem;font-weight:500;line-height:1.0; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black,' sans-serif'; text-align: center; }
.display-5{font-size:2.5rem;font-weight:300;line-height:1.0; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black,' sans-serif'; text-align: center;}
.display-6{font-size:1.0rem;font-weight:300;line-height:1.0; font-family: 'Roboto'; text-align: right;}
.display-7{font-size:1.0rem;font-weight:300;line-height:1.0; font-family: 'Roboto'; text-align: left;}
.display-8{font-size:1.0rem;font-weight:300;line-height:1.0; font-family: 'Roboto'; text-align: right; color:#000000;}


form{ width: 600px; height: auto; margin: 0 auto; padding: 0% 1%; background:#d8d8d8; border-radius: 4px; font-weight:normal; font-family: "Roboto"; font-size: 90%; color: #023859;}
.form90{ width: 90%; height: auto; margin: 0 auto; padding: 0% 1%; background:#d8d8d8; border-radius: 4px; font-weight:normal; font-family: "Roboto"; font-size: 90%; color: #023859;}



label { letter-spacing:inherit; color:#000000; font-weight:500; display: block; text-align: left; line-height:1.3rem; font-size: 95%; font-family: "Roboto";}
span{ color:#023859; font-weight:500; font-size: 95%; font-family: 'Roboto';}


select { border: 1px solid #cccccc; width:100%; height:30px; overflow: hidden; margin: 1px; background-color: #ffffff; padding : 5px 5px 5px 5px; font-family: Segoe, "Segoe UI"; font-size: 90%; font-weight:bold; color: #023859; letter-spacing:inherit;}
select select { width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; appearance: none;  }
.obligatorio { color: #FC0000; text-align: right; font-size: 100%; padding : 0px 0px 0px 0px; font-style:normal; font-weight: bolder;  }	
.excel { text-align: center; font-size: 95%; padding : 0px 5px 0px 0px; }	
.notapie { color:#909090; text-align: center; font-size: 75%; padding : 0px 0px 0px 0px; }	
.notapieBlack { color:#000; text-align: center; font-size: 0.8rem; padding : 0px 0px 0px 0px; }	

a {	text-decoration: none; font-size: 100%;	color: #2552AC;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none; cursor:pointer; cursor: hand;}
a:hover {font-size: 100%; color:#Fc0000; font-weight: normal; cursor:pointer; cursor: hand;}
a:visited {	font-size: 100%; color: #2552AC; cursor:pointer; cursor: hand;}
a:active {	font-size: 100%; color: #FC3A52; cursor:pointer; cursor: hand;}

.boton_ingresar{ background-color:#168800; height:30px; width:20%; border:none; color:#FFFFFF; cursor:pointer; cursor: hand; border-radius: 4px; font-size: 90%; font-family: "Roboto"; }
.boton_normal{ background-color:#023859; height:30px; width:20%; border:none; color:#FFFFFF; cursor:pointer; cursor: hand; border-radius: 4px; font-weight:normal; font-size: 90%; font-family: "Roboto"; }
.boton_alerta{ background-color:#FB8502; height:30px; width:20%; border:none; color:#FFFFFF; cursor:pointer; cursor: hand; border-radius: 4px; font-weight:normal; font-size: 90%; font-family: "Roboto"; }


.boton_icono{ background-color: transparent; height:20px; width:auto; border:none; color:#023859; cursor:pointer; cursor: hand; font-weight:normal; font-size: 90%; font-family: "Roboto"; text-align: center; }

.boton_cancel{ background-color:#8C0000; height:30px; width:20%; border:none; color:#FFFFFF; cursor:pointer; cursor: hand; font-weight:normal; border-radius: 4px; font-size: 90%; font-family: "Roboto";}
.boton_suprim{ background-color:#8C0000; height:30px; width:80%; border:none; color:#FFFFFF; cursor:pointer; cursor: hand; font-weight:normal; border-radius: 4px; font-size: 75%;font-family: "Roboto"; }


.boton_ingresar:hover{ background-color:#4EA400; cursor:pointer; cursor: hand; }
.boton_normal:hover{ background-color:#1D6BE3; cursor:pointer; cursor: hand; }
.boton_alerta:hover{ background-color:#FFDD68; cursor:pointer; cursor: hand; }

.boton_cancel:hover{ background-color:#FC0000; cursor:pointer; cursor: hand; }

.boton_suprim:hover{ background-color:#FC0000; cursor:pointer; cursor: hand; }
.boton_icono:hover{ background-color:transparent; cursor:pointer; cursor: hand; color:#36E74A; }



input[type="text"]:required:invalid + label { /*background-color: #FF6600; */}
input[type="text"]:required:valid + label { /*background-color: #fefefe;*/ }
input[type="text"]:read-only { background-color:#DCD8D8;}
input[type="hour"]:read-only { background-color:#DCD8D8;}



textarea{ font-family: Segoe, "Segoe UI"; font-size: 90%; font-weight:500; color: #023859; letter-spacing:inherit; width: 100%; height: 150px; padding : 5px 5px 5px 10px; border: 1px solid #cccccc;} 
input{ font-family: Segoe, "Segoe UI"; font-size: 90%; font-weight:500; color: #023859; letter-spacing:inherit; width: 100%; height: 30px; padding : 5px 5px 5px 10px; border: 1px solid #cccccc;} 
.text-black-100{ font-family:Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; font-size: 95%; font-weight:450; color: #000; letter-spacing:normal; } 


.inputfecha{ font-family: Segoe, "Segoe UI"; font-size: 90%; font-weight:bold; color: #023859; letter-spacing:inherit; width: 70%; height: 30px; padding : 5px 5px 5px 10px; border: 1px solid #cccccc;} 


.inputPlaca{ font-family: Segoe, "Segoe UI"; font-size: 4em; font-weight:bold; color: #7E1D1D; text-align: center; width: 50%; height: 100px; padding: 30px 20px; line-height: 60px; }



.padre50 {
	text-align: right;
	justify-content: center;
	width: 50%;
	
}


.padre {
	text-align: center;
	justify-content: center;
	width: 100%;
}

.hijo {
	padding: 1px;
	margin: 1px;
	display: inline-block;
	width: 25%;
}

.hijo15 {
	padding: 1px;
	margin: 1px;
	display: inline-block;
	width: 15%;
}

.hijo20 {
	padding: 1px;
	margin: 1px;
	display: inline-block;
	width: 20%;
}

.padre1 {
	text-align: left;
	justify-content: center;
	width: 100%;
}

.hijo1 {
	padding: 1px;
	margin: 1px;
	display: inline-block;
	width: 50%;
}


.hijo2 {
	padding: 1px;
	margin: 1px;
	display: inline-block;
	width: 30%;
}




.custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }








h99{ font-size: 18px; font-weight:550; color:#000999;  font-family: "Roboto"; text-align: left; margin: 0 0 5px 0; letter-spacing:0px;} 

h1{ font-size: 20px; font-weight:400; color:#000999;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;} 
h2{ font-size: 20px; font-weight:400; color:#02bb24;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;}
h3{ font-size: 20px; font-weight:400; color:#FF3300;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;} 
h4{ font-size: 200%; font-weight:400; color:#023859;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;} 
h7{ font-size: 150%; font-weight:400; color:#023859;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;} 
h5{ font-size: 100%; font-weight:500; color:#023859;  font-family: "Roboto"; text-align: left; margin: 0 0 0 0;} 
h8{ font-size: 200%; font-weight:150; color:#F30004;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;} 
h9{ font-size: 110%; font-weight:400; color:#EC0D10;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;} 
h10{font-size: 200%; font-weight:550; color:#3571FB;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;}
h11{font-size: 100%; font-weight:400; color:#3571FB;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;}
h12{font-size: 100%; font-weight:400; color:#c43235;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;} 
h20{ font-size: 20px;font-weight:250; color:#000999;  font-family: "Roboto"; text-align: left; margin: 0 0 5px 0; letter-spacing:0px;} 
h21{ font-size: 12px; font-weight:400; color:#000999;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;} 


.TablaVisor { font-size: 90%; font-weight:400; color:#023859;  font-family: "Roboto"; text-align: left; margin: 0 0 0 0; width: 98%;  }
.Tablah5{ font-size: 100%; font-weight:500; color:#023859;  font-family: "Roboto"; text-align: left; margin: 0 0 0 0; width: 60%;}
.Tablah5 tr {background:#eeeeee;}
.Tablah6{ font-size: 80%; font-weight:500; color:#023859;  font-family: "Roboto"; text-align: left; margin: 0 0 0 0; width: 100%; background:#fff;}



.tablasoportes00 {font-weight:500; color:#023859; font-family: 'Roboto'; border: 0px solid #fff; border-collapse: collapse; margin: 0; padding: 0; width: 90%; table-layout: fixed; font-size: 100%; margin-left:5%; margin-right:5%;  }
.tablasoportes00 caption { font-size: 1.5em; margin: .5em 0 .75em; }
.tablasoportes00 tr { background-color: #ffffff; border: 0px solid #fff; padding: .35em;}
.tablasoportes00 td { padding: .625em; text-align: justify; }
.tablasoportes00 th { font-weight:400; height: 30px; font-size: 1.00em; letter-spacing: .0em; text-transform: uppercase; background:#0033CC; padding:2px 2px 2px 2px; text-align: left; color: #fff; cursor: pointer;}



.tablasoportes {font-weight:550; color:#023859; font-family: Segoe, "Segoe UI"; border: 0px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 90%; table-layout: fixed; font-size: 0.8rem; margin-left:5%; margin-right:5%;  }
.tablasoportes caption { font-size: 1.5em; margin: .5em 0 .75em; }
.tablasoportes tr { background-color: #ffffff; border: 1px solid #ddd; padding: .35em;}
.tablasoportes td { padding: .625em; text-align: justify; }
.tablasoportes th { font-weight:400; height: 30px; font-size: 1.00em; letter-spacing: .0em; text-transform: uppercase; background:#0033CC; padding:2px 2px 2px 2px; text-align: left; color: #fff; cursor: pointer;}


.tablasoportes1A {
  font-weight:400; 
  color:#023859;  
  font-family: "Roboto";
  border: 0px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; font-size: 85%;
}

.tablasoportes1A caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.tablasoportes1A tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em; 
}


.tablasoportes1A th,
.tablasoportes1A td {
  padding: .600em;
  text-align: justify;
}

.tablasoportes1A th {
  font-weight:500;
  background-color: #c1c1c1;
  font-size: .95em;
  letter-spacing: .0em;
  text-transform: uppercase;
}















.tablasoportes1 {
  font-weight:500; 
  color:#023859;  
  font-family: "Roboto";
  border: 0px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; font-size: 80%;	
}
.tablasoportes1 caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
.tablasoportes1 tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
.tablasoportes1 th,
.tablasoportes1 td {
  padding: .625em;
  text-align: justify;
}
.tablasoportes1 th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}



.tablasoportes2 {
  font-weight:350; 
  color:#023859;  
  font-family: "Roboto";
  border: 0px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; font-size: 80%;	
}
.tablasoportes2 caption {
  font-size: 1.0em;
  margin: .5em 0 .75em;
}
.tablasoportes2 tr {
  background-color:#FFF;
  border: 1px solid #ddd;
  padding: .35em;
 font-size: 90%;
}
.tablasoportes2 th,
.tablasoportes2 td {
  padding: .325em;
  text-align: justify;
}
.tablasoportes2 th {
  font-size: 1.0em;
	font-weight:350;
  text-align:center;
  background-color:#565458;color:#fff;
}



.tablasoportes3 {
  font-weight:350; 
  color:#023859;  
  font-family: "Roboto";
  border: 0px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; 
}
.tablasoportes3 caption {
  font-size: 1.0em;
  margin: .5em 0 .75em;
}
.tablasoportes3 tr {
  background-color:#fff;
  border: 0px solid #ddd;
  padding: .35em;
}

.tablasoportes3 th, 
.tablasoportes3 td {
  padding: 0em;
  text-align: left;
  border: 1px solid #ddd;
  font-size: 0.7em;	
}

.tablasoportes3 th {
  font-size: 0.7em;
  font-weight:350;
  text-align:center;
  background-color:#023859;
  color:#fff;
}



/*.form1{ width: 800px; height: auto; margin: 0 auto; padding: 0 1%; background:#e5e5e5; border-radius: 4px; color:#6a6a6a; font-size: 90%; font-weight:450;  }*/





.boton_personalizado_1{text-decoration: none; padding: 0px; font-weight: 450; font-size: 90%; color: #ffffff; background-color: #33CCCC; border-radius: 2px; border: 2px solid #0016b0; cursor:pointer; cursor: hand;}
.boton_personalizado_1:hover{ background-color: #023859; cursor:pointer; cursor: hand;}

.butt {
    border: 1px outset blue;
    background-color: lightBlue;
    height:50px;
    width:50px;
    cursor:pointer;
}

.butt:hover {
   background-color: blue;
   color:white;
}

#loading{ position: fixed; left: 50%; top: 50%; }




table.width2001,table.rwd_auto {width:60%;margin:0 0 0 0; font-weight:lighter; font-family: Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace ; font-size: 100%; }
    .width2001 th,.rwd_auto th {background:#023859;padding:2px;text-align:center; cursor:pointer; cursor: hand; color: #f1f4f6; height: 25px; font-weight: lighter;} 
    .width2001 td,.rwd_auto td {padding:2px 2px 2px 2px;text-align:center; color:#666161; background:#ffffff;}
    .width2001 tr:last-child td, .rwd_auto tr:last-child td{ cursor:pointer; cursor: hand; color: #666161; text-align:center;}
    .rwd {width:90%;overflow:auto;}
	.rwd table.rwd_auto {width:auto;min-width:100%}
	.rwd_auto th,.rwd_auto td {white-space: nowrap;}




table.width2002,table.rwd_auto2 {width:60%; margin:0 0 0 0; font-weight:400; font-family: Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace ; font-size: 90%; }
    .width2002 th,.rwd_auto2 th {background:#C0351B; padding:2px;text-align:center; cursor:pointer; cursor: hand; color: #ffffff; height: 25px;} 
    .width2002 td,.rwd_auto2 td {border-bottom: 1px solid #ddd; text-align: left; }
	.rwd table.rwd_auto2 {width:auto;min-width:100%}
	.rwd_auto2 th,.rwd_auto2 td {white-space: nowrap;}






table.width2001,table.rwd_auto1 {width:100%;margin:0 0 0 0;  font-weight:400; font-family: "Roboto"; font-size: 70%; }
    .width2001 th,.rwd_auto1 th {background:#023859;padding:2px;text-align:center; cursor:pointer; cursor: hand; color: #f1f4f6; height: 25px; font-weight:400;} 
    .width2001 td,.rwd_auto1 td {padding:2px 2px 2px 2px;text-align:left; color: #000;}
    .width2001 tr:last-child td, .rwd_auto1 tr:last-child td{ cursor:pointer; cursor: hand; color: #000;}
    .rwd {width:90%;overflow:auto;}
	.rwd table.rwd_auto1 {width:auto;min-width:100%}
	.rwd_auto1 th,.rwd_auto1 td {white-space: nowrap; }




table.width2001,table.rwd_auto3 {width:100%; margin:0 0 0 0;  font-weight:250; font-family: "Roboto"; font-size: 85%; }
    .width2001 th,.rwd_auto3 th {background:#023859;padding:2px 2px 2px 2px;text-align:center; cursor:pointer; cursor: hand; color: #f1f4f6; height: 25px; font-weight:400;} 
    .width2001 td,.rwd_auto3 td {padding:2px 2px 2px 2px;text-align:left; color:#1B01A0; font-weight:350;}
    .width2001 tr:last-child td, .rwd_auto3 tr:last-child td{ cursor:pointer; cursor: hand; color: #1B01A0; font-weight:350;}
    .rwd {width:90%;overflow:auto;}
	.rwd table.rwd_auto3 {width:auto;min-width:90%}
	.rwd_auto3 th,.rwd_auto3 td {white-space: nowrap;}



.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.inputCorto{ background:#eeeeee;  
	
	font-family: Segoe, "Segoe UI"; font-size: 100%; text-align: center; width: 40%; height: 30px; margin: 5px 5px 5px 0px; padding : 0 10px; color:#F03861; font-weight: normal;}



/* Style for overlay and box */
        .overlay{
            background:transparent url(../script/CSSOverlay/images/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box{
			text-align:center;
            position:fixed;
            top:-200px; /* Valor Original -200*/
            left:30%;
            right:30%;
            background-color:#fff;
            color:#7F7F7F;
            padding:5px; /* original 20px*/
            border:0.5px solid #ccc;
            -moz-border-radius: 5px;
            -webkit-border-radius:5px;
            -khtml-border-radius:5px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101; /* valor original 101*/
        }
        .box h1{
            border-bottom: 0.5px dashed #7F7F7F;
            margin:-20px -20px 0px -20px;
            padding:1px; /*original 10px*/
            background-color:#FFEFEF;
            color:#EF7777;
            -moz-border-radius:5px 5px 0px 0px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -khtml-border-top-left-radius: 5px;
            -khtml-border-top-right-radius: 5px;
        }
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(../script/CSSOverlay/images/cancel.png) repeat top left;
            margin-top:-30px; 
            margin-right:-30px;
            cursor:pointer;
        }

/* Style for overlay and box */


/* Style for INPUT FILE */

.inputfile-box { position: relative; }
.inputfile { display: none;}
.container { display: inline-block; width: 20%;}
.file-box { display: inline-block; width: 99%; border: 1px solid; padding: 5px 5px 5px 5px; box-sizing: border-box; height: calc(1.9rem - 2px); }
.file-button { background: #0033CC; padding: 6px 6px 6px 6px; position: absolute; border: 0px solid; top: 0px; right: 6px; cursor:pointer; color:#FFFFFF;}




















@media screen and (max-width: 800px) 
{
	body { margin-top:10px; }
	.titulos{ font-size: 130%; font-weight:400;}
	
	
.tituloVisor{ font-size: 60px; font-weight:200; color:#16174f; font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;}
	
.tituloVisor1{ font-size: 100%; font-weight:250; color:#16174f; font-family: "Roboto"; text-align: center;  justify-content: center; width: 90%;}

.TablaVisor { font-size: 80%; font-weight:350; color:#023859; font-family: "Roboto"; text-align: left; margin: 0 0 0 0; width: 98%; }	
	
.tituloVisor2{ font-size: 80%; font-weight:350; color:#16174f; font-family: "Roboto"; text-align: left;  
	width: 100%;}

.tituloVisor3{ font-size: 60%; font-weight:350; color:#4600F3; font-family: "Roboto"; text-align: left;  
	width: 100%;}
	
	
	
	
table.width2001,table.rwd_auto {width:100%;margin:0 0 0 0; font-weight:lighter; font-family: Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace; font-size: 95%; }
    .width2001 th,.rwd_auto th {background:#023859;padding:2px;text-align:center; cursor:pointer; cursor: hand; color: #f1f4f6; height: 25px; font-weight: lighter;} 
    .width2001 td,.rwd_auto td {padding:2px 2px 2px 2px;text-align:center; color:#666161;}
    .width2001 tr:last-child td, .rwd_auto tr:last-child td{ cursor:pointer; cursor: hand; color: #666161; text-align:center;}
    .rwd {width:90%;overflow:auto;}
	.rwd table.rwd_auto {width:auto;min-width:100%}
	.rwd_auto1 th,.rwd_auto td {white-space: nowrap;}

	
	
	
	
	
	
	
	.notapie { color:#909090; text-align: center; font-size: 75%; padding : 0px 0px 0px 0px; }		
	form{ width: 90%; height: auto; margin: 0 auto; padding: 0% 2%; background:#D8D8D8; border-radius: 4px; font-weight:normal; font-family: Segoe, "Segoe UI"; font-size: 90%; color: #023859;}
	
	label{ color:#000000; font-weight:normal; padding: 0px 0px 0px 0px;}
	select { border: 1px solid #cccccc; width:100%; height:30px; overflow: hidden; margin: 1px; background-color: #ffffff; padding : 2px 2px 2px 2px; font-family: Segoe, "Segoe UI"; font-size: 90%; font-weight:bold; color: #023859; letter-spacing:inherit;}
	select select { width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; appearance: none;  }

	input { border: 1px solid #cccccc; width:100%; height:30px; overflow: hidden; margin: 1px; background-color: #ffffff; padding : 2px 2px 2px 2px; font-family: Segoe, "Segoe UI"; font-size: 90%; font-weight:bold; color: #023859; letter-spacing:inherit;}

	.inputfecha { border: 1px solid #cccccc; width:50%; height:30px; overflow: hidden; margin: 1px; background-color: #ffffff; padding : 2px 2px 2px 5px; font-family: Segoe, "Segoe UI"; font-size: 90%; font-weight:bold; color: #023859; letter-spacing:inherit;}

	.inputPlaca{ font-family: Segoe, "Segoe UI"; font-size: 4em; font-weight:bold; color: #7E1D1D; text-align: center; width: 80%; height: 80px; padding: 30px 20px; line-height: 60px; }
	
	.pagina { border:none; width:95%; margin:0px 0px 0px 0px; font-family: Segoe, "Segoe UI"; font-size: 65%;  }
	.obligatorio { color: #FC0000; text-align: right; font-size: 95%; padding : 0px 0px 0px 0px; font-style: normal; }		
	table.width201 { border: none; width:98%; margin:0 0 50px 0; font-family: Segoe, "Segoe UI"; font-size: 75%;  }	
	
	.boton_ingresar{ background-color:#168800; border-radius: 4px; height:30px; width:25%; border:none; color:#FFFFFF; cursor:pointer; cursor: hand; font-weight:normal; font-size: 90%; }
	.boton_normal{ background-color:#023859; border-radius: 4px; height:30px; width:25%; border:none; color:#FFFFFF; cursor:pointer; cursor: hand; font-weight:normal; font-size: 90%; }
	.boton_alerta{ background-color:#FB8502; border-radius: 4px; height:30px; width:25%; border:none; color:#ffffff; cursor:pointer; cursor: hand; font-weight:normal; font-size: 90%; }
	
	
	.boton_cancel{ background-color:#8C0000; border-radius: 4px; height:30px; width:25%; border:none; color:#FFFFFF; cursor:pointer; cursor: hand; font-weight:normal; font-size: 90%; }
	.boton_suprim{ background-color:#8C0000; border-radius: 4px; height:30px; width:80%; border:none; color:#FFFFFF; cursor:pointer; cursor: hand; font-weight:normal; font-size: 90%; }
	.boton_ingresar:hover{ background-color:#4EA400; cursor:pointer; cursor: hand; }
	.boton_normal:hover{ background-color:#2552AC; cursor:pointer; cursor: hand; }
	.boton_alerta:hover{ background-color:#FFDD68; cursor:pointer; cursor: hand; }
	
	
	.boton_cancel:hover{ background-color:#FC0000; cursor:pointer; cursor: hand; }
	.boton_suprim:hover{ background-color:#FC0000; cursor:pointer; cursor: hand; }
	.boton_icono{ width: auto; border:none; cursor:pointer; cursor: hand; font-weight:normal; font-size:50%;  }	
	.boton_personalizado{text-decoration: none; padding: 0px; font-weight: 450; font-size: 95%; color: #ffffff; background-color: #1883ba; border-radius: 2px; }
	.boton_personalizado:hover{ background-color: #02bb24;}
	h20{ font-size: 100%; font-weight:200; color:#000999; font-family: "Roboto"; text-align: left; margin: 0 0 5px 0; letter-spacing:0.5px;}
	h1{ font-size: 100%; font-weight:200; color:#000999;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0.5px;}
	h2{ font-size: 100%; font-weight:420; color:#02bb24;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0.5px;}
	h3{ font-size: 100%; font-weight:420; color:#FF3300;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0.5px;}	
	h4{ font-size: 150%; font-weight:400;}
	h8{ font-size: 150%; font-weight:400;}	
	h7{ font-size: 120%; font-weight:400;}	
	h9{ font-size: 100%; font-weight:400;}	
	h12{font-size: 90%; font-weight:400; color:#c43235;  font-family: "Roboto"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;} 
	
	
	img { max-width: 100%; height: auto; width: auto/9; /* Bug de ie8 */}	
	.inputfile-box { position: relative;  width: 90%; }
	.inputfile { display: none;}
	.file-box { display: inline-block; width: 100%; border: 1px solid; padding: 5px 0px 5px 5px; box-sizing: border-box; height: calc(2rem - 2px); margin: 5px 5px 5px 15px;}
	.file-button { background: #0033CC; padding: 6px 6px 6px 6px;  position: absolute; border: 0px solid; top: 5px; right: -3%; cursor:pointer; color:#FFFFFF;}
	.Tablah5{ font-size: 100%; font-weight:500; color:#023859;  font-family: "Abel"; text-align: left; margin: 0 0 0 0; width: 99%;} /* DPTO Y MPIO */
	
	table.width2001,table.rwd_auto2 {width:100%;margin:0 0 0 0; font-size:100%; font-weight:400;  }
    .width2001 th,.rwd_auto2 th {background:#C0351B;padding:0px;text-align:center; cursor:pointer; cursor: hand; color: #f1f4f6;  height: 25px; font-weight:400;} /* Titulo de las columnas*/
    .width2001 td,.rwd_auto2 td {padding:2px 2px 2px 2px;text-align:left; background:#F1F6F5; color: #848484;} /* Contenido de la Tabla*/
    .width2001 tr:last-child td, .rwd_auto2 tr:last-child td{ cursor:pointer; cursor: hand; color: #848484;}
    .rwd {width:100%; overflow:auto;}
	.rwd table.rwd_auto2 {width:auto; min-width:100%}
	.rwd_auto2 th,.rwd_auto2 td {white-space: nowrap;}
	.form1{ width: 99%; height: auto; margin: 0 auto; padding: 0 1%; background:#e5e5e5; border-radius: 4px; color:#6a6a6a; font-size: 90%; font-weight:450;  }
	input[type="text"]:read-only { background-color:#DCD8D8;}
	

.tablasoportes00 {border: 0; font-size: 100%; }	
.tablasoportes00 caption {font-size: 0.8em;}
.tablasoportes00 thead { border: none;clip: rect(0 0 0 0);height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.tablasoportes00 tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
.tablasoportes00 td {border-bottom: 1px solid #ddd; display: block; text-align: left; background: #FFFFFF; }
.tablasoportes00 th {background:#0033CC;padding:2px 2px 2px 2px;text-align:center; cursor:pointer; cursor: hand; color: #f1f4f6; height: 25px; font-weight:400;} 
.tablasoportes00 td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }  
.tablasoportes00 td:last-child { border-bottom: 0;}
	
	
	
.tablasoportes {border: 0; font-size: 85%; }	
.tablasoportes caption {font-size: 0.8em;}
.tablasoportes thead { border: none;clip: rect(0 0 0 0);height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.tablasoportes tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
.tablasoportes td {border-bottom: 1px solid #ddd; display: block; text-align: left; background: #FFFFFF; }
.tablasoportes th {background:#0033CC;padding:2px 2px 2px 2px;text-align:center; cursor:pointer; cursor: hand; color: #f1f4f6; height: 25px; font-weight:400;} 
.tablasoportes td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }  
.tablasoportes td:last-child { border-bottom: 0;}




.tablasoportes1A {border: 0; width:100%; margin:0 0 0 0;  font-weight:250; font-family: "Roboto"; font-size: 85%; }	
.tablasoportes1A caption {font-size: 1.3em;}
.tablasoportes1A thead { border: none;clip: rect(0 0 0 0);height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.tablasoportes1A tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
.tablasoportes1A td {border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: left; }
.tablasoportes1A td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }  
.tablasoportes1A td:last-child { border-bottom: 0;}

.display-4{font-size:2.5rem;font-weight:500;line-height:1.0; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black,' sans-serif'; text-align: center;}
.display-5{font-size:1.23rem;font-weight:300;line-height:1.0; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black,' sans-serif'; text-align: center;}
.display-6{font-size:0.8rem;font-weight:300;line-height:1.0; font-family: 'Roboto'; text-align: center;}
.display-7{font-size:0.8rem;font-weight:450;line-height:1.0; font-family: Segoe, "Segoe UI"; text-align: center;}	
}







@media screen and (max-width: 360px)
{ 
	body { margin-top:10px; }
	select { width:92%; height:30px; padding : 0 1px; overflow: hidden; margin: 1px 0px 1px 2px; background-color: #ffffff; }
	select select { padding: 0 0%; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; appearance: none;}
	input{ width:92%; height:30px; padding : 2px 2px 2px 5px; overflow: hidden; margin: 1px 0px 1px 2px; background-color: #ffffff;}
	textarea{ width:92%; height:150px; padding : 2px 2px 2px 5px; overflow: hidden; margin: 1px 0px 1px 2px; background-color: #ffffff;}	
	
	.inputfecha{ width:35%; height:30px; padding : 0px 0px 0px 5px; overflow: hidden; margin: 1px 0px 1px 12px; background-color: #ffffff;}	
	.inputPlaca{ font-family: Segoe, "Segoe UI"; font-size: 4em; font-weight:bold; color: #7E1D1D; text-align: center; width: 60%; height: 50px; padding: 30px 20px; line-height: 60px; }
	
	.titulos{ font-size: 120%;}		
	label{ color:#000000; font-weight:normal;  padding : 0px 0px 0px 2px; margin: 1px 0px 1px 10px;}	
	
	h4{ font-size: 150%;}	
	h10{ font-size: 150%;}	
	h11{ font-size: 100%;}		
	h8{ font-size: 150%;}		
	h7{ font-size: 120%;}		
	h9{ font-size: 100%;}		
	h12{font-size: 80%; font-weight:400; color:#c43235;  font-family: "Abel"; text-align: center; margin: 0 0 5px 0; letter-spacing:0px;} 

	
	.inputfile-box { position: relative;  width: 90%; }
	.inputfile { display: none;}
	.file-box { display: inline-block; width: 100%; border: 1px solid; padding: 5px 0px 5px 5px; box-sizing: border-box; height: calc(2rem - 2px); margin: 5px 5px 5px 15px;}
	.file-button { background: #0033CC; padding: 6px 6px 6px 6px;  position: absolute; border: 0px solid; top: 5px; right: -5%; cursor:pointer; color:#FFFFFF;}

	.Tablah5{ font-size: 85%; font-weight:500; color:#023859;  font-family: "Abel"; text-align: left; margin: 0 0 0 0; width: 99%;} /* DPTO Y MPIO */

	.pagina { border:none; width:95%; margin:0px 0px 0px 0px; font-family: Segoe, "Segoe UI"; font-size: 65%;  }


.padre {
	
	text-align: left;
	justify-content: left;
	padding: 2px 2px 2px 5px;
	margin: 1px 0px 1px 2px;
}
	
.hijo {
	display: inline-block;
	width: 95px;
}	

	
	
.padre1 {
	font-size: 80%;
	text-align: left;
	justify-content: left;
	padding: 2px 2px 2px 5px;
	margin: 1px 0px 1px 2px;
}
	
.hijo1 {
	display: inline-block;
	width: 100%;
}	
	
.hijo2 {
	display: inline-block;
	width: 100%;
}	

	
input[type="text"]:read-only { background-color:#DCD8D8;}	
input[type="hour"]:read-only { background-color:#DCD8D8;}		
	

.tablasoportes {border: 0;}	
.tablasoportes caption {font-size: 1.3em;}
.tablasoportes thead { border: none;clip: rect(0 0 0 0);height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.tablasoportes tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
.tablasoportes td {border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: left; }
.tablasoportes td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }  
.tablasoportes td:last-child { border-bottom: 0;}
	
	
	
}