@charset "utf-8";
/* CSS Document */
/* Reset de propiedades de navegador  */
@font-face {font-family:mifuente; src:url(FUTURAM.ttf);}
* { margin:0px;
padding:0px;
}
/* fin del reset */

body{
	font-family: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-image:  url("graficos/cabecera_fondo.png");
    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;
	
}

.menu{
	background-color:#21435d;
	display:inline-table;
	float:left;
	width:100%;
	font-family:mifuente, sans-serif;
	text-decoration: none;
}

.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:24px;
	padding-bottom:0px;
	background:#FFF;
	z-index:2;
}

nav ul {
	list-style:none;
}

nav li {
	text-decoration:none;
	display:inline-block;
	width: 22%;
	text-align:center;
	color:#000000;
	font-family:mifuente, sans-serif;
	text-decoration: none;
}

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:#c7b527;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	font-family:mifuente, sans-serif;
	text-decoration: none;
}  

nav a:hover {
	color:#565656;
}

@keyframes slidy {
0% { left: 0%; }
25% { left: 0%; }
33.33% { left: -100%; }
58.33% { left: -100%; }
66.66% { left: -200%; }
91.66% { left: -200%; }
100% { left: -300%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 25%; float: left; }
div#slider figure { 
  position: relative;
  width: 400%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

.slider{
	max-width:100%;
	background:#FFF;
	height:auto;
	margin:auto;/*contenedor centrado en pantalla */
	}

h1 {font-family:mifuente, sans-serif; color:#21435d; text-decoration: none;}
h2 {font-family:mifuente, sans-serif; color:#21435d; text-decoration: none; font-size:30px; padding-left:2.5%;}
.margen{padding-left:2.5%;}

.margen{
	margin-left:15px;
	}
.negrita{
	font-size:28px;
	font-weight:bold;
	}

.block-article1{
	display:inline-table;
	float: left;
	width:87%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:left;
	padding-left:20px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:12px;
	margin-bottom:0px;
}

.block-article2{
	background-color:#FFF;
	display:inline-table;
	float: left;
	width:85%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.block-article2Gray{
	background-color:#f4f4f4;
	display:inline-table;
	float: left;
	width:85%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.block-article3{
	background-color:#FFF;
	display:inline-line;
	float: left;
	width:50%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000;
	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:55%;
	font-family:mifuente, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000;
	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: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-article4Gray{
	background-color:#f4f4f4;
	display:inline-line;
	float: left;
	width:41%;
	font-family: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:0px;
}
.block-article4C{
	background-color:#f9ad2d;
	display:inline-line;
	float: left;
	width:32.2%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#21435d;
	text-align:center;
	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: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-article100{
	background-color:#FFF;
	display:inline-table;
	float: left;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#21435d;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article40{
	background-color:#FFF;
	display:inline-line;
	float:left;
	width:41%;
	font-family: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-article-logo1{
	display:inline-table;
	float:left;
	width:11%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-article-logo2{
	display:inline-table;
	float:left;
	width:23.72%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.block-article1-7{
	display:inline-table;
	float: left;
	width: 1.7%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-article6{
	display:inline-line;
	float:left;
	width:6%;
	font-family: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:0px;
}

.block-middle{
	background-color:#FFF;
	display:inline-line;
	float: left;
	width:3%;
	font-family: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-yellow{
	background-color:#FFCC29;
	display:inline-table;
	float: left;
	width:96%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#21435d;
	text-align:left;
	padding-left:4%;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}
.block-yellow85{
	background-image: url("graficos/fondo_yellow.png");
	display:inline-table;
	float: left;
	width:84%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#21435d;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}

.block-logos{
	background-color:#FFF;
	display:inline-table;
	float: left;
	width:33.3%;
	font-family: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-menu{
	display:inline-table;
	float: left;
	width: 85%;
	height:2px;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}

.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;
}

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;}

    .flip-container1 {
        margin-left: 12%;
		margin-top: 3%;
		margin-bottom: 3%;
        perspective: 1000;
        display: inline-block;
    }
    .flip-container1:hover .back1 {
        transform: rotateY(180deg);
    }
    .flip-container1:hover .front1 {
        transform: rotateY(0deg);
    }
    .flip-container1, .front1, .back1 {
        width: 100%;
        height:350px;
    }
    .card {
        transition: 0.6s;
        transform-style: preserve-3d;
        position: relative;
    }
    .front1, .back1 {
        position: absolute;
        backface-visibility: hidden;
        transition: 0.6s;
        transform-style: preserve-3d;
    }
    .front1 {
        z-index: 1;
        transform: rotateY(-180deg);
        background: url("graficos/graf_inicio_2.png") no-repeat;
    }
    .back1 {
        z-index: 2;
        transform: rotateY(0deg);
        background: url("graficos/graf_inicio_1.png") no-repeat;
    }

    .flip-container2 {
        margin-left: 12%;
		margin-top: 3%;
		margin-bottom: 3%;
        perspective: 1000;
        display: inline-block;
    }
    .flip-container2:hover .back2 {
        transform: rotateY(180deg);
    }
    .flip-container2:hover .front2 {
        transform: rotateY(0deg);
    }
    .flip-container2, .front2, .back2 {
        width: 100%;
        height:350px;
    }
    .card {
        transition: 0.6s;
        transform-style: preserve-3d;
        position: relative;
    }
    .front2, .back2 {
        position: absolute;
        backface-visibility: hidden;
        transition: 0.6s;
        transform-style: preserve-3d;
    }
    .front2 {
        z-index: 1;
        transform: rotateY(-180deg);
        background: url("graficos/graf_inicio_4.png") no-repeat;
    }
    .back2 {
        z-index: 2;
        transform: rotateY(0deg);
        background: url("graficos/graf_inicio_3.png") no-repeat;
    }

.flip-container3 {
        margin-left: 12%;
		margin-top: 3%;
		margin-bottom: 3%;
        perspective: 1000;
        display: inline-block;
    }
    .flip-container3:hover .back3 {
        transform: rotateY(180deg);
    }
    .flip-container3:hover .front3 {
        transform: rotateY(0deg);
    }
    .flip-container3, .front3, .back3 {
        width: 100%;
        height:350px;
    }
    .card {
        transition: 0.6s;
        transform-style: preserve-3d;
        position: relative;
    }
    .front3, .back3 {
        position: absolute;
        backface-visibility: hidden;
        transition: 0.6s;
        transform-style: preserve-3d;
    }
    .front3 {
        z-index: 1;
        transform: rotateY(-180deg);
        background: url("graficos/graf_inicio_6.png") no-repeat;
    }
    .back3 {
        z-index: 2;
        transform: rotateY(0deg);
        background: url("graficos/graf_inicio_5.png") no-repeat;
    }

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:143px;
background-color:#143d84;
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;
	}
	.negrita{
	font-size:22px;
	}
	.block-article1{
	width:87%;
	font-size:20px;
}
	.block-article2{
	font-size:16px;
}
	.block-article3{
	font-size:16px;
}
	.block-article3Gray{
	font-size:16px;
}
	.block-article4{
	font-size:16px;
}
	.block-article4Gray{
	font-size:16px;
}
	.block-article4C{
	font-size:18px;
}
	.block-article5{
	font-size:16px;
}
	.block-yellow{
	font-size:16px;
}
	.block-yellow85{
	font-size:16px;
}
	h1 {font-size:20px;}
	h2 {font-size:20px;}
}

@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:20px;
	}
	.block-article1{
	font-size:18px;
}
	.block-article2{
	font-size:16px;
}
	.block-article3{
	font-size:16px;
}
	.block-article3Gray{
	font-size:16px;
}
	.block-article4{
	font-size:16px;
}
	.block-article4Gray{
	font-size:16px;
}
	.block-article4C{
	font-size:15px;
}
	.block-article5{
	font-size:16px;
}
	.block-article100{
	font-size:18px;
}
	.block-yellow{
	font-size:16px;
}
	.block-yellow85{
	font-size:16px;
}
	h1 {font-size:20px;}
	h2 {font-size:20px;}
}

@media screen and (max-width:1080px)
{
	
		nav {
	font-size:11px;
	}
	
	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:13px;
	}
	.block-article1{
	font-size:14px;
}
	.block-article2{
	font-size:14px;
}
	.block-article3{
	font-size:14px;
}
	.block-article3Gray{
	font-size:16px;
}
	.block-article4{
	font-size:14px;
}
	.block-article4Gray{
	font-size:14px;
}
	.block-article4C{
	font-size:13px;
}
	.block-article5{
	font-size:14px;
}
	.block-article100{
	font-size:16px;
}
	.block-yellow{
	font-size:14px;
}
	.block-yellow85{
	font-size:14px;
}
	.cajaTXT{
	width:86%;
}	
	.cajaTXT1{
	width:93%;
}
	.cajaTXT2{
	width:86%;
}
	h1 {font-size:20px;}
	h2 {font-size:20px;}
}

@media screen and (max-width:720px)
{
	.noCel {
	display:none;
	}
	.siCel {
	display:block;
	}
		.negrita{
	font-size:16px;
	}
	#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:13px;
}
	.block-article2{
	font-size:13px;
}
	.block-article3{
	display:inline-table;
	width: 85%;
	font-size:13px;
}
	.block-article3Gray{
	width: 85%;
	font-size:13px;
}
	.block-article4{
	width: 85%;
	display:inline-table;
	font-size:13px;
}
	.block-article4Gray{
	width: 100%;
	font-size:14px;
}
	.block-article4C{
	width:100%;
	font-size:14px;
}
	.block-article5{
	font-size:13px;
}
	.block-yellow{
	font-size:13px;
}
	.block-yellow85{
	font-size:13px;
}
	.cajaTXT{
	width:86%;
}	
	.cajaTXT1{
	width:93%;
}
	.cajaTXT2{
	width:86%;
}
	h1 {font-size:14px;}
	h2 {font-size:16px;}
	
	footer{ 
height:70px;
		}
	#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;
	}
	.negrita{
	font-size:14px;
	}
	#separador{
	height:10px;
	}
	nav {
	font-size:8px;
	}
	
	ul li ul {
	font-size:8px;
	width:24%;
}
	.imgR_ico{width:20px;}
	.block-article1{
	font-size:14px;
}
	.block-article1{
	font-size:12px;
}
	.block-article2{
	font-size:12px;
}
	.block-article3{
	display:inline-table;
	width: 85%;
	font-size:12px;
}
	.block-article3gray{
	font-size:14px;
	width:85%;
}
	.block-article4{
	width: 85%;
	display:inline-table;
	font-size:14px;
}
	.block-article4Gray{
	width: 100%;
	font-size:14px;
}
	.block-article4C{
	width:100%;
	font-size:14px;
}
	.block-article5{
	width:85%;
	font-size:14px;
}
	.block-yellow{
	font-size:14px;
}
	.block-yellow85{
	font-size:14px;
}
	.cajaTXT{
		width:80%;
}	
		.cajaTXT1{
		width:91%;
}
		.cajaTXT2{
		width:80%;
}
	h1 {font-size:14px;}
	h2 {font-size:16px;}
	
	footer{ 
height:70px;
		}
	#textopie{
		width: 100%;
	}
	#datoautor{
		line-height:24px;
		font-size: 10px;
		font-weight: 400;
	}
}