@font-face {
    font-family: 'CorbelRegular';
    src: url('../fonts/corbel-webfont.eot');
    src: url('../fonts/corbel-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/corbel-webfont.woff') format('woff'),
         url('../fonts/corbel-webfont.ttf') format('truetype'),
         url('../fonts/corbel-webfont.svg#CorbelRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CorbelItalic';
    src: url('../fonts/corbeli-webfont.eot');
    src: url('../fonts/corbeli-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/corbeli-webfont.woff') format('woff'),
         url('../fonts/corbeli-webfont.ttf') format('truetype'),
         url('../fonts/corbeli-webfont.svg#CorbelItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CorbelBold';
    src: url('../fonts/corbelb-webfont.eot');
    src: url('../fonts/corbelb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/corbelb-webfont.woff') format('woff'),
         url('../fonts/corbelb-webfont.ttf') format('truetype'),
         url('../fonts/corbelb-webfont.svg#CorbelBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, *{
	margin: 0;
	padding: 0;
	font-family: CorbelRegular;
	font-size: 11px;
	color: #4D4D4D;
}
.hidden{
	display: none !important;
}
a{
	text-decoration: none;
}
ul{
	list-style: none;
}
.center{
	margin: auto;
	display: block;
}
.alineadoDer{
	text-align: right;
}
.alineadoCentro{
	text-align: center;
}
.mensajeFlash{
	color: red;
	min-height: 20px;
}
fieldset{
	border: 0;
}
.floatLeft{
	float: left;
}
.block{
	display: block;
}
.clear{
	clear: both;
}
.oculto{
	display: none;
}
.fondoNaranja{
	background-color: #E39B2F;
}
.fondoNaranjaClaro{
	background-color: #F3CC30;
}
.fondoNaranjaOscuro{
	background-color: #D5652B;
}
.degradeHorizontalNaranja{
	background: #fff23e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjIzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNzZmMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #fff23e 0%, #d76f2c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fff23e), color-stop(100%,#d76f2c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #fff23e 0%,#d76f2c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #fff23e 0%,#d76f2c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #fff23e 0%,#d76f2c 100%); /* IE10+ */
	background: linear-gradient(to right,  #fff23e 0%,#d76f2c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff23e', endColorstr='#d76f2c',GradientType=1 ); /* IE6-8 */
}
.tramaFondo1{
	background-image: url(/images/tramaFondo1.png);
	background-repeat: repeat;
}
.tramaFondo2{
	background-image: url(/images/tramaFondo2.png);
	background-repeat: repeat;
}
.fondoGris{
	background-color: #949494;
}
.fondoGrisClaro{
	background-color: #C7C7C7;
}
.fondoGrisOscuro{
	background-color: #4d4d4d;
	color: white;
}
/*******************************************
 LAYOUT
*******************************************/
body{
/* 	background-color: #f7f7f7; */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
/* background: -moz-linear-gradient(top,  #fafafa 1%, #f7f7f7 100%); FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fafafa), color-stop(100%,#f7f7f7)); Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  #fafafa 1%,#f7f7f7 100%); Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top,  #fafafa 1%,#f7f7f7 100%); Opera 11.10+ */
/* background: -ms-linear-gradient(top,  #fafafa 1%,#f7f7f7 100%); IE10+ */
/* background: linear-gradient(to bottom,  #fafafa 1%,#f7f7f7 100%); W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f7f7f7',GradientType=0 ); IE6-8 */
}
.menu{
	text-transform: uppercase;
}
.menu li{
	float: left;
	padding: 5px 10px;
}
#bodyWrapper{
	background-color: white;
	min-height: 600px;
	/* width: 802px; */
	width: 850px;
}
#header{
	height: 150px;
	padding: 0; /* 10px;*/
	position:relative;
}
#header img{
	margin: 15px 55px;
}
#header #login{
	color: white;
	font-size: 12px;
	font-weight: bold;
	font-family: CorbelBold !important;
	position: absolute;
    right: 15px;
    top: 35%;
    padding: 5px 10px;
    background-color: #FF7F08;
    text-transform: uppercase;
    border-right: 1px solid #B25815;
    border-bottom: 1px solid #B25815;
}
#header #login:hover{
	background-color: #FEA51E !important;
}
#menuNav{
	height: 25px;
}
#menuNav ul li{
	margin-right: 5px;
	height: 15px;
	font-weight: bold;
	font-family: CorbelBold !important;
	/* min-width: 45px; */
	min-width: 65px;
	padding: 5px 14px 10px;
	position: relative;
	text-align: center;
}
#menuNav ul li.selected,
#menuNav ul li.selected:hover{
	background-color: #4d4d4d !important;
}
#menuNav ul li.selected > a{
	color: white;
}
#menuNav ul li.fondoGrisClaro:hover,
ul.submenu li:hover,
.buttonGrey:hover{
	background-color: #949494 !important;
	cursor: pointer;
}
#menuNav ul li.sinMargenDerecho{
	margin-right: 0 !important;
}
#menuNav ul li.paddingNormal{
	padding: 5px 21px 10px !important;
}
/*Submenu*/
.navWeb{
	display: flex;
    justify-content: space-between;
}
#nav ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin:0 0 0 0px; 
	list-style:none;
	padding-top: 10px;
	z-index: 999;
}
#nav ul li {
	background-color: #C7C7C7;
	text-align: center;
	width: 150px;
	margin-bottom: 5px;
}
/*fin submenu*/
#etiquetasContainer,
#content{
	min-height: 480px;
}
#content{
	padding-top: 35px;
	padding-bottom: 10px;
}
#content.fondoPaginas{
	background-image: url(/images/fondoPaginas.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#footer{
	padding: 15px 15px 10px;
}
#footer ul.menu{
	margin: auto;
	height: 25px;
	width: 670px;
}
#footer ul.menu li{
	margin-right: 15px;
}
#footer a{
	color: white;
	font-size: 11px;	
}
.fondoGrisDegrade{
	background-image: url(/images/fondoGrisOpacidad.png);
	/* margin: 25px auto 0; */
	margin: 25px;
	min-height: 400px;
	padding: 20px;
	/* width: 680px; */
}
a.firmaIchnos{
	display: block;
	margin: auto;
	width: 71px;
}
/*******************************************
 ENTRADA
*******************************************/
#content.fondoEntrada{
	background-image: url(/images/fondoEntrada.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#agregadoFondo{
	position: absolute;
	right: 0;
	bottom: 0;
}
.textoEntrada{
	color: white;
	text-transform: uppercase;
}
#etiquetasContainer{
	position: relative;
	width: 445px;
	height: 100%;
	overflow: hidden;
}
#seguridad,
#medioAmbiente,
#seguros{
	background-repeat: no-repeat;
	background-position: bottom right;
/* 	font-style: italic; */
	font-family: 'CorbelItalic';
	font-size: 24px;
	margin-bottom: 5px;
	padding: 9px 30px;
	
	position: absolute;
}
#seguridad{
	background-image: url(/images/corteNaranja.png);
	top: 180px;
	left: -445px;
	width: 385px;
}
#medioAmbiente{
	background-image: url(/images/corteNaranjaOscuro.png);
	top: 235px;
	left: -435px;
	width: 375px;
}
#seguros{
	background-image: url(/images/corteGris.png);
	top: 290px;
	left: -425px;
	width: 365px;
}
/*******************************************
 PAGINAS
*******************************************/
h2{
	color: #E39B2F;
	font-size: 14px;
	line-height: 20px;
}
.ciNaranja{
	color: #E39B2F;
	font-size: 16px;
} 
p,
li{
	font-size: 14px;
	line-height: 18px;
}
.textoItalic{
/* 	font-style: italic; */
	font-family: 'CorbelItalic';
}
ul.listaItems{
	list-style: circle;
	margin: 10px 40px;
}
/*******************************************
 CLIENTES
*******************************************/
.rubroContainer{
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.rubroContainer h2{
	font-size: 2em;
	margin-left: 10px;
}
.listaClientes{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 20px;
	margin: auto;
	width: 80%;
	margin-bottom: 2rem;
}
.listaClientes li{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
}
.listaClientes li a{
	width: 100%;
	line-height: 15px;
	font-size: 15px;

	padding: 5px;
	/*min-height: 30px;*/
	text-align: center;
	 -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
			 border-radius: 5px;	
	background-color: #ffffff;
    border: 1px solid #aeaeb0;
}
.recuadroCliente a{
	/*background-image: url(/images/fondoNaranjaOpacidad.png);*/
	/*float: left; */
	display: block;
	margin: 5px;
	min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 5px;
	/*min-height: 30px;
	text-align: center;
	 -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
			 border-radius: 5px;	
	background-color: #f0f0f1;
    border: 1px solid #aeaeb0;*/
}
.recuadroCliente a:hover{
	background-image: url(/images/fondoNaranja.png);
	cursor: pointer;
}
/*******************************************
 ENLACES
*******************************************/
.tituloInterno{
	font-size: 16px !important;
	margin-left: 80px;
	margin-bottom: 20px;
}
.tituloInterno span{
	font-size: 16px !important;
}
#tablaEnlaces{
	border-collapse: collapse;
	margin: auto;
	width: 100%;
}
#tablaEnlaces tbody td,
#tablaEnlaces thead th,
#tablaEnlaces a{
	padding: 5px;
	font-size: 14px;
}
#tablaEnlaces a{
	display: block;
    margin-bottom: 5px;
}
#tablaEnlaces tbody tr.cebra{
	background-color: #dedede;
}
td.celdaDescarga,
#tablaEnlaces td{
	text-align: center;
}
td.tituloEnlace h2{
	border-bottom: 1px solid #b1a390;
	font-size: 20px;
	margin-bottom: 5px;
	padding: 20px 35px 5px;
}
tr.tituloEnlace{
} 
.enlaceDescripcion{
	background-image: url(/images/fondoGrisOpacidad.png);
	font-size: 13px;
	vertical-align: top;
}
.imagenAdminEnlace img{
	width: 50px;
}
.enlaceFoto{
	text-align: center;
}
.imagenEnlace{
	width: 150px;
}
.imagenEnlaceDefault{	
	width: 75px;
}
.imagenDescarga{
	width: 30px;
}	
/*******************************************
 CONTACTO
*******************************************/
#header ul.datosContacto{
	float: right;
    margin: 0;
    text-align: center;
	width: auto;
}
#header ul.datosContacto li{
	font-size: 12px !important;
	float: left;
	padding: 0 3px;
}
.datosContacto,
.datoDireccion{
	background-image: url(/images/fondoGrisOpacidad.png); 
/* 	margin: 30px 50px; */
	padding: 10px 15px;
	width: 260px;
}
.datosContacto{
	/*margin: 30px 25px 50px;*/
	margin: 25px auto;
}
.datoDireccion{
	background-image: url(/images/fondoGrisOpacidad.png);
	margin: auto;
}
.nombreContacto{
	font-size: 20px;
	font-weight: bold;	
}
.nombreContacto,
.datoContactoNaranja{
	color: #E39B2F;
}
.datoContactoNaranja,
.datoContactoGris{
	font-size: 16px;
}
h2.colorGris,
.datoContactoGris{
	color: #4d4d4d;
}
/***FORMULARIO***/
#contactoForm{
	margin: 20px 0;
}
#contactoForm div.campoContacto{
	margin-bottom: 10px;
}
#contactoForm div.campoContacto span,
#contactoForm #enviarConsulta span{
	display: inline-block;
	font-size: 14px;
	float: left;
	margin-right: 5px;
	text-align: right;
	width: 25%;
}
#contactoForm div.campoContacto input,
#contactoForm div.campoContacto textarea{
	padding: 5px;
	width: 55%;
}
#contactoForm #enviarConsulta span{
	
}
#contactoForm #enviarConsulta input[type='button']{
    background-color: #E9A641;
    border-top: 1px solid #EFA83F;
    border-bottom: 1px solid #BE8633;
    border-right: 1px solid #BE8633;
    border-left: 1px solid #EFA83F;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    width: 57%;
}
#contactoForm #enviarConsulta input[type='button']:hover{
	background-color: #E09C36;
}
#mensajeContacto{
	background-color: #8CFA8F;
    border: 1px solid #55F85A;
	margin-top: 10px;
	font-size: 16px;
	text-align: center;
	padding: 15px;
}
div.error{
	display: none;
	background-color: #FA8C8C;
    border: 1px solid #F85555;
	margin-top: 10px;
	font-size: 16px;
	text-align: center;
	padding: 15px;
}
div.error.display{
	display: block;
}
input.error,
textarea.error{
	border: 1px solid #F85555;
}
.form-control{
	padding: 6px 10px;
    width: auto;
}
td.dragDropZone .nombreArchivo{
	font-weight: 600;
	font-size: 1.6em;
}
td.dragDropZone{
	cursor: pointer;
	border: 2px dashed;
    height: 100px;
    width: 100%;
    text-align: center;
    font-size: 1.6em;
	background-color: #f0f0f0;
}
td.dragDropZone.over{
	border-color: #C27500;
}
/*******************************************
 INTRA
*******************************************/
#loginForm{
	margin-left: 80px;
}
.divBotones{
	margin-top: 20px;
	height: 18px;
	text-align: center;
}
.inputForm a,
.botonAccion{
	background-color: #E39B2F;
	border: 1px solid #df982e;
	color: #FFF;
/* 	height: 16px; */
	font-size: 10px;
	margin: 0 3px;
	padding: 5px 15px;
	text-transform: uppercase;
}
.inputForm a:hover,
.botonAccion:hover{
	background-color: #d5912c;
	cursor: pointer;
}
select{
	width: 170px;
}
input,
select,
textarea{
	padding: 3px;
}
.datoFormulario{
	margin: 0 20px 0 0;
}
.datoFormulario label{
	font-weight: bold;
}
.datoFormulario input,
.datoFormulario label{
	font-size: 12px;
}
.datoFormulario input,
.datoFormulario textarea,
.datoFormulario label,
.datoFormulario span.dato,
.datoFormulario ul{
	display: block;
	margin: 10px 0;
}
.inputForm{
	/* margin-left: 30px; */
}
h1.tituloInputForm{
	font-size: 1.6em;
	margin: 0px 0 0px 45px;
}
h2.tituloInputForm{
	margin: 10px 0 10px 45px;
	font-size: 1.6em;
}
small.tituloInputForm{
	margin: 0px 0 5px 45px;
	font-size: 1.2em;
}
textarea{
	height: 200px;
	width: 560px;
}
.inputForm label,
.inputForm input,
.inputForm select,
.inputForm select option,
.inputForm textarea{
	font-size: 16px;
}
.inputForm tr{
	height: 40px;
}
li.recuadroNormativa {
    display: block;
    float: left;
    width: 50%;
    margin-top: 20px;
    padding-left: 10px;
    box-sizing: border-box;
}
.recuadroNormativa img{
	width: 90px;
}
.recuadroNormativa div{
	float: left;
}
.recuadroNormativa div.descarga{
	width: 30%;
}
.recuadroNormativa div.contenido{
	margin-top: 10px;
	width: 70%;
}
.recuadroNormativa div.descarga a{
	display: block;
	text-align: center;
}
.recuadroNormativa div.descarga span{
	display: block;
	margin-top: -10px;
}
.recuadroNormativa div.descarga:hover span{
	color: #FF7F08;
}
.recuadroNormativa div span.titulo{
	margin-top: 10px;
	font-size: 16px;
	font-weight: 600;
	text-align: left;	
}
.opcionNormativa{
	color: white;
	float: left;
	margin-right: 15px;
	padding: 10px;
	background-color: #E39B2F;
}
.opcionNormativa.selected,
.opcionNormativa:hover{
   background-color: #C27500;
   cursor: pointer;
}
ul.listaFloat{
	list-style: none;
}
ul.listaFloat li{
	float: left;
	display: inline-block;
	margin-right: 5px;
}
ul li.archivoCargado{
	border: 1px solid #555;
	padding: 5px 10px 5px 5px;
}
ul li.archivoCargado span{
	font-size: 1.4em;
}
a.delete{
	color: white;
	font-weight: bold;
	padding: 2px 8px;
	cursor: pointer;
	background-color: #E39B2F;
	display: inline-block;
}
a.delete:hover{
	background-color: #B25815;
}
/****************
 SUCURSAL ADMIN
*****************/
#sucursales{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
}
ul.archivosSucursal{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
}
.mensajeSinRegs{
	font-size: 1.2em;
	font-weight: 600;
}
span.emailSucursal {
    border: 1px solid;
	display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 5px 7px 0px;
    font-size: 1.2em;
    background-color: #f0f0f1;
}
#agregarEmail{
	background-color: #e39b2f;
	display: inline-block;
    padding: 3px 5px;
    color: white !important;
    font-size: 1.4em;
    border-right: 1px solid #B25815;
    border-bottom: 1px solid #B25815;
}
#agregarEmail svg{
	fill: white;
}
#agregarEmail:hover{
	background-color: #B25815;
	cursor: pointer;
}
/********************
 EVENTO
********************/
.tipoEvento{
	text-transform: uppercase;
	font-size: 1.2em;
    color: white;
} 
#eventoInputForm select{
	width: 250px;
}
ul#refDesc {
    list-style: none;
    padding: 10px;
    border: 1px solid #C2C2C2;
    margin-top: 10px;
}
#refDesc li {
    display: inline-block;
	margin-right: 15px;
}
#refDesc li span {
    border-radius: 5px;
    display: inline-block;
    margin-right: 3px;
    padding: 5px;
}
/********************
 CAPACITACIONES
********************/
.tablaCapacitaciones tbody tr:hover{
	background-color: #fbfbfb !important;
	cursor: pointer;
}