@font-face {
  font-family: "Questrial";
  src: url("../fonts/Questrial-Regular.ttf");
}


* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
  font-family: "Questrial";
  font-size: 17px;
}

/**********/
/**---------------------- WHATSAPP -----------------**/

.whatsapp {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0px 30px 30px 0px;
  z-index: 1100;
  cursor: pointer;
}

.whatsapp img {
  width: 100%;
  max-width: 200px;
  vertical-align: top;
}

.whatsapp img.celular {display: none;}
.whatsapp img.computador {display: block;}




/**********/
/**---------------------- BANNER PROMOCIÓN -----------------**/

.promocion,
.promocion-actual {
  background: #1d3f86;
  padding: 20px 0px;
  text-align: center;
}

.promocion p,
.promocion-actual p {
  font-family: "Questrial";
  color: #fff;
}

.promocion p a,
.promocion-actual p a {
  text-decoration: none;
  font-family: "Questrial";
  color: #fff;
}


/**********/
/**---------------------- MENU CEL -----------------**/
header.menu-cel {
  display: none;
}

header.menu-compu {
  display: block;
}

/**********/
/**---------------------- MENÚ -----------------**/

.menu_bar {
	display:none;
}

header {
	width: 100%;
}

header .contenedor {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  width: 90%;
  margin: auto;
  margin-top: 50px;
}

header nav {
	z-index:1000;
	max-width: 1000px;
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
  color:#666666;
  opacity: 100%;
}

header nav ul li a {
	color:#666666;
  opacity: 50%;
	display:block;
	text-decoration:none;
	padding: 12px;
  font-family: "Questrial";
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

header nav ul li a.actual {
  color:#444444;
  opacity: 100%;
}

header nav ul li a:hover {
  color:#666666;
  opacity: 100%;
}

header nav ul li a span {
	margin-right:10px;
}

header nav ul li:hover .children {
	display:block;
}

header nav ul li .children {
	display: none;
	background:#d6d7d9;
	position: absolute;
	width: 150%;
	z-index:1000;
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
	display: block;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}


/**---------------------- INFORMACIÓN -----------------**/
.facture {
  max-width: 920px;
  width: 90%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 90px;
}

.facture h1 {
  text-align: center;
  margin-bottom: 55px;
  font-family: "Open Sans";
  width: 600;
}

.facture .informacion {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

.facture .informacion .info {
  width: 40%;
  margin-right: 50px;
}

.facture .informacion .info h2 {
  font-family: "Open Sans";
  width: 600;
  color: #333333;
  line-height: 26px;
  width: 80%;
  margin-bottom: 20px;
}

.facture .informacion .info p {
  font-family: "Questrial";
  color: #717171;
  margin-bottom: 10px;
  line-height: 20px;
}

.facture .informacion .info a {
  background: rgba(207, 19, 39, 1);
  padding: 15px 20px;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.facture .informacion .info a:hover {
  background: rgba(207, 19, 39, 0.7);
}

.facture .informacion .video {width: 60%;}
.facture .informacion .video .contenedor-video {max-width: 100%;}
.facture .informacion .video .contenedor-video iframe {
  width: 100%;
  vertical-align: top;
  height: 294px;
}

.facture .informacion .imagen {width: 60%;}
.facture .informacion .imagen .contenedor-imagen {max-width: 100%;}
.facture .informacion .imagen .contenedor-imagen img {
  width: 100%;
  vertical-align: top;
}


/**********/
/**---------------------- BENEFICIOS -----------------**/
.segundo-pantallazo {
  background: #1d3f86;
}

.segundo-pantallazo .contenedor {
  max-width: 920px;
  width: 90%;
  margin: auto;
  padding: 100px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.segundo-pantallazo .contenedor .imagen {
  width: 60%;
}

.segundo-pantallazo .contenedor .imagen .contenedor-imagen {width: 100%;}
.segundo-pantallazo .contenedor .imagen .contenedor-imagen img {
  max-width: 100%;
  vertical-align: top;
}
.segundo-pantallazo .contenedor .beneficios {
  width: 40%;
  margin-left: 50px;
  display: flex;
  flex-direction: column;
  align-content: center;
}

.segundo-pantallazo .contenedor .beneficios h2 {
  font-family: "Open Sans";
  color: #fff;
  margin-bottom: 20px;
}

.segundo-pantallazo .contenedor .beneficios p {
  font-family: "Questrial";
  color: #f3f4f6;
  width: 90%;
  line-height: 24px;
  margin-bottom: 20px;
}

.segundo-pantallazo .contenedor .beneficios a.boton {
  text-decoration: none;
  background: rgba(207, 19, 39, 1);
  color: #f3f4f6;
  font-family: "Questrial";
  padding: 15px 20px;
  display: inline-block;
  border-radius: 50px;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.segundo-pantallazo .contenedor .beneficios a.boton:hover {
  background: rgba(207, 19, 39, 0.8);
}

.segundo-pantallazo .contenedor .beneficios .botones {
  display: flex;
  justify-content: space-between;
  width: 95%;
}

.segundo-pantallazo .contenedor .beneficios .botones img {
  max-width: 100%;
  width: 170px;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  vertical-align: top;
}

.segundo-pantallazo .contenedor .beneficios .botones img:hover {
  opacity: 0.8;
}


/**********/
/**---------------------- PLANES EMISION-----------------**/
.planes-emision {
   padding: 120px 0px 0px 0px;
}

.planes-emision .contenedor {
  max-width: 820px;
  width: 90%;
  margin: auto;
  text-align: center;
}

.planes-emision .contenedor h2 {
  font-family: "Open Sans";
  font-size: 32px;
  color: #333333;
  margin-bottom: 10px;
}

.planes-emision .contenedor p {
  font-family: "Questrial";
  font-size: 17px;
  color: #333;
  margin-bottom: 20px;
}


.planes-emision .contenedor .circulos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 700px;
  margin: auto;
  margin-bottom: 20px;
}

.planes-emision .contenedor .circulos .planes {
  max-width: 18%;
  margin: 0px 5px;
}

.planes-emision .contenedor .circulos .planes .imagen {
  max-width: 100%;
  margin-bottom: 10px;
}

.planes-emision .contenedor .circulos .planes .imagen img {
  width: 100%;
  max-width: 160px;
}

.planes-emision .contenedor .circulos .planes .texto {
  display: flex;
  flex-direction: column;
}


.planes-emision .contenedor .circulos .planes .texto p {
  font-family: "Open Sans"
}

.planes-emision .contenedor .circulos .planes .texto p.numero-facturas {
  font-family: "Questrial";
  font-size: 18px;
  color: #333333;
  margin-bottom: 7px;
}

.planes-emision .contenedor .circulos .planes .texto p.precio {
  font-family: "Questrial";
  font-size: 16px;
  color: #727176;
  margin-bottom: 30px;
}

.planes-emision .contenedor a {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  font-family: "Questrial";
  font-size: 18px;
  background-color: #1d3f86;
  padding: 20px 30px;
  border-radius: 40px;
  margin-top: 10px;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.planes-emision .contenedor a:hover {
  opacity: 0.8;
}

.planes-emision .contenedor .botones-planes {
  display: flex;
  justify-content: space-around;
  margin-bottom: 30px;
}

.planes-emision .contenedor .botones-planes a {
  text-decoration: none;
  display: inline-block;
  padding: 20px 28px;
  background: rgba(213, 215, 217, 1);
  color: #666666;
  font-family: "Questrial";
  font-size: 17px;
  border-radius: 30px;
  margin: 0px 10px;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;

}

.planes-emision .contenedor .botones-planes a:hover {
    background: rgba(213, 215, 217, 0.8);
}

.planes-emision .contenedor p.boton {
  margin-bottom: 30px;
}

.planes-emision .contenedor a.rojo {
  text-decoration: none;
  display: inline-block;
  padding: 18px 30px;
  background: rgba(207, 19, 39, 1);
  font-family: "Questrial";
  font-size: 18px;
  color: #fff;
  border-radius: 30px;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  margin-bottom: 70px;
}

.planes-emision .contenedor a.rojo:hover {
  background: rgba(207, 19, 39, 0.8);
}


.contenedor-gris {
  background: #f3f4f6;
}

.contenedor-gris .gris {
  width: 800px;
  max-width: 90%;
  margin: auto;
  text-align: center;
  padding: 70px 20px 50px 20px;
  border-radius: 40px;
}

.contenedor-gris .gris p.boton {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 18px;
  color: #1d3f86;
  margin-bottom: 30px;
}




/**********/
/**---------------------- ACORDEON -----------------**/

ul {
	list-style-type: none;
}

a {
	color: #b63b4d;
	text-decoration: none;
}

/** =======================
 * Contenedor Principal
 ===========================*/
 .accordion {
  z-index: 500;
 	width: 85%;
 	max-width: 1000px;
 	margin: 20px auto;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 }

.accordion .link {
  font-family: "Questrial";
  color: #333333;
  font-weight: 400;
	cursor: pointer;
	display: block;
	padding: 20px 30px 20px 30px;
  background: #e4e4e4;
	font-size: 18px;
  margin-bottom: 10px;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
  border-radius: 50px;

}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li {
  list-style: none;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  opacity: 0.5;
  color: #595959;
	right: 20px;
	left: auto;
	font-size: 16px;
  margin-top: 10px;
}

.accordion li.open .link {
  background: #d1d1d1;
}

.accordion li.open i {

}

.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion li.default .submenu2 {display: block;}
/**
 * Submenu
 -----------------------------*/
 .submenu2 {
 	display: none;
 	font-size: 14px;
  padding: 30px 30px 40px 30px;
 }

 .submenu2 p {
   font-family: "Questrial";
   font-size: 18px;
   color: #585757;
   line-height: 1.2;
   display: block;
   text-decoration: none;
  	-webkit-transition: all 0.25s ease;
  	-o-transition: all 0.25s ease;
  	transition: all 0.25s ease;
 }

 .submenu2 li {
 	border-bottom: 1px solid #4b4a5e;
 }

 .submenu2 a {
 	display: block;
 	text-decoration: none;
 	color: #000;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu2 a:hover {
 	background: #b63b4d;
 	color: #FFF;
 }





/**----------------  FORMULARIO  ----------------**/
.contenedor-formulario {
  width: 100%;
  padding: 130px 0 130px 0;
}

.wrap {
  width: 80%;
  max-width: 740px;
  margin: auto;
}

.contenedor-formulario .formulario {
  width: 100%;
  margin: auto;
}

.contenedor-formulario .form .contenedor {
  margin-bottom: 15px;
}

.contenedor-formulario h3 {
  font-family: "Open Sans";
  font-size: 32px;
  color: #333333;
  margin: auto;
  margin-bottom: 40px;
  text-align: center;
}

.contenedor-formulario .form .contenedor input[type="text"],
.contenedor-formulario .form .contenedor input[type="email"],
.contenedor-formulario .form .contenedor input[type="phone"],
.contenedor-formulario .form .contenedor textarea {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.3);
  width: 100%;
  outline: none;
  padding: 15px 15px 10px 15px;
  background: none;
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-appearance: none;
}

.contenedor-formulario .form .contenedor input[type="text"]:focus,
.contenedor-formulario .form .contenedor input[type="text"]:hover,
.contenedor-formulario .form .contenedor input[type="email"]:focus,
.contenedor-formulario .form .contenedor input[type="email"]:hover,
.contenedor-formulario .form .contenedor input[type="phone"]:focus,
.contenedor-formulario .form .contenedor input[type="phone"]:hover,
.contenedor-formulario .form .contenedor textarea:focus,
.contenedor-formulario .form .contenedor textarea:hover {
  outline: none;
  color: rgb(0, 0, 0);
  border-radius: 0px;
  border-bottom: 2px solid rgb(0, 0, 0);
}

.contenedor-formulario .form .contenedor input[type="text"]:before,
.contenedor-formulario .form .contenedor input[type="email"]:before,
.contenedor-formulario .form .contenedor input[type="phone"]:before,
.contenedor-formulario .form .contenedor textarea:before {
  outline: none;
  color: rgba(0, 0, 0, 0.3);
  border-bottom: 2px solid rgb(0, 0, 0);
}

.contenedor-formulario .form .contenedor input[type="text"]::placeholder,
.contenedor-formulario .form .contenedor input[type="email"]::placeholder,
.contenedor-formulario .form .contenedor input[type="phone"]::placeholder,
.contenedor-formulario .form .contenedor textarea::placeholder {
  color: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.contenedor-formulario .form .contenedor input[type="text"]:focus::placeholder,
.contenedor-formulario .form .contenedor input[type="text"]:hover::placeholder,
.contenedor-formulario .form .contenedor input[type="email"]:focus::placeholder,
.contenedor-formulario .form .contenedor input[type="email"]:hover::placeholder,
.contenedor-formulario .form .contenedor input[type="phone"]:focus::placeholder,
.contenedor-formulario .form .contenedor input[type="phone"]:hover::placeholder,
.contenedor-formulario .form .contenedor textarea:focus::placeholder,
.contenedor-formulario .form .contenedor textarea:hover::placeholder {
  color: rgba(0, 0, 0, 1);
}


.contenedor-formulario .form .contenedor textarea {
  width: 100%;
  height: 100%;
  min-height: 240px;
  max-height: 240px;
  max-width: 100%;
  min-width: 100%;
}

.contenedor-formulario .form input[type="submit"] {
  margin-top: 10px;
  background: rgba(207, 19, 39, 1);
  color: rgba(255, 255, 255 ,1);
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 18px;
  padding: 14px 35px;
  border: 0px solid;
  border-radius: 100px;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  text-decoration: none;
  -webkit-appearance: none;
}

.contenedor-formulario .form input[type="submit"]:hover {
  opacity: 0.8
}


/**----------------  FOOTER ----------------**/
footer {
  background: #1d3f86;
  padding: 60px;
  margin: auto;
  text-align: center;
}

fotoer img {
  width: 150px;
  margin-bottom: 30px;
}

footer p {
  color: #fff;
  font-family: "Open Sans";;
  font-size: 16px;
  width: 85%;
  max-width: 300px;
  margin: auto;
}

footer .iconos img{
  width: 42px;
  cursor: pointer;
  margin: 0px 2px;
}




/**********/
/**---------------------- RESPONSIVE -----------------**/


@media screen and (max-width:1010px) {

  /**********/
  /**---------------------- BENEFICIOS -----------------**/

  .segundo-pantallazo .contenedor .imagen {
    width: 50%;
  }

  .segundo-pantallazo .contenedor .beneficios {
    width: 50%;
    align-items: left;
  }

  .segundo-pantallazo .contenedor .beneficios .botones {
    width: 83%;
    display: flex;
    flex-direction: column;
    align-items: left;
    text-align: left;
  }

  .segundo-pantallazo .contenedor .beneficios .botones a {
    margin-bottom: 10px;
  }

  .segundo-pantallazo .contenedor .beneficios a.boton {
    width: 180px;
    text-align: center;
  }

}


@media screen and (max-width:855px) {


  .whatsapp {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0px 15px 15px 0px;
    z-index: 900;
    cursor: pointer;
  }

  .whatsapp img {
    width: 100%;
    max-width: 65px;
    vertical-align: top;
  }


  .whatsapp img.celular {display: block;;}
  .whatsapp img.computador {display: none;}

  .facture {
    margin-top: 90px;
  }

  .facture h1 {
    width: 600;
    width: 70%;
    margin: auto;
    line-height: 35px;
    margin-bottom: 40px;
  }

  .facture .informacion {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }


  /**********/
  /**---------------------- INFORMACION -----------------**/
  .facture .informacion {
    flex-direction: column;
  }

  .facture .informacion .info {
    width: 80%;
    margin-right: 0px;
  }

  .facture .informacion .info:nth-of-type(1){order: 2;}
  .facture .informacion .imagen:nth-of-type(2){order: 1;}

  .facture .informacion .info h2 {
    margin-bottom: 20px;
  }

  .facture .informacion .info p {
    margin-bottom: 0px;
    line-height: 20px;
  }

  .facture .informacion .imagen {
    width: 80%;
    margin-bottom: 20px;
  }

  .facture .informacion .video {width: 80%; margin-bottom: 20px; }
  .facture .informacion .video .contenedor-video {max-width: 100%;}
  .facture .informacion .video .contenedor-video iframe {
    width: 100%;
    vertical-align: top;
    height: 347px;
  }

  /**********/
  /**---------------------- BENEFICIOS -----------------**/
  .segundo-pantallazo .contenedor {
    flex-direction: column;
  }

  .segundo-pantallazo .contenedor .imagen {
    width: 80%;
    margin-bottom: 20px;
  }

  .segundo-pantallazo .contenedor .beneficios {
    width: 80%;
    margin-left: 0px;
  }


  .segundo-pantallazo .contenedor .beneficios .botones {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 60%;
  }



  /**********/
  /**---------------------- PLANES EMISION-----------------**/
  .planes-emision {
     padding: 90px 0px;
  }

  .planes-emision .contenedor {
    max-width: 760px;
  }

  .planes-emision .contenedor h2 {
    color: #333333;
  }

  .planes-emision .contenedor p {
    font-size: 17px;
  }


  .planes-emision .contenedor .circulos {
    justify-content: space-between;
    max-width: 600px;
  }

  .planes-emision .contenedor .circulos .planes {
    max-width: 21%;
  }

  .planes-emision .contenedor .botones-planes {
    margin-bottom: 30px;
  }

  .planes-emision .contenedor .botones-planes a {
    padding: 20px 15px;
  }


}



@media screen and (max-width:690px) {


  .facture {
    margin-top: 70px;
    margin-bottom: 50px;
  }

  .facture h1 {
    width: 85%;
    font-size: 25px;
    margin: auto;
    line-height: 26px;
    margin-bottom: 30px;
  }

  .facture .informacion .info,
  .facture .informacion .imagen {
    width: 85%;
  }

  .facture .informacion .info p {
    margin-bottom: 10px;
  }

  .facture .informacion .video {width: 90%; margin-bottom: 20px; }
  .facture .informacion .video .contenedor-video {max-width: 100%;}
  .facture .informacion .video .contenedor-video iframe {
    width: 100%;
    vertical-align: top;
    height: 164px;
  }


/**---------------------- BENEFICIOS -----------------**/
  .segundo-pantallazo .contenedor {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .segundo-pantallazo .contenedor .beneficios,
  .segundo-pantallazo .contenedor .imagen {
    width: 85%;
  }

  .segundo-pantallazo .contenedor .beneficios a.boton {
    width: 100%;
  }


  /**********/
  /**---------------------- PLANES EMISION-----------------**/
  .planes-emision {
     padding: 70px 0px 0px 0px;
  }

  .planes-emision .contenedor .circulos {
    justify-content: space-around;
    max-width: 300px;
    width: 90%;
  }

  .planes-emision .contenedor .circulos .planes {
    max-width: 42%;
    width: 100%;
  }

  .planes-emision .contenedor .circulos .planes.ocultar {
    display: none;
  }

  .planes-emision .contenedor .botones-planes {
    margin-bottom: 30px;
    display: none;
  }

  .planes-emision .contenedor p.boton {
    margin-top: 20px;
  }

  .planes-emision .contenedor a.rojo {
    margin-top: 0px;
    width: 95%;
    margin-bottom: 60px;
  }

  .contenedor-gris {
    background: #f3f4f6;
  }

  .contenedor-gris .gris {
    width: 800px;
    max-width: 100%;
    padding: 50px 20px 30px 20px;
    border-radius: 0px;
  }

  .contenedor-gris .gris p.boton {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    color: #333;
    width: 90%;
    margin: auto;
    margin-bottom: 30px;
  }

  /** =======================
   * Contenedor Principal
   ===========================*/
   .accordion {
   	width: 95%;
   }

  .accordion .link {
    font-family: "Questrial";
  	padding: 20px 20px 20px 20px;
  	font-size: 17px;
    margin-bottom: 10px;
    border-radius: 20px;
  }


  /**
   * Submenu
   -----------------------------*/
   .submenu2 {
   	display: none;
   	font-size: 14px;
    padding: 20px 30px 30px 30px;
   }

   .submenu2 p {
     font-family: "Questrial";
     font-size: 17px;
     color: #585757;
     line-height: 1.2;
     display: block;
     text-decoration: none;
    	-webkit-transition: all 0.25s ease;
    	-o-transition: all 0.25s ease;
    	transition: all 0.25s ease;
   }

   .submenu2 li {
   	border-bottom: 1px solid #4b4a5e;
   }

   .submenu2 a {
   	display: block;
   	text-decoration: none;
   	color: #000;
   	padding: 12px;
   	padding-left: 42px;
   	-webkit-transition: all 0.25s ease;
   	-o-transition: all 0.25s ease;
   	transition: all 0.25s ease;
   }

   .submenu2 a:hover {
   	background: #b63b4d;
   	color: #FFF;
   }



  /**----------------  FORMULARIO  ----------------**/
  .contenedor-formulario {
    width: 100%;
    padding: 70px 0;
  }

  .wrap {
    width: 87%;
  }

  .contenedor-formulario h3 {
    font-family: "Open Sans";
    font-size: 28px;
    color: #333333;
    margin: auto;
    margin-bottom: 40px;
    text-align: center;
  }

  .contenedor-formulario .form input[type="submit"] {
    width: 100%;
  }


}





/**********/
/**---------------------- MENU CEL -----------------**/

@media screen and (max-width: 800px) {

  header.menu-cel {
    display: block;
  }

  .promocion {
    display: none;
  }

  header.menu-compu {
    display: none;
  }

  .menu_bar {
  	display:none;
  }

  header {
  	width: 100%;
  }

  header nav {
  	background:#183674;
  	z-index:1000;
  	max-width: 1000px;
  	width:95%;
  	margin:20px auto;
  }

  header nav ul {
  	list-style:none;
  }

  header nav ul li {
  	display:inline-block;
  	position: relative;
  }

  header nav ul li:hover {
  	background:#142e63;
  }

  header nav ul li a {
  	color:#fff;
  	display:block;
  	text-decoration:none;
  	padding: 20px;
  }

  header nav ul li a span {
  	margin-right:10px;
  }

  header nav ul li:hover .children {
  	display:block;
  }

  header nav ul li .children {
  	display: none;
  	background:#d6d7d9;
  	position: absolute;
  	width: 150%;
  	z-index:1000;
  }

  header nav ul li .children:hover {
    background:#c1c3c7;
  }

  header nav ul li .children li {
  	display:block;
  	overflow: hidden;
  	border-bottom: 2px solid #c1c3c7;
  }

  header nav ul li .children li a {
  	display: block;
    color: #727176;
  }

  header nav ul li a.actual {
    color: #fff;
    opacity: 100%;
  }

  header nav ul li .children li a span {
  	float: right;
  	position: relative;
  	top:3px;
  	margin-right:0;
  	margin-left:10px;
  }

  header nav ul li .caret {
  	position: relative;
  	top:3px;
  	margin-left:10px;
  	margin-right:0px;
  }
	body {
		padding-top:80px;
	}

	.menu_bar {
    z-index: 1000;
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#1d3f86;
    -webkit-box-shadow: 0px 6px 4px -4px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 6px 4px -4px rgba(0,0,0,0.29);
  box-shadow: 0px 6px 4px -4px rgba(0,0,0,0.29);
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		overflow: scroll;
	}

	header nav ul li {
		display: block;
		border-bottom: 2px solid rgb(24, 54, 116);
	}

	header nav ul li a {
		display: block;
	}

  header nav ul li a:hover {
    color:#fff;
    opacity: 100%;
  }

  header nav ul li.background:hover {
  	background:#b3b5b9;
  }

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
    display: block;
    color: #1d1d1f;
	}

	header nav ul li .caret {
		float: right;
	}
	.shared-panel{
	overflow: auto;
}
.shared-panel span{
	margin: 10px 0;
	font-size: 16px;
	font-weight: 600;
}
.shared {
	display: inline-block;
	width: 30px; 
	height: 30px;
	margin: 5px 0; 
	padding: 0; 
        /* Recurso incluido en la descarga del ejemplo */
	background: url("shared.png") no-repeat; 
	float: left;
	margin-right: 5px; 
	cursor: pointer;
	border-radius: 50%;
}
.shared:hover{
	opacity: 0.7;
}
.shared.gp {background-position: 0px 0px; background-color: #E62B34;}
.shared.tt {background-position: 0px -30px; background-color: #43BDF0;}
.shared.ce {background-position: 0px -60px; background-color: #8A898D;}
.shared.wa {background-position: 0px -90px; background-color: #0dc143;}
.shared.fb {background-position: 0px -120px; background-color: #6081C4;}

.st2{
   border-radius: 0;
}
.st3{
   border-radius: 5px;
}
}