body, html{
	margin:0;width:100%;height:100%;
	font-family: 'Muli', sans-serif;
	}

img{width:100%;}
#cargando { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #ffffff url('../images/cargando.gif') no-repeat center center; }
.controles{width:80px;height:auto;position:fixed;z-index:999999;top:20px;right:20px;}
.controles .flechas{width:40px;float:left;}
.controles .flechas img{width:100%;cursor:pointer;}
#progress {height:2px;background:#444;bottom:0;z-index:200;}
.skrollr-desktop #scrollbar {display:none;}


/*========================================
MENU
========================================*/
.menunav{background:#333333;height:100%;padding:10px 0;position:fixed;z-index:999999;} /*Menu navegacion principal*/
.menunav.memo{background:#E22630;}/*Menu memoria*/
.menunav.repo{background:#009D9C;}/*Menu reporte*/
.icon-logo{width:34px;margin:0 auto;}
.menunav ul.menubtn{list-style:none;margin:50px auto;padding:0;}
.menunav ul.menubtn li{
	width:26px;margin:0;padding:6px 6px 2px 6px;background:rgba(0,0,0,0.1);box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(61,61,63,0.5);}
	
.menunav ul.menubtn li:hover{
	background:rgba(0,0,0,0.25);
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
	}
	
.menunav ul.menubtn li.activo{background:rgba(0,0,0,0.25);}
.menunav ul.menucap{list-style:none;margin:50px auto;padding:0;}
.menunav ul.menucap li{width:10px;height:10px;border-radius:100%;border:1px solid #ffffff;background:none;margin:15px auto;cursor:pointer;}
.menunav ul.menucap li.activo{background:#fff;}
.menunav ul.menubtn.descarga{position:absolute;bottom:0px;}



/*========================================
CONTENEDOR
========================================*/
img.bgfix{position:fixed;height:auto;width:100%;}
#cont{
	width:100%;
	height:100%;
	}


/*========================================
CARRUSEL ESCENA1
========================================*/

.carousel .item{}
.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;padding:0;}
.carousel-inner > .item {
    -webkit-transition: 0.3s ease-in-out left;
    -moz-transition: 0.3s ease-in-out left;
    -o-transition: 0.3s ease-in-out left;
    transition: 0.3s ease-in-out left;
}
.carousel-indicators {right: 50%;top: auto;bottom:50px;margin-right: -19px;}
.carousel-indicators li {background: #ffffff;border:none;}
.carousel-indicators .active { background: #231f20;}
/*========================================
REPORTE
========================================*/
.logopdi{
	height:100px;
	width:100px;
	}
.imagen_seccion{float:left;
			   width:100%;
			   margin:0;
			   padding:0;
			   position:absolute;
			   left:0;
			   top:0;
}
.img_seccion{
	position: absolute;
	top: 0;
	overflow: hidden;
	min-width:100%;
	z-index:-1;
	width:100%;
	min-height:100vh;
	}

p, ul{
	/*font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;*/
	font-family: 'Muli', sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}

.bco{
	background-color:#FFFFFF;
	width:100%;
	height:40px;
	}


.download{
	color: #333;
	margin-top: 17px;
	padding:0px 50px 50px 50px;
	}
.frase01{
	z-index: 5000;
}
.frase02{
	z-index: 6000;
	-webkit-animation: 2s movimiento infinite;
	-moz-animation: 2s movimiento infinite;
	-ms-animation: 2s movimiento infinite;
	-o-animation: 2s movimiento infinite;
	-animation: 2s movimiento infinite;
}
@-webkit-keyframes movimiento{
  0% {
	  
    right: 40px;
  }

  50% {
     right: 0px;
  }

  100% {
     right: 40px;
  }
}
@-moz-keyframes movimiento{
  0% {
    right: 40px;
  }

  50% {
     right: 0px;
  }

  100% {
     right: 40px;
  }
}

.frase03{
	z-index: 6000;
	-webkit-animation: 5s movimiento2 infinite;
	-moz-animation: 5s movimiento2 infinite;
	-ms-animation: 5s movimiento2 infinite;
	-o-animation: 5s movimiento2 infinite;
	-animation: 5s movimiento2 infinite;
}
@-webkit-keyframes movimiento2{
  0% {
	  opacity: 0;
  }

  20% {
     opacity: 0;
  }

 80% {
     opacity: 1;
  }

  100% {
     opacity: 1;
  }
}
@-moz-keyframes movimiento2{
   0% {
	  opacity: 0;
  }

  20% {
     opacity: 0;
  }

 80% {
     opacity: 1;
  }

  100% {
     opacity: 1;
  }
}
/*======================================================
DISEÑO RESPONSIVO
======================================================*/
@media only screen and (min-height: 768px) { 
	body {padding-left: 0;padding-right: 0;}
}






.container{ position: relative; padding: 0px 0px 0px 0px; width: 100%; overflow: hidden; }
.container_inner{ width: 1200px; margin: 0px auto; position: relative; }

header{ width: 100%; display: block; z-index: 2000; background-image: url(img/menu_shadow.png); background-repeat: repeat-x; background-position: 0px bottom; padding: 0px 0px 3px 0px; position: fixed; }
header .container{ overflow: visible; }
header .header_outer{ background-color:#061f46; padding: 0px; /* fix */ display: block; z-index: 9000; -webkit-backface-visibility: hidden; }
header .header_inner{ width: 100%; -webkit-backface-visibility: hidden; }

.logo{ 	float: left; position: relative; margin: 0px 25px 0px 0px; }
.logo a{ position: relative; display: block; -webkit-backface-visibility: hidden; }
.logo img{ display: block; position: relative; top: -50%; width: auto !important; }

nav.main_menu{ position: relative; z-index: 100; 	text-align: left; }
nav.main_menu.left{ float: left; }
nav.main_menu.right{ float: right; }
nav.main_menu ul { list-style:none outside none; margin:0px; padding:0px; }
nav.main_menu ul li{ display:inline-block; float:left; padding:0px; margin:0px; text-align: center; }
nav.main_menu ul li a { font-family: "myriad-pro", 'Oswald', sans-serif; color: #ffffff; font-size: 13px; text-decoration: none; display: inline-block; position: relative; cursor: pointer; line-height: 80px; padding: 0px 10px; margin: 0px; }
nav.main_menu > ul > li.active > a, nav.main_menu > ul > li.has_sub:hover > a, nav.main_menu > ul > li:hover > a{ color: #ffffff; background-color: #0083c9; }

header .logo { height: 130px; top: 62px; padding: 0px;  }
header .header_inner nav.main_menu > ul > li > a { line-height:130px; }
header .header_inner .drop_down .second { top:130px; }
header .logo a { height:125px; }

.selectnav{ display: none; width: 100%; float: left; position: relative; top: 0px; text-align: left; }
.selectnav ul li a{ color: #ffffff; padding: 4px 10px; text-decoration: none; display: block; position: relative; font-size: 13px; }
.selectnav_button{ display: none; float: right; padding: 50px 0px; }
.selectnav_button span{ width: 95px; height: 30px; z-index: 511; display: block; position: relative; background-image: url('img/navigation.png'); 	background-position: right center; background-repeat: no-repeat; cursor: pointer; }
.selectnav ul{ display: none; width: 100%; background-color: #0083c9; position: relative;  top: -8px; padding: 10px 0px 10px 0px; }


/* DROP DOWN MENU */
.drop_down ul li{ position: relative; overflow: visible; }
.drop_down .second{ left: 0px; margin: 0px; top: 80px; position: absolute; height: auto; display: block; visibility: hidden; }
.touch .drop_down ul li .second{ height: auto !important; display: none !important; visibility: visible !important; overflow: visible !important; }
.touch .drop_down ul li:hover .second{ height: auto !important; display: block !important; visibility: visible !important; overflow: visible ! important; }
.drop_down .second .inner{ background-color: transparent; padding: 0px; display: block;	 }
.drop_down .second .inner2{ background-color: rgba(0,131,201,0.95); display: inline-block; } 
.drop_down .second .inner2 ul{ display:inline-block; float:left; position: relative; width: 230px; padding: 10px 0px; }
.drop_down .second .inner2 ul li{ display: block; padding: 0px; position: relative; float: none; height: auto; background: none; text-align: left; }
.drop_down .second .inner2 ul li a{ font-family: "myriad-pro", 'Oswald', sans-serif; display: block; font-size: 15px; color: #202020; height: auto; line-height: 18px; margin: 0px; padding: 12px 30px 12px 20px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }
.drop_down .second .inner2 ul li:hover a{ color: #ffffff; text-shadow: none; }
.drop_down .second .inner2 ul li.sub a { background-image: url("img/sub_menu_arrow_right.png"); background-position: right center; background-repeat: no-repeat; }
.drop_down .second .inner ul li ul{ position: absolute !important; left: 100%; top: -10px; background-color: rgba(0,131,201,0.95); visibility: hidden; height: auto; display: block; overflow: hidden; padding: 10px 0px; }

.touch .drop_down .second .inner ul li:hover ul{ height: auto !important; display: block !important; visibility: visible !important; overflow: visible !important; }

.drop_down .second .inner2 ul li.sub ul li{ padding: 0px; }
.drop_down .second .inner2 ul li.sub ul li a{ font-style: normal; /* color: #8B8B8B; */ color: #333; background: none; margin: 0px; padding: 0px 30px 0px 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;	}
.drop_down .second .inner2 ul li.sub ul li:hover a{ color: #ffffff; }
.drop_down .second .inner2 ul li.sub ul li a{ background: none; }
.drop_down .second.right{ right: 0px; left: auto; }
.drop_down .second .inner2 ul.right li a{ text-align: right; padding: 12px 20px 12px 30px; }
.drop_down .second .inner2 ul.right li:hover a{ color: #ffffff; }
.drop_down .second .inner2 ul.right li ul{ left: -100%; }
.drop_down .second .inner2 ul.right li.sub a { background-image: url("img/sub_menu_arrow_left.png"); background-position: 15px center; 	background-repeat: no-repeat; }
.drop_down .second .inner2 ul.right li.sub ul li{ padding: 0px; }
.drop_down .second .inner2 ul.right li.sub ul li a{ font-style: normal; color: #4f4f4f; background: none; margin: 0px; padding: 12px 20px 12px 30px; 	-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; }
.drop_down .second .inner2 ul.right li.sub ul li:hover a{ color: #ffffff; }
.drop_down .second .inner2 ul.right li.sub ul li a{ background: none; }

/* DROP DOWN MENU */
.title{ padding: 50px 0px; display: block; position: relative; }
.title span{ display: block; margin: 17px 0px 0px; }
.title.with_image .container, .title.has_background .title_text, .title.has_fixed_background .title_text{ position: absolute; bottom: 20%; }
.title.has_fixed_background{ background-repeat: no-repeat; background-attachment: fixed; background-position: center 0px; padding: 0px; margin: 0px; 	height: 350px;  }
.title .title_text{ width: 100%; }
.title .container, .title .container_inner{ height: inherit; }

.two_columns_66_33{ width: 100%; }
.two_columns_66_33 > .column1{ width: 66.66%; float: left; }
.two_columns_66_33 > .column1 > .column_inner{ padding: 0px 20px 0px 0px; }
.two_columns_66_33 > .column2{ width: 33.33%; float: left; }
.two_columns_66_33 > .column2 > .column_inner{ padding: 0px 0px 0px 20px; }
.two_columns_33_66{ width: 100%; }
.two_columns_33_66 > .column1{ width: 33.33%; float: left; }
.two_columns_33_66 > .column1 > .column_inner{ padding: 0px 20px 0px 0px; }
.two_columns_33_66 > .column2{ width: 66.66%; float: left; }
.two_columns_33_66 > .column2 > .column_inner{ padding: 0px 0px 0px 20px; }
.two_columns_75_25{ width: 100%; }
.two_columns_75_25 > .column1{ width: 75%; float: left; }
.two_columns_75_25 > .column1 > .column_inner{ padding: 0px 20px 0px 0px; }
.two_columns_75_25 > .column2{ width: 25%; float: left; }
.two_columns_75_25 > .column2 > .column_inner{ padding: 0px 0px 0px 20px; }
.two_columns_25_75{ width: 100%; }
.two_columns_25_75 > .column1{ width: 25%; float: left; }
.two_columns_25_75 > .column1 > .column_inner{ padding: 0px 20px 0px 0px; }
.two_columns_25_75 > .column2{ width: 75%; float: left; }
.two_columns_25_75 > .column2 > .column_inner{ padding: 0px 0px 0px 20px; }
.two_columns_50_50{ width: 100%; }
.two_columns_50_50 > .column1{ width: 50%; float: left; }
.two_columns_50_50 > .column1 > .column_inner{ padding: 0px 20px 0px 0px; }
.two_columns_50_50 > .column2{ width: 50%; float: left; }
.two_columns_50_50 > .column2 > .column_inner{ padding: 0px 0px 0px 20px; }
.three_columns{ width: 100%; }
.three_columns > .column1, .three_columns > .column2, .three_columns > .column3{ width: 33.33%; float: left; }
.three_columns > .column1 > .column_inner{ padding: 0px 17px 0px 0px; }
.three_columns > .column2 > .column_inner{ padding: 0px 9px 0px 9px; }
.three_columns > .column3 > .column_inner{ 	padding: 0px 0px 0px 17px; }
.four_columns{ width: 100%; }
.four_columns > .column1, .four_columns > .column2, .four_columns > .column3, .four_columns > .column4{ width: 25%; float: left; }
.four_columns > .column1 > .column_inner{ padding: 0px 16px 0px 0px; }
.four_columns > .column2 > .column_inner{ padding: 0px 10px 0px 6px; }
.four_columns > .column3 > .column_inner{ padding: 0px 6px 0px 10px; }
.four_columns > .column4 > .column_inner{ padding: 0px 0px 0px 16px; }

section.content_section{ background-color: transparent; padding: 80px 1000px; margin: 0px -1000px; display: block; -webkit-transform: none !important; -webkit-transition: none !important; }

.separator{ width: 100%; height: 1px; display: inline-block; background-color: #c7c7c7; margin: 30px 0px; }
.separator.transparent{ background-color: transparent !important; }


.social_menu{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0; display: inline-block; overflow: hidden; }
.social_menu li{ display: inline; float: left; margin: 0px 10px 0px 0px; padding: 0; width: auto; }
.social_menu li a{ overflow: hidden; display: block; float: left; height: 28px; width: 28px; text-indent: -9999px; margin: 0; padding: 0; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; }
.social_menu li a span.inner{ overflow: hidden; background-repeat: no-repeat; width: 28px; height: 28px; position: relative; display: block; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; }

.social_menu.white li a span.inner{ background-image: url(img/social_icons_sprite_white.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 150/100), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 160dpi){
	
	.social_menu.retina li a span.inner{ width: 28px; height: 28px; background-repeat: no-repeat; -o-background-size: 672px 56px; -webkit-background-size: 672px 56px; -moz-background-size: 672px 56px; background-size: 672px 56px; }
	.social_menu.white li a span.inner{ background-image: url(img/social_icons_sprite_white@1.5x.png); 	}
	.social_menu.dark li a span.inner{ background-image: url(img/social_icons_sprite_black@1.5x.png); }

}

@media only screen and (-webkit-min-device-pixel-ratio: 2.0), only screen and (min--moz-device-pixel-ratio: 2.0), only screen and (-o-min-device-pixel-ratio: 200/100), only screen and (min-device-pixel-ratio: 2.0), only screen and (min-resolution: 210dpi){
	
	.social_menu.retina li a span.inner{ width: 28px; height: 28px; background-repeat: no-repeat; -o-background-size: 672px 56px; -webkit-background-size: 672px 56px; -moz-background-size: 672px 56px; background-size: 672px 56px; }
	.social_menu.white li a span.inner{ background-image: url(img/social_icons_sprite_white@2x.png); }
	.social_menu.dark li a span.inner{ 	background-image: url(img/social_icons_sprite_black@2x.png); }

}

.social_menu li.twitter a .inner{ background-position: 0px 0px; }
.social_menu li.facebook a .inner{ background-position: -28px 0px; }
.social_menu li.pinterest a .inner{ background-position: -56px 0px; }
.social_menu li.forrst a .inner{ background-position: -84px 0px; }
.social_menu li.dribbble a .inner{ background-position: -112px 0px; }
.social_menu li.flickr a .inner{ background-position: -140px 0px; }
.social_menu li.linkedin a .inner{ background-position: -169px 0px; }
.social_menu li.lastfm a .inner{ background-position: -196px 0px; }
.social_menu li.vimeo a .inner{ background-position: -224px 0px; }
.social_menu li.yahoo a .inner{ background-position: -252px 0px; }
.social_menu li.tumblr a .inner{ background-position: -280px 0px; }
.social_menu li.apple a .inner{ background-position: -309px 0px; }
.social_menu li.blogger a .inner{ background-position: -337px 0px; }
.social_menu li.wordpress a .inner{ background-position: -365px 0px; }
.social_menu li.windows a .inner{ background-position: -394px 0px; }
.social_menu li.youtube a .inner{ background-position: -422px 0px; }
.social_menu li.rss a .inner{ background-position: -448px 0px; }
.social_menu li.instagram a .inner{ background-position: -477px 0px; }
.social_menu li.google a .inner{ background-position: -505px 0px; }
.social_menu li.bechance a .inner{ background-position: -532px 0px; }
.social_menu li.android a .inner{ background-position: -558px 0px; }
.social_menu li.skype a .inner{ background-position: -586px 0px; }
.social_menu li.digg a .inner{ background-position: -614px 0px; }
.social_menu li.vk a .inner{ background-position: -642px 0px; }
.social_menu li.twitter a:hover .inner{ background-position: 0px -28px; }
.social_menu li.facebook a:hover .inner{ background-position: -28px -28px; }
.social_menu li.pinterest a:hover .inner{ background-position: -56px -28px; }
.social_menu li.forrst a:hover .inner{ background-position: -84px -28px; }
.social_menu li.dribbble a:hover .inner{ background-position: -112px -28px; }
.social_menu li.flickr a:hover .inner{ background-position: -140px -28px; }
.social_menu li.linkedin a:hover .inner{ background-position: -169px -28px; }
.social_menu li.lastfm a:hover .inner{ background-position: -196px -28px; }
.social_menu li.vimeo a:hover .inner{ background-position: -224px -28px; }
.social_menu li.yahoo a:hover .inner{ background-position: -252px -28px; }
.social_menu li.tumblr a:hover .inner{ background-position: -280px -28px; }
.social_menu li.apple a:hover .inner{ background-position: -309px -28px; }
.social_menu li.blogger a:hover .inner{ background-position: -337px -28px; }
.social_menu li.wordpress a:hover .inner{ background-position: -365px -28px; }
.social_menu li.windows a:hover .inner{ background-position: -394px -28px; }
.social_menu li.youtube a:hover .inner{ background-position: -422px -28px; }
.social_menu li.rss a:hover .inner{ background-position: -448px -28px; }
.social_menu li.instagram a:hover .inner{ background-position: -477px -28px; }
.social_menu li.google a:hover .inner{ background-position: -505px -28px; }
.social_menu li.bechance a:hover .inner{ background-position: -532px -28px; }
.social_menu li.android a:hover .inner{ background-position: -558px -28px; }
.social_menu li.skype a:hover .inner{ background-position: -586px -28px; }
.social_menu li.digg a:hover .inner{ background-position: -614px -28px; }
.social_menu li.vk a:hover .inner{ background-position: -642px -28px; }


footer{ display: block; width: 100%; margin:5px auto 0px; position: relative; background-color: #061f46; }
footer a:hover, .footer_top ul li a:hover{ color: #ffffff; }
.footer_top_holder{ display: block; }
.footer_top{ padding: 30px 0px 30px; }
.footer_top a, .footer_top p, .footer_top ul li, .footer_top span{ color: #a0a0a0; }
.footer_top .social_menu li{ margin: 0px 0px 0px 10px; }
.footer_top > .four_columns > .column1, .footer_top > .four_columns > .column2, .footer_top >.four_columns > .column3, .footer_top > .four_columns > .column4{ width: 25%; }

blockquote { width: 100%; float: left; padding: 20px 0px; margin: 5px 25px 25px 0px; background-color: #e7e7e7; background:url("img/blockquotebg.png") left center repeat-y; min-height:142px; overflow:hidden; }
blockquote p { font-family: "myriad-pro", "Oswald", sans-serif; text-align: justify; font-size: 16px; color: #fff; line-height: 33px; margin: 0px 100px 0 100px; }

blockquote.mensajedirector { width: 100%; float: left; padding: 20px 0px; margin: 5px 25px 25px 0px; background-color: #e7e7e7; 	background:url("img/blockquotebg-mensajedirector.png") left center repeat-y; min-height:142px; overflow:hidden; }
blockquote.mensajedirector p { font-family: "myriad-pro", "Oswald", sans-serif; text-align: justify; font-size: 16px; color: #fff; line-height: 33px; margin: 0px 45px 0 295px; }

blockquote p span { font-family: "myriad-pro",sans-serif; font-style: italic; font-weight: 700; }

ul.anexos { width:100%; border-top:1px solid #0069a8; border-bottom:1px solid #0069a8; list-style:none; float:left; padding:20px 0; min-height:162px; }
ul.anexos li { width:95%; padding-left: 25px; line-height:25px; background:url("img/iconPDF.png") no-repeat left top;  }
ul.anexos li a { color:#4d4d4d;  }
.homeicon img { width:100%; }




/* Magnific Popup */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 3042; overflow: hidden; position: fixed; background:#061f46; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 3043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } 
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 3045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; } 
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 3044; } 
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: white; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 3046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } 
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px;  height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block;  width: 0;  height: 0; position: absolute;     left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } 
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } 
.mfp-iframe-holder .mfp-content {  line-height: 0;  width: 100%;  max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe {  position: absolute;   display: block;  top: 0; left: 0;  width: 100%;  height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after {  content: ''; position: absolute;  left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto;  height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }
.mfp-figure small { color: #bdbdbd; display: block;  font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }


@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed;     text-align: center; padding: 0; } 
}

@media all and (max-width: 900px) {
  .mfp-arrow {  -webkit-transform: scale(0.75);   transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0;    transform-origin: 0; }
  .mfp-arrow-right {   -webkit-transform-origin: 100%;  transform-origin: 100%; }
  .mfp-container {  padding-left: 6px;  padding-right: 6px; } 
}

.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar {  width: 600px;  left: 50%;  margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container {  padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close {  top: 0;  right: 0;  padding-top: 0; }


/* gal */
.galeria_holder{ font-size: 0.1px; line-height: 0; list-style-type: none; text-align: justify; }
.galeria_holder img{ width: 100%; }
.galeria_holder:after, .galeria_holder:before{ content: ""; display: inline-block; width: 100%; }
.galeria_holder .mix{ display:inline-block; position: relative; vertical-align: top;overflow: hidden; -webkit-backface-visibility:hidden; }
.galeria_holder.v4 .mix{ width: 23.5%; margin: 0 0 2%; }


.no_title_gap { height: 110px; }

@media only screen and (max-width : 1024px) { /* Mobile */
	.hideinDesktop {display:block; visibility:visible; }
	.hideinMobile {display: none; visibility: hidden; }
}

@media only screen and (min-width : 1024px) {  /* Desktop */ 
	.hideinDesktop {display: none; visibility: hidden; }
	.hideinMobile {display:block; visibility:visible; }
}

/* 1200 990 768 420 300 */
@media only screen and (max-width: 1390px){
	.headertitle { display: none !important;}
}

@media only screen and (min-width: 990px) and (max-width: 1200px){
	.container_inner{ width: 1000px; }
	nav.main_menu ul li a{ font-size: 11px; padding:0 7px; }
}

@media only screen and (min-width: 768px) and (max-width: 990px){
	.container_inner { width: 768px; }
	.logo{ margin: 0px 5px 0px 0px; }

	nav.main_menu ul li a{ padding: 0px 3px; font-size: 9px; }
	blockquote.mensajedirector { width: 100%; float: left; padding: 20px 0px; margin: 5px 25px 25px 0px; background-color: #e7e7e7; 	background:url("img/blockquotebg.png") left center repeat-y; min-height:142px;  }
	blockquote.mensajedirector p { margin: 0px 45px 0 100px; }
	
}

@media only screen and (min-width: 480px) and (max-width: 768px){ /* ipad */
	header{ position: relative; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; }
	.title.with_image .container, .title.has_background .title_text, .title.has_fixed_background .title_text{ bottom: 10%; }
	.content{ padding: 0px; margin: -3px 0px 0px 0px; 	}
	.main_menu{ display: none !important; }
	.selectnav { display: block; margin: 0px; }
	.selectnav_button{ display: block; 	}
	header .logo{ position: relative; top: 0px !important; }
	header .logo img{ top: 0px; }
	.container_inner{ width: 420px; }
	.container_inner{ padding: 0px !important; 	}
	

	.two_columns_50_50 .column1, .two_columns_50_50 .column2, .three_columns .column1, .three_columns .column2, .three_columns .column3, .two_columns_66_33 .column1, .two_columns_66_33 .column2, .two_columns_33_66 .column1, .two_columns_33_66 .column2, .two_columns_75_25 .column1, .two_columns_75_25 .column2, .two_columns_25_75 .column1, .two_columns_25_75 .column2, .four_columns .column1, .four_columns .column2, .four_columns .column3, .four_columns .column4{ width: 100%; border: none; margin: 0px 0px 20px 0px; 	}
	.two_columns_50_50 .column1 .column_inner, .two_columns_50_50 .column2 .column_inner, .three_columns .column1 .column_inner, .three_columns .column2 .column_inner, .three_columns .column3 .column_inner, .two_columns_66_33 .column1 .column_inner, .two_columns_66_33 .column2 .column_inner, .two_columns_33_66 .column1 .column_inner, .two_columns_33_66 .column2 .column_inner, .two_columns_75_25 .column1 .column_inner, .two_columns_75_25 .column2 .column_inner, .two_columns_25_75 .column1 .column_inner, .two_columns_25_75 .column2 .column_inner, .four_columns .column1 .column_inner, .four_columns .column2 .column_inner, .four_columns .column3 .column_inner, .four_columns .column4 .column_inner{ padding: 0px; }

	.footer_top .four_columns .column1, .footer_top .four_columns .column2, .footer_top .four_columns .column3, .footer_top .four_columns .column4{ width: 100%; }

	.footer_top .four_columns .column2 .column_inner,  .footer_top .four_columns .column4 .column_inner{ padding: 0px 0px 0px 20px; }
	.footer_top .four_columns .column1 .column_inner,  .footer_top .four_columns .column2 .column_inner, .footer_top .four_columns .column3 .column_inner, .footer_top .four_columns .column4 .column_inner{ margin: 0px 0px 30px 0px; }
	.footer_top{ padding: 70px 0px 20px 0px; }
	
	blockquote.mensajedirector { width: 100%; float: left; padding: 20px 0px; margin: 5px 25px 25px 0px; background-color: #e7e7e7; 	background:url("img/blockquotebg.png") left center repeat-y; min-height:142px;  }
	blockquote.mensajedirector p { margin: 0px 45px 0 100px; }
	
	blockquote p { margin: 0px 30px 0 90px; }
	
	.no_title_gap { height:5px !important;}

}

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

	header{ position: relative; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; }
	.title.with_image .container, .title.has_background .title_text, .title.has_fixed_background .title_text{ bottom: 10%; }
	.content{ padding: 0px; margin: -3px 0px 0px 0px; }
	.main_menu{ display: none !important; }
	.selectnav { display: block; margin: 0px; } 
	.selectnav_button{ display: block; /* float: left; */ }
	header .logo{ position: relative; top: 0px !important; margin: 0px 0px 0px 0px;/*  float: none;  */}
	header .logo img{ top: 0px; }
	.container_inner{ width: 300px !important; }
	.container_inner{ padding: 0px !important; 	}
	
	.two_columns_50_50 .column1, .two_columns_50_50 .column2, .three_columns .column1, .three_columns .column2, .three_columns .column3, .two_columns_66_33 .column1, .two_columns_66_33 .column2, .two_columns_33_66 .column1, .two_columns_33_66 .column2, .two_columns_75_25 .column1, .two_columns_75_25 .column2, .two_columns_25_75 .column1, .two_columns_25_75 .column2, .four_columns .column1, .four_columns .column2, .four_columns .column3, .four_columns .column4, .footer_top .four_columns .column1, .footer_top .four_columns .column2, .footer_top .four_columns .column3, .footer_top .four_columns .column4{ width: 100%; border: none; margin: 0px 0px 20px 0px; }
	
	.two_columns_50_50 .column1 .column_inner, .two_columns_50_50 .column2 .column_inner, .three_columns .column1 .column_inner, .three_columns .column2 .column_inner, .three_columns .column3 .column_inner, .two_columns_66_33 .column1 .column_inner, .two_columns_66_33 .column2 .column_inner,
	.two_columns_33_66 .column1 .column_inner, .two_columns_33_66 .column2 .column_inner, .two_columns_75_25 .column1 .column_inner, .two_columns_75_25 .column2 .column_inner, .two_columns_25_75 .column1 .column_inner, .two_columns_25_75 .column2 .column_inner, .four_columns .column1 .column_inner, .four_columns .column2 .column_inner, .four_columns .column3 .column_inner, .four_columns .column4 .column_inner{ padding: 0px; }

	.footer_top .four_columns .column1 .column_inner, .footer_top .four_columns .column2 .column_inner, .footer_top .four_columns .column3 .column_inner, .footer_top .four_columns .column4 .column_inner{ 	margin: 0px 0px 30px 0px; 	}
	.footer_top{ padding: 70px 0px 20px 0px; }
	
	blockquote.mensajedirector { width: 100%; float: left; padding: 20px 0px; margin: 5px 25px 25px 0px; background-color: #e7e7e7; 	background:url("img/blockquotebg.png") left center repeat-y; min-height:142px;  }
	blockquote.mensajedirector p { margin: 0px 15px 0 80px; }
	
	blockquote p { margin: 0px 30px 0 90px; }
	
	.no_title_gap { height:5px !important;}

}

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}

.skipintro{
	margin-top: 10px;
	margin-left: -15px;
	color:#FFF;
	position:fixed; 
	top:0; left:0; 
	z-index:999999;
	width:100%;   
	height: 20px;}

a{
	color: #eee;
	text-decoration: underline;
}

a:hover{
	color: #022e5b;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}