html, body{ height: 100%; width: 100%; margin: 0; padding: 0; }

textarea:focus, input:focus{
    outline: 0;
}

a { text-decoration: none; color: inherit;}

.bodyGeneral{ background: url(images/bkHome.jpg) no-repeat; background-size: cover;}

/* GENERALES ----------- */

.cl{ clear: both; }
header{ background: #013463; height: 60px;}
.contenedor{ width: 1000px; margin: 0 auto; }


.redondeado{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.redondeadoDerecho{-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.redondeadoIzquierdo{-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}




/* HEADER ----------- */

.logo{ width: 30px; height: 30px; float: left; display: block; margin-top: 15px; }
.logo img{ width: 100%; height: auto; }
.claimTop{ line-height: 60px; float: left; font-family: 'LatinotypeArquitectaMedium'; font-size: 16px; color: #fff; margin-left: 20px;}
.contBloqueLogin{ float: right; line-height: 60px; font-family: 'LatinotypeArquitectaBook'; font-size: 14px; color: #fff; position: relative; padding-right: 10px;  }
.bienvenida{ line-height: 60px; float: left; margin-right: 10px; display: block; letter-spacing: 0.5px; }
.bienvenida span{ font-family: 'LatinotypeArquitectaBold'; }
.contOpciones{ position: absolute;top: 60px; background: #013463; width: 100%; padding: 0 10px; right: 0; display: none;}
.contOpciones ul{ margin: 0; padding: 0; padding-bottom: 10px; width: 100%; }
.contOpciones ul li{ list-style-type: none; line-height: 25px; padding-right: 20px; text-align: right; }
.showOpciones,.hideOpciones{ float: right; line-height: 60px; font-size: 10px; width: 20px;}
.hideOpciones{ display: none; }

/* LOGIN ----------- */

.contLogin{ width: 300px; margin: 0 auto; }
.titleInput{ text-align: center; line-height: 40px; font-size: 12px; font-family: 'LatinotypeArquitectaMedium'; color: #333; }
.contLogin input{ border: 0; padding: 0; margin: 0; height: 40px; line-height: 40px; text-align: center; font-size: 12px; font-family: 'LatinotypeArquitectaBook'; color: #333; background: #f6f6f6; width: 100%; margin: 0 auto; }
.contLogin .btLogin{ height: 40px; line-height: 40px; text-align: center; font-size: 12px; font-family: 'LatinotypeArquitectaBook'; color: #fff; background: #008abe; width: 100%; margin: 0 auto; margin-top: 10px; display: block; cursor: pointer; }
.contLogin .btLogin:hover{ background: #333; }

/* GENERALES ----------- */
 
.titSeccion{ width: 710px; height: 40px; line-height: 40px; float: right; padding: 5px 20px; background-color: #f6f6f6; margin: 10px 0 0 0; background: #008abe; font-size: 14px; font-family: 'LatinotypeArquitectaBold'; color: #fff; text-transform: uppercase; }

.contPrincipal{ width: 710px; min-height: 500px; background-color: #f6f6f6; margin: 10px 0; float: right; padding: 20px }
.contPrincipal h1{ font-family: 'LatinotypeArquitectaMedium'; font-size: 14px; color: #333; margin: 0; border-bottom: 1px solid #d8d8d8; line-height: 30px; text-transform: uppercase; margin-bottom: 10px; }
.contPrincipal h2{ font-family: 'LatinotypeArquitectaBook'; font-size: 12px; color: #333; margin: 0; border-bottom: 1px solid #d8d8d8; line-height: 30px; }

.contPrincipal p{ font-size: 11px; font-family: 'GothamBook'; line-height: 30px; clear: both;}
.bloque{ width: 160px; float: left; background: #ccc; color: #fff; padding-left: 20px; margin-right: 20px; }
.contBuscar{ clear: both; width: 100%; display: block; height: 40px; }
.labelBloque{ float: left; height: 30px; line-height: 30px; margin: 0; margin-right: 20px; font-family: 'LatinotypeArquitectaMedium'; font-size: 12px;  }

.selectCliente{ -webkit-appearance:none; border: 0; border-radius: 0; color: #fff ;outline: 0; height: 30px; line-height: 30px; display:block; font-family: 'GothamBook'; font-size: 10px; background: url(images/arrowDownWhite.png) no-repeat center right; background-size: 30px; float: left; padding: 0 10px; background-color: #999; margin-bottom: 10px; clear: both; width: 280px; }


.bloque select{ -webkit-appearance:none; border: 0; color: #fff ;outline: 0; height: 30px; line-height: 30px; width: 25px; display:block; font-family: 'GothamBook'; font-size: 10px; background: url(images/arrowDownWhite.png) no-repeat center right; background-size: 30px; float: left; background-color: #ccc;}
.bloque select:nth-of-type(2){ width: 50px; margin-left: 10px;}
.btConsultar{height: 30px; line-height: 30px; text-align: center; font-size: 12px; font-family: 'LatinotypeArquitectaBook'; color: #fff; background: #008abe; display: block; cursor: pointer; float: left; padding: 0 20px; }
.btConsultar:hover{ background: #333; }
.contClientes{ margin-bottom: 10px; }
.contClientes p{ margin: 0; }

.divisor{width: 100%; height: 1px; border-top: 1px dashed #d8d8d8; margin: 30px 0; }

.btReporte{height: 30px; line-height: 30px; text-align: center; font-size: 12px; font-family: 'LatinotypeArquitectaBook'; color: #fff; background: #008abe; display: block; cursor: pointer; float: left; padding: 0 20px; margin-top: 30px; }
.btReporte:hover{ background: #333; }

/* SIDEBAR ----------- */

.sidebar{ width: 200px; background-color: #f6f6f6; margin: 10px 0; float: left; padding: 20px }
.menuReportes h2{ font-family: 'LatinotypeArquitectaMedium'; font-size: 14px; color: #333; margin: 0; line-height: 30px; }
.menuReportes ul{ margin: 0; padding-left: 20px; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px; padding-bottom: 10px; }
.menuReportes ul li{ list-style-type: none; line-height: 30px; font-family: 'LatinotypeArquitectaBook'; font-size: 12px; }
.menuReportes ul li:hover{ text-decoration: underline; }

/* RECORD ----------- */

.btExportar{height: 30px; line-height: 30px; text-align: center; font-size: 12px; font-family: 'LatinotypeArquitectaBook'; color: #fff; background: #008abe; display: block; cursor: pointer; float: right; padding: 0 20px; margin: 10px 0; }
.btExportar:hover{ background: #333; }
.conTabla{ width: 710px; }
.conTabla ul.titulos{ list-style-type: none; line-height: 30px; background: #ccc; margin: 10px 0 0 0; padding: 0; width: 100%; height: 30px; color: #fff; font-family: 'LatinotypeArquitectaMedium'; font-size: 12px;  }
.conTabla ul.titulos li{ float: left; line-height: 30px; width: 20%; text-align: center; }
.conTabla ul.resultados{ list-style-type: none; line-height: 30px; background: #fff; margin: 0; padding: 0; width: 100%; height: 30px; color: #333; font-family: 'GothamBook'; font-size: 10px; border-bottom: 1px solid #d8d8d8;  }
.conTabla ul.resultados li{ float: left; line-height: 30px; width: 20%; text-align: center; }

.contPrincipal ul.usuarios{ margin: 0; padding: 0; width: 100%; height: 30px; color: #333; font-family: 'GothamBook'; font-size: 10px; margin-top: 5px; background: #fff }
.contPrincipal ul.usuarios li{ list-style-type: none; float: left; line-height: 30px; }
.contPrincipal ul.usuarios li:nth-of-type(1){padding-left: 10px;}
.contPrincipal ul.usuarios li:nth-of-type(2){ text-align: center; font-size: 12px; font-family: 'LatinotypeArquitectaBook'; color: #fff; background: #008abe; display: block; cursor: pointer; float: right; padding: 0 20px;  }
.contPrincipal ul.usuarios li:nth-of-type(2):hover{ background: #333;}
.contPrincipal ul.procesos{ margin: 0; padding: 0; width: 100%; height: 30px; color: #333; font-family: 'GothamBook'; font-size: 10px; margin-top: 5px; background: #fff }
.contPrincipal ul.procesos li{ list-style-type: none; float: left; line-height: 30px; }
.contPrincipal ul.procesos li:nth-of-type(1){padding-left: 10px;}
.contPrincipal ul.procesos li:nth-of-type(2){ text-align: center; font-size: 12px; font-family: 'LatinotypeArquitectaBook'; color: #fff; background: #008abe; display: block; cursor: pointer; float: right; padding: 0 20px;  }
.contPrincipal ul.procesos li:nth-of-type(2):hover{ background: #333;}

.ProcMain{ 
    list-style-type: none;
    font-family: 'GothamBook';
    font-size: 14px;
    line-height: 30px;
    color: #333;
    margin: 0px;
    padding: 0px;
    width: 100%;
    margin-top: 5px;
}

.Ano{
    padding-left: 10px;
    margin-bottom: 10px;
    background: #fff;
    padding-bottom: 1px;
	cursor: pointer;
}

.DivBtnMas{
    float: right;
    margin-right: 0%;
    background: #008abe;
    height: 30px;
    color: white;
    width: 55px;
    text-align: center;
}	

.AMas{
	color: white;
    font-size: 20px;
    font-weight: bold;
}

.DosimetrosUl{
	list-style-type: none;
	width: 100%;
}

.DosimetrosLi{
	padding-left: 10px;
    list-style-type: none;
    line-height: 30px;
    background: aliceblue;
    width: 85%;
    margin-bottom: 6px;
    margin-top: 6px;
}
.DivBtnDetalles{
    float: right;
    margin-right: 0%;
    background: #008abe;
    height: 30px;
    color: white;
    width: 109px;
    text-align: center;    
}
.ADetalles{
    color: white;
    font-size: 10px;
}

/* PERFIL ----------- */

.btGuardar{height: 30px; line-height: 30px; text-align: center; font-size: 12px; font-family: 'LatinotypeArquitectaBook'; color: #fff; background: #008abe; display: block; cursor: pointer; float: right; padding: 0 20px; margin: 20px 0 0 0; }
.btGuardar:hover{ background: #333; }
.loading{height: 16px; width: 16px; display: none; float: right; padding: 0 20px; margin: 34px 20px 0 0; }
.conTabla ul.perfil,.conTabla ul.datosPerfil{ margin-top: 30px; padding: 0; float: left; width: 30%; }
.conTabla ul.perfil{margin-left: 15%;}
.conTabla ul.perfil li{ list-style-type: none; text-align: center; font-family: 'LatinotypeArquitectaMedium'; text-transform: uppercase; font-size: 12px; line-height: 30px; margin: 5px 0 0 0; }
.conTabla ul.datosPerfil li{ list-style-type: none; text-align: center; font-family: 'LatinotypeArquitectaMedium'; text-transform: uppercase; font-size: 12px; line-height: 30px; background: #fff; margin: 5px 0 0 0; }
.conTabla ul.datosPerfil li input{ border: 0; padding: 0; margin: 0; text-align: center; }

/* USUARIOS ----------- */

.contPrincipal .contBusquedaUsuarios{ line-height: 30px; height: 30px; margin-bottom: 15px; }
.contPrincipal .contBusquedaUsuarios h1{ float: left; width: 75%; }
.contBusquedaUsuarios input.busqueda{ float: right; border: 0; padding: 0; margin: 0; line-height: 30px; border-bottom: 1px solid #d8d8d8; width: 22%; background: transparent; font-family: 'GothamBook'; font-size: 10px; background: url(images/search.png) no-repeat center right; background-size: 20px;}
.contPrincipal ul.cargos{ margin: 0; padding: 0; width: 100%; height: 30px; color: #333; font-family: 'GothamBook'; font-size: 10px; margin-top: 5px; background: #fff }
.contPrincipal ul.cargos li{ list-style-type: none; float: left; line-height: 30px; }
.contPrincipal ul.cargos li:nth-of-type(1){padding-left: 10px;}
.contPrincipal ul.cargos li:nth-of-type(2){ text-align: center; font-size: 12px; font-family: 'LatinotypeArquitectaBook'; color: #fff; background: #999; display: block; cursor: pointer; float: right; padding: 0 20px;  }
.contPrincipal ul.cargos li:nth-of-type(2):hover{ background: #333;}

.contAsignarCargo{ clear: both; width: 100%; display: block; height: 40px; margin-top: 10px; }
.contAsignarCargo .bloque{ width: initial; }
.contAsignarCargo .bloque select{ -webkit-appearance:none; border: 0; color: #fff ;outline: 0; height: 30px; line-height: 30px; width: 350px; display:block; font-family: 'GothamBook'; font-size: 10px; background: url(images/arrowDownWhite.png) no-repeat center right; background-size: 30px; float: left; background-color: #ccc;}
.btAgregar{height: 30px; line-height: 30px; text-align: center; font-size: 12px; font-family: 'LatinotypeArquitectaBook'; color: #fff; background: #008abe; display: block; cursor: pointer; float: left; padding: 0 20px; }
.btAgregar:hover{ background: #333; }

/* RECORD DOSIS ----------- */

.contRecord{ width: 1000px; margin: 0 auto; margin-top: 30px; }
.contRecord ul{ margin: 0; padding: 0; }
.tablaPart{ line-height: 30px; width: 100%; font-family: 'LatinotypeArquitectaMedium'; font-size: 10px; text-align: center; text-transform: uppercase; background-color: #008abe; color: #fff; height: 30px;}
.tablaPart li{ line-height: 30px; float: left; list-style-type: none;  }
.tablaPart li:nth-child(1){ width: 20%; }
.tablaPart li:nth-child(2){ width: 40%; }
.tablaPart li:nth-child(3){ width: 20%; }
.tablaPart li:nth-child(4){ width: 20%; }
.tablaResPart{ line-height: 30px; width: 100%; font-family: 'LatinotypeArquitectabook'; font-size: 10px; text-align: center; text-transform: uppercase;}
.tablaResPart li{ line-height: 30px; float: left; list-style-type: none;  }
.tablaResPart li:nth-child(1){ width: 20%; }
.tablaResPart li:nth-child(2){ width: 40%; }
.tablaResPart li:nth-child(3){ width: 20%; }
.tablaResPart li:nth-child(4){ width: 20%; }

.conTablaDesc{ width: 480px; float: left; margin-top: 20px; }
.titulosDesc{ background-color: #008abe; color: #fff; height: 30px; }
.tablaDesc{ line-height: 30px;  }
.tablaDesc li{ float: left; line-height: 30px; list-style-type: none; width: 25%;font-family: 'LatinotypeArquitectabook'; font-size: 10px; text-align: center; text-transform: uppercase;}
.totales li{ font-family: 'LatinotypeArquitectaBold'; }
.conTablaDesc p{ font-family: 'GothamBook'; font-size: 10px; color: #999; }
.conTablaDesc .titular{ margin-top: 20px; color: #000; }

.conGrafico{ width: 480px; float: right; margin-top: 20px;}
.graficoDesc{ height: 420px; width: 100%; }
.conGrafico p{ font-family: 'GothamBook'; font-size: 10px; color: #999; }
.conGrafico .titular{ margin-top: 20px; color: #000; }


/* RESULTADOS / DOSIS ----------- */

.contBloqueLogos{ width: 600px; float: left; height: 50px; margin-top: 30px;  }
.contBloqueLogos .logoNuclear, .contBloqueLogos .logoLandauer{ width: 50px; height: 50px; float: left; }
.contBloqueLogos .logoNuclear img,.contBloqueLogos .logoLandauer img{ width: 100%; height: auto; }
.contBloqueLogos h1{ display: block; margin: 0; line-height: 50px; font-family: 'LatinotypeArquitectaBook'; font-size: 18px; width: 400px; float: left; margin: 0 30px; text-align: center; color: #008abe; }

.contInfoFija{ width: 400px; float: right; margin-top: 30px; }
.contInfoFija .titulares{ line-height: 30px; background: #008abe; color: #fff; font-family: 'LatinotypeArquitectaMedium' }
.infoFija{ margin: 0; padding: 0; float: right; font-family: 'LatinotypeArquitectaBook'; width: 100%;}
.infoFija li{ list-style-type: none; text-align: center; line-height: 25px; float: left; font-size: 12px; }
.infoFija li:nth-child(1){ width: 14%; }
.infoFija li:nth-child(2){ width: 60%; }
.infoFija li:nth-child(3){ width: 16%; }
.infoFija li:nth-child(4){ width: 10%; }

.contResultadosInforme{ width: 100%; margin-top: 20px; }
.titulosInforme{ margin: 0; padding:0; }
.titulosInforme li{ list-style-type: none; float: left; line-height: 25px; text-align: center; font-family: 'LatinotypeArquitectaMedium'; color: #fff; background: #008abe; font-size: 12px;  }
.titulosInforme li:nth-child(1){ width: 35%; }
.titulosInforme li:nth-child(2){ width: 25%; }
.titulosInforme li:nth-child(3){ width: 20%; }
.titulosInforme li:nth-child(4){ width: 20%; }
.subtitulosInforme{ margin: 0; padding:0; }
.subtitulosInforme li{ list-style-type: none; float: left; line-height: 25px; text-align: center; font-family: 'LatinotypeArquitectaBook'; color: #333; background: #f6f6f6; font-size: 10px; border-right: 1px solid #ccc;  }
.subtitulosInforme li:nth-child(1){ width: 6%; }
.subtitulosInforme li:nth-child(2){ width: 21%; }
.subtitulosInforme li:nth-child(3){ width: 3%; }
.subtitulosInforme li:nth-child(4){ width: 3%; }
.subtitulosInforme li:nth-child(5){ width: 3%; }
.subtitulosInforme li:nth-child(6){ width: 7%; }
.subtitulosInforme li:nth-child(7){ width: 7%; }
.subtitulosInforme li:nth-child(8){ width: 7%; }
.subtitulosInforme li:nth-child(9){ width: 7%; }
.subtitulosInforme li:nth-child(10){ width: 7%; }
.subtitulosInforme li:nth-child(11){ width: 7%; }
.subtitulosInforme li:nth-child(12){ width: 3%; }
.subtitulosInforme li:nth-child(13){ width: 3%; }
.subtitulosInforme li:nth-child(14){ width: 3%; }
.subtitulosInforme li:nth-child(15){ width: 5%; }
.subtitulosInforme li:nth-child(16){ width: 6.5%; border-right: 0; }

.contResultados,.break{ page-break-after: always; clear: both;}
.contResultados ul{ margin: 0; padding:0; height: 25px; }

.contResultados ul:nth-child(odd){ background: #fff; }
.contResultados ul:nth-child(even){ background: #f6f6f6; }

.contResultados ul li{ list-style-type: none; float: left; line-height: 25px; text-align: center; font-family: 'LatinotypeArquitectaBook'; color: #333; font-size: 10px; border-right: 1px solid #ccc;  }
.contResultados ul li:nth-child(1){ width: 6%; }
.contResultados ul li:nth-child(2){ width: 21%; }
.contResultados ul li:nth-child(3){ width: 3%; }
.contResultados ul li:nth-child(4){ width: 3%; }
.contResultados ul li:nth-child(5){ width: 3%; }
.contResultados ul li:nth-child(6){ width: 7%; }
.contResultados ul li:nth-child(7){ width: 7%; }
.contResultados ul li:nth-child(8){ width: 7%; }
.contResultados ul li:nth-child(9){ width: 7%; }
.contResultados ul li:nth-child(10){ width: 7%; }
.contResultados ul li:nth-child(11){ width: 7%; }
.contResultados ul li:nth-child(12){ width: 3%; }
.contResultados ul li:nth-child(13){ width: 3%; }
.contResultados ul li:nth-child(14){ width: 3%; }
.contResultados ul li:nth-child(15){ width: 5%; }
.contResultados ul li:nth-child(16){ width: 6.5%; border-right: 0; }

.btPrint{ height: 40px; line-height: 40px; text-align: center; font-size: 12px; font-family: 'LatinotypeArquitectaBook'; color: #fff; background: #008abe; margin: 30px 0; display: block; float: left; cursor: pointer; padding: 0 15px;}
.titsDuplicados{ display: none; }
.textoInfo{ margin: 30px 0; padding-top: 300px; }
.textoInfo .titInfo{ font-size: 20px; font-family: 'LatinotypeArquitectaMedium'; border-bottom: 1px solid #f6f6f6; padding-bottom: 5px; margin-bottom: 10px; }
.textoInfo .col{ width: 320px; float: left; margin-right: 20px;}
.textoInfo .col:nth-child(4){margin-right: 0;}
.textoInfo{ font-family: 'LatinotypeArquitectaBook'; font-size: 10px; color: #333; }
.textoInfo h2{ font-family: 'LatinotypeArquitectaMedium'; font-size: 12px; }
.textoInfo h3{ font-family: 'LatinotypeArquitectaMedium'; font-size: 11px; margin: 5px 0;}
.textoInfo p{ font-family: 'LatinotypeArquitectabook'; font-size: 11px; line-height: 13px; }
.textoInfo ul { line-height: 13px; margin-top: 0; margin-bottom: 0; }
.textoInfo ul li{ line-height: 13px; }
.footInforme{ border-top: 1px solid #f6f6f6; margin-top: 5px; padding-top: 10px; text-align: center; font-size: 12px;}

@media print{
#controls, .footer, .footerarea{ display: none; }
html, body {
/*changing width to 100% causes huge overflow and wrap*/
height:100%; 
margin: 0 !important; padding: 0 !important; 

}
@page {size: landscape}
.titsDuplicados{ display: block; }
.dividerTop{ height: 40px; width: 100%; }
.textoInfo{ margin: 30px 0; padding-top: 0; }
.btPrint{ display: none; height: 0;}
.contRecord{ margin:0 auto; margin-top: 50px; }
}

/* SMALL screens ----------- */

@media only screen and (max-width : 1100px) {
	.contenedor{ width: 760px; }
	.titSeccion{ width: 470px; }
	.contPrincipal{ width: 470px; }
	.btConsultar{ margin-top: 10px; }
	.contBuscar{ height: 70px; }
	#resultado{ clear: both; margin-top: 20px;}
	.conTabla{ width: 470px;}
	.btAgregar{ margin-top: 10px; }

	.subtitulosInforme li:nth-child(2){ width: 22%; }
	.subtitulosInforme li:nth-child(3){ width: 5%; }
	.subtitulosInforme li:nth-child(4){ width: 5%; }
	.subtitulosInforme li:nth-child(5){ width: 5%; }
	.subtitulosInforme li:nth-child(6){ width: 5%; }
	.subtitulosInforme li:nth-child(7){ width: 5%; }
	.subtitulosInforme li:nth-child(8){ width: 5%; }
	.subtitulosInforme li:nth-child(9){ width: 5%; }
	.subtitulosInforme li:nth-child(10){ width: 5%; }
	.subtitulosInforme li:nth-child(11){ width: 5%; }
	.subtitulosInforme li:nth-child(12){ width: 5%; }
	.subtitulosInforme li:nth-child(13){ width: 5%; }
	.subtitulosInforme li:nth-child(14){ width: 5%; }
	.subtitulosInforme li:nth-child(15){ width: 5%; }
	.subtitulosInforme li:nth-child(16){ width: 5%; }

	.contResultados ul li:nth-child(2){ width: 22%; }
	.contResultados ul li:nth-child(3){ width: 5%; }
	.contResultados ul li:nth-child(4){ width: 5%; }
	.contResultados ul li:nth-child(5){ width: 5%; }
	.contResultados ul li:nth-child(6){ width: 5%; }
	.contResultados ul li:nth-child(7){ width: 5%; }
	.contResultados ul li:nth-child(8){ width: 5%; }
	.contResultados ul li:nth-child(9){ width: 5%; }
	.contResultados ul li:nth-child(10){ width: 5%; }
	.contResultados ul li:nth-child(11){ width: 5%; }
	.contResultados ul li:nth-child(12){ width: 5%; }
	.contResultados ul li:nth-child(13){ width: 5%; }
	.contResultados ul li:nth-child(14){ width: 5%; }
	.contResultados ul li:nth-child(15){ width: 5%; }
	.contResultados ul li:nth-child(16){ width: 5%; }

	.textoInfo .col{ width: 760px; margin-right: 0;}

	.contBloqueLogos { float: none; margin-top: 30px; margin: 0 auto;}

	.contRecord{ width: 760px; }
	.conTablaDesc,.conGrafico{ width: 370px; }
}

@media only screen and (max-width : 767px) {
	.contenedor{ width: 300px; }
	.bienvenida{ display: none }
	.contOpciones{ width: 350%;}
	.sidebar{ width: 260px;}
	.contPrincipal,.titSeccion{ width: 260px }
	.selectCliente{ width: 260px; }
	.contBuscar{ height: 100px; }

	.contPrincipal ul.usuarios li:nth-of-type(1) { max-width: 170px; overflow: hidden; height: 30px; }
	.conTabla{ width: 260px;}
	.conTabla ul.perfil, .conTabla ul.datosPerfil{ width: 130px; }
	.conTabla ul.perfil{ margin-left: 0;  }
	.contAsignarCargo .bloque select{ width: 240px; }

	.textoInfo .col{ width: 300px; margin-right: 0;}

	.contBLoqueLogos{ width: 300px; }
	.contBloqueLogos .logoNuclear, .contBloqueLogos .logoLandauer{ width: 30px; height: 30px; }
	.contBloqueLogos h1{ line-height:30px; font-size: 12px; width: 180px; }
	.contInfoFija{ width: 300px; }
	.infoFija li,.titulosInforme li{ font-size: 10px; }

	.titulosInforme li:nth-child(1){ width: 40%; }
	.titulosInforme li:nth-child(2){ width: 60%; }
	.titulosInforme li:nth-child(3){ display: none; }
	.titulosInforme li:nth-child(4){ display: none; }

	.subtitulosInforme li:nth-child(1){ width: 10%; overflow: hidden; }
	.subtitulosInforme li:nth-child(2){ width: 27%; overflow: hidden; }
	.subtitulosInforme li:nth-child(3){ width: 10%; overflow: hidden; }
	.subtitulosInforme li:nth-child(4){ width: 10%; overflow: hidden; }
	.subtitulosInforme li:nth-child(5){ width: 10%; overflow: hidden; }
	.subtitulosInforme li:nth-child(6){ width: 10%; overflow: hidden; }
	.subtitulosInforme li:nth-child(7){ width: 10%; overflow: hidden; }
	.subtitulosInforme li:nth-child(8){ width: 10%; overflow: hidden; }

	.subtitulosInforme li:nth-child(9){ display: none; }
	.subtitulosInforme li:nth-child(10){ display: none; }
	.subtitulosInforme li:nth-child(11){ display: none; }
	.subtitulosInforme li:nth-child(12){ display: none; }
	.subtitulosInforme li:nth-child(13){ display: none; }
	.subtitulosInforme li:nth-child(14){ display: none; }
	.subtitulosInforme li:nth-child(15){ display: none; }
	.subtitulosInforme li:nth-child(16){ display: none; }


	.contResultados ul li:nth-child(1){ width: 10%; overflow: hidden; }
	.contResultados ul li:nth-child(2){ width: 27%; overflow: hidden; height: 25px;}
	.contResultados ul li:nth-child(3){ width: 10%; overflow: hidden; }
	.contResultados ul li:nth-child(4){ width: 10%; overflow: hidden; }
	.contResultados ul li:nth-child(5){ width: 10%; overflow: hidden; }
	.contResultados ul li:nth-child(6){ width: 10%; overflow: hidden; }
	.contResultados ul li:nth-child(7){ width: 10%; overflow: hidden; }
	.contResultados ul li:nth-child(8){ width: 10%; overflow: hidden; }
	.contResultados ul li:nth-child(9){ display: none; }
	.contResultados ul li:nth-child(10){ display: none; }
	.contResultados ul li:nth-child(11){ display: none; }
	.contResultados ul li:nth-child(12){ display: none; }
	.contResultados ul li:nth-child(13){ display: none; }
	.contResultados ul li:nth-child(14){ display: none; }
	.contResultados ul li:nth-child(15){ display: none; }
	.contResultados ul li:nth-child(16){ display: none; }

	.contRecord{ width: 300px; }
	.conTablaDesc,.conGrafico{ width: 300px; }
	.tablaPart li,.tablaDesc li{ height: 30px; }
}

@media only screen and (max-width : 320px) {

}

/* ----- ANIMACIONES ---------------------------------------------------------------------------------------------------------------------------------------*/

.contLogin .btLogin,.btConsultar,.btGuardar,.contPrincipal ul.usuarios li:nth-of-type(2),.contPrincipal ul.procesos li:nth-of-type(2){
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* ----- FONTS ---------------------------------------------------------------------------------------------------------------------------------------*/


@font-face {
    font-family: 'LatinotypeArquitectaBook';
    src: url('fonts/LatinotypeArquitectaBook.eot');
    src: url('fonts/LatinotypeArquitectaBook.eot') format('embedded-opentype'),
         url('fonts/LatinotypeArquitectaBook.woff2') format('woff2'),
         url('fonts/LatinotypeArquitectaBook.woff') format('woff'),
         url('fonts/LatinotypeArquitectaBook.ttf') format('truetype'),
         url('fonts/LatinotypeArquitectaBook.svg#LatinotypeArquitectaBook') format('svg');
}

@font-face {
    font-family: 'LatinotypeArquitectaMedium';
    src: url('fonts/LatinotypeArquitectaMedium.eot');
    src: url('fonts/LatinotypeArquitectaMedium.eot') format('embedded-opentype'),
         url('fonts/LatinotypeArquitectaMedium.woff2') format('woff2'),
         url('fonts/LatinotypeArquitectaMedium.woff') format('woff'),
         url('fonts/LatinotypeArquitectaMedium.ttf') format('truetype'),
         url('fonts/LatinotypeArquitectaMedium.svg#LatinotypeArquitectaMedium') format('svg');
}

@font-face {
    font-family: 'LatinotypeArquitectaHeavy';
    src: url('fonts/LatinotypeArquitectaHeavy.eot');
    src: url('fonts/LatinotypeArquitectaHeavy.eot') format('embedded-opentype'),
         url('fonts/LatinotypeArquitectaHeavy.woff2') format('woff2'),
         url('fonts/LatinotypeArquitectaHeavy.woff') format('woff'),
         url('fonts/LatinotypeArquitectaHeavy.ttf') format('truetype'),
         url('fonts/LatinotypeArquitectaHeavy.svg#LatinotypeArquitectaHeavy') format('svg');
}
@font-face {
    font-family: 'LatinotypeArquitectaBold';
    src: url('fonts/LatinotypeArquitectaBold.eot');
    src: url('fonts/LatinotypeArquitectaBold.eot') format('embedded-opentype'),
         url('fonts/LatinotypeArquitectaBold.woff2') format('woff2'),
         url('fonts/LatinotypeArquitectaBold.woff') format('woff'),
         url('fonts/LatinotypeArquitectaBold.ttf') format('truetype'),
         url('fonts/LatinotypeArquitectaBold.svg#LatinotypeArquitectaBold') format('svg');
}
@font-face {
    font-family: 'LatinotypeArquitectaBlack';
    src: url('fonts/LatinotypeArquitectaBlack.eot');
    src: url('fonts/LatinotypeArquitectaBlack.eot') format('embedded-opentype'),
         url('fonts/LatinotypeArquitectaBlack.woff2') format('woff2'),
         url('fonts/LatinotypeArquitectaBlack.woff') format('woff'),
         url('fonts/LatinotypeArquitectaBlack.ttf') format('truetype'),
         url('fonts/LatinotypeArquitectaBlack.svg#LatinotypeArquitectaBlack') format('svg');
}

@font-face {
    font-family: 'GothamBook';
    src: url('fonts/GothamBook.eot');
    src: url('fonts/GothamBook.eot') format('embedded-opentype'),
         url('fonts/GothamBook.woff2') format('woff2'),
         url('fonts/GothamBook.woff') format('woff'),
         url('fonts/GothamBook.ttf') format('truetype'),
         url('fonts/GothamBook.svg#GothamBook') format('svg');
}