body{
	background:#EFEFEF;
	font-family:'open sans', segoe UI, arial;
	color:#000;
	font-size:13px;
}
/*-- steps --*/
.steps,.blog,.services,.about,.skills,.team,.typo,.mail,.single{
	padding:2em 0;
}

h3.head{
	font-size: 4em;
    color: #212121;
    text-transform: capitalize;
    text-align: center;
}

.acordeon{
	width:325px;
	height:29px;
}
.tabla{
	margin:5px;
 	padding:5px;
  	font-family:'oswald', 'open sans', segoe UI, arial;
  	color:#fff;
  	font-size: 18px;
  	background: #0563ae;
 	font-weight: normal;
  	text-align: center;
  	vertical-align:middle;
  	line-height: 30px;
 	text-rendering: optimizelegibility;
}

.tabla2{
 	padding:5px;
  	font-family:'oswald', 'open sans', segoe UI, arial;
  	color:#000;
  	font-size: 23px;
 	font-weight: bold;
  	text-align: center;
  	vertical-align:middle;
  	line-height: 30px;
 	text-rendering: optimizelegibility;
}
.col-md-3, .col-sm-3, .team-grid, .team-grid1{
width:400px;
float:left;
}
.col-md-3, .col-sm-3, .team-grid, .team-grid2{
width:400px;
float:left;
}

.col-md-3, .col-sm-3, .team-grid, .team-grid3{
width:400px;
float:left;
}

.formulario{
width:500px;
float:left;
margin-left:25px;
}
.goog-te-gadget{
	background:#0563ae;
	float:left;
	margin-top:5px;
	margin-right:20px;
}

.asesoraton{
	margin-left: 130px;
	margin-right: 50px;
	float: left;
}
p.urna{
	color:#999;
	padding:.5em 0 2em;
	line-height:1.8em;
	position:relative;
	text-align:center;
	font-weight: 500 !important;
}
p.urna:after{
	content: '';
    background: #008BFF;
    width: 10%;
    height: 2px;
    position: absolute;
    bottom: 0%;
    left: 45%;
}
/* jssor slider bullet navigator skin 05 css */
      /*
      .jssorb05 div           (normal)
      .jssorb05 div:hover     (normal mouseover)
      .jssorb05 .av           (active)
      .jssorb05 .av:hover     (active mouseover)
      .jssorb05 .dn           (mousedown)
      */
      .jssorb05 {
          position: absolute;
      }
      .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
          position: absolute;
          /* size of bullet elment */
          width: 16px;
          height: 16px;
          background: url('img/b05.png') no-repeat;
          overflow: hidden;
          cursor: pointer;
      }
      .jssorb05 div { background-position: -7px -7px; }
      .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
      .jssorb05 .av { background-position: -67px -7px; }
      .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

      /* jssor slider arrow navigator skin 22 css */
      /*
      .jssora22l                  (normal)
      .jssora22r                  (normal)
      .jssora22l:hover            (normal mouseover)
      .jssora22r:hover            (normal mouseover)
      .jssora22l.jssora22ldn      (mousedown)
      .jssora22r.jssora22rdn      (mousedown)
      .jssora22l.jssora22lds      (disabled)
      .jssora22r.jssora22rds      (disabled)
      */
      .jssora22l, .jssora22r {
          display: block;
          position: absolute;
          /* size of arrow element */
          width: 40px;
          height: 58px;
          cursor: pointer;
          background: url('img/a22.png') center center no-repeat;
          overflow: hidden;
      }
      .jssora22l { background-position: -10px -31px; }
      .jssora22r { background-position: -70px -31px; }
      .jssora22l:hover { background-position: -130px -31px; }
      .jssora22r:hover { background-position: -190px -31px; }
      .jssora22l.jssora22ldn { background-position: -250px -31px; }
      .jssora22r.jssora22rdn { background-position: -310px -31px; }
      .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
      .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }

.wthree_steps_grid{
	padding-bottom:50px;
	text-align:center;
	position:relative;
}
.wthree_steps_grid1_after:after{
	content: '';
	background: #0051a0;
	height: 2px;
	width: 70%;
	position: absolute;
	left: 65%;
	top: 30%;
}
.wthree_steps_grid1{
	width: 120px;
	height: 120px;
	border: 1px solid #999;
	border-radius: 70px;
	margin: 0 auto;
}
.wthree_steps_grid:hover .wthree_steps_grid1{
	border: 1px solid #008BFF;
}
.wthree_steps_grid:hover .wthree_steps_grid1_sub span{
	color: #fff;
}
.wthree_steps_grid:hover .wthree_steps_grid1_sub{
	background: #212121;
}
.wthree_steps_grid1_sub{
	background: #f5f5f5;
	width: 100px;
	height: 100px;
	border-radius: 60px;
	margin: 0.7em auto;
}
.wthree_steps_grid1_sub span{
	color: #008BFF;
    font-size: 1em;
    top: 1.3em;
}
.wthree_steps_grid h4{
	font-size:1.2em;
	color: #212121;
	margin:1em 0;
	text-transform:capitalize;
}
.wthree_steps_grid:hover h4{
	color: #008BFF;
}
.wthree_steps_grid p {
	color:#999;
	line-height:1.8em;
}
.wthree_steps_grids{
	margin:2em 0 0;
}

.subtitulo{
	color: #2e3131 ;
	font-size:30px;
	font-family:'oswald', 'open sans', segoe UI, arial;
	line-height:1em;
}

.subtitulo2{
	height:55px;
	padding:12px;
	color: #fff ;
	background: #0563ae;
	text-align:center;
	font-size:30px;
	font-family:'oswald', 'open sans', segoe UI, arial;
	line-height:1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
	.col-md-4{
  margin-left:-45px;
}
h3.head{
	font-size: 3em;
    color: #212121;
    text-transform: capitalize;
    text-align: center;
      line-height:1em;
}
    .subtitulo2{
	height:70px;
	padding:10px;
	color: #fff ;
	background: #0563ae;
	text-align:center;
	font-size:18px;
	font-family:'oswald', 'open sans', segoe UI, arial;
	line-height:1em;

    }
}

#contenedorVideos{
    border: solid 0px #ff0000;
                }

#contenedorVideo1,#contenedorVideo2{
    display: inline-block;
    border: dotted 2px #0563ae;
    width:49%;
    padding:10px;
}

.titulo{
	font-size:50px;
	padding-left:140px;
	font-family:'oswald', 'open sans', segoe UI, arial;
}
/*-- //steps --*/
.img-mes{
	width:400px; 
	float:left; 
	margin-left:120px;">
}

/*========== /BANNER ==========*/
.banner{
	/*height:542px;*/
	color:#fff;
	font-family: Calibri;
	font-size: 2rem;
	font-weight: 600;
	line-height: 40px;
	background:#0563ae;
	text-align:center;
	overflow:hidden;
	margin-top:0px;
	padding:20px 0 20px 0;
}
	.banner ul{margin:0;height:542px;overflow:hidden;}
	.banner ul li{list-style:none;}
	#banner li{width:100%!important;height:542px!important;}
	.banner ul li img{width:100%;}
	.banner .bannerGrid{
		background:url(images/banner-grid.png) repeat;
		width:100%;
		height:542px;
		position:absolute;
		z-index:10;
	}
	.container.caption{
		background:url(images/red-fade-bg.png) repeat;
		border-top:9px solid #fff;
		height:130px;
		line-height:138px;
		color:#fff;
		margin-top:0px;
		position:relative;
		z-index:12;
	}

	.bajoSlider.container.caption{
		width:85%;
	}

	.bajoSlider.container.caption h1{
		font-size:50px;
	}

	.container.caption .ladoIzquierdo{
		float:left;
		color:white;
		background-color:transparent;
		width:50%;
	}

	.container.caption .ladoDerecho{
		float:left;
		color:black;
		width:50%;
		background-color:white;
	}


	.container.caption h1, .news h1{font-size:90px;text-transform:uppercase;font-family:'oswald', 'open sans', segoe UI, arial;line-height:130px;margin:0;padding:0 0 0 60px;}
	:root .container.caption h1{letter-spacing:-7px\0/IE9; }
	.container.caption aside, .container.caption span{background:#fff;color:#101111;float:right;padding:0 35px;margin-left:10px;}
/*========== /BANNER ==========*/

/*--========== SPACER =========-*/
#espaciador{
	width:100%;
	height:150px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #espaciador{
        height:230px;
    }
}
/*--========== /SPACER =========-*/
/*--========== SLIDER =========-*/
#contenedorSlider{
	width:100%;
}


/*--========== /SLIDER =========-*/
/*========== NEWS ==========*/
.news{background:#2E3131;color:#fff;padding:20px 0;}
	.news h1{float:left;color:#fff;border-right:1px solid #434646;padding-right:30px;}
	.news aside{font-size:14px;line-height:30px;padding-top:13px;}
	.news aside li{font-size:14px;line-height:27px;}
		.news aside h4{color:#FF4046;}
		.news aside li img{width:100px;}
		.news aside li a{color:#FF4046;}
		.news aside li a:hover{color:#FFf;}
/*========== /NEWS ==========*/

/*========== PRODUCT PANEL ==========*/
.productPanel{margin-top:40px;margin-bottom:40px;}
	.productPanel .top{border-bottom:9px solid #FF4046;}
	h2.heading1{text-transform:uppercase;font-family:'oswald', 'open sans', segoe UI, arial;font-size:50px;line-height:50px;margin:0 0 -10px;}
	.productPanel h2{color:#FF4046;}
	.productPanel section{background:#fff;padding:25px;}
		.productPanel ul{margin:0;}
		.productPanel ul li{margin:0;padding:0;list-style:none;float:left;}
		.productPanel section .pro{border-right:0px solid #eee;text-align:center;float:left;width:368px;padding:10px 0;position:relative;height:200px;overflow:hidden;}
		.productPanel .pro img{width:80%;}
		.productPanel .social{background:#EFEFEF;padding:7px 0;font-size:12px;text-shadow:1px 1px 0 #fff;text-transform:uppercase;width:80%;margin-left:10%;float:left;}
			.productPanel .social li{border-right: 1px solid #CCCCCC; float: left; margin: 0 0 0 15px; padding-right: 16px;}
				.productPanel .social li.pull-right{float:right;border:none;}
			.productPanel .social li a{color:#2E3131}
			.productPanel .social li a:hover{color:#000}
		
	.button-large{background:#FF4046;color:#fff;padding:0 30px;line-height:47px;font-size:16px;	-webkit-transition: all 0.2s ease-in-out;text-transform:uppercase;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.button-large i{margin-left:5px;}		
	.button-large:hover{color:#fff;	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
/*========== /PRODUCT PANEL ==========*/
.about aside{font-size:14px;line-height:25px;}
	.about aside h4{color:#ff4046;}
	.productPanel.about .top{border-color:#2E3131;}
	.about .top h2{color:#2E3131;}
	.about .top .button-large{background:#2E3131}
	.about blockquote{min-height:135px;margin-bottom:0;}

/*========== FOOTER ==========*/
footer{
	background:#2E3131;
	padding:30px 0;
	color:#E6E6E6;
	font-size:14px;
}

	footer h3, footer h4{
	color:#fff;text-transform:uppercase;
		text-align:center;
	font-family:'oswald', 'open sans', segoe UI, arial;
	font-size:40px;
	font-weight:normal;
	text-shadow:1px 1px 1px #000;
}
	footer h4{color:#FF4046;font-size:28px;line-height:32px;}
	footer address{line-height:25px;}
	footer address div{background:url(images/icons/address.png) no-repeat 0 10px;padding-left:50px;}
	footer address strong{color:#fff;font-weight:normal;font-size:15px;}
	footer img{
	margin-left: 15px;
}
	footer .span4, footer .span3{border-right:1px solid #474A4A;min-height:190px!important;}
	footer .span4.last{border:none;}
	footer .copyright{border-top:1px solid #474A4A;padding:20px 0 0;font-size:12px;color:#666;text-align:center;margin-top:30px;}
	footer .social a{float:left;margin-right:14px;color:#585A5A;font-size:50px;}
		footer .social a.tw{background-position:-104px 0;}
		footer .social a.pi{background-position:-52px 0;}
		footer .social a:hover{color:#fff;text-decoration:none;}
		
.banner a.control{width:90px;height:70px;position:absolute;top:280px;left:50px;z-index:50;}
.banner a.prev{background:url(images/icons/banner-prev.png) no-repeat;}
.banner a.next{background:url(images/icons/banner-next.png) no-repeat;top:306px;left:120px;}
.banner a.control:hover{background-position:0 bottom}


/*====== PRODUCT PANEL HOVER BUTTONS ======*/
.team-hover {
	width:100%;
	height:260px;
	position:absolute;
	display:block;
	top:0;
	opacity:0;
	background:url(images/team-hover.png) no-repeat;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.team-social-media {
	width:102px;
	height:40px;
	margin:0 auto;
	margin-top:110px;
	text-indent:-9999px;
}

a.team-facebook {
	height:40px;
	width:40px;
	display:block;
	background:url(images/icons/Black_Search.png) no-repeat center #2E3131;
	float:left;
	opacity:0;
	margin-right:10px;
	margin-top:40px;
	text-indent:-9999px;
	overflow:hidden;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

a.team-twitter {
	height:40px;
	width:40px;
	display:block;
	background:url(images/icons/Black_New-Page.png) no-repeat center #2E3131;
	float:left;
	opacity:0;
	margin-right:10px;
	margin-top:-40px;
	text-indent:-9999px;
	overflow:hidden;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
a.team-facebook:hover,  a.team-twitter:hover{background-color:#FF4046;}
.pro:hover img{opacity:0.4;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;}
.pro .team-hover {
	opacity:1;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.team-member:hover h3.our-team-title {
	color:#e44d26 !important;
   	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
}

.pro:hover a.team-facebook, .pro:hover a.team-twitter, .pro:hover a.team-linkedin {
	opacity:1;
	margin-top:0px;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
/*====== /PRODUCT PANEL HOVER BUTTONS ======*/

.mega-icon-block-1 .iconcontainer i{font-size:80px;color:#FD5056;}
.mega-icon-block-1 .span4{text-align:center;width:350px;padding-top:30px;}
p.mega-icon-block-text{padding-bottom:20px;}


.navForMobile{display:none;}
  .navbar{display:block;}
  
/*====== CSS CHANGER ======*/
.styleswitcher{background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); left: -112px; padding: 10px 20px 8px; position: fixed; top: 150px;width: 72px; z-index: 10000;}
.styleswitcher .arrow-box {  position: absolute; right: -47px;}
.switch-button { box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1); cursor: pointer; display: block;}
.styleswitcher ul{margin:0;}
.styleswitcher ul li { display: inline-block; list-style: none outside none; margin: 0 8px 10px 0;}
.styleswitcher ul li a { float: left; height: 25px; opacity: 0.7;width: 25px;}
.styleswitcher ul li a:hover { opacity: 1;}
.styleswitcher a.red-theme{background:#FF4046;}
.styleswitcher a.blue-theme{background:#00BCD2;}
/*====== /CSS CHANGER ======*/


/*========== /ACORDEON3 ==========*/
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
input[name="tab-group"] {
	display: none;
}
.acordeon{
	width:325px;
	height:29px;
	padding:5px 0 0px 20px;
	font-family:'calibri', segoe UI, arial;
	font-size:22px;
	color:white;
	float:right;
	background:#0563ae;
}
section {
	border: none;
	overflow: hidden;
	background: #ffffff;
}
section > label {
	line-height: 2em;
	height: 2em;
	background-color: lightslategray;
	color: white;
	display: block;
}
.tabs {
	display: none;
}
.tabs:after {
	content: "";
	display: table;
	clear: both;
}
/* Accordion style rules */
input[id="tab-1"]:not(:checked) ~ .tab.tab-1,
input[id="tab-2"]:not(:checked) ~ .tab.tab-2,
input[id="tab-3"]:not(:checked) ~ .tab.tab-3,
input[id="tab-4"]:not(:checked) ~ .tab.tab-4,
input[id="tab-5"]:not(:checked) ~ .tab.tab-5 {
	height: 2em;
}
input[id="tab-1"]:checked ~ * label[for="tab-1"],
input[id="tab-2"]:checked ~ * label[for="tab-2"],
input[id="tab-3"]:checked ~ * label[for="tab-3"],
input[id="tab-4"]:checked ~ * label[for="tab-4"],
input[id="tab-5"]:checked ~ * label[for="tab-5"] {
	background-color: #00529c;
}
/* Switch to tabs when we have enough HSpace */
@media (min-width: 35em) {
	input[id="tab-1"]:not(:checked) ~ .tab.tab-1,
	input[id="tab-2"]:not(:checked) ~ .tab.tab-2,
	input[id="tab-3"]:not(:checked) ~ .tab.tab-3,
	input[id="tab-4"]:not(:checked) ~ .tab.tab-4,
	input[id="tab-5"]:not(:checked) ~ .tab.tab-5 {
		/* http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/ */
		position: absolute; 
		overflow: hidden; 
		clip: rect(0 0 0 0); 
		height: 1px; width: 1px; 
		margin: -1px; padding: 0; border: 0; 
	}
	.tabs {
		display: block;
		margin: 0; padding: 0;
	}
	.tabs > li {
		list-style: none;
		margin: 0; padding: 0;
	}
	.tabs label {
		display: block;
		color: white;
		background-color: lightslategray;
		padding: .5em 2em;
		border: 1px solid white;
		float: left;
	}
}

/*-- Team --*/

.team {
	background: url("images/plataforma.jpg");
	background-repeat: no-repeat;
	text-align: center;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: #EEE;
}

@media (max-width: 767em) {
  
  .team {
    height:auto;
  }
  .team .heading-underline {
	margin-bottom: 20px;
}
.ch-grid {
	width:20px;
}
}

.team .heading-underline {
	margin-bottom: 40px;
}

p.team-p {
	line-height: 30px;
	text-align: center;
}

.team-grids {
	margin-top:50px;
	margin-left:80px;
}

.ch-grid {
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;
	vertical-align: middle;
}

.ch-grid:after, .ch-item:before {
	content: '';
	display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid {
	display: inline-block;
	margin-left:70px;
}
.ch-item {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
	margin-bottom:50px;
}

.ch-info-wrap, .ch-info{
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.ch-info-wrap {
	top: 20px;
	left: 20px;
	box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-backface-visibility: hidden;
}

.ch-info .ch-info-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
	opacity: 0;
	background: #000;
	pointer-events: none;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
}

.ch-img-1 {
	background-image: url("images/asesoria.png");
	background-position: center center;
}

.ch-img-2 {
	background-image: url("images/agente_comercial.png");
	background-position: center center;
}

.ch-img-3 {
	background-image: url("images/liderazgo.png");
	background-position: center center;
}

.ch-info h4 {
	color: #fff;
	font-size: 16px;
	margin-top: 40px;
}

.ch-info-wrap .ch-info p {
	color: #fff;
	font-size: 14px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-item:hover .ch-info-front {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}

.ch-item:hover .ch-info-back {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	pointer-events: auto;
}

/*-- //Team --*/

/*========== /ACORDEON4 ==========*/
body {
  padding: 0px;
}

.accordion {
  font-family:'calibri', segoe UI, arial;
  padding: 0;
  margin: 3em 0;
  width: 100%;
  overflow: hidden;
  font-size: 1em;
  position: relative;
}

.accordion__title {
  padding: 0 1em;
  background: #ccc;
  border-top: 2px solid #eee;
  color: #222;
  float: left;
  line-height: 3;
  height: 3em;
  cursor: pointer;
  margin-right: .25em;
}

.no-js .accordion__title {
  float: none;
  height:auto;
  cursor:auto;
  margin:0;
  padding:0 2em;
}

.accordion__content {
	float: right;
	width: 100%;
	margin: 3em 0 0 -100%;
	padding: 2em;
	background: #ffffff;
}

.no-js .accordion__content {
  float:left;
  margin:0;
}

.accordion__title:hover,
.accordion__title.active {
  background: #00529c;
  color: white;
}

.no-js .accordion__title:hover {
  background-color:#ccc;
  color:#222;
}

.accordion__title.active {
  border-top-color:#93bde3;
}

@media (max-width: 48em) {
  
  .accordion {
    border: 1px solid grey;
  }
  
  .accordion__title,
  .accordion__content { 
    float: none;
    margin: 0;
  }
  
  .accordion__title:first-child {
    border:none;
  }
  
 .accordion__title.active {
  border-top-color:#eee;
  }
  
  .accordion__title.active, .accordion__title:hover {
    background:#777;
  }
  
  .accordion__title:before {
  content:"+";
  text-align:center;
  width:2em;
  display:inline-block;
  }
 .accordion__title.active:before {
  content:"-";
  }
  
 .overflow-scrolling {
  overflow-y: scroll;
  height:11em;
  padding:1em 1em 0 1em;
  /* Warning: momemtum scrolling seems buggy on iOS 7  */
  -webkit-overflow-scrolling: touch;
  }

  .accordion__content {
    position:relative;
    overflow:hidden;
    padding:0;
  }
  
   .no-js .accordion__content {
    padding:1em;
    overflow:auto;
    display:block;
  }
  
  .accordion__content:after {
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    height:50px;
    border-radius:10px 0 0 10px / 50% 0 0 50%;
    box-shadow:-5px 0 10px rgba(0, 0, 0, 0.5);
    content:'';
}
   
}
/*========== poo up1 ==========*/

.imagenmesDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.imagenmesDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.imagenmesDialog > div {
	width: 500px;
	position: relative;
	margin: 15% auto;
	padding: 5px 20px 40px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	}
.misionDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.misionDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.misionDialog > div {
	width: 700px;
	position: relative;
	margin: 18% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	}

.nosotrosDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.nosotrosDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.nosotrosDialog > div {
	width: 700px;
	position: relative;
	margin: 18% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, rgb(146, 146, 146));
	background: -o-linear-gradient(#fff, #999);
	}

	.visionDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.visionDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.visionDialog > div {
	width: 700px;
	position: relative;
	margin: 18% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	}

.ofertaDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.ofertaDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.ofertaDialog > div {
	width: 500px;
	position: relative;
	margin: 2% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	}
	.feriaDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.feriaDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.feriaDialog > div {
	width: 500px;
	position: relative;
	margin: 2% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	}
	.close {
		background: #30304a;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: 12px;
		text-align: center;
		top: 10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #67b137; }
	
	
	/*========== redes sociales ==========*/