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

body {
	margin:0;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#363636;
	font-weight:300;
	min-height: 4000px;
}

* {
	box-sizing: border-box;
	
}

strong {
	font-weight:500;
}
.container {
	width:1100px;
	margin:auto;
	text-align:center;
	position:relative;
}
a { text-decoration:none; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: 300;
}

img {
	max-width:100%;
}
.table { display: table; }
.cell { display: table-cell; vertical-align: middle; }
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently */
}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

#loading {
	background: rgba(0,0,0,0.9);
	display: table;
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 999999;
	text-align: center;
}
#loading svg {
	display: inline-block;
}
#loading .lineaFondo{
	fill:none;
	stroke:#545469;
	stroke-miterlimit:10;
}
#loading .lineaFrente{
	fill:none;
	stroke:#ffffff;
	stroke-width:4;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10;
	stroke-dasharray: 320, 1000;
	stroke-dashoffset: 340px;
}

.popupContainer {
	background: rgba(40,24,58,0.9);
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
	overflow-y: auto;
	display: none;
	z-index: 100000;
}
.popupContainer .overlay {
	position: absolute;
	cursor: pointer;
	left: 0; top: 0;
	width: 100%; height: 100%;
	cursor: pointer;
}
.popupContainer .table {
	width: 100%; height: 100%;
}
.popupContainer .table .cell {
	display: table-cell; vertical-align: middle;
	text-align: center;
	position: relative;
}
.popupContainer .popup {
	display: inline-block;
	background: #ffffff;
	width: 100%;
	max-width: 1150px;
	padding: 20px;
	box-sizing: border-box;
	min-height: 300px;
	position: relative;
	z-index: 10;
}
.popupContainer .popup .cerrar {
	position: absolute;
	top: 20px; right: 20px;
	width: 64px; line-height: 64px;
	transition: all 0.2s;
	cursor: pointer;
	border: 2px solid #ff2996;
	border-radius: 10px;
	text-align: center;
}
.popupContainer .popup .cerrar:hover {
	background-color: #ff2996;
}

.popupContainer .popup .cerrar svg {
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
}
.popupContainer .popup .cerrar svg .st0 {
	fill:#662D91;
	transition: all 0.3s;
}
.popupContainer .popup .cerrar:hover svg .st0 {
	fill: #ffffff;
}

.popupFundadores {
	padding: 67px !important;
}

.popupFundadores .logo {
	display: block;
	margin: 0 auto 20px;
}

.popupFundadores .titulo h4 {
	display: inline-block;
	vertical-align: middle;
	font-weight : 700;
	font-size : 28px;
	line-height : 64.8px;
	letter-spacing : 1.01px;
	color : #662D91;
}
.popupFundadores .titulo h5 {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	font-size : 16px;
	line-height : 17.26px;
	letter-spacing : 1.6px;
	text-transform : uppercase;
	color : #B3B3B3;
	margin-top: 5px;
}

.popupFundadores .info {
	font-size : 14px;
	line-height : 23px;
	letter-spacing : 0.65px;
	color : #4D4D4D;
	max-width: 800px;
	margin: 20px auto 60px;
}

.popupFundadores .bloqueLila {
	background: #662d91;
	display: inline-block; vertical-align: middle;
	padding: 13px 0;
	width: 37%;
	text-align: left;
}
.popupFundadores .bloqueLila h6 {
	background: #55247f;
	padding: 16px 30px;
	font-size : 27px;
	letter-spacing : 0.97px;
	color : #FFFFFF;
	font-weight: 500;
}
.popupFundadores .bloqueLila p {
	font-size : 15px;
	line-height : 23px;
	letter-spacing : 0.54px;
	color : #FFFFFF;
	padding: 0px 30px;
}


.popupFundadores .bloqueObjetivos {
	display: inline-block; vertical-align: middle;
	width: 63%;
	padding-left: 30px;
	text-align: left;
	padding-bottom: 20px;
}
.popupFundadores .bloqueObjetivos h6 {
	font-size : 27px;
	line-height : 64.8px;
	letter-spacing : 0.97px;
	color : #662D91;
	font-weight: 500;
	padding-bottom: 10px;
	border-bottom: 1px dashed #d8d8d8;
}
.popupFundadores .bloqueObjetivos p {
	font-size : 15px;
	line-height : 23px;
	letter-spacing : 0.54px;
	color : #808080;
	border-bottom: 1px dashed #d8d8d8;
	padding: 10px 0 10px 20px;
	margin: 0;
	font-weight: 400;
	background: url("bullet.png") left 16px no-repeat;
}

#menuMobile {
	display: none;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	position: fixed;
	left: 0; top: 0; width: 100%;
	z-index: 1000;
	background: none;
	
}
#menuMobile .botonMenu {
	position: absolute;
	top: 10px; right: 10px;
	width: 60px; height: 60px;
	background: #000000;
	border-radius: 8px;
	text-align: center;
	color: #ffffff;
	font-size: 35px;
	cursor: pointer;
	padding: 9px;
	box-sizing: border-box;
	transition: all 0.3s;
}
#menuMobile .botonMenu.activo {
	background: #454545;
	color: #ffffff;
}
#menuMobile .botonMenu line {
	fill:none;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10;
}

#desplegableMobile {
	position: fixed;
	top: 0px; left: 0px;
	width: 100%; max-height: 100%;
	background: #000000;
	padding: 100px 20px 70px;
	box-sizing: border-box;
	z-index: 100;
	overflow-y: scroll;
	display: none;
}
#desplegableMobile .boton {
	font-size : 16px;
	letter-spacing : 4.5px;
	text-transform : uppercase;
	color : #ffffff;
	padding: 10px 20px;
	box-sizing: border-box;
	transition: all 0.3s;
	font-weight: 300;
	display: block;
	text-align: center;
	border: none;
	border-radius: 8px;
	max-width: 500px;
	margin: 5px auto;
	cursor: pointer;
}
#desplegableMobile .boton:hover, #desplegableMobile .boton.activo {
	color: #ffffff;
	background: #ff007a;
	border: none;
}


#menuPrincipal {
	background: #f2f2f2;
	text-align: center;
	position: relative;
	padding: 12px 0 5px;
}
#menuPrincipal ::before {
	content: "";
	display: block;
	position: absolute;
	left: 0; top: 0; width: 100%; height: 7px;
	background-image: url("degradeFucsia.png");
	background-size: 100% 100%;
}
#menuPrincipal .logo, #menuPrincipal .botonera {
	display: inline-block; vertical-align: middle;
	padding: 20px;
}
#menuPrincipal .boton,
#menuFlotante .boton {
	font-size : 13px;
	line-height : 17.15px;
	letter-spacing : 1.3px;
	text-transform : uppercase;
	color : #666666;
	display: inline-block; vertical-align: middle;
	padding: 20px;
	cursor: pointer;
	transition: all 0.15s;
}
#menuPrincipal .boton:hover,
#menuPrincipal .boton.activo,
#menuFlotante .boton:hover,
#menuFlotante .boton.activo {
	color: #ff007a;
}

#menuFlotante {
	background: #f2f2f2;
	padding: 10px 0;
	text-align: center;
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	z-index: 1000;
	transform: translateY(-100px);
	transition: all 0.8s;
}
#menuFlotante .logo {
	cursor: pointer;
}
#menuFlotante .logo, #menuFlotante .botonera {
	display: inline-block; vertical-align: middle; margin: 0 20px;
}
#menuFlotante.activo {
	transform: translateY(0);
}

header {
	background-image: url("headerDegrade.png");
	background-size: 100% 100%;
}
header .container {
	padding-top: 200px;
	padding-bottom: 160px;
	text-align: left;
}

header h1 {
	font-weight : 700;
	font-size : 55px;
	line-height : 63px;
	letter-spacing : 1.98px;
	color : #FFFFFF;
	margin-bottom: 25px;
	position: relative;
}
header p {
	font-weight: 200;
	font-size : 20px;
	line-height : 30px;
	letter-spacing : 1px;
	color : #FFFFFF;
	margin-bottom: 40px;
	position: relative;
}
header .boton {
	border-radius: 100000px;
	background-image: url("degradeFucsia.png");
	background-size: 100% 100%;
	display: inline-block;
	cursor: pointer;
	position: relative;
}
header .boton span {
	display: block;
	padding: 17px 35px;
	font-size : 18px;
	letter-spacing : 1.8px;
	text-transform : uppercase;
	color : #FFFFFF;
	background: rgba(0,0,0,0);
	transition: 0.3s;
	border-radius: 100000px;
}
header .boton:hover span {
	color: #ff007a;
	background: rgba(0,0,0,1);
}
header .grafico {
	position: absolute;
	right: -55px;
	top: 0;
	margin-top: 240px;
}

.fondoContainer {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	overflow: hidden;
}

#quienesSomos {
	padding: 110px 0;
	position: relative;
}
#quienesSomos .container {
	padding-left: 580px;
	text-align: left;
}
#quienesSomos h2 {
	font-size : 40px;
	line-height : 64.8px;
	letter-spacing : 1.44px;
	color : #662D91;
	font-weight: 400;
}
#quienesSomos p {
	font-size : 15px;
	line-height : 30px;
	letter-spacing : 0.54px;
	color : #4D4D4D;
}
#quienesSomos .grafico {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	top: 0;
	margin-top: 150px;
}
.linea {
	width: 58px; height: 4px;
	background-image: url("degradeFucsia.png");
	background-size: 100% 100%;
	margin: 15px 0 25px;
}
.lineaBlanca {
	width: 58px; height: 4px;
	background: #ffffff;
	margin: 15px 0 25px;
}
.color {
	color: #662d91;
}

#principios {
	padding: 140px 0 150px;
	position: relative;
	border-top: 1px solid #999999;
	background-image: url("trama2.png");
}
#principios .container {
	width: 1200px;
}
#principios .linea {
	margin-left: auto; margin-right: auto;
}
#principios h2 {
	font-size : 40px;
	line-height : 45px;
	letter-spacing : 1.44px;
	color : #662D91;
}
#principios .intro {
	font-weight: 200;
	font-size : 20px;
	line-height : 30px;
	letter-spacing : 0.72px;
	color : #4D4D4D;
}

#principios .bloqueContainer {
	padding: 20px;
	display: inline-block; vertical-align: top;
	width: 50%;
}
#principios .bloqueContainer .bloque {
	background: #ffffff;
	padding: 30px 22px;
}
#principios .bloqueContainer .bloque .top {
	display: block;
	margin-bottom: 20px;
}
#principios .bloqueContainer .bloque .top .icono,
#principios .bloqueContainer .bloque .top .titulo {
	display: inline-block;
	vertical-align: bottom;
}
#principios .bloqueContainer .bloque .top .icono {
	width: 13%;
	border-right: 1px solid #662d91;
	text-align: left;
}
#principios .bloqueContainer .bloque .top .icono svg .st0{opacity:0.5;fill:#B3B3B3; transition: all 0.3s; }
#principios .bloqueContainer .bloque .top .icono svg .st1{fill:#F2F2F2; transition: all 0.3s; }
#principios .bloqueContainer .bloque .top .icono svg .st2{fill:#662D91; transition: all 0.3s; }
#principios .bloqueContainer .bloque .top .icono svg .st3{fill:#662D91; transition: all 0.3s; }

#principios .bloqueContainer .bloque .top:hover .icono svg .st1{ fill:#ff007a; }
#principios .bloqueContainer .bloque .top:hover .icono svg .st3{ fill:#ffffff; }


#principios .bloqueContainer .bloque .top .titulo {
	width: 87%;
	padding-left: 13px;
	text-align: left;
}
#principios .bloqueContainer .bloque .top .titulo h3 {
	font-size : 16px;
	color : #662d91;
	font-weight: 500;
	margin-bottom: 5px;
	line-height : 18px;
	transition: all 0.3s; 
}
#principios .bloqueContainer .bloque .top:hover .titulo h3 {
	color : #ff007a;	
}
#principios .bloqueContainer .bloque .top .titulo p {
	font-size : 11px;
	line-height : 16px;
	letter-spacing : 0.47px;
	color : #999999;
	margin: 0;
}

#principios .bloqueContainer .bloque .info {
	font-size : 12px;
	line-height : 21px;
	letter-spacing : 0.43px;
	color : #4D4D4D;
	text-align: left;
	margin-bottom: 30px;
}
#principios .bloqueContainer .bloque .boton {
	border-radius: 100000px;
	background-image: url("degradeFucsia.png");
	background-size: 100% 100%;
	display: inline-block;
	cursor: pointer;
	position: relative;
}
#principios .bloqueContainer .bloque .boton span {
	display: block;
	padding: 13px 15px 13px 25px;
	font-size : 12px;
	letter-spacing : 1.8px;
	text-transform : uppercase;
	color : #FFFFFF;
	background: rgba(0,0,0,0);
	transition: 0.3s;
	border-radius: 100000px;
	font-weight: 400;
}
#principios .bloqueContainer .bloque .boton span img {
	display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -3px;
}
#principios .bloqueContainer .bloque .boton:hover span {
	color: #ff007a;
	background: rgba(0,0,0,1);
}


#participantes {
	padding: 170px 0 170px;
	position: relative;
	background-image: url("degradeFucsia.png");
}
#participantes .container {
	text-align: left;
	padding-right: 550px;
}
#participantes .grafico {
	position: absolute;
	left: 50%;
	margin-left: 50px;
	top: 0;
	margin-top: 150px;
}
#participantes .fondo {
	position: absolute;
	left: -10%; top: -10%;
	width: 120%; height: 120%;
	background: url(participantesFondo.png) center no-repeat;
	background-size: cover;
}

#participantes h2 {
	font-size : 40px;
	line-height : 64.8px;
	letter-spacing : 1.44px;
	color : #FFFFFF;
}
#participantes p {
	font-size : 16px;
	line-height : 27px;
	letter-spacing : 0.58px;
	color : #FFFFFF;
}

#denuncias {
	padding: 160px 0;
	position: relative;
	border-top: 1px solid #CCCCCC;
	background-image: url("trama2.png");
}

#denuncias .fondo {
	position: absolute;
	left: -10%; top: -10%;
	width: 120%; height: 120%;
	background: url(trama3.png) center repeat;
}

#denuncias .colIzq {
	display: inline-block; vertical-align: middle;
	width: 52%;
	text-align: left;
	padding-right: 60px;
}
#denuncias .colDer {
	display: inline-block; vertical-align: middle;
	width: 48%;
	background: #662d91;
	text-align: left;
}

#denuncias .colIzq h2 {
	font-size : 40px;
	line-height : 47px;
	letter-spacing : 1.44px;
	color : #662D91;
}
#denuncias .colIzq .linea {
	margin: 40px 0;
}
#denuncias .colIzq p {
	font-size : 18px;
	line-height : 23px;
	letter-spacing : 0.65px;
	color : #4D4D4D;
}

#denuncias .colDer .bloque {
	padding: 40px;
}
#denuncias .colDer .bloque h4 {
	font-size : 25px;
	letter-spacing : 0.9px;
	color : #FFFFFF;
}
#denuncias .colDer .bloque p {
	font-size : 17px;
	line-height : 23px;
	letter-spacing : 0.61px;
	color : #FFFFFF;
	margin-bottom: 30px;
}
#denuncias .colDer .bloque .boton {
	background: #ffffff;
	padding: 13px 25px 10px;
	font-size : 16px;
	letter-spacing : 1.6px;
	text-transform : uppercase;
	color : #662D91;
	cursor: pointer;
	display: inline-block;
	border-radius: 10000px;
	font-weight: 500;
	transition: all 0.3s;
}
#denuncias .colDer .bloque .boton svg {
	display: inline-block; vertical-align: middle;
	margin-left: 5px;
	margin-top: -5px;
}
#denuncias .colDer .bloque .boton svg .st0 { fill:#662D91; transition: all 0.3s; }

#denuncias .colDer .bloque .boton:hover {
	background: #000000;
	color: #ff007a;
}
#denuncias .colDer .bloque .boton:hover svg .st0 { fill:#ff007a; }

#denuncias .colDer .bloque2 {
	padding: 20px 40px;
	font-size : 14px;
	line-height : 16px;
	letter-spacing : 0.5px;
	color : #FFFFFF;
	background: #55257f;
}

#fundadores {
	padding: 150px 0;
	position: relative;
	background-image: url("degradeFucsia.png");
}

#fundadores .fondo {
	background: url(fundadoresFondo.jpg) center no-repeat;
	background-size: cover;
	position: absolute;
	left: -10%; top: -10%; width: 120%; height: 120%;
}

#fundadores h2 {
	font-size : 40px;
	line-height : 64.8px;
	letter-spacing : 1.44px;
	color : #FFFFFF;
}
#fundadores .linea {
	margin: 20px auto;
}
#fundadores .intro {
	font-size : 20px;
	line-height : 25px;
	letter-spacing : 0.72px;
	color : #FFFFFF;
}

#fundadores .columna {
	display: inline-block; vertical-align: top;
	padding: 15px;
	width: 50%;
}
#fundadores .columna .bloque {
	background: #ffffff;
	padding: 35px;
	text-align: left;
}
#fundadores .columna .bloque img {
	display: block;
	margin-bottom: 20px;
}
#fundadores .columna .bloque h4 {
	display: inline-block; vertical-align: middle;
	font-weight : 800;
	font-size : 28px;
	letter-spacing : 1.01px;
	color : #662D91;
}

#fundadores .columna .bloque h5 {
	display: inline-block; vertical-align: middle;
	font-size : 13px;
	line-height : 17.26px;
	letter-spacing : 0.5px;
	text-transform : uppercase;
	color : #B3B3B3;
	margin-left: 10px;
	margin-bottom: -8px;
}

#fundadores .columna .bloque p {
	font-size : 14px;
	line-height : 20px;
	letter-spacing : 0.5px;
	color : #4D4D4D;
	margin-bottom: 20px;
}

#fundadores .columna .bloque .boton {
	border-radius: 100000px;
	background-image: url("degradeFucsia.png");
	background-size: 100% 100%;
	display: inline-block;
	cursor: pointer;
	position: relative;
}
#fundadores .columna .bloque .boton span {
	display: block;
	padding: 10px 20px;
	font-size : 14px;
	letter-spacing : 1.8px;
	text-transform : uppercase;
	color : #FFFFFF;
	background: rgba(0,0,0,0);
	transition: 0.3s;
	border-radius: 100000px;
}
#fundadores .columna .bloque .boton:hover span {
	color: #ff007a;
	background: rgba(0,0,0,1);
}

#contacto {
	padding: 150px 0;
	background: #28183a;
	position: relative;
}

#contacto .container {
	text-align: left;
}

#contacto h2 {
	font-size : 40px;
	line-height : 64.8px;
	letter-spacing : 1.44px;
	color : #FFFFFF;
	margin-left: 10px;
}
#contacto .linea {
	margin: 20px 0;
	margin-left: 10px;
}
#contacto .col {
	display: inline-block; vertical-align: middle;
	padding: 10px;
	width: 100%;
}
#contacto .col50 {
	width: 50%;
}
#contacto .campo {
	background: #ffffff;
	font-size : 14px;
	letter-spacing : 0.7px;
	color : #707070;
	padding: 20px 20px;
	border-radius: 5px;
	width: 100%;
	border: 0;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contacto .botonEnviar {
	border-radius: 100000px;
	background-image: url("degradeFucsia.png");
	background-size: 100% 100%;
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-left: 10px;
	margin-top: 20px;
}
#contacto .botonEnviar span {
	display: block;
	padding: 18px 35px 17px;
	font-size : 18px;
	letter-spacing : 1.8px;
	text-transform : uppercase;
	color : #FFFFFF;
	background: rgba(0,0,0,0);
	transition: 0.3s;
	border-radius: 100000px;
}
#contacto .botonEnviar:hover span {
	color: #ff007a;
	background: rgba(0,0,0,1);
}
#contacto .botonEnviar span svg {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -5px;
}
#contacto .botonEnviar span svg .st0 {
	fill:#FFFFFF;
	transition: all 0.3s;
}
#contacto .botonEnviar:hover span svg .st0 {
	fill: #ff007a;
}

footer {
	padding: 80px 0 50px;
	background: #1a1026;
	text-align: center;
	position: relative;
}

footer .logo {
	margin: 0 auto 20px;
}
footer .legales {
	font-size : 14px;
	letter-spacing : 0.7px;
	color : #CCCCCC;
	border-top: 1px solid #28183a;
	padding-top: 30px;
}

.botonFlecha {
	position: absolute;
	left: 50%;
	margin-left: -33px;
	top: -33px;
	width: 66px; height: 66px;
	background: #f2f2f2;
	border-radius: 10000px;
	padding: 6px;
	cursor: pointer;
	z-index: 99;
	transition: all 0.3s;
}
.botonFlecha .circulo {
	background: #ffffff;
	width: 100%; height: 100%; vertical-align: middle;
	border: 1px solid #cccccc;
	border-radius: 10000px;
	text-align: center;
	transition: all 0.3s;
}
.botonFlecha .circulo svg {
	display: inline-block; vertical-align: middle;
	margin-top: 23px;
	transition: all 0.3s;
}

.botonFlecha .circulo svg .st0 {
	fill:#FF007A;
	transition: all 0.3s;
}
.botonFlecha:hover {
	padding: 2px;
}
.botonFlecha:hover .circulo {
	background: #ff007a;
	border-color: #ff007a;
}
.botonFlecha:hover .circulo svg {
	margin-top: 35px;
}
.botonFlecha:hover .circulo svg .st0 {
	fill:#ffffff;
}
.botonFlecha .circulo svg {
	margin-top: 20px;
}
.botonFlecha.botonFlechaUp:hover .circulo svg {
	margin-top: 15px;
}


#adchoices {
	padding: 160px 0;
	background: #ffffff;
	position: relative;
}

#adchoices .fondo1 {
	background: url("adchoicesFondo01.png") left top no-repeat;
	width: 100%; height: 100%;
	position: absolute;
	left: 0; top: 0;
}
#adchoices .fondo2 {
	background: url("adchoicesFondo02.jpg") right bottom no-repeat;
	width: 100%; height: 100%;
	position: absolute;
	left: 0; top: 0;
}

#adchoices .container {
	text-align: left;
}
#adchoices .columna {
	width: 100%; max-width: 480px;
	display: inline-block; vertical-align: top;
	padding: 30px;
}
#adchoices .columna2 {
	max-width: 535px;
}
#adchoices .logoAdChoices {
	width: 325px;
	margin-bottom: 30px;
}
#adchoices .about {
	font-size : 15px;
	line-height : 28px;
	letter-spacing : 0.75px;
	color : #4D4D4D;
	margin: 0 0 30px;
}
#adchoices .about strong {
	font-weight: 700;
	color: #00ABCA;
}
#adchoices .masinfo {
	font-size : 23px;
	letter-spacing : 1.15px;
	color : #FFFFFF;
	padding: 16px 50px;
	background: #00ABCA;
	border-radius: 10000px;
	display: inline-block; 
	transition: all 0.3s;
}
#adchoices .masinfo:hover {
	background: #1A1A1A;
	color: #00B9DB;
}
#adchoices .bloqueVideo {
	background: #EBEBEB;
	width: 100%;
	padding: 15px;
	border-radius: 10px;
	cursor: pointer;
}
#adchoices .bloqueVideo p {
	text-align: center;
	font-weight : 700;
	font-size : 21px;
	letter-spacing : 1.05px;
	text-transform : uppercase;
	color : #00ABCA;
	margin: 0;
	padding: 20px 0 28px;
}
#adchoices .bloqueVideo .preview {
	width: 100%; height: 250px;
	background: url("adchoicesVideoPreview.png") center no-repeat;
	background-size: cover;
	position: relative;
}
#adchoices .bloqueVideo .preview::before {
	content: "";
	display: block;
	position: absolute;
	left: 0; top: 0; width: 100%; height: 100%;
	background: url("adchoicesVideoPreview.png") center no-repeat rgba(0,0,0,0.35);
	transition: all 0.3s;
}
#adchoices .bloqueVideo:hover .preview::before {
	background-color: rgba(0,177,209,0.4);
}

#popupVideo {
	max-width: 908px;
	padding: 10px;
}
#popupVideo .cerrar {
	border: none;
	background-color: #ffffff;
}
#popupVideo .cerrar:hover {
	background-color: #ff2996;
}
#popupVideo .bloqueVideo iframe {
	width: 100%;
	height: 500px;
}


@media (max-width: 1700px) {
	#adchoices .fondo2 {
		background-image: url("adchoicesFondo02_mobile.jpg");
	}
}

@media (max-width: 1300px) {
	
	#menuPrincipal .boton, #menuFlotante .boton {
		font-size: 11px;
		padding: 15px;
	}
	#menuPrincipal .logo {
		width: 200px;
	}
	#adchoices .container {
		text-align: center;
	}
	
}

@media (max-width: 1200px) {
	.container {
		width: 100% !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	header .fondoContainer::after {
		content: "";
		display: block;
		position: absolute;
		left: 0; top: 0; width: 100%; height: 100%;
		background: rgba(0,0,0,0.4);
	}
	#quienesSomos .fondoContainer::after {
		content: "";
		display: block;
		position: absolute;
		left: 0; top: 0; width: 100%; height: 100%;
		background: rgba(255,255,255,0.9);
	}
	#principios .bloqueContainer {
		width: 100%;
	}
	#participantes .grafico {
		margin-left: -230px;
	}
	#participantes .fondoContainer::after {
		content: "";
		display: block;
		position: absolute;
		left: 0; top: 0; width: 100%; height: 100%;
		background: rgba(140,0,70,0.6);
	}
	
	#denuncias .colIzq {
		width: 100%;
		padding-right: 0;
		margin-bottom: 40px;
	}
	#denuncias .colDer {
		width: 100%;
	}
	#denuncias .colDer .bloque2 br { display: none; }
	
	.popupFundadores .bloqueLila {
		width: 100%;
		margin-bottom: 40px;
	}
	.popupFundadores .bloqueObjetivos {
		width: 100%;
		padding-left: 0;
	}
	
}

@media (max-width: 1100px) {
	#menuPrincipal .logo, #menuFlotante .logo {
		display: none;
	}
}

@media (max-width: 900px) {
	#menuPrincipal, #menuFlotante { display: none; }
	#menuMobile, #desplegableMobile  { display: block; }
	#fundadores .columna {
		width: 100%;
	}
}

@media (max-width: 700px) {
	
	#principios .bloqueContainer .bloque .top .icono {
		display: none;
	}
	#principios .bloqueContainer .bloque .top .titulo {
		width: 100%;
		padding-left: 0;
	}
	#contacto .col50 {
		width: 100%;
	}
	#popupVideo .bloqueVideo iframe {
		height: 330px;
	}
}


@media (max-width: 600px) {

	#principios .bloqueContainer .bloque .top .icono {
		display: none;
	}
	
	#contacto .botonEnviar span {
		letter-spacing: 0;
		font-size: 16px;
		font-weight: 500;
	}
	#popupVideo .bloqueVideo iframe {
		height: 280px;
	}
}


@media (max-width: 500px) {

	.container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
}