@charset "utf-8";
/* CSS Document */

#fondo { position:fixed; top:0; left:0; z-index:-3; animation: fadein 4s; -moz-animation: fadein 4s; /* Firefox */ -webkit-animation: fadein 4s; /* Safari and Chrome */-o-animation: fadein 4s; /* Opera */}
@keyframes fadein { from { opacity:0;} to { opacity:2; }}
@-moz-keyframes fadein { from { opacity:0;} to { opacity:2; }}
@-webkit-keyframes fadein { from { opacity:0;} to { opacity:2; }}
@-o-keyframes fadein { from { opacity:0;} to { opacity:2; }}

@font-face {font-family:titi;
src: url(../fonts/titi.ttf) format("truetype");
}


@font-face {
font-family:excite;
src: url(../fonts/excite.otf) format("opentype");
}

/*--------*/

* {outline:0; padding:0; margin:0;}

body {outline:0; padding:0; margin:0; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
a {color:#000; text-decoration:none}
a:hover, a:focus {color:#de3a14;}
a img {border: 0; outline: 0;}
h1 { line-height: 1; letter-spacing: -0.02em; margin-bottom: 0.2em}
h2 {font-size: 1.4em; line-height:1.1; margin-bottom: 0.2em; color:#de3a14;}
h3 {font-weight: bold; line-height:1.1; color:#117cc0; margin:0 auto; padding-left:.5em; }
h4 {font-size:1em; color:#117cc0; padding:0.5em}

strong {color:#de3a14;}
b {color:#117cc0; }

p {padding:1em; text-justify:auto; color:#000000; }
.slogan {padding:1.6em;font-size:1.1em;color: #de3a14;font-style:italic; font-weight:bold;}
.telefono {font-size: 1.4em; color:#de3a14 ;font-weight: bold; padding:.3em 0;}
.telefono a {color:#de3a14;}
.info {color: #323232;padding-top: 0.2em;}
.fotos {  margin-bottom:.5em; }


.block {background:#117cc0; padding:1em 0; color:#fff; width:100%; text-align:center; font-size:1em;}
.block i {color:#fbc026 ;}
.block a {margin-left:2em; }
.block a:hover { color:#fff; }



#banner { width:100%; height:100%; background:rgba(0,0,0,0.85); position:fixed; z-index:2000; font-size:1.1em; }
#banner table { float:right;  margin-top:-3.5em; margin-right:1.5em; background-color:#1474b1; padding:1em; border-radius:2em; color:#fff; box-shadow:1px 1px 1px #959595; }
.cont_banner { width:800px; min-height:500px; background:#f8f9f9 url(../images/banner.jpg) repeat; position:absolute; top:50%; left:50%; margin-left:-400px; margin-top:-275px; text-align:center; border-radius:1em; }
.cerrar { float:right; margin-right:1.5em; margin-top:1.5em; border-radius:.5em;  } 
#banner h1, #banner h3  { text-align:center;  width:50%; float:left; padding-left:1em; margin-top:1em; }
#banner h3 { font-size:1.4em; margin-left:-1em;}
#enviar2 {background-color:#fbc026; width:70%; height:30px; cursor:pointer; color:#000; font-size:1em;  margin-left:5%; }

/*Slider*/


#slider { text-align:center; }
#slider img {width:100%;}

#slider a:hover {cursor:pointer;}

.btn-floating:hover {box-shadow:0 3px 3px 0 rgba(0,0,0,0.5),0 6px 20px 0 rgba(0,0,0,0.19);}
.btn-floating1, .btn-floating2  {width:40px;height:40px; line-height:40px; display:inline-block; color:#0c7ae1; background-color:#FFF; position:relative; overflow:hidden; z-index:1; padding:0; border-radius:50%; cursor:pointer; font-size:24px; top:-50px; 
-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.btn-floating1 {float:left; margin-left:1em;}
.btn-floating2 {float:right; margin-right:1em;}



#header { width:100%; height:150px; margin:0 auto; background:  repeat-x #0080c9 ; clear:both; text-align:center; }  
#header img {width:1016px; height:150px;}

#top { background:#fbc026; color:#000; text-align:right; width:100%;  padding:0;  z-index:501; position:relative; height:30px; font-size:.95em;  }
#top ul { padding:5px 3em; }
#top li {display:inline; padding:.3em 0; }
#top a { padding:8px; color:#000;}
#top a:hover {  color:#fff; }


.menu-fixed {position:fixed; z-index:1000; width:100%; top:0; border-bottom: solid 1px #193c53;}

nav { width:100%; background:#1474b1 url(../images/fondo_nav.png) center repeat-y; position:absolute; height:34px; font-size:1.1em;  }
nav ul { width:1016px; margin:0 auto; text-align:center; color:#fff; height:30px; padding-top:.3em;}
nav li { display:inline; border-left: solid 1px #14374d; padding:0 .1em 0 .4em;  }
nav a { padding:.5em 2em .55em 2em; color:#fff; text-decoration:none; font-size:.9em; }
nav a:hover {background-color:#fbc026; color:#14374d;  } 


/*--------*/

#contenido { width:100%; margin:0 auto;  margin-top:36px; } 

.title {display:block; color:#0d5a84; background:#fbc024; margin-top:4px; padding:.4em 0; width:100%;  font-size:1.1em; padding-left:1em; }

.separador {width:100%; color:#fff; clear:both;  font-size:1.5em;  background:url(../images/separador.jpg); border-top-left-radius:1em; border-top-right-radius:1em; padding:.1em 0; font-family:titi;    }
.separador h1 {  font-size:1em !important; padding-left:1em !important;  }
 
 
.columna {width:1004px; min-height:50px;  padding:0; clear:both; text-align:center; }
.columna-2 {width:478px; min-height:50px; margin-left:12px; float:left; }
.columna-2m {width:753px; min-height:50px;  float:left; margin-bottom:2em;   }
.columna-3 { width:326px; min-height:50px; margin-right:12px;  float:left; margin-bottom:2em;}
.columna-4 {width:239px; min-height:50px;  float:left; margin-bottom:2em; margin-right:14px;  }

#contenido h1 {text-align:center;  font-size:1.5em; padding:.3em 0; }

#contenido p {margin:0 auto; color:#000; font-size:1em; padding:1em ;  }
#contenido li { margin-top:6px;}
#contenido ul {margin-top:0; padding-top:0;}

#contenido li i, #contenido-m li i { color:#de3a14;}

.big_genesis {width:100%; min-height:50px; background:#ececec url(../images/back_genesis.jpg) top center no-repeat fixed;  }
.big_planes {width:100%; min-height:50px; background:#ececec url(../images/negocio.jpg) top center no-repeat fixed  ;   }
.big_valor {width:100%; min-height:50px; background:#ececec url(../images/valor.jpg) bottom center no-repeat fixed  ;   }


#divisor { width:100%; height:50px; background:url(../images/sombra.png) repeat-x; clear:both; }


/*--- secciones -----*/

#genesis, #beneficios, #planes, #valor, #contrataciones, #genesis-m, #beneficios-m,  #valorsuma-m, #contrataciones-m  { width:1004px;  min-height:100px; clear:both; padding-top:3em; margin:0 auto;  }


#inicio {width:100%; min-height:300px; margin:0 auto;}
#inicio .columna {background:url(../images/clientes.png) right no-repeat; width:1004px; min-height:386px; margin:0 auto; } 
#inicio h1 {font-size:3em; color:#000; font-weight:bold; margin-top:1.5em;}
#inicio h2 {font-size:1.7em; margin-bottom:1em; color:#117cc0; }
#inicio h3 { font-size:1.2em; color:#de3a14; } 


#inicio_aviso {width:100%; min-height:300px; margin:0 auto; padding:3em 0;}
#inicio_aviso .columna { width:1004px; min-height:386px; margin:0 auto; text-align:justify;  } 
#inicio_aviso h2 { text-align:center;}

#genesis h2 { width:40%;  padding:1em 3em; text-align:center; font-size:1.5em; }
#genesis .columna-3 {text-align:center;}
#genesis li { list-style:none; padding:2px; margin-left:.5em; font-size:1.3em;}



.columna-genesis { width:1004px; min-height:400px;  padding:0; clear:both; background:url(../images/genesis.jpg) center right no-repeat;}
.columna-genesis2 { width:1004px; min-height:400px;  padding:0; clear:both; background:url(../images/busqueda.jpg) center left no-repeat;}
.columna-genesis2 ul {float:right; margin-right:3em;  }

.columna-genesis3 { width:1004px; min-height:400px;  padding:0; clear:both; background:url(../images/tu_pagina.jpg) center right no-repeat;}
.columna-genesis4 { width:1002px; min-height:50px;  padding:0; clear:both; overflow:hidden; }

.cliente { width:167px;}

/*---Planes-----*/


.plan {background: #E9E9E9; padding:0.5em; text-align:center; }
.plan-accion {background:#117cc0; color:#FFF; padding:0.5em; text-align:center;}
.plan-expansion {background:#0d5a84; color:#FFF; padding:0.5em; text-align:center;}

.planes_tit  { background-color:#de3a14; color:#fff; line-height:30px; border-top-left-radius:1em; border-top-right-radius:1em; text-transform:uppercase; border-bottom:2px solid #fff; margin-bottom:0; font-family:titi;}
.planes_tit i {color:#fbc024; font-size:.7em; }

#planes .columna-3 p {min-height:90px;}
#planes .columna-3 li {text-align:left;}


.comercio { background-color:#A2A2A2; color:#fff; line-height:30px; border-top-left-radius:1em; border-top-right-radius:1em; text-transform:uppercase; border-bottom:2px solid #fff; margin-bottom:0; font-family:titi;}
.comercio i {color:#fbc024; font-size:.7em; }


.plan h4, .plan-expansion h4, .plan-accion h4  { color:#000; background-color:#FBC024; padding-bottom:0; padding:.3em 0; margin-bottom:1em;  }
.plan, .plan-accion, .plan-expansion {box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);}

.plan-accion p, .plan-expansion p {color:#fff !important;}

.price {color:#de3a14; background-color:#fbc024; font-weight:bold; padding:1em; margin-top:.5em;}
.price a {color:#de3a14; background-color:#fbc024; font-weight:bold; font-size:1.3em; }

.icon-list-plan, .icon-list-plan2 { list-style:none;margin-top:6px;padding:5px; font-size:14px}
.icon-list-plan li:before { color:#0d5a84;}
.icon-list-plan2 li:before { color:#fbc024;}

#planes .columna-2 {background-color:rgba(255,255,255,0.7); margin-bottom:3em; border-radius:3em; text-align:center; min-height:150px;}
#planes .columna-2 h1 { margin-bottom:0; color:#de3a14; padding:.5em 0;}
#planes .columna-2 p {margin-top:0; padding-top:0;}
#planes .columna-2 li {text-decoration:none; list-style:none;}


.condiciones {font-size:.8em !important;} 


/*---serivicios valor-----*/


#valor .columna-4 h1 { background-color:#fbc026; color:#1474b1; line-height:30px; border-top-left-radius:1em; border-top-right-radius:1em; text-transform:uppercase; border-bottom:2px solid #fff; margin-bottom:0; font-family:titi; margin-top:1em; font-size:1em;}
#valor .columna-4 h1 i {color:#de3a14; font-size:1em; }


#valor .columna-4 ul {width:100%; height:140px; margin-top:0; background: rgba(150,150,150,0.4); padding:1em 0; border-bottom-left-radius:1em; border-bottom-right-radius:1em;  }
#valor .columna-4 li i {color:#de3a14; margin-left:.5em; }
#valor .columna-4 li {list-style:none; font-size:.85em !important; }
#valor img {width:100%; margin-bottom:0; border-bottom:2px solid #fff;}



/*---contrataciones-----*/


#contrataciones { padding-bottom:.5em; text-align:center; }

#contrataciones table {border:none;  margin:0; margin-bottom:1em;}
#contrataciones table td {border:none; margin-top:1em; }
.text-form { width:97%; padding:.5em; font-size:1em; border:none; box-shadow:0 3px 3px 0 rgba(0,0,0,0.2); margin-bottom:1em; }
.text-form2 { width:40%;  padding:.5em; font-size:1em; border:none; box-shadow:0 3px 3px 0 rgba(0,0,0,0.2); margin-bottom:1em;}
.link_extra {background-color:#4e74b9; padding:.5em; margin-top:1em;}

#enviar { width:70%; height:30px; cursor:pointer; color:#fff; font-size:1em; background-color:#117CC0; margin-left:5%;  }

#map {width:100%; height:300px; }
.noeventos {width:100%; height:300px; position:absolute; cursor:pointer; }


#footer { width:100%;  min-height:100px; clear:both; text-align:center;  font-size:1em; color:#fff;  padding-top:2em; padding-bottom:2em; z-index:-1; line-height:20px;}
#footer p, #footer-m p {color:#fff;}
#footer a, #footer-m a {color:#F6A42A;  }
#footer a:hover, #footer-m a:hover {color:#fff; }

#footer, #footer-m {background:#117CC0; text-align:center; }




/* Social Footer */

.icon-button {background-color: white; border-radius: 3.6em; cursor: pointer;display: inline-block; font-size: 2.0rem;height: 3.6rem;line-height: 3.6rem; margin: 0 5px; position: relative; text-align: center;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; width: 3.6rem; }

/* Circle */

.icon-button span {border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s;  -o-transition: all 0.3s; transition: all 0.3s; width: 0; }
	
.icon-button:hover span { width: 3.6rem; height: 3.6rem; border-radius: 3.6rem; margin: -1.8rem; }
.twitter span, .facebook span, .mail span { background-color: #FBC024; }


/* Icons */
.icon-button i { background: none; color: white; height: 3.6rem; left: 0; line-height: 3.6rem; position: absolute; top: 0; width: 3.6rem; z-index: 10;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.icon-button .flaticon-twitter, .icon-button .flaticon-facebook, .icon-button .flaticon-mail { color: #117CC0;}
.icon-button:hover .flaticon-twitter, .icon-button:hover .flaticon-facebook, .icon-button:hover .flaticon-mail { color:#fff; }

/*--------*/


/*Social Menu*/

.social { position: fixed; right: 0px; top: 230px; z-index: 2;}
.social ul {list-style:none; text-align:right;}
.social ul li a {display: inline-block; color:#fff; background:#de3a14; padding: 20px 15px; text-decoration: none; animation-direction: normal; -webkit-transition:400ms ease;-o-transition:400ms ease; transition:400ms ease; margin-bottom:.5em; }
.social ul li a:hover {background:#1474b1; padding: 18px; font-size:large}
	

	

	
	
/*Contenido movil*/


header { top:0; left:0; width:100%; background:#0D5A84; position:fixed; z-index:2000; }

header nav { width:100%; left:-100%; margin:0; top:59px; border:none; position:absolute;   }
header nav ul { list-style:none; width:100%; height:100%; margin:0 !important; padding:0 !important; }

header nav ul li {display:block; float:none; font-size:1.2em; text-align:left; border-bottom:1px solid #fff; width:100%; padding:0 !important; border-left:none; }
header nav ul li a { color:#fff; padding:10px; display:block; text-decoration:none; background:#117CC0; }
header nav ul li span { margin-right:7px; margin-left:10px; }
header nav ul li a:hover { background:#FBC024; color:#de3a14;}

.menu_bar { display:block; width:100%; color:#fff; cursor:pointer; border-bottom:1px solid #fff;}
.menu_bar .bt-menu { display:block; padding:16px;  color:#fff; text-decoration:none;  font-size:22px; }


/*-------------*/

#contenido-m {width:100%;  }


#big_genesis-m {width:100%; min-height:50px; background:#CDCDCD;  }
#big_planes-m {width:100%; min-height:50px; background: #333333;   }



#inicio-m, #genesis-m, #beneficios-m, #planes-m, #valor-m, #contrataciones-m { width:100%;  min-height:200px; clear:both; padding-top:58px; margin:0 auto; }

#valor-m {background:#CDCDCD url(../images/valor.jpg) top right;}

#inicio-m {text-align:center;}


.divisor { clear:both; min-height:1px;}

.columna-m {width:95%; float:left; padding:1em 0; padding-left:2.25%; }
.separador-m {width:100%; padding:2% 0; color:#fff; clear:both; text-align:center;  background:url(../images/separador.jpg) no-repeat; font-family:titi;  }
.separador-m h1 {font-size:1.5em;}

.logo-m {width:100%; text-align:center;  }

.centro { text-align:center;}


.title-m {display:block; color:#0d5a84; background:#fbc024; margin-top:4px; padding:.4em 0; text-align:center; width:90%; margin-left:5%;  }
#contenido-m  img { margin:1em 0;  max-width:100%; }


/*-------------*/


#planes-m .columna-m, #valor-m .columna-m  {width:90%; margin-left:5%; padding:0; }
#planes-m .columna-m ul {text-align:left;}
 
#planes-m .condiciones {background-color:rgba(255,255,255,0.7); margin-bottom:3em; border-radius:2em; text-align:center; min-height:150px;}
#planes-m .condiciones ul { text-align:center;}
#planes-m .condiciones h1 { margin-bottom:0; color:#de3a14; padding:.5em 0;}
#planes-m .condiciones p {margin-top:0; padding-top:0;}
#planes-m .condiciones li {text-decoration:none; list-style:none;}
 
 #planes-m .columna-m h1 { text-align:center; font-size:1.5em; margin-top:1em; padding:.5em 0;}
 
 
 /*---valor m----*/


#valor-m .columna-m h1 { background-color:#fbc026; color:#1474b1; line-height:30px; border-top-left-radius:1em; border-top-right-radius:1em; text-transform:uppercase; border-bottom:2px solid #fff; margin-bottom:0; font-family:titi; margin-top:1em; font-size:1em; text-align:center;}
#valor-m .columna-m h1 i {color:#de3a14; font-size:1em; }


#valor-m .columna-m ul {width:100%;  margin-top:0; background: rgba(150,150,150,0.4); padding:1em 0; border-bottom-left-radius:1em; border-bottom-right-radius:1em;  }
#valor-m .columna-m li i {color:#de3a14; margin-left:.5em; }
#valor-m .columna-m li {list-style:none; font-size:.85em !important; }
#valor-m img {width:100%; margin-bottom:0; border-bottom:2px solid #fff; margin-top:0;}
 

#map-m {width:100%; height:300px;  }
.noeventos-m {width:100%; height:300px; position:absolute; cursor:pointer; }


#contrataciones-m {text-align:center;}


#footer-m {width:100%; min-height:50px; clear:both; padding:2em 0; } 


/*-------------*/


@media (max-width:600px){.hide-small{display:none!important}}
@media (max-width:992px) and (min-width:601px){.hide-medium{display:none!important}}
@media (min-width:993px){.hide-large{display:none!important}}
.animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity{-webkit-animation:opac 1.5s;animation:opac 1.5s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.animate-input:focus{width:100%!important}