/*  Mac only CSS hack  */
p {
	line-height: 1.2em;
}
.mac-os p {
	line-height: 1em;
}
.mac-os .title {
	margin-top: 5%;
}
.title {
	margin-top: 3%;
}
.clear-both {
	clear: both;
}
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
}
html { background-color: #2f2f2f;}
body {
	margin: 0;
	padding: 0;
	background-color: #2f2f2f;
	font-family: 'font', 'allerregular', Sans-Serif;
	font-size: 16px;
}

img {
	border: 0px;
}
.container {
	min-width: 400px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
/* ---------------------------------------------------------- */

/* INDEX */

.btnEntrar {
	cursor: pointer;
	width: 100%;
	height: 100%;
	position:absolute;
	margin: 0;
	padding: 0;
	top:0;
	left:0;
	z-index:99;
	display:block;
}

.contImgIndex {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -40%;
	margin-top: -8%;
}


.contImgIndex img {
	width: 100%;
}

.contImgIndex .maskVideo {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:50;
	}

.contImgIndex iframe { width:100%;
			height:100%;}
			
.contImgIndex .video_cnt {
	height:0px;
	width:100%;
	padding-top:56.25%; /* Relación: 16/9 = 56.25% */
	position:relative;
}

.contImgIndex .video_cnt iframe {
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
}			
			
/* ---------------------------------------------------------- */

.container-articulo {
	width: 1020px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 15px;
}
.logo-wysi {
	margin: 20px 20px 150px 10px;
}
.logo-wysi div {
	float: left;
}
.logo-wysi img a:link {
	border: 0;
}
.logo-wysi #logo {
	margin-right: 15px;
	margin-left: 1%;
}
div.icons {
	float: right;
	width: 60%;
}
div.icons div {
	float: right;
	margin-left: 2%;
}
div.icons p {
	margin: 0px;
	margin-left: 10px;
	color: #FFF;
	/*font-size:18px;*/
	padding-top: 2px;
}
.telefono {
	vertical-align: middle;
}
.telefono p, .telefono a {
	color: #FFF;
	vertical-align: middle;
	font-size: 1.7em;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	text-decoration: none;
}
.mac-os .telefono p, .telefono a {
	margin-top: 13px;
}
#logo {
	width: 30%;
	max-width: 203px;
}
#logo img {
	width: 100%;
}
.rrss {
	width: 12%;
	max-width: 40px;
	min-width: 20px;
}
.rrss img {
	width: 100%;
}
/*----------------------------------------------
	 DATOS AGENCIA 
-----------------------------------------------*/
.datos_agencia {
	margin-top: 38px;
	color: #FFF;
}
.col_1 {
	font-family: 'font', 'allerbold', Sans-Serif;
	letter-spacing: -1px;
	width: 260px;
	float: left;
	font-size: 17px;
	margin-right: 230px;
}
.contacto {
	font-family: 'font', 'allerbold', Sans-Serif;
	letter-spacing: -1px;
	width: 200px;
	float: left;
	font-size: 17px;
	margin-right: 20px;
}
.contacto a {
	color: #FFF;
	text-decoration: none;
}
.direccion {
	width: 170px;
	float: left;
	font-size: 12px;
	letter-spacing: 0px;
}
/*----------------------------------------------
	 GENERAL 
-----------------------------------------------*/

.title {
	width: 100%;
	font-size: 11.53em;
	color: #000;
	display: block;
	margin: 0;
	text-align: left;
	z-index: 1;
	letter-spacing: -10px;
	/*line-height:1;*/
	vertical-align: central;
}
/*----------------------------------------------
	 WORKS  
-----------------------------------------------*/
.works {
	width: 100%;
	text-align: left;
}
.works-grid {
	display: block;
	width: 100%;
	height: auto;
	background-color: #000;
	overflow: hidden;
	padding-top: 5px;
	margin-top: -55px;
}
.work2 {
	display: inline-block;
 *float:left;
	width: 16.4%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.work2 img {
	width: 100%;
	height: auto;
}
.work-title {
	position: absolute;
	background-color: #000;
	color: #FFF;
	opacity: 0.7;
	top: -30px;
	left: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-size: 16px;
	width: 100%;
	z-index: 99;
	text-align: left;
}
/*----------------------------------------------
	 CLIENTS 
-----------------------------------------------*/
.clients {
	width: 100%;
	text-align: left;
}
.clients-grid {
	display: block;
	width: 100%;
	overflow: hidden;
	background-color: #000;
	padding-top: 5px;
	margin-top: -55px;
	padding-bottom: 5px;
}
.clients-grid div.imgCliente {
 *float:left;
	display: inline-block;
	width: 9.7%;
	height: auto;
}
.clients-grid div.imgCliente img {
	width: 100%;
	height: auto;/*max-width:130px;*/
}
/*----------------------------------------------
	 PEOPLE 
-----------------------------------------------*/
.people {
	width: 100%;
	text-align: center;
}
.people-grid {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 0px;
	background-color: #000;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: -55px;
}
.people-grid div.imgPeople {
 *float:left;
	display: inline-block;
	width: 9.7%;
	height: auto;
	background-color: #000;
}
.people-grid div.imgPeople img {
	width: 100%;
	height: auto;/*max-width:169px;*/
}
/*----------------------------------------------
	 FRASE 
-----------------------------------------------*/
#contFotter {
	width: 100%;
	clear: both;
	display: block;
	padding-top:10%;
	background: #2f2f2f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmMmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #2f2f2f 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f2f2f), color-stop(100%, #000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2f2f2f 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2f2f2f 0%, #000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2f2f2f 0%, #000000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2f2f2f 0%, #000000 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#000000', GradientType=0 ); /* IE6-8 */
}
.frase {
	width: 100%;
	text-align: center;
}
.frase .imgFrase {
	width: 60%;
	padding: 10% 20% 1% 20%;
	text-align: center;
}
.frase .imgFrase img {
	width: 100%;
	max-width: 1200px;
	height: auto;
}
/* footer */
#footer {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 10px 0px;
	text-align: center;
}
#footer p {
	color: #666;
	font-size: 12px;
	text-decoration: none;
}
#footer a {
	color: red;
	font-size: 12px;
	text-decoration: none;
}
/*----------------------------------------------
	 NEWSLETTER 
-----------------------------------------------*/	
.newsletter-grid form input {
	font-family: 'font', 'allerbold', Sans-Serif;
	font-size: 16px;
}
.newsletter-grid form input#e-mail {
	background-color: #494949;
	min-width: 200px;
	border: 0px;
	color: #FFF;
	padding: 5px;
}
.newsletter-grid form input#enviar {
	background-color: #000;
	border: 0px;
	color: #FFF;
	padding: 5px 7px;
	cursor: pointer;
}
.newsletter-grid form input#enviar:hover {
	background-color: #161616;
	border: 0px;
	color: #FFF;
	padding: 5px 7px;
	cursor: pointer;
}
/*#newsletter-grid input #e-mail { background-color:#999;}
	*/
	
	
/*----------------------------------------------
	 TRENDS
-----------------------------------------------*/
.trends {
	width: 100%;
	margin-top: 70px;
}
.trends-intro {
	color: #FFF;
	font-size: 13px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.trends-intro .trends-intro-cita {
	font-size: 18px;
}
.trends-categorias {
	border-bottom: 1px solid #999999;
	margin-bottom: 20px;
}
.trends-categoria-creatividad {
	font-size: 13px;
	color: #ff1f00;
	margin-right: 10px;
}
.trends-categoria-tecnologia {
	font-size: 13px;
	color: #cccc66;
	margin-right: 10px;
}
.trends-categoria-medios {
	font-size: 13px;
	color: #66cccc;
	margin-right: 10px;
}
.trends-categoria-estrategia {
	font-size: 13px;
	color: #9933cc;
	margin-right: 10px;
}
.trends-categoria-bola-creatividad {
	font-size: 30px;
	color: #ff1f00;
	vertical-align: -7px;
	margin-right: 4px;
}
.trends-categoria-bola-tecnologia {
	font-size: 30px;
	color: #cccc66;
	vertical-align: -7px;
	margin-right: 4px;
}
.trends-categoria-bola-medios {
	font-size: 30px;
	color: #66cccc;
	vertical-align: -7px;
	margin-right: 4px;
}
.trends-categoria-bola-estrategia {
	font-size: 30px;
	color: #9933cc;
	vertical-align: -7px;
	margin-right: 4px;
}
.trend-categoria-bola-creatividad {
	font-size: 25px;
	color: #ff1f00;
}
.trend-categoria-bola-tecnologia {
	font-size: 25px;
	color: #cccc66;
}
.trend-categoria-bola-medios {
	font-size: 25px;
	color: #66cccc;
}
.trend-categoria-bola-estrategia {
	font-size: 25px;
	color: #9933cc;
}
.trend_detalle {
	display: block;
	margin-top: 8px;
	color: #fff;
	overflow: hidden;
}
.trend-image {
	margin-right: 25px;
	float: left;
}
.trend-image img:link {
	border: 0;
}
.trend-detalle-texto {
	float: left;
	display: block;
	color: #FFFFFF;
	width: 720px;
}
.trend-detalle-texto h1 {
	font-size: 18px;
	margin: 0;
}
.trend-detalle-texto h1 a:link, .trend-detalle-texto h1 a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.trend-detalle-texto h1 a:hover {
	text-decoration: none;
	color: #cccc66;
}
.trend-detalle-texto p {
	font-size: 14px;
	margin: 0;
}
/*----------------------------------------------
	 ARTICULOS
-----------------------------------------------*/
.notas-fotos {
	font-size: 12px;
}
.articulo-col-left {
	width: 326px;
	margin-right: 34px;
	float: left;
}
.articulo-col-right {
	background-color: #FFF;
	padding-top: 50px;
	padding-left: 66px;
	width: 594px;
	float: left;
	margin-bottom: 25px;
}
.atriculo-titulo h1 {
	font-size: 24px;
	color: #cccc66;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 90px;
}
.articulo-texto p {
	font-size: 16px;
	color: #666666;
	margin-top: 15px;
	padding-right: 90px;
}
.articulo-texto p a:link, .articulo-texto p a:visited, .articulo-texto p a:hover {
	text-decoration: none;
	color: #cccc66;
}
.articulo-datos-ponente {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	padding-right: 30px;
	padding-left: 50px;
}
.articulo-datos-destacado {
	font-size: 24px;
	line-height: 22px;
	color: #cccc66;
	margin-top: 65px;
	padding-right: 30px;
	padding-left: 50px;
}
.articulo-datos-compartir {
	margin-top: 50px;
	padding-right: 30px;
	padding-left: 50px;
	color: #FFF;
	font-size: 16px;
}
.articulo-datos-redes {
	margin-top: 15px;
	padding-right: 30px;
	padding-left: 50px;
}
/* Ley de cookies */
#cookieMessageWrapper {
	background: #FFF;
	width: 90%;
	/*max-width: 1024px; */
	margin: 0 auto;
	padding: 10px 5%;
}
#cookieClose {
	color: #000;
}
.politica {
	margin: 25px;
	margin-top: 80px;
}
.politica p, .politica li {
	font-weight: normal;
	font-family: allerregular;
	font-size: 15px;
}
.politica a {
	color: orange;
}

#posterVideo {
	position: absolute;
    width: 100%;
    height: auto;
}

.posterSW {
 position: absolute;
 z-index: 999;
 width: 100%;
 top: -5px;
 }


/* Desktops and laptops ----------- */
@media only screen and (max-width : 1280px) {
.work2 {
	width: 16.3%;
}
.clients-grid div.imgCliente {
	width: 12.2%;
}
#empty2, #empty3, #empty4 {
	display: none;
}
.people-grid div.imgPeople {
	width: 12.2%;
}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1180px) {
.clients-grid div.imgCliente {
	width: 13.95%;
}
#empty1, #empty2, #empty3, #empty4, #empty5, #empty6 {
	display: none;
}
.people-grid div.imgPeople {
	width: 13.95%;
}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1100px) {
.work2 {
	width: 19.6%;
}
.clients-grid div.imgCliente {
	width: 13.9%;
}
#empty1, #empty2, #empty3, #empty4, #empty5, #empty6 {
	display: none;
}
.people-grid div.imgPeople {
	width: 13.9%;
}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1024px) {
.clients-grid div.imgCliente {
/*width:16.6%;*/
}
.works-grid, .clients-grid, .people-grid {
	margin-top: -50px;
}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 912px) {
.work2 {
	width: 24.5%;
}
.clients-grid div.imgCliente {
	width: 16.2%;
}
.people-grid div.imgPeople {
	width: 16.2%;
}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 800px) {
.work2 {
	width: 32.8%;
}
.title {
	letter-spacing: -8px;
}
.works-grid, .clients-grid, .people-grid {
	margin-top: -40px;
}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 700px) {
.clients-grid div.imgCliente {
	width: 19.6%;
}
#empty2, #empty3, #empty4 {
	display: none;
}
.people-grid div.imgPeople {
	width: 19.6%;
}
.title {
	letter-spacing: -7px;
}
.works-grid, .clients-grid, .people-grid {
	margin-top: -37px;
}
}
 @media only screen and (max-width : 600px) {
.work2 {
	width: 49.6%;
}
.title {
	letter-spacing: -5px;
}
.works-grid, .clients-grid, .people-grid {
	margin-top: -33px;
}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 500px) {
.clients-grid div.imgCliente {
	width: 33%;
}
.people-grid div.imgPeople {
	width: 33%;
}
.works-grid, .clients-grid, .people-grid {
	margin-top: -28px;
}
}
 @media only screen and (max-width : 400px) {
.works-grid, .clients-grid, .people-grid {
	margin-top: -25px;
}
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
/* this will target only Mac Safari and Chrome browsers */
.mac-os p {
	line-height: 1em;
}
}

.cookies-table{
	margin: 15px 0;
	border-collapse: collapse;
}
.cookies-table td{
	border: 1px solid #fff;
	padding: 5px;
}