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

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

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

body {outline:0; padding:0; margin:0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; overflow-x:hidden;}
a {color:#55bdb1; text-decoration:none}
a:hover {color:#2e5649; }
a img {border: 0; outline: 0;}

h3 {font-weight: normal; background:#979797; padding:.3em 1em; font-size:1.2em;   color:#fff; text-align:center; float:right; }
h4 {font-size:1.2em; color:#2e5649; padding:0.5em 0; font-weight: normal; text-align: center; }
h5 {font-size:1.5em; color:#fff; padding:0.3em 0; background-color: #2e5649;  text-align:center; margin-top:.5em; width:70%; margin-left:15%; border-radius:.5em; }


b {color:#2e5649; font-weight:bold; padding-top:1em !important;}

p {padding:1em; text-justify:auto; color:#000000; font-size:1em; line-height:19px;}
.slogan {padding:1.6em;font-size:1.1em;color: #de3a14;font-style:italic; font-weight:bold}
.telefono {font-size: 1.4em;color: #323232;font-weight: bold;}
.telefono a {color:#323232;}
.info {color: #323232;padding-top: 0.2em;}

#contenido-m ul li { list-style: none; } 
#contenido ul li { list-style: none; padding-left:25px;  } 
#contenido ul li i  {margin-left:-30px;}


.block { width:100%;  color:#fff; text-align:center; margin-bottom:1em;  }
.block h4 { text-align:center; font-size:1.2em; color:#fff; padding:0.4em 0; background-color:#2e5649;}
.h3top { background-color:#55bdb1; color:#fff; width:400px; padding: .5em 0; float:right; }
.linea {border-bottom:2px solid #979797; clear:both;}

.centro {text-align:center;}


#banner { width:100%; height:100%; background:rgba(0,0,0,0.85); position:fixed; z-index:3000; display:none;}
.cont_banner { width:900px; min-height:530px; position:absolute; top:50%; left:50%; margin-left:-450px; margin-top:-265px; }
.cont_banner img {float: right; padding-bottom:.5em;} 
	
/*Slider*/



#slider { text-align:center; height:350px;  }
#slider img {width:100%; height:350px; box-shadow: 0 3px 5px 0px rgba(0,0,0,0.2); }

#slider a:hover {cursor:pointer;}

.btn-floating1:hover, .btn-floating2:hover  {color:#2e5649;}
.btn-floating1, .btn-floating2  {width:40px;height:40px; line-height:40px; display:inline-block; color:#55bdb1; 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; box-shadow:0 3px 3px 0 rgba(0,0,0,0.5),0 6px 20px 0 rgba(0,0,0,0.19);}

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






/* 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; background-color:#55bdb1;   }


/* Icons */
.icon-button i { background:none;  height: 3.6rem; left: 0; line-height: 3.6rem; position: absolute; top: 0; width: 3.6rem; z-index: 100;
-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: #55bdb1;}
.icon-button:hover .flaticon-twitter, .icon-button:hover .flaticon-facebook, .icon-button:hover .flaticon-mail { color:#fff; }




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


#header { width:100%; height:150px; padding-top:20px; clear:both; text-align:center; background: url(../images/header.jpg) bottom center no-repeat #fff; box-shadow:0 3px 3px 0 rgba(0,0,0,0.05);  }  

#contacto_head { margin:0 auto; width:1004px; clear:both; height:170px;}
#contacto_head h4 {font-size:1.5em; padding-bottom:.3em !important; text-transform:uppercase; clear:both; padding-top:1em; color:#000000; font-weight:bold;  } 
#contacto_head p { padding:.3em 0 !important; font-size:1.1em;}
#contacto_head a {color:#000;}
#contacto_head a:hover {color:#55bdb1; }
.margen {padding-left:4.5em;}


.menu-fixed {position:fixed; z-index:1000; width:100%; top:0; }

nav { width:100%; margin:0 auto; background-color:#55bdb1; text-align:right; position:fixed; z-index:500;  }
nav ul { width:1016px; margin:0 auto;  color:#fff; height:24px; padding-top:.3em;}
nav li { display:inline; }
nav a { padding:.4em 1.5em; color:#fff; text-decoration:none; font-size:.9em; }
nav a:hover {color:#fff; background:#2e5649;
animation: fadein 1s; -moz-animation: fadein 1s; /* Firefox */ -webkit-animation: fadein 1s; /* Safari and Chrome */-o-animation: fadein 1s; /* Opera */} 


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

#contenido { width:1016px; margin:0 auto; padding-top:1.5em; padding-left:12px; clear:both; text-align:justify;} 

#contenido p i, #contenido li i, #contenido-m p i, #contenido-m li i {color:#55bdb1;} 

.title  {display:block; color:#fff; background:#beca36; margin-top:4px; padding:.4em 0; font-size:1.5em;  padding-left:1em; }
.title i, .title-m i, .block i  {color:#fff; margin-right:.2em;}


.separador {width:1016px; padding:0.4em 0; color:#fff; clear:both; text-align:center; font-size:.9em; background:#55bdb1 url(../images/separador.jpg); margin-left:-12px; padding-right:12px; box-shadow:0 3px 3px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}

.columna {width:1004px; min-height:100px;  padding:0; clear:both; text-align:center;}
.columna-2 {width:478px; min-height:100px; margin:12px; float:left;  }
.columna-3 {width:320px; min-height:100px; margin:9px; float:left; text-align:center;  }
.columna-4 {width:230px; min-height:100px; margin-left:17px; float:left; text-align:center;   }



#contenido h1 {text-align:center;  font-size:1.5em; padding:.3em 0; font-weight:normal;  }
#contenido p { margin:0 auto; color:#000; font-size:1em; padding:.5em 0; max-width:750px; }
#contenido ul {margin-top:0; padding-top:0;}



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

#experiencia, #seguros, #card, #planes, #contacto, #experiencia-m, #seguros-m, #card-m, #planes-m, #contacto-m  { width:100%;  min-height:400px; clear:both; padding-top:3em; margin-bottom:5em; }


#experiencia ul li, #experiencia-m ul li, #seguros ul li, #seguros-m ul li, #card ul li, #card-m ul li, #planes ul li, #planes-m ul li  { list-style:none; padding:.2em 0; text-align: left; margin-top:.5em;}
#experiencia img, #planes img {box-shadow:0 3px 3px 0 rgba(0,0,0,0.2);}

h6 {font-size:1.5em; color:#fff; padding:0.3em 0; background-color:#2e5649;  text-align:center;  width:100%; margin-bottom:.5em; }

.btn_tarjeta { background-color:#55bdb1; border-radius:1em; color:#fff !important;  padding:.3em 1em; font-size:1.2em; text-transform: uppercase;  }
.btn_tarjeta:hover {background-color:#2e5649; }

.btn_tarjeta-m {  background-color:#55bdb1; border-radius:1em; color:#fff !important; padding:.5em 2em; font-size:1.3em; width:100%;   }
.btn_tarjeta-m:hover {background-color:#2e5649; }

.articulo {width:300px; float:left; margin-left:25px; min-height:200px;   }
.articulo img { border-radius:150px; box-shadow:0 3px 3px 0 rgba(0,0,0,0.1),0 6px 20px 0 rgba(0,0,0,0.1);}
.articulo a {color:#fff; font-size:1em; background-color: #2e5649; padding:.5em 1.5em;}
.articulo h4 {margin-bottom:0em !important;}

#contacto iframe, #contacto-m iframe {border: solid 3px #979797; }
#contacto a {color:#000;}
#contacto a:hover {color:#55bdb1;}
#contacto h2 { font-weight:normal; font-size:1.3em;}
#contacto p {padding:.3em 0 !important; }

#contacto table {border:none;  margin:0; }
#contacto table td {border:none; margin-top:1em; }
.text-form { width:100%; padding:1em 0; font-size:1em;  border:solid #ccc 1px; padding-left:.5em; margin-top:-1px; }
.text-form2 { width:50%; padding:1em 0; font-size:1em;  border:solid #ccc 1px; padding-left:.5em;}
.link_extra {background-color:#4e74b9; padding:.5em; margin-top:1em;}

.verif {display:none;}

#map {width:1004px; height:300px; }
.noeventos {width:1004px; 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:#f7f4ec;}
#footer a, #footer-m a {color:#fff; }
#footer a:hover, #footer-m a:hover {color:#55bdb1; }

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


/*Social Menu*/

.social { position: fixed; right: 0px; top:40px; z-index: 2;}
.social ul {list-style:none; text-align:right;}
.social ul li a {display: inline-block; color:#fff; background:#2e5649; 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:#55bdb1; padding: 18px; font-size:large;}
	

/*Contenido movil*/


header { top:0; left:0; width:100%; background:#55bdb1; position:fixed; z-index:2000; text-align:left;  }

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

header nav ul li {display:block; float:none; font-size:1.2em; text-align:left; border-bottom:1px solid #fff; width:100%;}
header nav ul li a { color:#fff; padding:10px; display:block; text-decoration:none; background:#55bdb1; padding-left:30px;  }
header nav ul li span { margin-right:7px; margin-left:10px; }
header nav ul li a:hover { background:#2e5649; color:#fff;}

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


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

#contenido-m {width:100%; text-align:center;  }
#contenido-m p { padding:.5em; }
#contenido-m img { width:100%; }

.sombra {box-shadow:0 3px 3px 0 rgba(0,0,0,0.2); }

#experiencia-m, #seguros-m, #card-m, #planes-m, #contacto-m { width:100%;  min-height:200px; clear:both; padding-top:58px; margin:0 auto;  }


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

.btn-floating-m1 {float:left; margin-left:.5em;}
.btn-floating-m2 {float:right; margin-right:.5em;}



#contacto-m {text-align:center;}
#contacto-m a {color:#000;}
#contacto-m a:hover {color:#55bdb1;}
#contacto-m h2 { font-weight:normal; font-size:1.3em;}
#contacto-m p {padding:.3em 0 !important; }


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


.title-m {display:block; color:#fff; background:#557938; margin-top:4px; padding:.4em 0; text-align:center; line-height:30px;   }


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

#footer-m {width:100%; 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}