@font-face {
  font-family: Montserrat-Regular;
  src: url('fonts/montserrat/Montserrat-Regular.ttf'); 
}

@font-face {
  font-family: Montserrat-Medium;
  src: url('fonts/montserrat/Montserrat-Medium.ttf'); 
}

@font-face {
  font-family: Montserrat-Bold;
  src: url('fonts/montserrat/Montserrat-Bold.ttf'); 
}

body{ height: 100%; width: 100%; margin:0; padding:0; background-color:#FFF; font-family:Montserrat-Regular, Helvetica, Arial, sans-serif; font-size:12px; color:#000000; /*letter-spacing: -0.00em;*/}
img{border: none; margin:0px; padding:0px; display: block; vertical-align: top;}
hr{float: left; width: 100%; border-top: 1px solid #e4e5e6; background-color: transparent; color: transparent; margin-top: 30px;}
.atencion{animation: blinker 1s linear infinite;}

.frm_in1_error1{ display: none; z-index: 2; margin-top:0.0em; /*right:2.3em;*/ float: right; position:absolute; width:auto; margin:6px 0px 0px 420px; padding:0.3em; background-color:#db0000; color:#FFF; text-align:center; font-size:0.95em; line-height: 1.5em; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em; text-transform: uppercase;}

.col_iz{float: left; width: 339px; overflow: hidden; background-color: white;}
.col_ce{float: left; width: 561px; overflow: hidden; background-color: white;}
.col_de{float: left; width: 100px; overflow: hidden; background-color: white;}
.contenedor_row{float:left; width:100%; }

.contenedor_principal{ width:100%; }
.contenedor_1000{display:table; margin:auto; width:1000px; }

.contenido_arriba{ height: 40px; margin-bottom: 19px; background-color: #323031;}
.contenido_abajo{ height: 40px; margin-top: 19px; background-color: #323031;}
.contenido_centro{ background-color: #e6e6e6;}
.contenido_texto{ width: calc(100% - 56px); margin: 0px 28px 0px 28px; }

.mnu{ float:left; width: 339px; height: 44px; margin:0px; padding:0px; background-image:url(images/mnu.gif); }
.mnu_01{background-position:0px 0px;}
	a.mnu_01:hover{background-position:0px -220px;}
	.mnu_01_sel{background-position:0px -220px;}
.mnu_02{background-position:0px -44px;}
	a.mnu_02:hover{background-position:0px -264px;}
	.mnu_02_sel{background-position:0px -264px;}
.mnu_03{background-position:0px -88px;}
	a.mnu_03:hover{background-position:0px -308px;}
	.mnu_03_sel{background-position:0px -308px;}
.mnu_04{background-position:0px -132px;}
	a.mnu_04:hover{background-position:0px -352px;}
	.mnu_04_sel{background-position:0px -352px;}
.mnu_05{background-position:0px -176px;}
	a.mnu_05:hover{background-position:0px -396px;}
	.mnu_05_sel{background-position:0px -396px;}

.smnu{ float:left; width: 288px; height: 22px; margin:0px; padding:0px; background-image:url(images/smnu.gif); }
.smnu_01{background-position:0px 0px;}
	a.smnu_01:hover{background-position:0px -81px;}
	.smnu_01_sel{background-position:0px -81px;}
.smnu_02{background-position:0px -22px;}
	a.smnu_02:hover{background-position:0px -103px;}
	.smnu_02_sel{background-position:0px -103px;}
.smnu_03{background-position:0px -44px;}
	a.smnu_03:hover{background-position:0px -125px;}
	.smnu_03_sel{background-position:0px -125px;}

.smnu_n{ float:left; width: 288px; height: 22px; margin:0px; padding:0px; background-image:url(images/smnu_nosotros.gif); }
.smnu_n_01{background-position:0px 0px;}
	a.smnu_n_01:hover{background-position:0px -81px;}
	.smnu_n_01_sel{background-position:0px -81px;}
.smnu_n_02{background-position:0px -22px;}
	a.smnu_n_02:hover{background-position:0px -103px;}
	.smnu_n_02_sel{background-position:0px -103px;}

.smnu_v{ float:left; width: 288px; height: 22px; margin:0px; padding:0px; background-image:url(images/smnu_videoinstitucional.gif); }
.smnu_v_01{background-position:0px 0px;}
	a.smnu_v_01:hover{background-position:0px -81px;}
	.smnu_v_01_sel{background-position:0px -81px;}

.smnu_t{ float:left; width: 288px; height: 22px; margin:0px; padding:0px; background-image:url(images/smnu_trabaja.gif); }
.smnu_t_01{background-position:0px 0px;}
	a.smnu_t_01:hover{background-position:0px -81px;}
	.smnu_t_01_sel{background-position:0px -81px;}

.smnu_p{ float:left; width: 288px; height: 22px; margin:0px; padding:0px; background-image:url(images/smnu_politica.gif); }
.smnu_p_01{background-position:0px 0px;}
	a.smnu_p_01:hover{background-position:0px -81px;}
	.smnu_p_01_sel{background-position:0px -81px;}

.smnu_d{ float:left; width: 288px; height: 22px; margin:0px; padding:0px; background-image:url(images/smnu_denuncias.gif); }
.smnu_d_01{background-position:0px 0px;}
	a.smnu_d_01:hover{background-position:0px -81px;}
	.smnu_d_01_sel{background-position:0px -81px;}


.fl{ float: left;}

.contenido_titulo1{line-height: 20px; color: #9e2a30; font-weight: bold; text-transform: uppercase; font-size: 13px; width: 100%;}
.contenido_titulo2{line-height: 32px; color: #000000; font-weight: bold; text-transform: uppercase; font-size: 16px; width: 100%; margin-bottom: 5px;}
.contenido_texto1{line-height: 18px; color: #000000; font-weight: normal; font-size: 11px; width: 100%; margin-bottom: 16px;}

.portfolio_container_imggr{float: left; width: 420px; height: 538px; background-color: transparent; margin-right: 10px;}

.portfolio_container_imgthumb{float: left; position: relative; width: 131px; height: 538px; background-color: transparent; overflow: hidden;}
/*.portfolio_imgthumb{float: left; width: 131px; height: 127px; background-color: transparent; margin-bottom: 10px;}*/
.portfolio_imgthumb{ width: 131px; height: 127px; background-color: transparent; margin-bottom: 10px;}
.portfolio_flecha_arriba{ position: absolute; top: 0; background-color: transparent; margin: 10px 0px 0px 58.5px; z-index: 9; cursor: pointer;}
.portfolio_flecha_abajo{ position: absolute; bottom: 0; background-color: transparent; margin: 0px 0px 10px 58.5px; z-index: 9; cursor: pointer;}

.contacto_in1{float: left; background-color: white; border: none; width:calc(100% - 62px); line-height: 30px; margin-right: 5px; padding: 0px; font-family:Montserrat-Regular, Helvetica, Arial, sans-serif; font-size:13px; color:#000000; }
.contenedor_contacto_input{ margin-bottom: 16px;}

.contacto_btnenviar1{ float: left; width: 107px; height: 28px; border: none; background-image: url(images/contacto_enviar.gif); background-position: top center; cursor: pointer;}



.btn1_fake{ cursor: pointer; float:left; background-color:#9e282f; margin:0px 0px 0px 0px; padding:0px 20px 0px 20px; height:30px; line-height:30px; overflow:hidden; font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#FFF; text-align:center;}
	.btn1_fake:hover{ background-color:#323031;}





/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 11; /* Sit on top */
  padding-top: 10px; /* Location of the box */
	padding-bottom: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height:calc(100% - 60px); /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
	max-height: 90%;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}





/*
.lnk1{color:#6a6a6a;}
	.lnk1:hover{text-decoration:none; color: #0072fe;}
	.lnk1:link{text-decoration:underline;}

.frm_base{margin:0px; padding:0px;}
.frm_button{ border: none; display: inline-block; cursor: pointer; background-color: transparent;}
.frm_contacto_boton1{ background-color: #0072fe; font-family:'poppinsbold', Helvetica, Arial, sans-serif; font-size: 19px; text-align: center; color: white; outline:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
	.frm_contacto_boton1:hover{text-decoration:none; background-color: white; color: #0072fe;}
.frm_contacto_in{ float:left; width:355px; height:51px; color:#494949; font-size:16px; font-weight:normal; padding:0px 22px 0px 22px; margin:0px 0px 16px 0px; outline:none;	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;	border: 1px solid #ced4da; background-color:#f9f9f9; }
.frm_contacto_error1{float:left; position:absolute; display:none; width:100px; margin:26px 0px 0px 288px; padding:4px; background-color:#db0000; color:#FFF; text-align:center; font-size:10px; line-height: 15px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; text-transform: uppercase;}

*/