/*fuentes*/


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

}

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

}

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

}
html, body {margin:0; padding: 0}
iframe {width:100%; max-width: 960px;}
.bloque_contenido {position:relative; color: #7F7F7F; line-height: 1.3;   margin: 0 auto; font-family: 'ecsquaresanspro'; font-weight: 300;}
.arial {font-family: Helvetica, "Trebuchet MS",Arial, sans-serif}

/*nav_modulos*/
.bloque_contenido .nav_modulos {list-style: none; padding: 0px; margin:0px; position: fixed; z-index: 99; padding-top: 130px; /*top:340px;*/}
.bloque_contenido .nav_modulos li {display: block; padding-bottom:10px; padding-left:30px;}
.bloque_contenido .nav_modulos a {display: block; width:12px; height: 12px; border-radius: 100px; background-color: #FFFFFF; border:2px solid #CCCCCC; opacity: 0.82; filter: alpha(opacity=82); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=82)";}
.bloque_contenido .nav_modulos li.active a {border-color: #00A1D2;}

/*banner*/
.bloque_contenido .banner  {text-align: center; position: relative;overflow: hidden;background: #000}


.bloque_contenido .banner:before {  height: 100%; width: 100%; background-color: #000; position: absolute;top: 0; left: 0; content:"";background:transparent url("img/cabecera.jpg") no-repeat 50% 50%; background-size: cover;opacity:0.8}
.bloque_contenido .banner.active:before {animation: imagebulger 7s ease;}

.bloque_contenido .banner .bl {display: table; margin: 20px; /*height: 480px;*/ width: 100%;}
.bloque_contenido .banner .bl .txt {color: #fff; position: relative; z-index: 1; display: table-cell; vertical-align: middle;}

.bloque_contenido .banner span  {font-size: 32px; font-weight: 500}
.bloque_contenido .banner h1 {font-weight: 300; border:0px; color:#fff; font-size: 83px; margin: 0px; padding: 0px; letter-spacing: -0.02em}
.bloque_contenido .banner h1 strong {letter-spacing: -0.04em}
.bloque_contenido .banner .subtit {font-size: 24px;}
/*
.bloque_contenido .banner {
  -webkit-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}

.bloque_contenido .banner:hover {background-size: 150%; }
*/

/*modulos*/
.bloque_contenido .modulos .modulo {padding: 90px; text-align: center;}
.bloque_contenido .modulos .modulo:first-child {padding-top:40px;}
.bloque_contenido .modulos .modulo  h2 { color: #1F7AAD; font-size: 40px; font-weight: 300; text-align: center; border:0px; padding: 0px;}
.bloque_contenido .modulos .modulo  h3 { color: #00A1D2; font-size: 30px; font-weight: 300; text-align: center; border:0px; padding: 0px;}
.bloque_contenido .modulos .modulo .txt {font-size: 18px; margin: 0 auto; max-width:900px; padding-bottom: 40px;}
.bloque_contenido .modulos .modulo .txt a {color: #31BAD2; text-decoration: underline;}
.bloque_contenido .modulos .modulo .txt a:hover {text-decoration: none;}
.bloque_contenido .gris {background-color:#f4f4f4;}
.bloque_contenido .blanco {background-color:#ffffff;}

/*tabs*/
.bloque_contenido iframe {border:0px;}

.bloque_contenido .bl_tabs ul.tab {list-style: none; display:  table; width: 100%; margin:20px auto 0px; padding:0px;max-width: 1280px; }
.bloque_contenido .bl_tabs ul.tab li {font-size:18px; display: table-cell; text-align: center;}
.bloque_contenido .bl_tabs ul.tab li a {line-height:1; text-decoration: none; color: #999; display: block; border-bottom:3px solid #cccccc; padding-bottom: 8px;}
.bloque_contenido .bl_tabs ul.tab li.active a {color: #00A1D2; font-weight: bold; border-bottom:3px solid #00A1D2;}

.bloque_contenido .bl_tabs ul.tab li {width: 50%;}
.bloque_contenido .bl_tabs ul.tab.items_3 li {width: 33.33333%;}
.bloque_contenido .bl_tabs ul.tab.items_5 li {width: 20%;}

.bloque_contenido .bl_tabs.blanco {padding:40px 40px 20px 40px; max-width: 1200px; margin: 0 auto}
.bloque_contenido .bl_tabs.blanco + .bl_tabs.blanco {margin:50px auto 0;}

.bloque_contenido .contenido_tabs {background-color: #fff; padding:40px;max-width: 1200px; margin: 0 auto }
.bloque_contenido .contenido_tabs.gris {background-color: #f4f4f4;}

.bloque_contenido .cont_tabs div {font-size: 18px;}


/*fondo_increased*/
.bloque_contenido .fondo_increased {padding:40px 90px;  background:transparent url("img/fondo_increased.jpg") no-repeat  0 100%; background-size: cover; }

/*responsive*/

@media screen and (max-width: 960px) {
    .iframe-container {max-width:100%; overflow: auto;}
    .bloque_contenido .banner {background-size: 150%;}
	.bloque_contenido .banner.active:before {
		animation: imagebulger960 4s 1;
	}

  }

@media screen and (max-width: 760px) {
    .bloque_contenido .banner span  {font-size: 35px;}
    .bloque_contenido .banner h1 {font-size: 60px;}
    .bloque_contenido .banner .subtit {font-size: 20px;}

    .bloque_contenido .nav_modulos { padding-top: 60px}
    .bloque_contenido .nav_modulos li {padding-left:12px;}

    .bloque_contenido .modulos .modulo {padding: 60px 40px;}
    .bloque_contenido .contenido_tabs {padding: 20PX;}
    .bloque_contenido .banner { background-size: 200%;}

	.bloque_contenido .banner.active:before {
		animation: imagebulger760 4s 1;
	} 
 }

@media screen and (max-width: 450px) {
 
 .bloque_contenido .nav_modulos {padding-top: 50px;}
 .bloque_contenido .nav_modulos li {padding-left:5px;} {}

 .bloque_contenido .banner .bl {margin: 20px; /*height: 350px;*/}
 .bloque_contenido .banner .bl .txt {padding: 20px;}
 .bloque_contenido .banner span  {font-size: 25px;}
 .bloque_contenido .banner h1 {font-size: 38px;}
 .bloque_contenido .banner .subtit {font-size: 16px;}

 .bloque_contenido .modulos .modulo {padding:40px 20px;}
 .bloque_contenido .bl_tabs ul.tab li a {font-size: 15px;}

 .bloque_contenido .bl_tabs ul.tab li {display:block; width: 100%!important; padding-top:10px;}

 .bloque_contenido iframe {}
 }
 
@keyframes imagebulger {
  0%, 20% {
    transform:scale(1.4);
  }
  100% {
    transform:scale(1);
  }
}
@keyframes imagebulger960 {
  0%, 20% {
    transform:scale(1.4);
  }
  100% {
    transform:scale(1);
  }
}
@keyframes imagebulger760 {
  0%, 20% {
    transform:scale(1.4);
  }
  100% {
    transform:scale(1);
  }
}