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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/* vertical-align: baseline; */
	text-decoration: none;
	-webkit-text-size-adjust: none;
	/* color: #FFFFFF; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing:border-box;
	font-family: 'Lato', sans-serif;

}
footer{
    margin: 0px 0px 0px 0px;
}

.redesShare{
    margin: 10px 0px;
    text-align: center;
}
	.redesShare ul{
    display: block !important;
    text-align: center;
    width: auto !important;
}
	.redesShare ul li{
    padding-right: 10px !important;
    display: inline-block !important;
    width: auto !important;
}

input[type="submit"]{
    background-color: #5b1e0b;
    -webkit-appearance: none;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 2em;
    padding: 0px 20px;
    width: 100%;
}
.intEmp{}
.cabIntEmp{
    background-size: cover;
    background-position: center center;
}
.contDatCabEm{
    background-color: rgba(0,0,0,.4);
}
	.contDatCabEm ul{}
	.contDatCabEm ul li{
    padding: 80px 15px !important;
    vertical-align: middle !important;
}

.unaFot{
    display: inline-block;
    vertical-align: top;
}
.txHP{
    padding: 10px 0px 0px;
}
	.txHP strong{
		font-weight:bold;
		color:#003a77;
	}
	.txHP ul {
    list-style: none; /* Remove list bullets */
    padding: 30px 0px;
    margin: 0;
 }

	.txHP ul li {
    padding-left: 16px;
    display: block !important;
    font-size: .92em;
    color: #656565;
    margin: 0 0 20px;
 }
 .descargas{
    padding: 10px 0px;
}
 .descargas a{
    background-color: #95c11e;
    color: white;
    font-weight: bold;
    display: inline-block;
    line-height: 2em;
    padding: 0px 20px;
    border-radius: 3px;
    margin: 0px 2px 0px 0px;
}

	.txHP ul li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: #003a77; /* Or a color you prefer */
}

.galFoto{
    text-align: center;
    padding: 20px 0px;
    margin: 50px 0px;
}

	.unaFot a{
    display: block;
    margin: 2px;
}
	.unaFot img{
    max-width: 150px;
    height: auto;
    border: 1px solid silver;
}
.contDatoDet{}
	.contDatoDet h1{
    color: white !important;
    font-weight: bold;
    font-size: 1.7em !important;
    margin: 0 0 10px !important;
    text-align: left !important;
}	
.contDatoDet h2{
    color: #d4d4d4;
    font-weight: normal;
    font-size: 1em;
    margin: 0 0 10px;
}
	
.unEmpLis{
    display: block;
    box-shadow: 0 1px 10px rgba(0,0,0,.2);
}
.imaEmpLis{
    background-size: cover;
    background-position: center center;
    position: relative;
    height: 245px;
}
	.imaEmpLis img{
    position: absolute;
    max-width: 100px;
    height: auto;
    bottom: 20px;
    right: 20px;
    box-shadow: 0 5px 10px rgba(0,0,0,.5);
}
	.titEmpLis{
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    padding: 10px 0px;
    color: white;
}
	
.contListado{
    margin: 40px 0px;
}	
	.contListado > .compartir{
    text-align: center;
}
.compartir{
    padding: 0px 0px 20px;
}
	.contListado h1{
    font-size: 3em;
    font-family: 'PT Serif', serif;
    text-align: center;
    font-weight: bold;
    color: #003a78;
}
	.lalista{
    margin: 40px 0px;
}
	.lalista h2{
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin: 30px 0px;
    color: #95c11e;
    letter-spacing: 1px;
}
		.lalista ul{}
		.lalista ul li{
    display: inline-block !important;
    width: 48%;
    margin: 5px;
    background-color: #003a78;
    color: white;
}
		
	.compartir ul{
    display: inline-block !important;
}
	.compartir ul li{
    display: inline-block !important;
    margin: 0 10px 0px 0px;
}
.imanotInt{
    margin: 50px auto;
    display: block;
    text-align: center;
}
	.imanotInt small{
    font-size: .8em;
    color: gray;
}
	.imanotInt img{
		max-width: 65%;
		display: block;
		margin: auto;
	}

.titMas{
    background-color: #eaa545;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align: center;
    border-radius: 50px;
    margin: 20px 0px;
    padding: 10px 10px;
    line-height: 1em;
}
li{list-style:none;}

/* ICONOS FUENTE */
		.icos{
			display: inline-block;
			margin: 0px 2px;
			color: #5b1e0a;
			vertical-align: bottom;
		}
		.icos:hover{
			
		}
		.icos span{
			font: normal normal normal 14px/1 FontAwesome;
			/* font-size: 1.8em; */
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			transition: .3s;
			/* vertical-align: middle; */
			/* padding: 2px; */
		}
		
		

		
		.iBar span:before{content:"\f000";}/* COPA */
		.iZoom span:before{content:"\f002";}/* LUPA */
		.iBq span:before{content:"\f10d";}/* COMILLA */
		.iNoche span:before{content:"\f186";}/* LUNA */
		.iDia span:before{content:"\f185";}/* SOL */
		.iCafeH span:before{content: "\f0f4";} /* TAZA DE CAFE */
		.iShopH span:before{content: "\f06b";} /* CAJA DE REGALOS */
		.iTreeH span:before{content: "\f1bb";} /* ARBOL - PINO */
		.iArt span:before{content: "\f260";} /* MUSEO - EDIFICIO */
		.iMuseo span:before{content: "\f19c";} /* MUSEO - EDIFICIO */
		.iRestH span:before{content:"\f0f5";} /* TENEDOR Y CUCHILLO */
		.iPinH span:before{content:"\f08d";} /* CHINCHETA */
		.iPub span:before{content:"\f069";}
		.iCoche span:before{content:"\f1b9";}
		.iYt span:before{content:"\f16a";}
		.iFb span:before{content:"\f09a";}
		.iTw span:before{content:"\f099";}
		.iIn span:before{content:"\f16d";}
		.iPt span:before{content:"\f0d2";}
		.iAtj span:before{content:"\f25b";}
		.iMail span:before{content: "\f0e0";} /* SOBRE DE CORREO */
		.iTel span:before{content: "\f10b";font-size: 2em;} /* TELEFONO */
		.iMas span:before{content: "\f054";} /* SIGNO DE MAS */
		.iDir span:before{content: "\f041";color: #ed1568;font-size: 20px;} /* UBICACION */
		.iMap span:before{content: "\f278";} /* MAPA TRIPTICO*/
		.iId span:before{content: "\f1fc";} /* PINCEL */
		.iWb span:before{content: "\f0ac";color: #ed1568;font-size: 20px;} /* MUNDO */
		.iSf span:before{content: "\f121";} /* CORCHETES DE CODIGO */
		.iAp span:before{content: "\f10b";} /* CELULAR */
		.iPro span:before{content: "\f02b";text-shadow: 0 1px 1px rgba(0,0,0,.3);font-size: 16px;} /* ETIQUETA DE PROMO */
		.iVid span:before{content: "\f008";} /* VIDEO - FILM */
		.iTic span:before{content: "\f145";} /* TICKET */
		.iGal span:before{content: "\f030";} /* CAMARA DE FOTOS */
		.iCal span:before{content: "\f073";} /* Calendario */
		.iPro2 span:before{content: "\f02b";}
		.iCom span:before{content: "\f086";}  /* GLOBO DE COMENTARIOS */
		.iEve span:before{content: "\f005";} /* ESTRELLA */
		.iBien span:before{content: "\f164";}  /* PULGAR ARRIBA */
		.iUser span:before{content: "\f007";}
		.iPlay span:before{content: "\f01d";}
		.iUbi span:before{content: "\f041";font-size: 1.6em;}  /* UBICACION */
		.iTime span:before{content: "\f017";font-size: 1.5em;}  /* RELOG */
		.iPdf span:before{content: "\f1c1";font-size: 1.3em;}  /* PDF */

.busca{
    /* padding: 20px; */
    /* border: 1px solid silver; */
    position: relative;
    margin: 0 0 10px;
}
	.busca div{width: 100%;/* padding: 10px 10px 10px 10px; *//* position: relative; */}
	.busca div:first-child{width: 40px;position: absolute;top: 11px;left: 10px;display: block;z-index: 1;}
	input[type="text"]{
    width: 100%;
    padding: 15px 10px 15px 50px;
    border: 1px solid silver;
    -webkit-appearance: none;
    position: relative;
}
	.busca div span:before{
    font-size: 2em;
}	

.logoHome{
    display: block;
    position: absolute;
    top: 5px;
    left: 40px;
}
	.logoHome img{
    max-width: 150px;
}
.contImaNot{
    width: 100%;
    height: 390px;
    background-size: cover;
    background-position: center center;
    position: relative;
    /* box-shadow: 0 2px 3px rgba(0,0,0,.2); */
}
.imaNotP{
    height: 400px;
}
.imaNotTam1{
    height: 350px;
    margin: 0 0 18px;
}
.imaNotTam2{
    height: 100%;
}
.contNotPr{
    position: relative;
}
.contTxNotP{
    position: relative;
    z-index: 1;
    top: -100px;
    display: block;
    max-width: 750px;
    background-color: white;
    border-radius: 10px;
    padding: 40px 60px;
    box-shadow: 0 1px 20px rgba(0,0,0,.25);
    margin: auto;
}
.contTxNotP h1{
}
.txHP h1{
    font-size: 2.2em;
    font-weight: bold;
    font-family: 'PT Serif', serif;
    line-height: 28px;
    color: #5b1e0a;
    margin: 0px !important;
}
.txHP h2{
    font-size: 1.2em;
    font-weight: bold;
    line-height: 36px;
    color: #003a78;
}
.txHP h3{
    font-size: 1em;
    font-weight: bold;
    line-height: 36px;
    color: #545454;
}

.contContNot{} 
	.contContNot p span{
    color: #5b1e0a;
    font-weight: bold;
} 
.notTxP{
    margin: 20px 0px;
}
	.notTxP p{
    font-size: .92em;
    line-height: 1.5em;
    color: #656565;
    margin: 0 0 20px;
    text-align: justify;
 }
.contFecha{
    text-align: right;
    color: gray;
    font-size: .7em;
    margin: 10px 0px;
} 
.contTab2col{
    padding: 10px 20px;
    max-width: 1280px;
    margin: auto;
}
.contGral{ max-width: 1280px;
    margin: auto;}
.contBann{
    text-align: center;
}
	.contBann img{
    width: 80%;
}
.notTam2{}	
	.notTam2 ul{}
	.notTam2 ul li:first-child{
    width: 50%;
}
	.contunaNot{
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid silver;
}
	.notTam2 ul li img{
    width: 100%;
    height: auto;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
	.notTam2 ul li{
    padding: 0 40px 0 40px;
}
	.contTab2col ul{
    display: table;
    width: 100%;
}
.datosEmpGral{}
	.datosEmpGral li{
    width: 50%;
    padding: 20px;
}


	.contTab2col ul li{
    display: table-cell;
    vertical-align: top;
 }
 .contColDerNot h1{
    text-align: center;
    margin: 30px 0px 0px;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #003a78;
}
 contColDerNot h2{}

 	.contDesEmp{
    font-size: .9em;
	}
	.contDesEmp ul li{
		padding: 5px 0px;
	}

	.contDesEmp ul li:first-child{
    width: 10%;
 }
	.contDesEmp ul li:last-child{
    width: 90%;
    
	}
	
	.contDesEmp > .icos span{
    margin: 0px 10px 0px 10px;
}
 	
	.colderTab{
		width: 65%;
	}
	.colizqTab{
		width: 35%;
		padding: 0 0 0 20px;
	}
.logoInCab{}
	.logoInCab img{
    max-width: 170px;
    height: auto;
}

.calenMes{
    text-align: center;
}
	.calenMes > div{
    padding: 0 0 10px;
}
	.calenMes > div > div span:before{
    font-size: 2em;
    margin: 0px 10px 0px 0px;
}

.notaAuxExt{
    margin: 0 0 35px;
    display: block;
}
	.notaAuxExt ul{}
	.notaAuxExt ul li:first-child{
    width: 45%;
}
	.notaAuxExt ul li{}	
	.notaAuxExt ul li h2{
    font-family: 'PT Serif', serif;
    color: #053d76;
    font-weight: bold;
}
	.notaAuxExt ul li img{
    width: 80%;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

select{
	-webkit-appearance: none;
	-moz-appearance: none !important;
	text-overflow: '';
	text-indent: 0.1px;
	position: relative;
	height: 48px;
	font-size: 13px;
	color: #333;
	border: 1px solid silver;
	padding: 0 35px 0 20px;
	background: url(../images/dropdown.svg) no-repeat right center #ffffff;
	background-size: 40px auto;
	border-radius: 0px;
	width: 100%;
	}

.contPie{
    padding: 40px 20px;
    background-color: #efefef;
    border-top: 1px solid silver;
}
	.contPie ul{
    display: table;
    width: 100%;
}
	.contPie ul li{
    display: table-cell;
    vertical-align: middle;
	}
	.contPie ul li:last-child{
    text-align: right;
	}
	.contPie ul li p{
    font-size: .9em;
    color: #eaa545;
    padding: 0px 0px 10px;
 }
	.contPie ul li p a{
    font-weight: bold;
    margin: 0px 0px 0px 10px;
}
		.contPie ul li p span{
    color: gray;
}

	.contPie ul li:first-child img{
    max-width: 110px;
}
	
@media only screen and (max-width: 999px) {
 .logoHome{
    top: 15px;
    left: 15px;
}
 .logoHome img{
    max-width: 120px;
	}
}
@media only screen and (max-width: 768px) {
.txHP h1{
    font-size: 1.8em;
}
.notTam2 ul li{
    padding: 0px 10px 0px 10px;
}
}

@media only screen and (max-width: 700px) {
.contTxNotP{
    padding: 20px;
    top: -50px;
}
.contImaNot{
    height: 200px;
}
.notTam2 ul li{
    padding: 0px 10px 0px 10px;
    /* display: table-cell !important; */
}
.contDatCabEm ul li{
    padding: 10px !important;
}
.contTab2col ul li{
    display: block;
    width: 100%;
    padding: 0px;
}
.datosEmpGral li{
    display: block !important;
    width: 100% !important;
    padding: 20px 0px !important;
}
.contPie ul li{
    display: block;
    width: 100%;
    text-align: center;
    margin: 0px 0px 40px;
}
.contPie ul li:last-child{
	text-align:center;
}
.notTam2 ul li:first-child{
    width: 100%;
}
.notaAuxExt ul li:first-child{
    margin: auto;
}
.notaAuxExt ul{
    text-align: center;
    display: block;
}
.imaNotTam1{
    height: 250px;
}
.contDesEmp ul li{
		padding: 5px 0px !important;
		display: inline-block !important;
		width: auto !important;
	}

	.contDesEmp ul li:first-child{
    width: auto !important;
    margin-right: 12px;
 }
	.contDesEmp ul li:last-child{
    width: 90%;
    
	}
}