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

#fondo { position: fixed; 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: Arial, Helvetica, sans-serif; background:url(../images/bg.png) repeat fixed; }
a {color:#EDAE0F; text-decoration:none}
a:hover, a:focus {color:#e58005; }
a img {border: 0; outline: 0;}
h1 { line-height: 1; letter-spacing: -0.02em; margin: 0.5em; color:#f4b054; padding-top:0.5em;}
h2 {font-size: 1.6em; line-height:1.1; margin: 0.5em; color:#3f3838;}
h3 {font-style: normal; line-height:1.1; color:#940005; margin:0 auto; padding-left:.5em; }
h4 {font-size:1em; color:#f4b054; padding:0.5em}

strong {color:#FFF;}
b {color:#000; }

ul li { list-style: none;  }

p {padding:1em; text-justify:auto; color:#fff; }
.slogan {padding:1.6em;font-size:1.1em;color: #de3a14;font-style:italic; font-weight:bold;}
.telefono {font-size: 1.4em;font-weight: bold;}
.telefono a {color:#323232;}
.info {color: #323232;padding-top: 0.2em;}
.images {margin:.5em; border-radius:0.5em; max-width:100%; }

.legal {font-size:12px;}

.action {display:block; font-weight:bold; padding:0.6em; background:#EDAE0F; color:#FFF; border-radius:0.5em; width:160px;}
.action a:hover, a:focus {background:#4C245A; color:#FFF;}

.block {background:#888f94; padding:1em 0; color:#fff; width:100%; text-align:center; font-size:1em;}
.block i {color:#940005 ;}



#banner { width:100%; height:100%; background:rgba(0,0,0,0.85); position:fixed; z-index:3007;} #banner i { color:#000;} #banner a {color:#EDAE0F;} #banner a:hover {text-decoration: underline;}
.cont_banner { width:800px; min-height:450px; background:url(../images/banner.jpg) no-repeat; position:absolute; top:50%; left:50%; margin-left:-400px; margin-top:-225px; z-index:3009; border:solid 1px #fff; color:#fff;   }
.cont_banner h1 {color:#FFF; padding:.8em 0; font-size:1.7em; text-align: center;} .cont_banner i {color:#fff !important}
.cont_banner ul { margin-left:19em; width:50%; background-color:#940005; padding: 2em; border-radius:1em; margin-top:2em;  }
.cont_banner li {font-size:1em; margin-bottom:-1px; list-style: none;}
.rad {margin:0 .2em 0 1em;}
.li3 {width:33%; float:left; } .li2 {width:66%; float:left; }
.cerrar { float:right;  margin-top:-2.5em; border-radius:.5em;  } 
#enviar2 {background-color:#EDAE0F; width:100%;  cursor:pointer; color:#fff; font-size:1em; padding:1em 0;  }
.cerrar_baner {width:100%; height:100%; position:fixed; z-index:3006; cursor:default;}
.logo_banner { position: absolute; right:0; margin-right:45px; margin-top:120px; width:180px; border:none; box-shadow:0 3px 6px rgba(0,0,0,.6);}

#cacepto {padding-top:.5em !important;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#ccc;
    opacity: 1; /* Firefox */
}

.btn_imp { background:#71a341; color:#fff !important; border:none; padding:1.5em 1.9em; } .btn_imp i {color:#fff;}
.btn_imp:hover {background:#91c757; color:#fff; }




#arriba { display: none; position: fixed; bottom:0; right: 30px; z-index: 99;  background-color:#940005; color:#fff; cursor: pointer; padding: 15px; border-top-right-radius:10px; border-top-left-radius:10px; border:none; box-shadow:0 3px 3px 0 rgba(0,0,0,0.5);}
#arriba:hover { background-color:#EDAE0F; color:#683010; }

/*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:#FFF ; clear:both; text-align:center; }  
#header img {width:1016px; height:150px;}

#top { background:#3f3838; color:#FFF; 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; }
#top a:hover { background:#FFF; color:#940005; }

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

nav { width:100%; background:#3f3838 url(../images/fondo_nav.png) center repeat-y; position:absolute; height:36px; font-size:1.1em;  }
nav ul { width:1016px; margin:0 auto; text-align:center; color:#fff; height:32px; padding-top:.4em;}
nav li { display:inline; border-left: solid 1px #fff; padding:0 .9em 0 1em;   }
nav a { padding:.6em 1.3em; color:#fff; text-decoration:none; font-size:0.9em; }
nav a:hover {background-color:#f4b054; color:#3f3838;  } 

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

#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:.2em 0; font-family:titi;    }
.separador h1 {  font-size:1.1em !important; padding-left:1em !important;  }
 
.columna {width:80%; text-align:center; padding-left:10%; padding-right:10%; }
.columna-ok {width:980px; text-align:center; margin-left:12px; margin-right:12px; }
.columna-2 {width:478px; min-height:50px; margin-left:12px; float:left; }
.columna-2-black {width:478px; min-height:50px; margin-left:12px; float:left; background:rgba(55,26,65,0.8); border-radius:0.8em; }
.columna-2-red {width:478px; min-height:50px; margin-left:12px; float:left; background:rgba(148,0,5,0.7); border-radius:0.8em; }
.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-3-black {width:320px; min-height:50px; margin-left:10px; float:left; background:rgba(77,37,90,0.8); border-radius:0.8em; }
.columna-4 {width:239px; min-height:50px;  float:left; margin-bottom:2em;  }
.columna-5 {width:160px; min-height:50px; float:left; }


.bg-a {width:100%; min-height:600px; background:#ececec url(../images/bg-a.jpg) top center no-repeat fixed;  }
.bg-b {width:100%; min-height:650px; background:#ececec url(../images/bg-b.jpg) top center no-repeat fixed;   }
.bg-c {width:100%; min-height:650px; background:#ececec url(../images/bg-c.jpg) top center no-repeat fixed;   }
.bg-d {width:100%; min-height:650px; background:#ececec url(../images/bg-d.jpg) bottom center no-repeat fixed;   }
.bg-e {width:100%; min-height:650px; background:#ececec url(../images/bg-e.jpg) bottom center no-repeat fixed;   }
.bg-f {width:100%; min-height:720px; background:#ececec url(../images/bg-f.jpg) top center no-repeat fixed;   }


#quienessomos h2 {color:#FFF;}
#promocion h2 {color:#FFF;}
#contacto h2 {color:#FFF;}
#contacto h3 {color:#f4b054;}

.divisor { width:100%; height:30px; background:url(../images/sombra.png) repeat-x; clear:both; position:absolute; z-index:100; }

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

#quienessomos, #soluciones, #promocion, #politica, #contacto { width:1004px;  min-height:100px; clear:both; padding-top:3em; margin:0 auto;  }

.icon-list-plan, .icon-list-plan2 { list-style:none;margin-top:6px; padding:1em; font-size:14px; color:#c0d9f0;	}
.icon-list-plan li:before { color:#fff; font-size:3em;}
.icon-list-plan2 li:before { color:#fbc024;}

.list{ list-style:none;margin-top:6px; padding:1em; font-size:18px; color:#c0d9f0;	}
.list li { margin-bottom:0.5em;}
.list li:before { color:#fff;}

#politica, #politica-m {background:rgba(255,255,255,.5);}
#politica p, #politica-m p {color:#000; text-align: justify;}
#politica b, #politica-m b{color: #940005;}


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

#valor .columna-2 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;}
#valor .columna-2 h1 i {color:#de3a14; font-size:.8em; }


#valor .columna-2 ul {width:100%; height:150px; text-align:center;  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-2 li i {color:#de3a14; }
#valor .columna-2 li {list-style:none;}
#valor img {width:100%; margin-bottom:0; border-bottom:2px solid #fff;}


/*---contacto-----*/


#contacto table {border:none; color:#FFF; margin:0; margin-bottom:3em;}
#contacto table td {border:none; margin-top:1em; }


.text-form { width:98%; padding:1em 0; font-size:1em;  border:solid #ccc 1px; padding-left:.5em; margin-top:-1px; }
.text-form2 { width:30%; padding:1em 0; font-size:1em;  border:solid #ccc 1px; padding-left:.5em; margin-top:-1px;}
.link_extra {background-color:#4e74b9; padding:.5em; margin-top:1em;}


.enviar {background-color:#EDAE0F; width:100%;  cursor:pointer; color:#fff; font-size:1em; padding:1em 0;  }


#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 {color:#fff;}
#footer a, #footer-m a {color:#000;  }
#footer a:hover {color:#940005; }

#footer, #footer-m {background:#888f94; 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, .linkedin span, .facebook span, .mail span { background-color: #940005; }


/* 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-linkedin, .icon-button .flaticon-facebook, .icon-button .flaticon-mail { color: #000;}
.icon-button:hover .flaticon-twitter, .icon-button:hover .flaticon-linkedin, .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: #940005; 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: #EDAE0F; padding: 18px; font-size:large}
	
	
/*Contenido movil*/

header { top:0; left:0; width:100%; background:#3f3838; position:fixed; z-index:2000; padding:0; margin:0;}

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

header nav ul li {display:block; float:none; font-size:1em; 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:#940005; font-weight:normal; border-left:none;  }
header nav ul li span { margin-right:7px; margin-left:10px; }


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

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

#contenido-m { width:100%; }


#inicio-m, #soluciones-m, #quienes-m, #promocion-m, #politica-m,  #contacto-m { width:100%; min-height:200px; clear:both; padding-top:40px;  }

.morado { background:rgba(55,26,65,0.8); text-align: center; border-radius:.8em; }

.rojo {background:rgba(148,0,5,0.7); border-radius:0.8em; }

#inicio-m {background-color:#fff;}
#soluciones-m {text-align: center;}

#quienes-m h2, #promocion-m h2, #contacto-m h2  {color:#fff;}


.foto-m { width:100%; border-radius:.8em;}

.logo-m { width:75% !important; margin-left:12%; }

.columna-m {width:95%; margin-left:2.5%; }
.columna-black-m {width:100%; background:rgba(0,0,0,0.6); }
.columna-white-m {width:100%; padding:0.5em; background:rgba(255,255,255,0.9); }


#promocion-m  table {border: none !important;}
#promocion-m .text-form { border: solid 1px #ccc;}
#promocion-m .text-form2 { border: solid 1px #ccc; }

.images-m { margin:0.5em; width:100%; max-width:100%; }


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

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