/*@group fuentes /*


/*@end fuentes */
video {
    width: 100%;
}
 
@font-face {
    font-family: 'actobold';
    src: url('../fonts/acto-bold-webfont.eot');
    src: url('../fonts/acto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/acto-bold-webfont.woff') format('woff'),
         url('../fonts/acto-bold-webfont.ttf') format('truetype'),
         url('../fonts/acto-bold-webfont.svg#actobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'actomedium';
    src: url('../fonts/acto-medium-webfont.eot');
    src: url('../fonts/acto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/acto-medium-webfont.woff') format('woff'),
         url('../fonts/acto-medium-webfont.ttf') format('truetype'),
         url('../fonts/acto-medium-webfont.svg#actomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@group generales */
body {
	background: #fff url('../images/back-bocas.jpg') top left no-repeat fixed;
	background-size: cover;
	width: 100%;
	height: auto;
	font-family: 'actomedium';
	-webkit-font-smoothing: antialiased;
}
.content-ppal.despliegues {
	/*background: rgba(255, 255, 255, 0.84);*/
	margin: 0;
	color: #232323;
	padding: 0;
	top: 0;
	height: auto;
	overflow: hidden;
}
.content-ppal.despliegues .content-int {
	padding: 20px 30px 30px 30px;
	width: 883px;
	overflow: hidden;
	margin: 60px auto;
	background: #25262a;
}
.despliegues .tit-principal {
	margin: 10px 0;
	font-size: 1.3em;
	font-family: 'actomedium';
	text-align: left;
	font-weight: bold;
	color: #fff;
}

.despliegues .tit-principal span {
	color: #5db4c8;
}

.despliegues p {
	font-family: 'actomedium';
	font-size: 1em;
	font-weight: lighter;
	-webkit-font-smoothing: antialiased;
	margin: 15px 0 20px;
	line-height: 1.3;
	color: #fff;
}
.despliegues .video{
	height:0px;
    width:100%;
    max-width:1000px;
    padding-top:56.25%;
    position:relative;
}
.despliegues .video object{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
}
.despliegues .video script{
	width: 300px;
}
.despliegues h2{
	font-size: 1.2em;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	margin: 10px;
}
.despliegues .btn-suscribete {
	background: #5d5d5e;
	border: 1px solid #FFF;
	color: #FFF;
	padding: 15px 30px;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 auto;
	text-align: center;
}
.despliegues .btn-suscribete:hover{
	background: #202021;
	color: #FFF;
	border: 1px solid #ACACAC;
}
.despliegues .cont-btn {
	width: 100%;
	text-align: center;
	display: block;
	margin: 30px 0;
}
.despliegues .cont-btn p{
	margin: 30px 0 0;
}
.despliegues .form-contacto input[type=submit]{
	float: right;
	background: #84bfd4;
	border: 1px solid #FFF;
	color: #FFF;
	padding: 7px 30px;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 29px;
	text-align: center;
	width: 180px;
	font-size: 1em;
	height: 34px;
}
.despliegues .form-contacto input[type=submit]:hover{
	background: #5D5D5E;
	color: #FFF;
	border: 1px solid #fff;
}
.despliegues .cont-btn p a{
	font-family: 'actobold';
	color: #151515;
	text-decoration: underline;
}
.despliegues .cont-btn p a:hover{
	color: #4F4F4F;
}
.despliegues .form-contacto ul{
	float: left;
	margin: 0 10px;
}
.despliegues .form-contacto li{
	margin: 10px;
}
.despliegues .form-contacto li a{
	font-family: 'actomedium';
	color: #151515;
	padding: 0 10px 0;
}
.despliegues .form-contacto .items {
	float: left;
	margin: 2px 0 0 220px;
	font-size: 0.9em;
	line-height: 2;
}
.despliegues .form-contacto .items input[type=checkbox]{
	float: left;
	width: 25px;
	clear: both;
	height: 14px;
	margin: 8px 0 0 0;
}
.despliegues .img-suscribete {
	width: 100%;
	text-align: center;
}
.despliegues .img-suscribete img {
	text-align: center;
	margin: 0 auto;
}
.despliegues .form-contacto {
	background: rgba(208, 215, 218, 0.77);
	padding: 3px 10px 10px;
	margin: 0 0 30px 0;
	overflow: hidden;
}
.despliegues .form-contacto h2{
	text-align: left;
	border-bottom: 1px solid #909193;
	line-height: 2;
	font-size: 1.05em;
	margin: 10px 10px 10px;
}
.despliegues .form-contacto label{
	font-family: 'actomedium';
	text-align: right;
	text-transform: uppercase;
	margin: 5px 10px 4px 30px;
	float: left;
	width: 180px;
}
.despliegues .form-contacto input{
	display: block;
	overflow: hidden;
	width: 70%;
	height: 27px;
	border: 1px solid #B5B4B4;
	margin: 0 0 20px 0;
	color: #625d5d;
	-webkit-font-smoothing: antialiased;
	font: lighter 0.8em 'actomedium';
}
.despliegues .form-contacto textarea {
	border: 1px solid #B5B4B4;
	min-width: 70%;
	min-height: 100px;
	color: #625d5d;
	-webkit-font-smoothing: antialiased;
	font: lighter 0.8em 'actomedium';
}
.despliegues .terminos a{
	color: #5db4c8;
	text-decoration: underline;
}
.despliegues .terminos h2{
	text-align: left;
	margin: 12px 0;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #fff;
}
.despliegues .terminos h3 {
	font-size: 0.8em;
	-webkit-font-smoothing: antialiased;
	font-weight: lighter;
	color: #fff;
}
.despliegues .img-big {
	float: left;
	border: 9px solid #7fb3c8;
	margin: 5px 8px 0 0;

}
.despliegues .img-big img{
	margin: 0 0 -5px 0;
}
.despliegues .img-big .texto-im-big {
	width: 400px;
	font-family: 'actomedium';
	font-size: 1em;
	font-weight: lighter;
	-webkit-font-smoothing: antialiased;
	padding: 7px 0 0 0;
	line-height: 1.3;
	color: #fff;
	background: #7fb3c8;
}
.despliegues.portadas label {
	width: 160px;
	float: left;
	color: #fff;
	margin: 0 10px;
	font: lighter 1em 'actomedium';
}
.despliegues.portadas select {
	width: 125px;
	display: block;
	border: 1px solid #C1C0C0;
	height: 34px;
	font: lighter 1em 'actomedium';
	padding: 7px;
}
.despliegues.portadas li{
	float: left;
	background: #7fb3c8;
	padding: 2px 5px;
	margin: 10px 2px;
}
.despliegues.portadas li:hover{
	background: #454850;
	color: #FFF;
}
.despliegues.portadas fieldset{
	margin: 23px 0;
}
.despliegues.portadas h3{
	color: #fff;
	text-transform: uppercase;
	font: lighter 1em 'actomedium';
}
.despliegues.portadas .portadas-movil{
	display: none;
}

.despliegues .tener-bocas-movil img{
	display: none;
}

.despliegues.portadas form.listBoxMes{
	display: none;
}

#main {overflow: hidden;
display: -webkit-box;
margin: -11px 0;
height: 410px;}

.flexslider .slides li{
	position: relative;
	width: 93.2%;
}
.flexslider .slides p{
	background: rgba(0,0,0,0.7);
	bottom: 0;
	color: #FFF;
	font-family: 'sansationregular';
	font-size: 16px;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 93.2%;
}
.flex-direction-nav li{
	padding: 0 !important;
}

.galeria-desktop{

}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf zoom:1;

.slider { margin: 0!important;}

#galeria-desktop .slides li{
	height:540px;
	overflow: hidden;
	background: #343438;
}

#galeria-desktop .slides li img{
	height: 100%;
}

#carousel .slides{
	height: 120px;
	overflow: hidden;
	padding: 10px 53px;
	background: #343438;
}

#carousel .slides li{
	width: 120px;
	height: 120px;
	overflow: hidden;
}

#carousel li {
	margin-right: 10px;
}
#carousel img {
	display: block;
	opacity: .5;
	cursor: pointer;
}
#carousel img:hover {
	opacity: 1;
}
#carousel .flex-active-slide img {
	opacity: 1;
	cursor: default;
}

#carousel .flex-direction-nav a.flex-next{
	background-position: -60px -132px;
	height: 142px;
	top: 18px;
}

#carousel .flex-direction-nav a.flex-next:hover{
	background-position: -60px -285px;
}

#carousel .flex-direction-nav a.flex-prev{
	background-position: 0px -132px;
	height: 142px;
	top: 18px;
}

#carousel .flex-direction-nav a.flex-prev:hover{
	background-position: 0px -285px;
}

/* Loading
***********************/
.loading #container {opacity: 0;}
.loading:before  { content: 'LOADING'; display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }
body {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}


.flex-direction-nav a{
	background: url(../images/sprite_gal_movil.png) no-repeat left 0px;
	text-indent: -9999px;
}


.flex-direction-nav a.flex-next{
	background-position: -60px -4px;
	text-align: center;
	text-indent: -9999px;
}

.flex-direction-nav a.flex-next:hover{
	background-position: -60px -74px;
}

.flex-direction-nav a.flex-prev{
	background-position: 0px -4px;
}

.flex-direction-nav a.flex-prev:hover{
	background-position: 0 -74px;
}

.content-ppal {
	margin: 70px 0;
}
.content-ppal .log-habitar{
	background: url('../images/log-max-bocas.png') no-repeat left top;
	width: 465px;
	height: 362px;
	display: block;
	margin: 0 auto;
	padding: 0 0 20px 0;
}
.row{
	max-width: 940px;
	min-width: 720px;
	margin: 0 auto;
}

/*@end generales */

/*@group header */

header .content-header-movil {
 	width: 100%;
 	height: 45px;
 	background: #61abc6;
 	box-shadow: 3px 3px 4px #020202;
 	display: none;
 }
header .content-header-movil .btn-volver{
	background: url('../images/icon-regresar.jpg') no-repeat left top;
	width: 45px;
	height: 45px;
	display: block;
	float: left;
}

header .content-header-desktop .logo-rev {
	position: absolute;
	padding: 0;
}

header .content-header-movil .logo-revista {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
header .content-header-movil .btn-menu{
	background: url('../images/icon-menu-movil.jpg') no-repeat left top;
	width: 45px;
	height: 45px;
	display: block;
	float: right;
	margin: -49px 0;
}
header .content-header-movil .btn-menu.activo {
	background: url('../images/icon-menu-movil-activo.jpg') no-repeat left top;
	display: block;
}
header .content-header-desktop {
	height: 60px;
	background: rgba(64, 67, 76, 0.96);
	box-shadow: 3px 3px 4px #020202;
	overflow: hidden;
}
header .content-header-desktop li {
	list-style: none;
	float: left;
	margin: 0 20px 0 0;
}
header .content-header-desktop nav{
	font-size: 1.1em;
	float: right;
}
header .content-header-desktop nav li {
	float: left;
	margin: 18px 0px;
	text-align: center;
	border-left: 1px dashed #C6C4C4;
}

header .content-header-desktop nav li:first-child {
	border:none;
}

header .content-header-desktop nav li a{
	color: #fff;
	font-size: 15px;
	font-family: 'actomedium';
	font-weight: normal;
	padding: 5px 10px;
}
header .content-header-desktop nav li a:hover{
	background: #5db4c8;
	color: #FFF;
}
header .content-header-desktop nav li a.active{
	background: #5db4c8;
	color: #FFF;
}

/*@end header */

/*@group nav movil */
.nav-movil {
	background: #454850;
	position: absolute;
	right: 0;
	top: 46px;
	font-size: 1em;
	box-shadow: 0px 3px 5px #444;
	display: none;
	z-index: 9;
}
.nav-movil li a{
	color: #fff;
}
.nav-movil li {
	border-bottom: 1px solid #eeeeee;
	padding: 0 10px 5px;
	text-align: left;
}
.nav-movil li:last-child{
	border: none;
}
/*@end nav movil */

/*@group nav principal */
nav {
	font-size: 1.5em;
	margin: 0 auto;
	color: #fff;
	text-align: center;
}
nav li {
	list-style: none;
	margin:1.5em 0;
}
nav li a{
	color: #FFF;
	text-transform: uppercase;
	padding: 10px;
}
nav li a:hover{
	color: #fff;
	background: #61abc6;
	padding: 10px;
}

.btn_Redes{
	width: 106px;
	margin: 0 auto;
	overflow: hidden;
}

.btn_Redes li{
	list-style: none;
}

.btn_Redes .btn_facebook {
	background: url('../images/btn_facebook.png') no-repeat center top;
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	float: left;

}
.btn_Redes .btn_facebook:hover {
	background-position: 0px -51px;
	padding: 0;
}

.btn_Redes .btn_twitter{
	background: url('../images/btn_twitter.png') no-repeat center top;
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	float: right;
}
.btn_Redes .btn_twitter:hover {
	background-position: 0px -51px;
	padding: 0;
}
/*@end nav principal /*

/*@group footer */
footer {
	background: rgba(57, 71, 76, 0.9);
	box-shadow: 0px 16px 52px #080707;
	overflow: hidden;
	text-transform: uppercase;
	bottom: 0;
}

.footerBorder{
	border-top: 1px dashed #fff;
	margin-top: 8px;
}
footer ul{
	float: left;
	margin: 0.9em 0em;
	padding: 10px 13px 8px 10px;
	border-right: 1px solid #C6C5C5;
	height: 125px;
}
footer ul:nth-child(4){
	border: none;
	margin: 0.9em 0;
}
footer ul:nth-child(2){
	border: none;
}
footer ul:nth-child(3){
	padding: 33px 9px 0px 0;
	height: 110px;
}
footer ul li{
	color: #fff;
	font-size: 0.75em;
	font-family: 'actomedium';
	padding: 2px 0;
}
footer ul li.ttl-footer {
	font-family: 'actobold';
	font-size: 1em;
}
footer ul li a{
	color: #fff;
}
footer ul li a:hover{
	text-decoration: underline;
}
footer ul li a.terminos {
	font-size: 1.2em;
	font-family: 'actobold';
}
footer .content-copy {
	font-size: 0.7em;
	font-family: 'actomedium';
	background: rgba(204, 204, 204, 0.77);
	overflow: hidden;
	clear: both;
	text-align: center;
	padding: 10px;
	color: #383838;
}
footer .terminos-con {
	font-family: 'actobold';
	display: none;
	font-size: 1.1em;
	color: #383838;
	text-decoration: underline;
	line-height:2;
}

/*@end footer */

iframe {
  max-width: 100%;
}

/* @group Mediaqueries */
@media (max-width: 1024px){
	.nav-movil{display: none;}
}
@media (max-width: 800px) {
	footer .content-sec{ display: none;}
	.row {max-width: 100%; min-width: 100%;}
	footer .terminos-con {display: block;}
	.content-ppal .log-habitar{display: none;}
	nav li a {font-size: 0.8em;	background: rgba(89, 156, 180, 0.9); padding: 10px;}
	header .content-header-movil .logo-revista {margin-right: 7%}
	.nav-movil {display: none;}
	.nav-movil a{background: none; }
	.nav-movil li{margin:0; padding: 10px}
	.nav-movil li a{padding: 10px 10px;}
	.nav-movil li a:hover{background-color: #454850;}
	header .content-header-movil{display: block;}
	header .content-header-desktop {display: none;}
	.content-ppal.despliegues .content-int {width: 90%; padding: 12px; margin: 0px auto; margin-bottom:20px; background: rgba(41, 42, 46, 0.57);}

	.despliegues.portadas form{display: block;}
	.despliegues.portadas form.listBoxMes{display: block;}

	.despliegues.portadas .portadas-movil form{display: block;}

	.despliegues .tener-bocas-desktop img{display: none;}
	.despliegues .tener-bocas-movil img{display: block;}

	.despliegues.portadas .portadas-movil fieldset {
	margin: 0 0 10px 0;
	float: left;
	}
	.despliegues.portadas .portadas-movil label {
	width: 25px;
	float: left;
	color: #fff;
	font: lighter 1em 'actomedium';
	}
	.despliegues.portadas .portadas-movil select {
	width: 100px;
	float: left;
	display: block;
	border: 1px solid #C1C0C0;
	height: 25px;
	font: lighter 1em 'actomedium';
	padding: 7px;
	}

	.despliegues .form-contacto .items {
	float: left;
	margin: 2px 0 0 0px;
	font-size: 0.9em;
	line-height: 1.5;
	color: #fff;
	}
	.despliegues .form-contacto .items input[type=checkbox]{
	float: left;
	width: 25px;
	clear: both;
	height: 14px;
	margin: 8px 0 0 0;
	}

	.despliegues .video {width: 90%;}
	.despliegues .video object{width: 80%;}
	.despliegues p {width: 95%;}
	.despliegues .form-contacto h2{color: #fff; font-size: 1em;}
	.despliegues .form-contacto label{width: 100px; margin: 6px 0 10px 0px; font-size: 0.9em; color: #fff; text-align: left;}
	.despliegues .form-contacto input {width: 98%; height: 35px; margin: 0;}
	.despliegues .form-contacto {margin: 0 18px 19px 0; background: rgba(41, 42, 46, 0.77);}
	.despliegues .form-contacto textarea {min-width: 97%;}
	.despliegues .form-contacto input[type=submit]{margin: 10px 60px;}
	.despliegues .form-contacto li {color: #fff; margin: 4px; font-size: 0.9em;}
	.despliegues .form-contacto li a{color: #fff;}
	.despliegues.portadas .portadas-movil {display: block;}
	.despliegues.portadas .portadas-desktop, .despliegues.portadas .img-big {display: none;	}
	.despliegues.portadas .portadas-movil li{ padding: 10px 10px;}
	.despliegues.portadas li:hover{background: #FFF;color: #000;}
	.despliegues .img-suscribete img {width: 93%;}
	.flexslider .slides > li {display: block!important;}
	iframe {  max-width: 94%;}
}
@media (max-width: 500px){
	.flex-direction-nav {}
	#main {
	overflow: hidden;
	display: block!important;
	margin: -19px 0 !important;
	height: 456px !important;
	}
	.galeria-desktop{
		width: 95%;
	}

	#carousel{
		display: none;
	}
	#galeria-desktop .slides li{
	max-height:280px;
	overflow: hidden;
	background: #343438;
	}
	#galeria-desktop .slides li img{
		height: 100%;
	}

}