@charset "utf-8";
/* CSS Document */
/* Reset de propiedades de navegador  */
@font-face {font-family:'mifuente'; src:url('FUTURAM.ttf') format('truetype');}
* { margin:0px;
padding:0px;
}
/* fin del reset */

body{
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: 100;
	background: #fff;
	}

#contenedor{
	max-width:100%;
	background: #FFF;
	height:auto;
	margin:auto;/*contenedor centrado en pantalla */
	}

header {
	text-align:center;
	}
	
.imgR{width:100%;height:auto;}
.imgR_ico{width:30px;height:auto;float:left;}

table
{
	width: 100%;
	background-color:#21435d;
    border-collapse: collapse; /* Los bordes de la tabla se pegarán (mejor aspecto) */
}
td
{
    border: 0px solid black;
}

table td:nth-child(1) {
	width: 10%;
}
table td:nth-child(2) {
	width: 15%;
}
table td:nth-child(3) {
	width: 3%;
}
table td:nth-child(4) {
	width: 60%;
	vertical-align: bottom;
}
table td:nth-child(5) {
	width: 10%;
}

.lineaCab {
	float:left;
	width: 100%;
	height: 2px;
	background: #21435d;
}

.menu{
	background-color:#21435d;
	display:inline-table;
	float:left;
	width:100%;
	font-family:'mifuente';
}

.dropdown1 {
  display: none;
  position: absolute;
  overflow: auto;
  width:10%;
  padding: 5px 5px;
  border-radius:5px;
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
}
.dropdown2 {
  display: none;
  position: absolute;
  overflow: auto;
  width:17%;
  padding: 5px 5px;
  border-radius:5px;
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
}


.servicios {
	float:left;
	text-align:left;
	color:#78c250;
}

nav {
	float:left;
	width: 100%;
	font-size:18px;
	padding-bottom:0px;
	background:#FFF;
	z-index:2;
}

nav ul {
	list-style:none;
}

nav li {
	text-decoration:none;
	display:inline-block;
	width: 12%;
	text-align:center;
	color:#78c250;
	font-family:'mifuente';
}

nav li:hover {
    cursor: pointer;
}

ul li ul {
	background:#21435d;
    visibility:hidden;
  	opacity:0;	
  	min-width:4rem;
    position:absolute;
    left:0.5;
	width:13%;
	font-size:18px;
	line-height:24px;
	padding-top:10px;
	padding-bottom:5px;
  	display:none;
  	z-index:2;
}

ul li:hover > ul,
ul li ul:hover {
  	visibility:visible;
  	opacity: 1;
  	display:block;
}

ul li ul li {
  clear: both;
  width: 100%;
}

nav a {
	color:#FFF;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	font-family:'mifuente';
}  

nav a:hover {
	color:#78c250;
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0;} 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; 
}

.slider{
	max-width:100%;
	background:#FFF;
	height:auto;
	margin:auto;/*contenedor centrado en pantalla */
	}

h1 {font-family:'mifuente', sans-serif; color:#FFCC29; text-decoration: none; font-size:28px;}
h2 {font-family:'mifuente', sans-serif; color:#21435d; text-decoration: none; font-size:30px; padding-left:2.5%;}
h1blue {font-family:'mifuente', sans-serif; color:#21435d; text-decoration: none; font-size:28px;}
h2blue {font-family:'mifuente', sans-serif; color:#21435d; text-decoration: none; font-size:30px; padding-left:2.5%;}
h3blue {font-family:'mifuente', sans-serif; color:#21435d; text-decoration: none; font-size:40px;}

.margen{padding-left:2.5%;}

    .imageBox {
    position: relative;
    }
	.imageInn {
	position:absolute;
    opacity:1;
    }
    .hoverImg {
	position: inherit;
	transition: all .5s ease;
    opacity:0;
    }
    .imageBox:hover .imageInn {
	transform: scale(1.0);
	opacity:0;
	}
    .imageBox:hover .hoverImg {
	transform: scale(1.05);
  	opacity:1;
    }
.negrita{
	font-size:22px;
	font-weight:bold;
	}

.negritaSmall{
	font-size:20px;
	font-weight:bold;
	}
.negritaBig{
	font-size:24px;
	font-weight:bold;
	}
.boton{
   display:inline ;
   border: 0px solid gray; 
   width: fit-content;
   padding: 0 10px;
   cursor: pointer;
}
.blq .boton:before{
   content:"\2630";
   display:inline-block;
   width:18px;
}
.blq[open] .boton:before{
   content:"\268A";
   display:inline-block;
   width:18px;
}
.links * {
	text-decoration:none;
}
#links li{ line-height:180%;}
.links li a{
	font-size:22px;
	color:#ffcd00;
	text-align:left;
	text-decoration:none;
}
.links li a:before{
	color:#ffcd00;
}
.links li a:hover{
	color:#ddd;
}
.block-space{
	display:inline-table;
	float: left;
	width:100%;
	height: 40px;
	margin-bottom:0px;
}
.block-article1{
	background-color:#FFF;
	display:inline-table;
	float: left;
	width:85%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article1BG{
	background-image: url("graficos/inyeccion-graf.png");
	background-repeat: no-repeat;
    background-size:100%;
	display:inline-line;
	float: left;
	width:81%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#21435d;
	text-align:center;
	padding-left:2%;
	padding-right:2%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:8px;
}
.block-article1BG_promo04{
	background-image: url("graficos/promo04.png");
	background-repeat: no-repeat;
    background-size:100%;
	display:inline-table;
	float: left;
	width:85%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article1BG_promo05{
	background-image: url("graficos/promo05.png");
	background-repeat: no-repeat;
    background-size:100%;
	display:inline-table;
	float: left;
	width:85%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article1BG_fondo_24h1{
	background-image: url("graficos/fondo_24h1.png");
	background-repeat: no-repeat;
    background-size:100%;
	display:inline-table;
	float: left;
	width:85%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#21435d;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article1BG_fondo_24h2{
	background-image: url("graficos/fondo_24h2.png");
	background-repeat: no-repeat;
    background-size:100%;
	display:inline-table;
	float: left;
	width:85%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#21435d;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article1_bi{
	background-image: url("graficos/fondo_bi.png");
	background-repeat: no-repeat;
    background-size:100%;
	display:inline-table;
	float: left;
	width:85%;
	margin-bottom:0px;
}
.block-article1_tri{
	background-image: url("graficos/fondo_tri.png");
	background-repeat: no-repeat;
    background-size:100%;
	display:inline-table;
	float: left;
	width:85%;
	margin-bottom:0px;
}
.block-article1gray{
	background-color:#f4f4f4;
	display:inline-table;
	float: left;
	width:85%;
	margin-bottom:0px;
}

.block-article2{
	background-color:#FFF;
	display:inline-table;
	float: left;
	width:85%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.block-article2-1{
	background-color:#FFF;
	display:inline-table;
	float: left;
	width:83%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:1%;
	padding-right:1%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.block-article2gray{
	background-color:#f4f4f4;
	display:inline-table;
	float: left;
	width:85%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.block-article2gray-1{
	background-color:#f4f4f4;
	display:inline-table;
	float: left;
	width:83%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:1%;
	padding-right:1%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.block-article3{
	background-color:#FFF;
	display:inline-line;
	float: left;
	width:50%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article3gray{
	background-color:#f4f4f4;
	display:inline-line;
	float: left;
	width:50%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article3BG{
	background-image: url("graficos/inyeccion-graf.png");
	background-repeat: no-repeat;
    background-size:100%;
	display:inline-line;
	float: left;
	width:46%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:left;
	padding-left:2%;
	padding-right:2%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:8px;
}
.block-article100gray{
	background-color:#f4f4f4;
	display:inline-line;
	float: left;
	width:100%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article4{
	background-color:#FFF;
	display:inline-line;
	float: left;
	width:32%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article40{
	display:inline-line;
	float: left;
	width:40%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article50{
	display:inline-line;
	float: left;
	width:50%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article50BG{
	background-image: url("graficos/index-graf.png");
	background-repeat: no-repeat;
    background-size: 100%;
	display:inline-line;
	float: left;
	width:50%;
	margin-bottom:0px;
	overflow: hidden;
}
.block-article15{
	display:inline-line;
	float: left;
	width:15%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article60{
	display:inline-line;
	float: left;
	width:59%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article58{
	display:inline-line;
	float: left;
	width:58%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article32-3{
	display:inline-line;
	float: left;
	width:32.3%;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article33-5{
	display:inline-line;
	float: left;
	width:33.5%;
	margin-bottom:0px;
}
.block-article33-5BG{
	background-image: url("graficos/whatsapp_fondo.png");
	background-repeat: no-repeat;
    background-size: 100%;
	display:inline-line;
	float: left;
	width:33.5%;
	margin-bottom:0px;
}
.block-article33-5BG-2{
	background-image: url("graficos/whatsapp_fondo_2.png");
	background-repeat: no-repeat;
    background-size: 100%;
	display:inline-line;
	float: left;
	width:33.5%;
	margin-bottom:0px;
}
.block-article85YellowBG{
	background-image: url("graficos/whatsapp_fondo.png");
	background-repeat: no-repeat;
    background-size: 100%;
	display:inline-line;
	float: left;
	width:85%;
	margin-bottom:0px;
}
.block-article100YellowBG{
	background-image: url("graficos/whatsapp_fondo.png");
	background-repeat: no-repeat;
    background-size: 100%;
	display:inline-line;
	float: left;
	width:100%;
	margin-bottom:0px;
}
.block-article47{
	display:inline-line;
	float: left;
	width:47%;
	margin-bottom:0px;
}
.block-article-right{
	background-image: url("graficos/fondo_sketch.png");
	background-repeat: no-repeat;
    background-size: 120%;
	display:inline-table;
	float: left;
	width:100%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#21435d;
	text-align:right;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-article-left{
	display:inline-table;
	float: left;
	width:100%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-article-center{
	display:grid;
	float:left;
	width:100%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:center;
	padding-left:0%;
	padding-right:0%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-article-center2BG{
	background-image: url("graficos/servicios_down.png");
	background-repeat: no-repeat;
    background-size: 100%;
	background-position: bottom;
	display:grid;
	float:left;
	width:92%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:center;
	padding-left:4%;
	padding-right:4%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-article50blue{
	display:inline-line;
	float: left;
	width:50%;
	margin-bottom:8px;
}
.block-article100blue{
	background-color:#21435d;
	display:inline-line;
	float: left;
	width:100%;
	height:14px;
	margin-bottom:8px;
}
.block-article55yellowtext{
	display:inline-line;
	float: left;
	width:55%;
	margin-bottom:8px;
}
.block-article40yellowtext{
	display:inline-line;
	float: left;
	width:40%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#ffcd00;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.block-article50yellow{
	display:inline-line;
	float: left;
	width:50%;
	margin-bottom:8px;
}
.block-article50yellow2{
	background-image: url("graficos/promo03.png");
	background-repeat: no-repeat;
    background-size: 100%;
	display:inline-line;
	float: left;
	width:50%;
	margin-bottom:8px;
}

.block-article8bluetext{
	display:inline-line;
	float: left;
	width:8%;
	margin-bottom:8px;
}

.block-article45bluetext{
	display:inline-line;
	float: left;
	width:45%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#00415e;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.block-article5{
	background-color:#F4F4F4;
	display:inline-line;
	float:left;
	width:24.33%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:1%;
	padding-right:1%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.block-article49{
	display:inline-line;
	float:left;
	width:48%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#21435d;
	text-align:left;
	padding-left:1%;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article28-3yellow{
	display:inline-line;
	float: left;
	width:23.3%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:34px;
	color:#00415e;
	text-align:center;
	padding-top:22px;
	padding-left:4%;
	padding-right:4%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article48-6yellow{
	display:inline-line;
	float: left;
	width:66.65%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:34px;
	color:#00415e;
	padding-top:22px;
	padding-left:0%;
	padding-right:0%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article20{
	display:inline-line;
	float: left;
	width:16%;
	text-align:right;
	padding-top:0px;
	padding-left:2%;
	padding-right:2%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-article80{
	display:inline-line;
	float: left;
	width:76%;
	text-align:left;
	padding-top:0px;
	padding-left:2%;
	padding-right:2%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-article28-3gray{
	display:inline-line;
	float: left;
	width:27.35%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:34px;
	color:#00415e;
	text-align:center;
	padding-top:22px;
	padding-left:4%;
	padding-right:4%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article28-3blue{
	display:inline-line;
	float: left;
	width:25.35%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:34px;
	color:#ffcc29;
	text-align:center;
	padding-top:22px;
	padding-left:4%;
	padding-right:4%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-middle{
	background-color:#FFF;
	display:inline-line;
	float: left;
	width:3%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-middle1{
	display:inline-line;
	float: left;
	width:1%;
	margin-bottom:8px;
}
.block-middle1-5{
	display:inline-line;
	float: left;
	width:1.5%;
	margin-bottom:8px;
}
.block-blue{
	background-color:#00415e;
	display:inline-table;
	float: left;
	width:96.4%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFCC29;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-blue85{
	background-color:#00415e;
	display:inline-table;
	float: left;
	width:83%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#FFCC29;
	text-align:center;
	padding-left:1%;
	padding-right:1%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-blue85Left{
	background-color:#00415e;
	display:inline-table;
	float: left;
	width:83%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#FFCC29;
	text-align:left;
	padding-left:1%;
	padding-right:1%;
	padding-top:0.5%;
	padding-bottom:0.5%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-yellow{
	background-color:#FFCC29;
	display:inline-table;
	float: left;
	width:96%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:center;
	padding-left:2%;
	padding-right:2%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-yellow85{
	background-color:#FFCC29;
	display:inline-table;
	float: left;
	width:83%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#21435d;
	text-align:center;
	padding-left:1%;
	padding-right:1%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-yellow85BG{
	background-image: url("graficos/fondo_yellow.png");
	display:inline-table;
	float: left;
	width:84%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:38px;
	color:#21435d;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-yellow42-5{
	background-image: url("graficos/fondo_yellow.png");
	display:inline-table;
	float: left;
	width:32.5%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	font-size:36px;
	color:#21435d;
	text-align:center;
	padding-left:5%;
	padding-right:5%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-35-5{
	display:inline-table;
	float: left;
	width:32%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:1.5%;
	padding-right:1.5%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-25-5{
	display:inline-table;
	float: left;
	width:22%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:1.5%;
	padding-right:1.5%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-75-5{
	display:inline-table;
	float: left;
	width:72%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:1.5%;
	padding-right:1.5%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-8-5{
	display:inline-table;
	float: left;
	width:10%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#21435d;
	text-align:left;
	padding-left:3%;
	padding-right:3%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-big1{
	display:inline-table;
	float: left;
	width:100%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:195px;
	font-weight: 800;
	color:#21435d;
	text-align:center;
	padding-left:0%;
	padding-right:0%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-big2{
	display:inline-table;
	float:none;
	width:50%;
	color:#21435d;
	text-align:center;
}
.block-42-5{
	background-image: url("graficos/graf_24-7.png");
	background-repeat: no-repeat;
    background-size: 100%;
	display:inline-table;
	float: left;
	width:42.5%;
	height: 600px;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-42-5b{
	background-image: url("graficos/graf_24-7b.png");
	background-repeat: no-repeat;
    background-size: 100%;
	display:inline-table;
	float: left;
	width:42.5%;
	height: 600px;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-big3{
	display:inline-table;
	float:left;
	width:84%;
	color:#21435d;
	text-align:center;
}
.block-big4{
	display:inline-table;
	float:left;
	width:100%;
	color:#21435d;
	text-align:center;
}
.block-big5{
	display:inline-line;
	float: left;
	width:45%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-big6{
	display:inline-table;
	float:left;
	width:42%;
	color:#21435d;
	text-align:center;
}
.block-logos{
	background-color:#FFF;
	display:inline-table;
	float: left;
	width:15.83%;
	font-family:'mifuente', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#fff;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.block-null{
	background-color:#FFF;
	display:inline-table;
	float: left;
	width: 7.5%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.linea{
	display:inline-table;
	background-color:#21435d;
	float: left;
	width: 85%;
	height:2px;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.linea-celeste{
	display:inline-table;
	background-color:#00b7ff;
	float: left;
	width: 100%;
	height:2px;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-line1{
	display:inline-table;
	float:left;
	width:33%;
	height:2px;
	text-align:center;
}
.block-line1yellow{
	display:inline-table;
	background-color:#FFCC29;
	float:left;
	width:34%;
	height:2px;
	text-align:center;
}
.block-line1blue{
	display:inline-table;
	background-color:#21435d;
	float:left;
	width:34%;
	height:2px;
	text-align:center;
}

.pop-outin {
  animation: 4s anim-popoutin ease infinite;
}

@keyframes anim-popoutin {
  0% {
    color: black;
    transform: scale(0);
    opacity: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  25% {
    color: red;
    transform: scale(2);
    opacity: 1;
    text-shadow: 3px 10px 5px rgba(0, 0, 0, 0.5);
  }
  50% {
    color: black;
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    /* animate nothing to add pause at the end of animation */
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }
}

ul {
  padding-left: 2rem;
}
li {
  list-style-position: outside;
	padding-left: 0.0rem;
	line-height: 1.5;
	}

#separador{
	height:40px;
	}

.fixed {position:fixed;top:0;}
.noCel {display:block;}
.siCel {display:none;}
.corte {clear:both;}

.custom-select {padding:5px; padding-left: 6px; border:groove; border-color:#c4cef8; font-size:18px; width:50%; background:#fff;}

form ul {list-style:none;}
form li {margin-bottom:15px;}
#correo {background-image:url(graficos/icon-email.gif); background-repeat: no-repeat; background-position:left;}
#nombre {background-image:url(graficos/icon-logo.gif); background-repeat: no-repeat; background-position:left;}
#empresa {background-image:url(graficos/icon-business.gif); background-repeat: no-repeat; background-position:left;}
#telefono {background-image:url(graficos/iconPhone.gif); background-repeat: no-repeat; background-position:left;}
#servicio {background-image:url(graficos/icon-world.png); background-repeat: no-repeat; background-position:left;}
fieldset {padding:10px; background:white; width:400px; border:groove; border-color:#c4cef8;}
legend {font-size:15px; background:rgba(253,245,191,1.00)}
.cajaTXT {padding:5px; padding-left: 26px; border:groove; border-color:#c4cef8; font-size:15px; width:92%; background:#fff; transition:all .5s;}
.cajaTXT1 {padding:5px; padding-left: 26px; border:groove; border-color:#c4cef8; font-size:15px; width:96%; background:#fff; transition:all .5s;}
.cajaTXT2 {padding:5px; padding-left: 26px; border:groove; border-color:#c4cef8; font-size:15px; width:92%; height:200px; background:#fff; transition:all .5s;}
.cajaTXT:focus, .cajaTXT1:focus, .cajaTXT2:focus {transform:scale(1.1); box-shadow:5px 5px 5px #000; outline:none;}
textarea {resize:none;}
button {padding:5px; border:none; color:#fff; font-size:15px; width:200px; background:#013565; border-radius:10px;}
button:hover {color:yellow; cursor:pointer;}

footer { 
height:178px;
background-image: url("graficos/fondo_blue.png");
margin: 0 auto;
width: 100%;
padding-top: 0px;
clear:both;  
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;}

#textopie {float: left; width: 85%; margin-top: 0px; padding-top:0%; padding-right:0%; display:inline-table; height:auto;}
#datoautor {float:right; width: 100%; background-color:#000; text-align:center; margin-top: 0px; padding-top:0%; padding-right:0%; display:inline-table; line-height:40px;}

@media screen and (max-width:1440px)
{
	.flip-container1, .front1, .back1 {
	width: 100%;
	height:300px;
	}
	.front1 {
		background: url("graficos/graf_inicio_2b.png") no-repeat;
	}
	.back1 {
		background: url("graficos/graf_inicio_1b.png") no-repeat;
	}
		.flip-container2, .front2, .back2 {
	width: 100%;
	height:300px;
	}
	.front2 {
		background: url("graficos/graf_inicio_4b.png") no-repeat;
	}
	.back2 {
		background: url("graficos/graf_inicio_3b.png") no-repeat;
	}
	.flip-container3, .front3, .back3 {
	width: 100%;
	height:300px;
	}
	.front3 {
		background: url("graficos/graf_inicio_6b.png") no-repeat;
	}
	.back3 {
		background: url("graficos/graf_inicio_5b.png") no-repeat;
	}
	nav {
	font-size:15px;
	}
	.negrita{
	font-size:20px;
	}
	.negritaSmall{
	font-size:16px;
	}
	.negritaBig{
	font-size:22px;
	}
	.block-article1{
	font-size:20px;
}
	.block-article1BG{
	font-size:32px;
}
	.block-article2{
	font-size:18px;
}
	.block-article2-1{
	font-size:18px;
}
	.block-article2gray{
	font-size:18px;
}
	.block-article2gray-1{
	font-size:18px;
}
	.block-article3{
	font-size:18px;
}
	.block-article3gray{
	font-size:16px;
}
	.block-article3BG{
	font-size:16px;
}
	.block-article4{
	font-size:16px;
}
	.block-article49{
	font-size:22px;
}
	.block-article5{
	font-size:16px;
}
	.block-blue{
	font-size:16px;
}
	.block-blue85{
	font-size:32px;
}
	.block-yellow{
	font-size:16px;
}
	.block-yellow85{
	font-size:32px;
}
	.block-article-center2BG{
	font-size:20px;
}
	.block-38-5{
	font-size:18px;
}
	.block-75-5{
	font-size:18px;
}
	.block-yellow85BG{
	font-size:34px;
}
	.block-article40yellowtext{
	font-size:30px;
}
	.block-article45bluetext{
	font-size:30px;
}
.block-article-right{
	font-size:28px;
}
.block-article-left{
	font-size:18px;
}
	.block-article28-3yellow{
		font-size:26px;
}
	.block-article48-6yellow{
		font-size:26px;
}
	.block-article28-3gray{
		font-size:26px;
}	
	.block-article28-3blue{
		font-size:26px;
}
	.block-article100gray{
	font-size:18px;
}
.block-yellow42-5{
	font-size:28px;
}
.block-article1BG_fondo_24h1{
	font-size:28px;
}
.block-article1BG_fondo_24h2{
	font-size:28px;
}
	.block-big1{
	font-size:175px;
}
	.block-42-5{
	height: 500px;
}
footer{ 
height:160px;
		}
	h1 {font-size:20px;}
	h2 {font-size:20px;}
	h1blue {font-size:20px;}
	h2blue {font-size:20px;}
	h3blue {font-size:34px;}
}

@media screen and (max-width:1280px)
{
	
	nav {
	font-size:13px;
	}
	
	ul li ul {
	font-size:13px;
	width:24%;
}
	
	.flip-container1, .front1, .back1 {
	width: 100%;
	height:250px;
	}
	.front1 {
		background: url("graficos/graf_inicio_2c.png") no-repeat;
	}
	.back1 {
		background: url("graficos/graf_inicio_1c.png") no-repeat;
	}
		.flip-container2, .front2, .back2 {
	width: 100%;
	height:250px;
	}
	.front2 {
		background: url("graficos/graf_inicio_4c.png") no-repeat;
	}
	.back2 {
		background: url("graficos/graf_inicio_3c.png") no-repeat;
	}
	.flip-container3, .front3, .back3 {
	width: 100%;
	height:250px;
	}
	.front3 {
		background: url("graficos/graf_inicio_6c.png") no-repeat;
	}
	.back3 {
		background: url("graficos/graf_inicio_5c.png") no-repeat;
	}
	
	.negrita{
	font-size:18px;
	}
	.negritaSmall{
	font-size:14px;
	}
	.negritaBig{
	font-size:19px;
	}
	.block-article1{
	font-size:18px;
}
	.block-article1BG{
	font-size:28px;
}
	.block-article2{
	font-size:16px;
}
	.block-article2-1{
	font-size:16px;
}
	.block-article2gray{
	font-size:16px;
}
	.block-article2gray-1{
	font-size:16px;
}
	.block-article3{
	font-size:16px;
}
	.block-article3gray{
	font-size:16px;
}
	.block-article3BG{
	font-size:16px;
}
	.block-article4{
	font-size:16px;
}
	.block-article49{
	font-size:20px;
}
	.block-article5{
	font-size:16px;
}
	.block-blue{
	font-size:16px;
}
	.block-yellow{
	font-size:16px;
}
	.block-38-5{
	font-size:16px;
}
	.block-blue85{
	font-size:28px;
}
	.block-yellow85BG{
	font-size:28px;
}
	.block-yellow85{
	font-size:28px;
}
	.block-article40yellowtext{
	font-size:26px;
}
	.block-article45bluetext{
	font-size:26px;
}
	.block-article-right{
	font-size:24px;
}
	.block-article-left{
	font-size:16px;
}
	.block-article28-3yellow{
	font-size:22px;
}
	.block-article48-6yellow{
		font-size:22px;
}
	.block-article28-3gray{
		font-size:22px;
}	
	.block-article28-3blue{
		font-size:22px;
}
	.block-article-center2BG{
	font-size:18px;
}
	.block-yellow42-5{
	font-size:24px;
}
	.block-article1BG_fondo_24h1{
	font-size:24px;
}
	.block-article1BG_fondo_24h2{
	font-size:24px;
}
	.block-big1{
	font-size:155px;
}
	.block-42-5{
	height: 400px;
}
	.block-75-5{
	font-size:16px;
}
	.block-article100gray{
	font-size:16px;
}
	footer{ 
height:130px;
		}
	h1 {font-size:20px;}
	h2 {font-size:20px;}
	h1blue {font-size:20px;}
	h2blue {font-size:20px;}
}

@media screen and (max-width:1080px)
{
	
		nav {
	font-size:9px;
	}
	
	ul li ul {
	font-size:11px;
	width:24%;
}
	.flip-container1, .front1, .back1 {
	width: 100%;
	height:200px;
	}
	.front1 {
		background: url("graficos/graf_inicio_2d.png") no-repeat;
	}
	.back1 {
		background: url("graficos/graf_inicio_1d.png") no-repeat;
	}
		.flip-container2, .front2, .back2 {
	width: 100%;
	height:200px;
	}
	.front2 {
		background: url("graficos/graf_inicio_4d.png") no-repeat;
	}
	.back2 {
		background: url("graficos/graf_inicio_3d.png") no-repeat;
	}
	.flip-container3, .front3, .back3 {
	width: 100%;
	height:200px;
	}
	.front3 {
		background: url("graficos/graf_inicio_6d.png") no-repeat;
	}
	.back3 {
		background: url("graficos/graf_inicio_5d.png") no-repeat;
	}
	.negrita{
	font-size:16px;
	}
	.negritaSmall{
	font-size:10px;
	}
	.negritaBig{
	font-size:16px;
	}
	.block-article1{
	font-size:16px;
}
	.block-article1BG{
	font-size:26px;
}
	.block-article2{
	font-size:14px;
}
	.block-article2-1{
	font-size:14px;
}
	.block-article2gray{
	font-size:14px;
}
	.block-article2gray-1{
	font-size:14px;
}
	.block-article3{
	font-size:16px;
}
	.block-article3gray{
	font-size:16px;
}
	.block-article3BG{
	font-size:16px;
}
	.block-article4{
	font-size:16px;
}
	.block-article49{
	font-size:18px;
}
	.block-article5{
	font-size:16px;
}
	.block-blue{
	font-size:16px;
}
	.block-blue85{
	font-size:26px;
}
	.block-yellow{
	font-size:16px;
}
	.block-38-5{
	font-size:14px;
}
	.block-yellow85{
	font-size:26px;
}
	.block-blue85Left{
	font-size:24px;
}
	.links li a{
	font-size:20px;
}
	.block-yellow85BG{
	font-size:22px;
}
	.block-article40yellowtext{
	font-size:22px;
}
	.block-article45bluetext{
	font-size:22px;
}
.block-article-right{
	font-size:22px;
}
.block-article-left{
	font-size:14px;
}
	.block-article28-3yellow{
	font-size:16px;
}
	.block-article48-6yellow{
		font-size:16px;
}
	.block-article28-3gray{
	font-size:16px;
}	
	.block-article28-3blue{
	font-size:16px;
}
	.block-article-center2BG{
	font-size:14px;
}
	.block-yellow42-5{
	font-size:20px;
}
	.block-article1BG_fondo_24h1{
	font-size:20px;
}
	.block-article1BG_fondo_24h2{
	font-size:20px;
}
	.block-big1{
	font-size:110px;
}
	.block-42-5{
	height: 300px;
}
	.block-75-5{
	font-size:14px;
}
	.block-article100gray{
	font-size:16px;
}
	.cajaTXT{
	width:86%;
}	
	.cajaTXT1{
	width:93%;
}
	.cajaTXT2{
	width:86%;
}
	footer{ 
height:110px;
		}
	h1 {font-size:20px;}
	h2 {font-size:20px;}
	h1blue {font-size:20px;}
	h2blue {font-size:20px;}
	h3blue {font-size:32px;}
}

@media screen and (max-width:720px)
{
	.noCel {
		display:none;
	}
	.siCel {
		display:block;
	}
	#separador{
	height:10px;
	}
	nav {
	font-size:9px;
	}
	
	ul li ul {
	font-size:9px;
	width:24%;
}
	
	.flip-container1, .front1, .back1 {
	width: 100%;
	height:150px;
	}
	.front1 {
		background: url("graficos/graf_inicio_2e.png") no-repeat;
	}
	.back1 {
		background: url("graficos/graf_inicio_1e.png") no-repeat;
	}
	.flip-container2, .front2, .back2 {
	width: 100%;
	height:150px;
	}
	.front2 {
		background: url("graficos/graf_inicio_4e.png") no-repeat;
	}
	.back2 {
		background: url("graficos/graf_inicio_3e.png") no-repeat;
	}
	.flip-container3, .front3, .back3 {
	width: 100%;
	height:150px;
	}
	.front3 {
		background: url("graficos/graf_inicio_6e.png") no-repeat;
	}
	.back3 {
		background: url("graficos/graf_inicio_5e.png") no-repeat;
	}
	
	.imgR_ico{width:20px;}
	.block-article1{
	font-size:14px;
}
	.negrita{
	font-size:16px;
	}
	.negritaSmall{
	font-size:16px;
	}
	.block-article1BG{
	font-size:20px;
}
	.block-article2{
	font-size:12px;
}
	.block-article2-1{
	font-size:12px;
}
	.block-article2gray{
	font-size:12px;
}
	.block-article2gray-1{
	font-size:12px;
}
	.block-article3{
	display:block;
	font-size:14px;
	width:85%;
}
	.block-article3BG{
	font-size:14px;
}
	.block-article4{
	font-size:14px;
}
	.block-article49{
	font-size:16px;
}
	.block-article5{
	font-size:14px;
}
	.block-blue{
	display:block;
	width:96%;
	font-size:14px;
}
	.block-blue85{
	font-size:20px;
}
	.block-blue85Left{
	font-size:22px;
}
	.links li a{
	font-size:18px;
}
	.block-yellow{
	display:block;
	width:96%;
	font-size:14px;
}
	.block-38-5{
	font-size:16px;
}
	.block-yellow85{
	font-size:20px;
}
	.block-article40yellowtext{
	font-size:18px;
}
	.block-article45bluetext{
	font-size:18px;
}
	.block-article-right{
	font-size:18px;
}
.block-article-left{
	font-size:12px;
}
	.block-article28-3yellow{
		font-size:12px;
}	
	.block-article28-3gray{
		font-size:12px;
}
	.block-article48-6yellow{
		font-size:12px;
}
	.block-article28-3blue{
		font-size:12px;
}
	.block-article32-3{
	display:block;
	width:100%;
}
	.block-article-center2BG{
	display:block;
	font-size:16px;
	width:92%;
}	
	.block-article33-5{
	display:block;
	width:85%;
}
	.block-article33-5BG{
	display:block;
	width:85%;
}
	.block-article33-5BG-2{
	display:block;
	width:85%;
}
	.block-yellow42-5{
	font-size:14px;
}
	.block-article1BG_fondo_24h1{
	font-size:14px;
}
	.block-article1BG_fondo_24h2{
	font-size:14px;
}
	.block-big1{
	font-size:65px;
}
	.block-42-5{
	height: 250px;
}
	.block-article3gray{
	font-size:14px;
	width:85%;
}
	.block-article3BG{
	width:85%;
	font-size:14px;
}
	.block-article47{
	width:95%;
}
	.block-article5{
	width:85%;
	font-size:14px;
}
	.block-75-5{
	font-size:16px;
}
	.block-article100gray{
	font-size:14px;
}
	.block-logos{
	background-color:#FFF;
	width:32.66%;
}
	.cajaTXT{
	width:86%;
}	
	.cajaTXT1{
	width:93%;
}
	.cajaTXT2{
	width:86%;
}
	h1 {font-size:14px;}
	h2 {font-size:16px;}
	h1blue {font-size:14px;}
	h2blue {font-size:16px;}
	h3blue {font-size:28px;}
	
	footer{ 
height:118px;
		}
	#textopie{
		width: 100%;
	}
	#datoautor{
		line-height:24px;
		font-size: 10px;
		font-weight: 400;
	}
}

@media screen and (max-width:480px)
{
	.noCel {
		display:none;
	}
	.siCel {
		display:block;
	}
	#separador{
	height:10px;
	}
	nav {
	font-size:8px;
	}
	
	ul li ul {
	font-size:8px;
	width:24%;
}
	.imgR_ico{width:20px;}
	.block-article1{
	font-size:14px;
}
	.negrita{
	font-size:16px;
	}
	.negritaSmall{
	font-size:12px;
	}
	.block-article1{
	font-size:14px;
}
	.block-article1BG{
	font-size:16px;
}
	.block-article2{
	font-size:14px;
}
	.block-article3gray{
	font-size:14px;
	width:85%;
}
	.block-article3BG{
	width:85%;
	font-size:14px;
}
	.cajaTXT{
	width:80%;
}	
	.cajaTXT1{
	width:91%;
}
	.cajaTXT2{
	width:80%;
}
	.block-article4{
	font-size:14px;
}
	.block-article49{
	font-size:14px;
}
	.block-article5{
	width:85%;
	font-size:14px;
}
	.block-blue{
	width:95%;
	font-size:14px;
}
	.block-blue85{
	font-size:16px;
}
	.block-blue85Left{
	font-size:18px;
}
	.links li a{
	font-size:14px;
}	
	.block-yellow{
	width:95%;
	font-size:14px;
}
	.block-38-5{
	font-size:14px;
}
	.block-yellow85{
	font-size:16px;
}
	.block-article32-3{
	display:block;
	width:100%;
}
	.block-article-center2BG{
	display:block;
	font-size:14px;
	width:92%;
}
	.block-article48-6yellow{
		font-size:11px;
}
	.block-article28-3blue{
		font-size:11px;
}
	.block-article33-5{
	display:block;
	width:85%;
}
	.block-article47{
	width:95%;
	}
	.block-article40yellowtext{
	font-size:14px;
}
	.block-article45bluetext{
	font-size:14px;
}
	.block-article100gray{
	font-size:14px;
}
	.block-logos{
	background-color:#FFF;
	width:32.66%;
}
	h1 {font-size:14px;}
	h2 {font-size:16px;}
	h1blue {font-size:14px;}
	h2blue {font-size:16px;}
	h3blue {font-size:24px;}
	
	footer{ 
height:78px;
		}
	#textopie{
		width: 100%;
	}
	#datoautor{
		line-height:24px;
		font-size: 10px;
		font-weight: 400;
	}
}