/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div.clear{ height:1px; line-height:1px; font-size:1px; clear:both; float:none; }

body{ font: 12px/14px Arial; min-height: 100%; font-family: Arial;  }
a{ text-decoration: none; }
a:hover{ text-decoration: none; }

html,body { 
    height:100%; position: relative;
}

input,textarea{ font: 12px/14px Arial; font-family: Arial;  }

header{ position: relative; height: 111px; margin: 0 0 0 88px;  box-sizing:border-box; }


/*header div.menu{ cursor:pointer; float: right; width: 27px; height: 18px; display: block; margin-top: 36px; background: transparent url(../grafica/menu.png) center center no-repeat; }*/
header div.menu{ cursor:pointer; width: 47px; height: 38px; display: block; top: 46px; right:78px; position: absolute; background: transparent url(../grafica/menu.png) center center no-repeat; }
header div.menu nav{ right: -282px; opacity:0; /*right:0px; opacity: 1;*/ z-index:5; transition: all .50s ease-out; height: 100%; padding-right: 88px;  width: 140px; white-space:nowrap; background-image:url(../grafica/menu-simple.png),url(../grafica/bg-white.png); background-position: left 10px top 36px, center center; background-repeat: no-repeat, repeat; position: fixed; top: 0px; font-size: 14px; line-height: 16px; padding-left:54px; } 
header div.menu.act nav{ right: 0px; opacity:1; }
header div.menu nav ul{ padding-top: 28px; }
header div.menu nav a{ color:#545454; }
header div.menu nav li.t{ padding-bottom:7px; }
header div.menu nav li a:hover,
header div.menu nav li.act a{ color: #000; }
header div.menu nav li.fow .icos{ display: none; }
header div.menu nav li.fow:hover span{ color: #000; }
header div.menu nav li.fow:hover .icos{ display: block; }

header div.menu nav .sec span{ color:#9a9a9a; font-style: italic; }
header div.menu nav .sec a{ color:#9a9a9a; font-style: italic; }
header div.menu nav .sec.first{  }

header div.menu nav .icos a{ display: block; width: 36px; height: 36px; float: left; margin: 25px 20px 0 0; opacity: 0.5; }
header div.menu nav .icos a:hover{ opacity: 1; }
header div.menu nav .icos a:nth-child(even){ margin-right: 0px; }
header div.menu nav .icos a.fb{ background:  transparent url('../grafica/ico-fb.png') center center no-repeat; }
header div.menu nav .icos a.ig{ background:  transparent url('../grafica/ico-ig.png') center center no-repeat; }
header div.menu nav .icos a.wp{ background:  transparent url('../grafica/ico-wp.png') center center no-repeat; }
header div.menu nav .icos a.vi{ background:  transparent url('../grafica/ico-vi.png') center center no-repeat; }
header div.menu nav .icos a.pi{ background:  transparent url('../grafica/ico-pi.png') center center no-repeat; }
header div.menu nav .icos a.fl{ background:  transparent url('../grafica/ico-fl.png') center center no-repeat; }
header div.menu nav .icos a.tw{ background:  transparent url('../grafica/ico-tw.png') center center no-repeat; }
header div.menu nav .icos a.be{ background:  transparent url('../grafica/ico-be.png') center center no-repeat; }

header a.logo{ float: left; margin-top: 23px; display: block; height: 65px; width: 196px; line-height: 65px; }
header a.logo img.logo{ height:65px;  }

header{ position: relative; }
header .info{ height: 111px; line-height: 18px; font-size: 18px; width: 100%; padding-left:219px; padding-right: 115px; box-sizing:border-box;  }
header .info .pos{ position: relative; height: 111px; }
header .info .pos .con{ position: absolute; bottom: 20px; width: 100%; }
header .info .pos .con .col1,
header .info .pos .con .col2,
header .info .pos .con .col3,
header .info .pos .con .col4{ float: left; height: 18px; padding-top: 5px; white-space: nowrap; }

header .info a{ color:#000; }
header .info span.gal{ color:#f5ad00; padding:0px; padding: 0 23px 0 7px; }
header .info span.counter{ color:#b6b6b6; font-size: 12px; padding-right: 23px;  }
header .info .view_all{ font-size: 12px; line-height: 12px; color: #000; padding-right: 23px;}

footer{ height: 50px; font: 10px/50px Arial; color:#a1a1a1; margin: 0 88px; border-top: solid 1px #a1a1a1;  box-sizing:border-box; }
footer .c{ width: 50%; float: left; }
footer .cr{ text-align: right; }
footer a.thet{ transition: color .15s ease-in-out; color:#a1a1a1; }
footer a.thet:hover{  color:#f60874; }

/**********************/
/* LISTADO DE SECCION */
/**********************/

.overtest2{ }
.overtest2 .prehome{ opacity: 0; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; cursor: pointer; background-position: center bottom; background-size:cover; background-repeat: no-repeat; }
.overtest2 .prehome header{ margin: 20px 10px 0;  box-sizing:border-box; }
.overtest2 .prehome header img.logo{ margin-top:23px; }
.overtest2 .prehome .texto{ width: 100%; position: absolute; bottom:0; left: 0; text-align: center;  box-sizing: border-box; }
.overtest2 .prehome .texto img{ width: 100%; opacity: 0; }
.overtest2 .prehome .texto img.mobile{ display: none; }


.overtest2 .prehome .texto_ws{ width: 40%; position: absolute; top:25%; left: 0; text-align: center; padding-left: 2%; box-sizing: border-box; min-width: 300px; }
.overtest2 .prehome .texto_ws img{ width: 100%; opacity: 0; }
.overtest2 .prehome .texto_ws img.mobile{display: none;}

.overtest2 .prehome .cucarda{ position: absolute; top:0; right: 0; }
.overtest2 .prehome .logo_bubble{ position: absolute; bottom:20px; left: 0px; padding-left: 2%; width: 20%; }
.overtest2 .prehome .logo_bubble img{ width: 100%; }


/* SEGUNDO WORKSHOP */

.overtest2 .prehome.prehome_02 img.click{ display: block; margin-top: 20px; }

.overtest2 .prehome.prehome_08{ background-position: left bottom; }
.overtest2 .prehome.prehome_08 .texto_ws{ left:auto; right: 0; top: auto; bottom: 15%; min-width: 550px; width: 60%; }
.overtest2 .prehome.prehome_08 .logo_bubble{ left:auto; right:20px; }

.overtest2 .prehome.prehome_09{ background-position: left top; }

.overtest2 .prehome.prehome_02{ background-position: center top; }

.overtest2 .prehome.prehome_14{ background-position: center top; }

.overtest2 .prehome.prehome_11{ background-image: url('../grafica/prehome_11.jpg'); }
.overtest2 .prehome.prehome_12{ background-image: url('../grafica/prehome_12.jpg'); }
.overtest2 .prehome.prehome_02{ background-image: url('../grafica/prehome_02.jpg'); }
.overtest2 .prehome.prehome_15{ background-image: url('../grafica/prehome_15.jpg'); }
.overtest2 .prehome.prehome_16{ background-image: url('../grafica/prehome_16.jpg'); }
.overtest2 .prehome.prehome_21{ background-image: url('../grafica/prehome_21.jpg'); }

.overtest2 .prehome.prehome_02 .txt{
	width: 40%;
	max-width: 440px;
}

.overtest2 .prehome.prehome_02 .mobilelogo,
.overtest2 .prehome.prehome_02 .mobiletxt{
	display: none;
}

.overtest2 .prehome.prehome_15{ background-position: center top; }

/* .overtest2 .prehome.prehome_15 header{ display: none;  } */

.overtest2 .prehome.prehome_15 .texto{ width: 100%; /*padding:40px 20px;*/}

.overtest2 .prehome.prehome_16{ background-position: center top; }
.overtest2 .prehome.prehome_16 .texto{ width: 100%; padding:40px 20px;}

.overtest2 .prehome.prehome_17
{ 
	background-image: url('../grafica/prehome_17.jpg'); 
	background-position: center;
}

.overtest2 .prehome.prehome_18
{ 
	background-image: url('../grafica/prehome_18.jpg');
	background-position: center bottom;
}
.overtest2 .prehome.prehome_18 .texto
{ 
    top: 0%;
}



.overtest2 header.diablada
{
	display: none;
}

.overtest2 .prehome.prehome_17 header.diablada img.mobile
{
	display: none;
}

.overtest2 .prehome.prehome_17 header
{
	display: none;
}

.overtest2 .prehome.prehome_17 header.diablada
{
	margin: 0;
	display: block;
}

.overtest2 .prehome.prehome_17 .click{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 320px;
}

.overtest2 .prehome.prehome_17 header.diablada img.logo
{
	margin:  0;
}

.overtest2 .prehome.prehome_18 header.diablada img.mobile
{
	display: none;
}

.overtest2 .prehome.prehome_18 header
{
	display: none;
}

.overtest2 .prehome.prehome_18 header.diablada
{
	margin: 0;
	display: none;
}

.overtest2 .prehome.prehome_18 header.diablada img.logo
{
	margin:  0;
}

.overtest2 .prehome.prehome_19{ 
	background-image: url('../grafica/prehome_19.jpg'); 
	background-position:  top center;
}

.overtest2 .prehome.prehome_19 header{ 
	display: none;
}

.overtest2 .prehome.prehome_19 .texto{
	bottom: -4%;
	left: 50%;
	max-width: 800px;
	transform: translateX(-50%);
}

.overtest2 .prehome.prehome_19 .logo{
	position: absolute;
    top: 21px;
    left: 37px;
	width: 28%;
	max-width: 190px;
}

.overtest2 .prehome.prehome_19 .texto img{
	display: block;
	}

.overtest2 .prehome.prehome_19 .click{
	position: absolute;
    top: -3%;
    left: 50%;
	transform: translateX(-50%);
	width: 25%;
    max-width: 320px;
}

.overtest2 .prehome.prehome_19 .new_proyect{
	position: absolute;
    top: 0;
    right: 0;
    width: 400px;
}


.overtest2 .prehome.prehome_23{ 
	background-image: url('../grafica/prehome_23.jpg'); 
	background-position:  top left;
	background-size: cover;
}

.overtest2 .prehome.prehome_23 .logo{
	position: absolute;
    top: 21px;
    left: 37px;
	width: 28%;
	max-width: 190px;

	top: 10px;
	left: 10px;
	width: 10%;
}

.overtest2 .prehome.prehome_23 .text{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
	width: 53%;
}



.overtest2 .prehome.prehome_20{ 
	background-image: url('../grafica/prehome_20.jpg'); 
	background-position:  top right;
}
.overtest2 .prehome.prehome_20 header{ 
	display: none;
}
.overtest2 .prehome.prehome_20 .text{
	position: absolute;
	top: 21px;
	left: 10px;
	width: 65%;
	max-width:720px;
}
.overtest2 .prehome.prehome_20 .sombra{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.overtest2 .prehome.prehome_20 .mobile{
	display: none;
}
.overtest2 .prehome.prehome_20 .div-mobile .text-mobile {
	display: none;
}
.overtest2 .prehome.prehome_20 .exhibition{ 
	position: absolute;
	bottom: 1em;
	left: 0;
	width: 40%;
	z-index: 1;
}
.overtest2 .prehome.prehome_20 .click{
	position: absolute;
    bottom: 1em;
    right: 0;
	width: 320px;
	z-index: 1;
}

.overtest2 .prehome.prehome_21 header{ 
	display: none;
}

.overtest2 .prehome.prehome_21 .mobiletxt{ display: none; }

.overtest2 .prehome.prehome_21 .txt{
	position: absolute;
	top: 21px;
	left: 10px;
	width: 65%;
	max-width: 740px;
}

.overtest2 .prehome .tag{
	position: absolute;
    top: 0px;
    right: 0px;
	z-index: 1;
	width: 20%;
}

.overtest2 .prehome.prehome_21 .click{
	margin: 13px 62px 0;
}


@media (max-width: 800px){


	.overtest2 .prehome.prehome_23 .logo{
		display: none;
	}
	
	.overtest2 .prehome.prehome_23 .text{
		left: 0px;
		bottom: 20px;
		transform: none;
		top: unset;
		width: 100%;
	}


	/* TEXTO WORKSHOP */
	.overtest2 .prehome header{ margin:10px; height: auto; }
	.overtest2 .prehome header img.logo{ margin:0px; width: 35%; }
	.overtest2 .prehome.prehome_02 header img.mobilelogo{ 
		width: 50%;
		display: block;
		max-width: 117px;
		margin-left: 15px;
		margin-top: 19px; }
	.overtest2 .prehome.prehome_02 header{
		height: 100vh;
	}
	.overtest2 .prehome.prehome_02 header .mobiletxt{
		display: block;
		position: absolute;
		bottom: 15%;
		left: 50%;
		width: 100%;
		max-width: 566px;
		transform: translateX(-50%);
	}
	
	/* LOGO HEADEER */

	.overtest2 .prehome.prehome_02 img.click{
		margin-top: 10px;
		width: 100px;
	}
	.overtest2 .prehome.prehome_02 .txt{
		display: none
	}

	
	

	.overtest2 .prehome.prehome_05 header{ margin:10px; height: auto; }
	.overtest2 .prehome.prehome_05 header img.logo{ margin:0px; width: 35%; }

	/* CUCARDA */
	.overtest2 .prehome.prehome_05 .cucarda{ width: 40%; }
	.overtest2 .prehome.prehome_05 .cucarda img{ width: 100%; }
	
	.overtest2 .prehome.prehome_09{ background-position: left 26% center; }
	.overtest2 .prehome.prehome_10{ background-position: left 30% center; }

	.overtest2 .prehome.prehome_17 header.diablada img{ display: none; }
	.overtest2 .prehome.prehome_17 header.diablada img.mobile{ display: block; width: 65%; }

	.overtest2 .prehome.prehome_17 img.click{
		display: block !important;
		position: absolute;
	    bottom: 60%;
	    left: 50%;
	    width: 270px;
	    transform: translateX(-50%);
	}

	.overtest2 .prehome.prehome_19{ 
		background-image: url('../grafica/prehome_19_mob.jpg'); 
	}

	.overtest2 .prehome.prehome_19 .texto{
	    max-width: 80%;
	}

	.overtest2 .prehome.prehome_19 .click{
		width: 200px;
	}

	.overtest2 .prehome.prehome_19 .new_proyect{
	    width: 50%;
	}

	.overtest2 .prehome.prehome_20{
		background-image: url('../grafica/prehome_20_mob.jpg'); 
		background-size: cover;
		background-position: center 20%;
	}
	.overtest2 .prehome.prehome_20 .text{
		display: none;
	}
	.overtest2 .prehome.prehome_20 .mobile{
		display: block;
		position: absolute;
	}
	.overtest2 .prehome.prehome_20 .sombra.mobile{
		width: 100%;
		left: 0;
	}
	.overtest2 .prehome.prehome_20 .sombra.top.mobile {
		top: 0;
	}
	.overtest2 .prehome.prehome_20 .sombra.top.mobile {
		bottom: 0;
	}
	.overtest2 .prehome.prehome_20 .div-mobile {
		position: absolute;
		top: 0;
		width: 100%;
	}
	.overtest2 .prehome.prehome_20 .div-mobile .text-mobile {
		display: block;
		position: absolute;
		top: 18px;
		left: -16px;
		width: 100%;
		max-width:600px;
	}
	.overtest2 .prehome.prehome_20 .click {
		position: relative;
		z-index: 2;
		width: 50%;
		margin-bottom: -4em;
		margin-left: -1%;
	}
	.overtest2 .prehome.prehome_20 .exhibition{
		top: 0;
		left: 0;
		width: 90%;
	}

	.overtest2 .prehome.prehome_21{ background-image: url('../grafica/prehome_21_m.jpg'); }

	.overtest2 .prehome.prehome_21 .txt {
		display: none;
	}

	.overtest2 .prehome.prehome_21 .mobiletxt {
		display: block;
		position: absolute;
		top: 19px;
		left: -20px;
		width: 90%;
		max-width: 580px;

	}

	.overtest2 .prehome .tag{
		width: 30%;
	}



}


/* MOBILE VERTICAL */
@media (max-width: 800px) and (orientation:portrait) {

	/* TEXTO ESADOS DE CONCIENCIA */
	.overtest2 .prehome.prehome_14 .texto{ width: 100%; padding:10px;}
	.overtest2 .prehome.prehome_14 .texto img{display: none;}
	.overtest2 .prehome.prehome_14 .texto img.mobile{display: block;}
	
	/* POSICION prehome_14 */
	.overtest2 .prehome.prehome_14{ background-position: right 8% center; }
	.overtest2 .prehome.prehome_14 .texto_ws{ width: 85%; }

	.overtest2 .prehome.prehome_11{ background-position: right 20% center; }

	/* POSICION prehome_16 */
	.overtest2 .prehome.prehome_16 header{ display: block;  }
	

	.overtest2 .prehome.prehome_16 .texto{ width: 100%; padding:10px;}
	.overtest2 .prehome.prehome_16 .texto img{display: none;}
	.overtest2 .prehome.prehome_16 .texto img.mobile{display: block;}

	.overtest2 .prehome.prehome_16{ background-position: left 14% center; }

	/* POSICION prehome_17 */
	.overtest2 .prehome.prehome_16 header.diablada{ display: none;  }
	.overtest2 .prehome.prehome_15 header.diablada{ display: none;  }

	.overtest2 .prehome.prehome_17 header.diablada img
	{
		display: none;
	}

	.overtest2 .prehome.prehome_17 header.diablada img.mobile
	{
		display: block;
		width: 100%;
	}

	.overtest2 .prehome.prehome_17 .texto img{display: none;}
	.overtest2 .prehome.prehome_17 .texto img.mobile{display: block;}
	
	/* POSICION prehome_18 */
	.overtest2 .prehome.prehome_18 header{ display: none;  }
	.overtest2 .prehome.prehome_18 .texto{ width: 100%; /*padding:10px;*/}
	.overtest2 .prehome.prehome_18 .texto img{display: none;}
	.overtest2 .prehome.prehome_18 .texto img.mobile{display: block;}
	.overtest2 .prehome.prehome_18{ background-position: left 70% center; }

	.overtest2 .prehome.prehome_19 .logo{
	    position: absolute;
		top: 20px;
		left: 25px;
		width: 48%;
		max-width: 117px;
	}
	
	.overtest2 .prehome .tag{
		width: 36%;
	}

	.overtest2 .prehome.prehome_19 .texto {
		max-width: 100%;
		bottom: 7%;
	}

	.overtest2 .prehome.prehome_19 .click{
		top: auto;
		bottom: 0%;
		width: 45%;
		max-width: 320px;
	}

}

@media (max-width: 750px) and (orientation:portrait) {
    
	/* POSICION prehome_15 */
	.overtest2 .prehome.prehome_15{ background-image: url('../grafica/prehome_15_mobile_portrait.jpg'); }
	.overtest2 .prehome.prehome_15 .texto_ws{ width: 85%; }
    
    	/* TEXTO DIVINA BELLEZA */
	.overtest2 .prehome.prehome_15 header{ display: none;  }
	.overtest2 .prehome.prehome_15 .texto{ width: 100%; /*padding:10px;*/}
	.overtest2 .prehome.prehome_15 .texto img{display: none;}
	.overtest2 .prehome.prehome_15 .texto img.mobile{display: block;}
}

/* MOBILE HORIZONTAL */
@media (max-width: 800px) and (orientation:landscape){

	/* LOGO HEADEER */
	.overtest2 .prehome.prehome_14 header img.logo{ width: 30%; }

	.overtest2 .prehome{ background-position: 30% center; }

	/* TEXTO ESADOS DE CONCIENCIA */
	.overtest2 .prehome.prehome_14 .texto{padding:  10px;}
	.overtest2 .prehome.prehome_14 .texto img.mobile{display: none;}

	/* CUCARDA */
	.overtest2 .prehome.prehome_14 .cucarda{ width: 20%; }
	.overtest2 .prehome.prehome_14 .cucarda img{ width: 100%; }


	.overtest2 .prehome.prehome_09{ background-position: left 26% top; }
	.overtest2 .prehome.prehome_10{ background-position: left 30% center; }
	.overtest2 .prehome.prehome_14{ background-position: left 26% top; }



	/* TEXTO DIVINA BELLEZA */
	.overtest2 .prehome.prehome_16{ background-position: center; }
	.overtest2 .prehome.prehome_16 header{ display: none;  }
	.overtest2 .prehome.prehome_16 .texto{ padding: 0 0 10px 0; }
	
	/* TEXTO DIABLADA PREMIO */
	.overtest2 .prehome.prehome_18{ background-position: center; }
	.overtest2 .prehome.prehome_18 header{ display: none;  }
	.overtest2 .prehome.prehome_18 .texto{ padding: 0 0 10px 0; }	

}

@media (max-width: 750px) and (orientation:landscape){
	/* TEXTO DIVINA BELLEZA */
	.overtest2 .prehome.prehome_15 .texto{ width: 70%; margin-left: 15%; padding: 0; }
	.overtest2 .prehome.prehome_15 .texto img{display: none;}
	.overtest2 .prehome.prehome_15 .texto img.mobile{display: block;}
}

.overtest2 .home{  }
.overtest2 header{  }
.overtest2 section{ width: 948px; margin: 0 auto 11px;   }

.overtest2 article.nt{ background-color:#fafafa;  margin: 12px; float: left; position: relative; width: 300px;  }
.overtest2 article.nt a { opacity: 0; width: 100%; height: 100%; height: 300px; display: block; }
.overtest2 article.nt a figure{  transition: opacity .4s ease-in-out; width: 300px; height: 300px; background-position: center center; background-size: cover; position: absolute; top: 0px; left:0px;  }
.overtest2 article.nt a p{ cursor: pointer; transition: opacity .15s ease-in-out; opacity: 0; font-weight:normal; font-size: 16px; line-height: 18px;   padding: 15px 19px; color: #fff; position: absolute; bottom: 0; left: 0px; /*text-shadow: 1px 1px 2px #000;*/ }
.overtest2 article.nt a:hover figure{ opacity: .6; }
.overtest2 article.nt a:hover p{ opacity: 1; }
.overtest2 article.nt p.touch{ display: none; }

.overtest2 article.t{ background-color:#fafafa;  margin: 12px; float: left; position: relative; width: 300px;  }
.overtest2 article.t a { opacity: 1; width: 100%; height: 100%; height: 300px; display: block; }
.overtest2 article.t a figure{  transition: opacity .4s ease-in-out; width: 300px; height: 300px; background-position: center center; background-size: cover; position: absolute; top: 0px; left:0px;  }
.overtest2 article.t a p{ display: none; }
.overtest2 article.t p.touch { height: 36px; color: #000; font-size: 16px; font-weight: normal; line-height: 18px; padding: 15px 19px; transition: opacity 0.15s ease-in-out 0s; overflow: hidden; }

.overtest2 article:nth-child(3n){ margin-right: 0; }
.overtest2 article:nth-child(3n+1){ margin-left: 0; }

.overtest2 footer{ height: 100px; }


.overtest2 header .info{ color:#f5ad00; }

@media (max-width: 750px){
	
	.overtest2 article.t { 
		width: calc(50% - 12px); 
	}

}

.overtest2 .lista{  }
.overtest2 .corte{ margin: 0 auto; width: calc(100% - 176px); height: 8px; border-bottom: solid 2px #999999; margin-bottom: 30px; }
.overtest2 .corte span{ color:#f5ad00; background-color: #fff; padding: 0 10px 0 0; }

/**********************/
/* INTERIOR DE FOTO   */
/**********************/

/*.interiortest header{ min-width: 1000px; }*/
.interiortest section.main{ /*height: calc(100% - 162px); */ height: 100%; }

.interiortest section.main figure{ width: calc(100% - 176px); float: left; height: 100%; position: relative;    }
.interiortest section.main figure figure{ opacity:0; position:absolute; transition: opacity .3s ease-in-out; width: 100%; height: 100%; background-size:contain; background-position: center center; background-repeat: no-repeat; }

.interiortest section.main figure figure div.iframe_video{  } 
.interiortest section.main figure figure div.iframe_video iframe{ height: 100%; left: 0; position: absolute; top: 0; width: 100%;   }
.interiortest section.main nav{ float: left; width: 88px; height: 100%; }
.interiortest section.main nav a{ transition: opacity .15s ease-in-out; opacity: .5; outline: 0 none; }
.interiortest section.main nav a:hover{ opacity: 1; }
.interiortest section.main nav.nl a{ display: block; height: 100%; background: transparent url(../grafica/flecha-left.png) center center no-repeat; }
.interiortest section.main nav.nr a{ display: block; height: 100%; background: transparent url(../grafica/flecha-right.png) center center no-repeat; }

.interiortest section.info{ font-size: 12px; line-height: 14px; color: #6c6c6c; margin: 0 88px; box-sizing:border-box; }
.interiortest section.info .title{ font-size: 14px; line-height: 30px; color: #040808; }
.interiortest section.info .title span{ color: #f5ad00; }
.interiortest section.info .title a{ color: #040808; }

.interiortest section.info .content{ padding-bottom:20px; }
.interiortest section.info .c1{ width: 50%; float: left; padding-right: 1%;  box-sizing:border-box; text-align: justify; }
.interiortest section.info .c2{ width: 50%; float: left; padding-left: 1%;  box-sizing:border-box; text-align: justify; font-style: italic; }

.interiortest .suscribe{ display:none; font-size: 14px; line-height: 19px; padding: 0 7px 0 12px; font-weight: bold; background-color: #000; color: #fff; position: absolute; right: 88px; top:0px; }
.interiortest.seccion_1 .suscribe{ display:block; }
.interiortest.seccion_9 .suscribe{ display:block; }

/**********************/
/* FOOTER ESCONDIDO   */
/**********************/

.interiortest .expand{ display: none; }



/**********************/
/* VIEW ALL           */
/**********************/

.viewall{  }
/*.viewall header .info{ height: 18px; line-height: 18px; font-size: 18px; float: left; padding-left: 23px; margin-top: 67px; }
.viewall header .info span.gal{ color:#f5ad00; padding-left:0px; }
.viewall header .info span.counter{ color:#b6b6b6; font-size: 12px; padding-left: 23px;  }
.viewall header .info .view_all{ font-size: 12px; line-height: 12px; color: #000; padding-left: 23px; }*/

.viewall .lista{ width: calc(100% - 176px); margin: 0 auto; }
.viewall .lista a{ background-color:#fafafa; display: block; float: left; margin: 0 30px 30px 0; max-height: 150px; }
.viewall .lista img.pic{ max-height: 150px; opacity: 0; }



/**********************/
/* BIO                */
/**********************/

.bio section.main{  }
.bio section.main img{ width: 100%; }

.bio section.info{ padding-top:20px; font-size: 14px; line-height: 18px; color: #6c6c6c; margin: 0 88px; box-sizing:border-box; }
.bio section.info .title{ font-size: 14px; line-height: 30px; color: #040808; }
.bio section.info .title span.n{ color: #f5ad00; }
.bio section.info .title a{ color: #040808; }

.bio section.info .content{  }
.bio section.info .c1{ padding-bottom:10px; width: 50%; float: left; padding-right: 1%;  box-sizing:border-box; text-align: justify; }
.bio section.info .c1 em{ font-style: italic; }
.bio section.info .c2{ padding-bottom:10px; width: 50%; float: right; padding-left: 1%;  box-sizing:border-box; text-align: justify;  }
.bio section.info .c2 a{ font-style: normal; }
.bio section.info .c2 em{ font-style: italic; }
.bio .expand{ display: none; }
.bio section.info strong{ font-weight: bold; }

/*.bio footer{  }
.bio footer{ height: 50px; font: 10px/50px Arial; color:#a1a1a1; margin: 0 88px; border-top: solid 1px #a1a1a1;  box-sizing:border-box; }
.bio footer .c{ width: 50%; float: left; }
.bio footer .cr{ text-align: right; }
.bio footer a{ color:#a1a1a1; }*/

/*.bio header .info{ height: 18px; line-height: 18px; font-size: 18px; float: left; padding-left: 23px; margin-top: 67px; }
.bio header .info a{ color:#000; }
.bio header .info span.gal{ color:#f5ad00; padding-left:0px; }
.bio header .info span.counter{ color:#b6b6b6; font-size: 12px; padding-left: 23px;  }
.bio header .info .view_all{ font-size: 12px; line-height: 12px; color: #000; padding-left: 23px; }*/

/**********************/
/* SEMINARIOS         */
/**********************/

.seminarios section.main{  }
.seminarios section.main img{ width: 100%; }

.seminarios section.info{ font-size: 14px; line-height: 16px; color: #6c6c6c; margin: 0 88px; box-sizing:border-box; }
.seminarios section.info .title{ font-size: 14px; line-height: 30px; color: #040808; }
.seminarios section.info .title span{ color: #f5ad00; }
.seminarios section.info .title a{ color: #040808; }

.seminarios section.info .seminario{ padding-bottom:20px; }
.seminarios section.info .c1{ width: 50%; float: left; padding-right: 1%;  box-sizing:border-box;}
.seminarios section.info .c1 img{ width: 100%; }
.seminarios section.info .c2{ padding-bottom:10px; width: 50%; float: right; padding-left: 1%;  box-sizing:border-box; text-align: justify; }
.seminarios section.info .c2 .title{ font-size: 14px; line-height: 16px; color: #000; }
.seminarios section.info .c2 .title span.fecha{ color: #9a9a9a; }
.seminarios section.info .c2 p{ padding:20px 0 0; font-size: 12px; line-height: 14px; color: #6c6c6c; }
.seminarios section.info .c2 p.en{ font-style: italic; }
.seminarios section.info .c2 .links{ color:#000; padding-top:20px; }
.seminarios section.info .c2 .links a.more{}


/*.seminarios footer{  }
.seminarios footer{ height: 50px; font: 10px/50px Arial; color:#a1a1a1; margin: 0 88px; border-top: solid 1px #a1a1a1;  box-sizing:border-box; }
.seminarios footer .c{ width: 50%; float: left; }
.seminarios footer .cr{ text-align: right; }
.seminarios footer a{ color:#a1a1a1; }*/

/**********************/
/* CONTACTO           */
/**********************/

.contact section.main{  }
.contact section.main img{ width: 100%; }

.contact section.info{ padding-top:40px; color: #6c6c6c; margin: 0 88px; box-sizing:border-box; }

.contact section.info .content{ padding-bottom:20px; }
.contact section.info .c1{ padding-bottom:10px; width: 30%; float: left; padding-right: 1%;  box-sizing:border-box; font-size: 16px; line-height: 18px;  }
.contact section.info .c2{ padding-bottom:10px; width: 70%; float: right; padding-left: 1%;  box-sizing:border-box; font-size: 16px; line-height: 18px;   }

.contact section.info h2{ color: #000; text-transform: uppercase; font-weight: bold; }
.contact section.info .mail{ color: #f5ad00; border-bottom: solid 2px #f5ad00; font-weight: bold; }

.contact section.info form{ font-size: 14px; line-height: 16px; padding-bottom:100px; }
.contact section.info form h3{ color: #f5ad00; padding:20px 0; }
.contact section.info form label{ color: #000; font-size: 12px; display: block; }
.contact section.info form label span{ color: #6c6c6c; font-style: italic; }

.contact section.info form input{ color: #6c6c6c;padding: 0 5px; box-shadow: inset 0 0 3px #9c9c9c; box-sizing:border-box; width: 288px; height: 24px; margin: 10px 0 20px 0; background-color: #fff; border:0 none; }
.contact section.info form textarea{ color: #6c6c6c;padding: 5px; box-shadow: inset 0 0 3px #9c9c9c; box-sizing:border-box; width: 482px; height: 150px; margin: 10px 0 10px 0; background-color: #fff; border:0 none; } 
.contact section.info form .buttons{ width: 482px; }
.contact section.info form button{ cursor:pointer; border:0 none; float: right; background-color:#ffb400; color: #000; line-height: 26px; padding: 0 9px; font-size:14px; }



/*.contact footer{  }
.contact footer{ height: 50px; font: 10px/50px Arial; color:#a1a1a1; margin: 0 88px; border-top: solid 1px #a1a1a1;  box-sizing:border-box; }
.contact footer .c{ width: 50%; float: left; }
.contact footer .cr{ text-align: right; }
.contact footer a{ color:#a1a1a1; }*/

/**********************/
/* NEWSLETTER         */
/**********************/

.newsletter section.main{  }
.newsletter section.main img{ width: 100%; }

.newsletter section.info{ padding-top:40px; color: #6c6c6c; margin: 0 88px; box-sizing:border-box; }

.newsletter section.info .content{ padding-bottom:20px; }
.newsletter section.info .c1{ padding-bottom:10px; width: 30%; float: left; padding-right: 1%;  box-sizing:border-box; font-size: 16px; line-height: 18px;  }
.newsletter section.info .c2{ padding-bottom:10px; width: 70%; float: right; padding-left: 1%;  box-sizing:border-box; font-size: 16px; line-height: 18px;   }

.newsletter section.info h2{ color: #000; text-transform: uppercase; font-weight: bold; }
.newsletter section.info .mail{ color: #f5ad00; border-bottom: solid 2px #f5ad00; font-weight: bold; }

.newsletter section.info form{ font-size: 14px; line-height: 16px; padding-bottom:100px; }
.newsletter section.info form h3{ color: #000; padding:20px 0 0; font-weight: bold; }
.newsletter section.info form h4{ color: #000; font-style: italic; }

.newsletter section.info form .copete{ font-size: 12px; line-height: 14px; color: #6c6c6c; padding:20px 0;  }

.newsletter section.info form label{ color: #000; font-size: 12px; display: block; }
.newsletter section.info form label span{ color: #6c6c6c; font-style: italic; }

.newsletter section.info form input{ -webkit-appearance: none; color: #6c6c6c;padding: 0 5px; box-shadow: inset 0 0 3px #9c9c9c; box-sizing:border-box; width: 288px; height: 24px; margin: 10px 0 20px 0; background-color: #fff; border:0 none; }
.newsletter section.info form textarea{ -webkit-appearance: none; color: #6c6c6c;padding: 5px; box-shadow: inset 0 0 3px #9c9c9c; box-sizing:border-box; width: 482px; height: 150px; margin: 10px 0 10px 0; background-color: #fff; border:0 none; } 
.newsletter section.info form .buttons{ width: 482px; }
.newsletter section.info form button{ cursor:pointer; border:0 none; float: right; background-color:#ffb400; color: #000; line-height: 26px; padding: 0 9px; font-size:14px; }


/*
.newsletter footer{  }
.newsletter footer{ height: 50px; font: 10px/50px Arial; color:#a1a1a1; margin: 0 88px; border-top: solid 1px #a1a1a1;  box-sizing:border-box; }
.newsletter footer .c{ width: 50%; float: left; }
.newsletter footer .cr{ text-align: right; }
.newsletter footer a{ color:#a1a1a1; }*/


/**********************/
/* PUBLICATIONS       */
/**********************/

.publications{  }

.publications .lista{  color: #000;width: calc(100% - 176px); margin: 0 auto; padding-bottom:100px; font-size: 14px; line-height: 16px; }
.publications .lista .corte{ height: 8px; border-bottom: solid 2px #999999; margin-bottom: 30px; }
.publications .lista .corte span{ color:#f5ad00; background-color: #fff; padding: 0 10px 0 0; }

.publications .lista .book{ width: 50%; margin: 0 auto; padding:0 0 30px; }
.publications .lista .book img.main { opacity: 0; display: block; margin: 0 auto; max-width: 100%; } 
.publications .lista .book .info{ padding-top:10px; }
.publications .lista .book .info .purchase{ float: right; color: #000; font-weight: bold; display: block; border-bottom: solid 2px #f5ad00; margin-right: 20px; }
.publications .lista .book .info a{ color: #000; }
.publications .lista .book .info span.y{ color: #f5ad00; }
.publications .lista .book .info .more{ padding-top:3px; }
.publications .lista .book button{ float: right; border:solid 1px #898989; background-color: #f4f4f4; padding:10px 20px; color: #000; letter-spacing: 2px; font-size: 14px; margin-top:5px; cursor: pointer; }
.publications .lista .book button span{ color:#8c8686; }

/**********************/
/* NEWS               */
/**********************/

.news section.main{  }
.news section.main img{ width: 100%; }

.news section.info{ font-size: 14px; line-height: 16px; color: #6c6c6c; margin: 0 88px; box-sizing:border-box; }
.news section.info .title{ font-size: 14px; line-height: 30px; color: #040808; }
.news section.info .title span{ color: #f5ad00; }
.news section.info .title a{ color: #040808; }

.news section.info .seminario{ padding-bottom:20px; }
.news section.info .c1{ width: 50%; float: left; padding-right: 1%;  box-sizing:border-box;}
.news section.info .c1 img{ width: 100%; }
.news section.info .c2{ padding-bottom:10px; width: 50%; float: right; padding-left: 1%;  box-sizing:border-box; text-align: justify; }
.news section.info .c2 .title{ font-size: 14px; line-height: 16px; color: #000; }
.news section.info .c2 .title span.fecha{ color: #9a9a9a; }
.news section.info .c2 p{ padding:20px 0 0; font-size: 12px; line-height: 16px; color: #6c6c6c; }
.news section.info .c2 p.en{ font-style: italic; }
.news section.info .c2 .links{ color:#000; padding-top:20px; }
.news section.info .c2 .links a.more{}

/**********************/
/* PURCHASE           */
/**********************/

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

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

.purchase{ position:relative; font-family: 'helveticaneue-lightregular', Arial; border: 7px solid #fff; border-bottom: 22px solid #fff; background: transparent url(../grafica/bg-purchase.png) left top repeat; padding:75px 75px 170px; height: auto; }
.purchase h1{ font: 28px/30px 'helveticaneue-boldregular'; margin-bottom:20px; letter-spacing: 4px; }
.purchase h2{ font: 18px/20px 'helveticaneue-boldregular'; margin-bottom:20px; }
.purchase p{ font: 15px/17px 'helveticaneue-lightregular'; margin-bottom:20px; }
.purchase p span{ color:#8c8686; }

.purchase .content{ width: 800px; margin: 0 auto; }
.purchase .form{ padding: 54px; background-color: #fff; border: solid 1px #938b85; margin-top:40px; }
.purchase .form h3{ font: 17px/19px 'helveticaneue-boldregular'; margin-bottom:50px; }
.purchase .form h3 span{ color:#8c8686; }
.purchase .form .field{ margin-bottom:20px; height: 43px; }
.purchase .form .field label{ display: block; width: 50%; float: left; height: 43px; line-height: 43px; font-size: 17px; }
.purchase .form .field label span{ color:#8c8686; }
.purchase .form .field input{ font-family: 'helveticaneue-lightregular', Arial; display: block; width: 50%; float: left; height: 43px; box-sizing: border-box; border: solid 1px #e7e8e8; box-sizing: border-box; padding: 0 10px; }
.purchase .form .buttons{ text-align: center; padding-top: 40px; }
.purchase .form button{ font-family: 'helveticaneue-lightregular', Arial; border: solid 1px #898989; background-color: #f4f4f4; font-size:14px; padding:25px 20px; letter-spacing: 4px; cursor: pointer; }
.purchase .form button span{ color:#8c8686; }

.purchase .error{ position:absolute; display: none; background: transparent url(../grafica/bg-purchase-error.png) left top repeat; top:0px; left:0px; height: 100%; width: 100%; }
.purchase .error .text{ font-size: 17px; line-height: 20px; background-color: #fff; width: 400px; margin: 500px auto; padding: 30px 20px; text-align: center; box-shadow: 0px 0px 5px #888888; }
.purchase .error .text span{ color:#8c8686; display: block; }

.purchase-ok{ font-family: 'helveticaneue-lightregular', Arial; border: 7px solid #fff; border-bottom: 22px solid #fff; background: transparent url(../grafica/bg-purchase.png) left top repeat; padding:75px 75px 170px; box-sizing: border-box; }
.purchase-ok h1{ font: 26px/30px 'helveticaneue-boldregular'; margin-bottom:70px; letter-spacing: 4px; text-align: center; }
.purchase-ok h1 span{ color:#8c8686; }
.purchase-ok .content{ width: 800px; margin: 0 auto; }
.purchase-ok .form{ padding: 54px; background-color: #fff; margin-top:40px; }
.purchase-ok .form .p1{ font: 18px/20px 'helveticaneue-lightregular'; margin-bottom:30px; }
.purchase-ok .form .p2{ font: 18px/20px 'helveticaneue-lightregular'; margin-bottom: 0px; color: #8c8686;  }

.block { display: block; margin-top: 30px;}
.click-to-enter-2 { margin-top: 0px!important; position: relative; left: -27px; }
.logo-global{ margin: 30px 88px 0; box-sizing: border-box; }