@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
background-color:#efefef;
/*background-image:url(img/bginterno.jpg);*/
}
.web{ width:1100px; margin: 0 auto;}
.left{ float:left; }
.right{ float:right; }

.chart{min-width: 100px; width:100%!important; height: 400px; max-width: 510px; margin: 0 auto}
.chart-100{min-width: 100px; width:100%!important; height: 400px; max-width: 100%; margin: 0 auto}

.result{ width:100%; background-color:#00CCFF; color:#FFFFFF; font-size:12px; text-align:center; height:20px; margin-bottom:5px}

a:link {color: #FFFFFF;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #FFFFFF;}
a:hover {text-decoration: underline;color: #FFFFFF;}
a:active {text-decoration: none;color: #FFFFFF;}

.bordegris{ border:1px #CCCCCC solid;}

.titulo{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666666}
.titulo-estandar{font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; margin-top:10px; margin-bottom:10px;}

.cajon-login{width:300px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background-color:#efefef; overflow:auto; padding:50px}
.logo-login{ width:400px; height:133px; padding:20px}
.input{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:none; width:100%; height:25px}
.submit{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:none; width:100%; height:35px; background-color:#00a3d3; color:#FFFFFF}
.texto-blanco{color:#FFFFFF}
.texto-negro{color:#000000}
.texto-peq{ font-size:10px}
.texto-med{ font-size:12px}
.texto-med2{ font-size:14px}
.texto-gra{ font-size:16px}

/*ESTILOS DE TABLAS*/
table#parte1 {   margin: 0 auto;  border-collapse: collapse;  font-family: Agenda-Light, sans-serif;  font-weight: 100;   background: #333; color: #fff;  text-rendering: optimizeLegibility;  border-radius: 5px; }
table#parte1 caption {   font-size: 2rem; color: #444;  margin: 1rem;/*  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/miyazaki.png), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/miyazaki2.png);*/  background-size: contain;  background-repeat: no-repeat;  background-position: center left, center right; }
table#parte1 thead th { font-weight: 600; }
table#parte1 thead th, table#parte1 tbody td {   padding: .8rem; font-size: 1.4rem;}
table#parte1 tbody td {   padding: .8rem; font-size: 12px;  color: #444; background: #eee; }
table#parte1 tbody tr:not(:last-child) {   border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;  }
@media screen and (max-width: 600px) {
  table#parte1 caption { background-image: none; }
  table#parte1 thead { display: none; }
  table#parte1 tbody td {     display: block; padding: .6rem;   }
  table#parte1 tbody tr td:first-child {     background: #666; color: #fff;   }
	table#parte1 tbody td:before {     content: attr(data-th);     font-weight: bold;    display: inline-block;    width: 6rem;    }
}
/*FIN ESTILOS TABLAS*/

.tab{border: 1px #ccc solid; width: 100%; font-size:12px}

.img-10{ width:10%}
.img-20{ width:20%}
.img-30{ width:30%}
.img-40{ width:40%}
.img-50{ width:50%}
.img-60{ width:60%}
.img-70{ width:70%}
.img-75{ width:75%}
.img-80{ width:80%}
.img-90{ width:90%}
.img-100{ width:100%}

.inp-10{ width:10%}
.inp-20{ width:20%}
.inp-30{ width:30%}
.inp-40{ width:40%}
.inp-50{ width:50%}
.inp-60{ width:60%}
.inp-70{ width:70%}
.inp-80{ width:80%}
.inp-90{ width:90%}
.inp-100{ width:100%}

.input-form{ padding:5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:none }
.submit-form{ background-color:transparent; border:none; color:transparent; background-image:url(img/icon-busqueda.png); background-size: contain; background-repeat:no-repeat; height: 25px; }

.contenido{ padding:20px; background-color:#FFFFFF}

@media (max-width: 1000px) and (min-width: 200px) {
.web{ width:100%; margin: 0 auto;}
.cajon-login{ width:80%}
.logo-login{ width:80%; height:auto;}
.full-movil{ width:100%}
.logo-movil{ display:none}
.logo-pie{width:50%}
.left{ float:none; }
.right{ float:none; }
}
@media print {
@page {size: portrait}
.left{ float: none; }
.right{ float: none; }
.img-40{ width:100%}
.chart{ width:100%}
.ocultar_print{ display:none}
.accordion-section-content{ display:block!important}
body{ font-size:9px; font-family:Arial, Helvetica, sans-serif;}
.tab{ font-size:9px;}
input{ font-size:9px;}
.contenido{ padding:0; padding-top:20px;}
table { page-break-inside:auto; }
td    { border:1px solid lightgray; }
tr    { page-break-inside:auto; }
textarea{ font-size:9px;}
select{ font-size:9px;}
.solo_imprimir{ display:block!important}
.titulo_impresion{ font-size:14px!important}
}
