/*****************************************************************
ESQUELETO GENERAL
****************************************************************/
html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	witdh: 100%;
	background: #000;
	color:#fff;
}

section{
	position: relative;
	height:40vh;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
}

.fondo, .fondo-2{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: none;
	background-size: cover;
	z-index: 10;
	opacity: .40;
	/*transition: all 1100ms ease-in-out 0s;*/
	transition: all 500ms ease-in-out 0s;
}

section.actualVideo .fondo, section.actualVideo .fondo-2{
	opacity: .20 !important;
}

.contentHolder{
	position: absolute;
	top:0;
	left: 0;
	z-index: 25;
	width: 100%;
	height: 100%;
	display: table;
	transition: all 600ms ease-in-out 0s;
}

section.actualVideo .contentHolder{
	height: 20%;
}

.contentHolder .contentBox{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}


.cols_info, .cols_play { width:70%; display: inline-block; vertical-align: middle; text-align:left; }
.cols_play { width:5%; margin-left:5%; }


.contentHolder .contentBox h1{
	font-family:"Times New Roman", Roman, Garamond;
	font-size: 24px;
	color:#fff;
	margin: 0 0 /*20px*/;
	line-height: 1;
	font-weight: normal;
	opacity: .30;
	transition: all 1200ms ease-in-out 0s;
}

.contentHolder .contentBox p{
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	opacity: .30;
	transition: all 1200ms ease-in-out 0s;
}

section.actualVideo .contentHolder .contentBox p{
	display: none;
}

.contentHolder .contentBox .boton{
	position: relative;
	height: 41px;
	width: 41px;
	margin: 15px auto 0;
}


section.actualVideo .contentHolder .contentBox .boton{
	display:none;
}

.contentHolder .contentBox .boton .botonOver{
	position: absolute;
	width:100%;
	height: 100%;
	background: url(../images/play_over.png) no-repeat center center;
	opacity: 0;
	transition: all 600ms ease-in-out 0s;
}

.contentHolder .contentBox .boton .botonNormal{
	position: absolute;
	width:100%;
	height: 100%;
	background: url(../images/play_normal.png) no-repeat center center;
	opacity: 1;
	transition: all 600ms ease-in-out 0s;
}


.centrados {text-align: center!important;}



.contentHolder .contentBox2{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.contentHolder .contentBox2 h1{
	font-family:"Times New Roman", Roman, Garamond;
	font-size: 24px;
	color:#fff;
	margin: 0 0 20px;
	line-height: 1;
	font-weight: normal;
	opacity: .30;
}

.contentHolder .contentBox2 p{
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	opacity: .30;
	transition: all 1200ms ease-in-out 0s;
}

section.actualVideo .contentHolder .contentBox2 p{
	display: none;
}

.contentHolder .contentBox2 .boton{
	position: relative;
	height: 41px;
	width: 41px;
	margin: 15px auto 0;
}


section.actualVideo .contentHolder .contentBox2 .boton{
	display:none;
}

.contentHolder .contentBox2 .boton .botonOver{
	position: absolute;
	width:100%;
	height: 100%;
	background: url(../images/play_over.png) no-repeat center center;
	opacity: 0;
	transition: all 600ms ease-in-out 0s;
}

.contentHolder .contentBox2 .boton .botonNormal{
	position: absolute;
	width:100%;
	height: 100%;
	background: url(../images/play_normal.png) no-repeat center center;
	opacity: 1;
	transition: all 600ms ease-in-out 0s;
}








.videoBox{
	height: 0;
	transition: all 600ms ease-in-out 0s;
	position: absolute;
	width: 100%;
	top:20%;
	overflow: hidden;
	z-index: 30;
}

.videoHolder{
	opacity: 0;
	width:95vw;
	max-width:840px;
	height:0;
	max-height:472.5px;
	position: absolute;
	left:50%;
	top:45%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	transition: all 600ms ease-in-out 0s;
	overflow: hidden;
}

section.actualVideo .videoBox{
	height: 80%;
}

section.actualVideo .videoHolder{
	opacity: 1;
	height:63.33333vw;
}


.demo-video{
	width:100%;
	height:100%;
}

.closeVideo{
	font-size: 12px;
	opacity: 0;
	transition: all 200ms ease-in-out 0s;
	position: absolute;
	/*left:50%;
	bottom:35px;*/
	left:75%;
	top:300px;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
	overflow: hidden;
	height: 1px;
	z-index: 35;
	line-height: 17px;
	background: url(../images/closebut.png) right center no-repeat;
	/*background-size: 25%;*/
	padding: 0 22px 0 0;
}

section.actualVideo .closeVideo{
	/*opacity: 1;*/
	opacity: 0.9;
	height: 17px;
}


#ui{
	display: none;
}

#ui #logo{
	position: fixed;
	z-index: 50;
	color:#fff;
	font-family:"Times New Roman", Roman, Garamond;
	font-size: 17px;
	top:38px;
	left:38px;
	line-height: 1;
}

#ui #logo span{
	opacity: .30;
}

#ui #menuNavBut{
	position: fixed;
	right: 30px;
	top: 35px;
	width: 25px;
	height: 25px;
	z-index: 50;
	cursor: pointer;
}
#ui #menuNavBut .bar{
	/*width:15px;
	height: 1px;*/
	width:22px;
	height: 2px;
	background: #fff;
	position: absolute;
}

#ui #menuNavBut .bar.bar1{
	top: 8px;
	left: 5px;
}
#ui #menuNavBut .bar.bar2{
	top:14px;
	left:5px;
}
#ui #menuNavBut .bar.bar3{
	top: 20px;
	left: 5px;
}
#ui #contact{
	font-family:"Times New Roman", Roman, Garamond;
	position: fixed;
	/*letter-spacing: 5px;*/
	letter-spacing: 1px;
	font-size: 14px;
	/*font-size: 11px;*/
	bottom:16px;
	right:130px;
	/*left: 20px;*/
	z-index: 50;
	color:#fff;
	opacity: 1;
	transition: all 400ms ease-in-out 0s;
	cursor: pointer;
}
#ui #social{
	position: fixed;
	bottom:20px;
	right: 20px;
	display: table;
	padding: 0;
	border: 0;
	margin: 0;
	z-index: 50;
}
#ui #social li{
	display: table-cell;
	padding: 0 5px;
}
#ui #social li a{
	display: block;
}
#ui #social li a span{
	display: block;
	width:12px;
	height:12px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity:1;
	transition: all 400ms ease-in-out 0s;
}

#ui #social li a em{
	display: none;
}


/*===== ui ====== */



#ui-hoome #logo{
	position: fixed;
	z-index: 50;
	color:#fff;
	font-family:"Times New Roman", Roman, Garamond;
	font-size: 17px;
	top:38px;
	left:38px;
	line-height: 1;
}

#ui-hoome #logo span{
	opacity: .30;
}

#ui-hoome #menuNavBut{
	position: fixed;
	right: 30px;
	top: 35px;
	width: 25px;
	height: 25px;
	z-index: 50;
	cursor: pointer;
}
#ui-hoome #menuNavBut .bar{
	/*width:15px;
	height: 1px;*/
	width:22px;
	height: 2px;
	background: #fff;
	position: absolute;
}

#ui-hoome #menuNavBut .bar.bar1{
	top: 8px;
	left: 5px;
}
#ui-hoome #menuNavBut .bar.bar2{
	top:14px;
	left:5px;
}
#ui-hoome #menuNavBut .bar.bar3{
	top: 20px;
	left: 5px;
}
#ui-hoome #contact{
	font-family:"Times New Roman", Roman, Garamond;
	position: fixed;
	/*letter-spacing: 5px;*/
	letter-spacing: 1px;
	font-size: 14px;
	/*font-size: 11px;*/
	bottom:16px;
	right:130px;
	/*left: 20px;*/
	z-index: 50;
	color:#fff;
	opacity: 1;
	transition: all 400ms ease-in-out 0s;
	cursor: pointer;
}
#ui-hoome #social{
	position: fixed;
	bottom:20px;
	right: 20px;
	display: table;
	padding: 0;
	border: 0;
	margin: 0;
	z-index: 50;
}
#ui-hoome #social li{
	display: table-cell;
	padding: 0 5px;
}
#ui-hoome #social li a{
	display: block;
}
#ui-hoome #social li a span{
	display: block;
	width:12px;
	height:12px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity:1;
	transition: all 400ms ease-in-out 0s;
}

#ui-hoome #social li a em{
	display: none;
}


/*===========*/



#homeStart{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow:hidden;
}

#homeStart .homeVideo{
	position: absolute;
	width:100%;
	height: 100vh;
	z-index: 1;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#homeStart .textHolder{
	position: absolute;
	width: 100%;
	height: 100vh;
	display: table;
	top:0;
	left:0;
	z-index: 2;
	
}

#homeStart .textHolder .textCenter {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color:#fff;
	font-family: "Times New Roman", Roman, Garamond;
	font-size: 24px;
}

#homeStart .subtext { 
	text-align: center;
	color:#fff;
	font-family: "Times New Roman", Roman, Garamond;
	font-size:18px;
	opacity: .5;
}

#homeStart .textHolder .textCenter span{
	opacity: .35;
}

#homeStart #homeMore{
	position: absolute;
	z-index: 3;
	left:50%;
	bottom: 30px;
	background: url(../images/morebut.png);
	width: 38px;
	height: 67px;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	cursor: pointer;
}

#homeStart #homeMore2{
	position: absolute;
	z-index: 3;
	left:50%;
	bottom: 30px;
	/*background: url(../images/morebut.png);*/
	width: 38px;
	height: 67px;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	cursor: pointer;
}


#mainMenu{
	position: fixed;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	background: url(../images/home.jpg);
	background-size: cover;
    background-position-y: center;
	/*background: #000;*/
	color:#fff;
	z-index: 45;
	display: none;
}

#mainMenu #menuHolder{
	display: table;
	height: 70vh;
	margin: 15vh 0;
	width: 100%;
	padding: 0;
	list-style: none;
}

#mainMenu #menuHolder li{
	display: table-row;
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainMenu #menuHolder li p{
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 7px;
	font-size: 22px;
	text-align: center;
}

#mainMenu #menuHolder li p span{
	padding:3px 30px;
	opacity: .35;
	cursor: pointer;
}

#mainMenu #menuHolder li p span.active{
	opacity:1;
	background: #fff;
	color:#000;
}


/*========= MENU LIGAS ===========*/


#Linkmenu{
	position: fixed;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	background: url(../images/home.jpg);
	background-size: cover;
    background-position-y: center;
	/*background: #000;*/
	color:#fff;
	z-index: 45;
	display: none;	
}
	
#Linkmenu{
	display: table;
	height: 70vh;
	margin: 15vh 0;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}

#Linkmenu li, .active-2 li{
	display: table-row;
	margin: 0;
	padding: 0;
	list-style: none;
}

#Linkmenu li, #Linkmenu li a, .active-2 li a{
	/*display: table-cell;*/
	vertical-align: middle;
	letter-spacing: 7px;
	/*color: #fff;*/
	color: #67728b;
    text-decoration: none;
	width:100%;
}

#Linkmenu li p span {	
	font-size: 22px;
	text-align: center;
	padding:3px 30px;
	/*opacity: .35;*/
	cursor: pointer;
}

.active-2 {
	font-size: 22px;
    width: 15%;
	margin: 0 auto 20px auto;
    background: #fff;
    color: #000;
    padding: 3px 0;
    opacity: 1;
}

.active-2 li p {
    opacity: 1;
}



/*============ HOME =============*/

#mainMenu_home{
	position: fixed;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	background: url(../images/home.jpg);
	background-size: cover;
    background-position-y: center;
	color:#fff;
	z-index: 45;
}

#mainMenu_home #menuHolder{
	display: table;
	height: 70vh;
	margin: 15vh 0;
	width: 100%;
	padding: 0;
	list-style: none;
}

#mainMenu_home #menuHolder li{
	display: table-row;
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainMenu_home #menuHolder li p{
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 7px;
	font-size: 22px;
	text-align: center;
}

#mainMenu_home #menuHolder a{
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 7px;
	font-size: 22px;
	text-align: center;
	text-decoration:none;
	opacity: .35;
	color:#fff;
}

#mainMenu_home #menuHolder li p span{
	padding:3px 30px;
	opacity: .35;
	cursor: pointer;
}

#mainMenu_home #menuHolder li p span.active{
	opacity:1;
	background: #fff;
	color:#000;
}

/*================*/

#contactScreen{
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#000;
	z-index: 500;
	display: none;
}

#contactScreen #closeCont{
	transition: all 200ms ease-in-out 0s;
	position: absolute;
	left:50%;
	bottom:35px;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
	overflow: hidden;
	height: 17px;
	line-height: 17px;
	background: url(../images/closebut.png) right center no-repeat;
	padding: 0 22px 0 0;
	cursor: pointer;
}

#contactScreen .contactHolder{
	display: table;
	width:70%;
	height: 100%;
/*	max-width: 400px;*/
	max-width: 800px;
	margin: 0 auto;
}

#contactScreen .contactHolder .centerBox{
	display: table-cell;
	vertical-align: middle;
}

#contactScreen h1, #contactScreen h2{
	font-family: "Times New Roman", Roman, Garamond;
	margin:0;
	font-size: 24px;
	font-weight: normal;
}

#contactScreen h2 span{
	opacity: .35;
}

#contactScreen p{
	margin: 0 0 5px;
}

#contactScreen a{
	text-decoration:none;
	color:inherit;
}

#contactScreen a:hover{
	text-decoration:underline;
	opacity: 0.35;
}

#contactScreen table{
	border-collapse: collapse;
	border:0;
	border-spacing: 0;
}

#contactScreen table tr td{
	padding: 0 15px 0 0;
}

#contactScreen .noLink{
	pointer-events: none;
	text-decoration:none;
	color:inherit;
}

#contactScreen h3{
	margin:0 0 15px;
	font-size: 18px;
	font-weight: bold;
}

/*.columnas_contacto, .columnas_contacto-2 {
	width:40%;
	display:inline-block;
	vertical-align:top;
	padding-left:60px;
}*/

.columnas_contacto {
	width:310px;
	vertical-align:top;
	margin:0 auto;
}

.titulos_creditos{
	text-align:center;
}

.espacio_tit {
	height:8px;
}

 /*------ contacto-bio------------*/
 
 
 #contactScreen-nv{
	margin:0 auto;
	padding:2% 0 0 0;
	background:#000;
	z-index: 500;
	width:1000px;
}

#contactScreen-nv #closeCont-nv{
	transition: all 200ms ease-in-out 0s;
	position: absolute;
	left:50%;
	margin-top: 20px;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
	overflow: hidden;
	height: 17px;
	line-height: 17px;
	background: url(../images/closebut.png) right center no-repeat;
	padding: 0 22px 0 0;
	cursor: pointer;
}

#contactScreen-nv .contactHolder-nv{
	display: table;
	width:70%;
	height: 100%;
	max-width: 500px;
	margin: 0 auto;
}

#contactScreen-nv .contactHolder-nv .centerBox{
	display: table-cell;
	vertical-align: middle;
}

#contactScreen-nv h1, #contactScreen-nv h2{
	font-family: "Times New Roman", Roman, Garamond;
	margin:0 0 15px;
	font-size: 24px;
	font-weight: normal;
}

#contactScreen-nv h2 span{
	opacity: .35;
}

#contactScreen-nv p{
	margin: 0 0 5px;
}

#contactScreen-nv a{
	text-decoration:none;
	color:inherit;
}

#contactScreen-nv a:hover{
	text-decoration:underline;
	opacity: 0.35;
}

#contactScreen-nv table{
	border-collapse: collapse;
	border:0;
	border-spacing: 0;
}

#contactScreen-nv table tr td{
	padding: 5px 15px 0 0;
}

#contactScreen-nv .noLink{
	pointer-events: none;
	text-decoration:none;
	color:inherit;
}

#contactScreen-nv h3{
	margin:0 0 15px;
	font-size: 18px;
	font-weight: bold;
}

.biograf { font-size:16px; }
	.tit_bio p, .tit_bio a { font-size:16px;}
	.tit_bio h2 { font-size:18px!important; margin: 5px 0!important;}
	.tit_bio h1 { font-size:24px!important;}
 
 
 
/*-------------*/


#semblanzaScreen{
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#000;
	z-index: 500;
	display: none;
}

#semblanzaScreen #closeSem{
	transition: all 200ms ease-in-out 0s;
	position: absolute;
	left:50%;
	bottom:35px;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
	overflow: hidden;
	height: 17px;
	line-height: 17px;
	background: url(../images/closebut.png) right center no-repeat;
	padding: 0 22px 0 0;
	cursor: pointer;
}

#semblanzaScreen .contactHolder{
	display: table;
	width:70%;
	height: 100%;
	max-width: 400px;
	margin: 0 auto;
}

#semblanzaScreen .contactHolder .centerBox{
	display: table-cell;
	vertical-align: middle;
}

#semblanzaScreen h2{
	font-family: "Times New Roman", Roman, Garamond;
	margin:0 0 15px;
	font-size: 24px;
	font-weight: normal;
}

#semblanzaScreen h2 span{
	opacity: .35;
}

#semblanzaScreen p{
	margin: 0 0 5px;
}

#semblanzaScreen a{
	text-decoration:none;
	color:inherit;
}

#semblanzaScreen a:hover{
	text-decoration:underline;
	opacity: 0.35;
}

#semblanzaScreen table{
	border-collapse: collapse;
	border:0;
	border-spacing: 0;
}

#semblanzaScreen table tr td{
	padding: 5px 15px 10px 0;
}

#semblanzaScreen .noLink{
	pointer-events: none;
	text-decoration:none;
	color:inherit;
}

#semblanzaScreen h3{
	margin:0 0 15px;
	font-size: 18px;
	font-weight: bold;
}

.semblanza tr{ border-bottom:1px solid #fff; border-top:1px solid #fff; }

.colorcontact a { color:#ffffff; text-decoration:none;}


/*************************************************************************************************************************
	M E D I A   Q U E R I E S
**************************************************************************************************************************/

@media (max-width:1600px){
			
	.closeVideo{
		left:75%;
		top:15%;
	}
	
}

@media (max-width:1440px){
			
	.closeVideo{
		left:80%;
		top:25%;
	}
	
	.active-2 {
	width: 20%;
	}
	
	#contactScreen h1, #contactScreen h2{
	font-size: 20px;
	}
	
}

@media (max-width:1366px){
			
	.closeVideo{
		left:80%;
		top:20%;
	}
	
	
	.active-2 {
    width: 40%;
	}

	#contactScreen h1, #contactScreen h2{
	font-size: 14px;
	}
	
	#contactScreen table tr td {
		font-size: 12px;
	}
	
}

@media (min-width:1025px){

	section:hover .fondo, section:hover .fondo-2{
		opacity: 1;
	}

	section:hover .contentHolder .contentBox h1{
		opacity: 1;
	}
	
	section:hover .contentHolder .contentBox p{
		opacity: 1;
	}

	section:hover .contentHolder .contentBox .boton .botonOver{
		opacity: 1;
	}

	section:hover .contentHolder .contentBox .boton .botonNormal{
		opacity: 0;
	}
	
	#ui #social li a span:hover{
		opacity:1;
	}
	
}

@media (max-width:720px){
	
	.cols_play { margin-left:5%; }
	.cols_info h1, .cols_info p { padding-left:35px!important;}
	
	.contentHolder .contentBox h1 {
		font-size: 16px;
		line-height: 1,2;
		padding: 0 20px;
		opacity: 0.7;
	}
	
	.contentHolder .contentBox p {
		font-size: 10px;
		line-height: 12px;
		/*opacity: 0.8;*/
	}
	
	.fondo,.fondo-2 {
		/*opacity: .70;*/
		opacity: .90;
	}
	
	.fondo-2 {
		background-position-x: right;
	}
	
	.fondo-kinder {
		background-position-x: 80%;
	}
	
	.fondo-banana-ajuste { 
		background-position-x: 82%;
	}
	
	#ui #logo {
		z-index: 9999;
		font-size: 15px;
		top: 0;
		left: 0;
		line-height: 45px;
		height: 45px;
		background: rgba(0,0,0,0.95);
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	
	#ui #social li a span {
		opacity:1;
		
	}
	
	#startHere{
		height: 45px;
	}
	
	#ui #menuNavBut{
		right:10px;
		top:10px;
		z-index: 9999;
	}
	
	
	#mainMenu{
		z-index: 300;
	}
	
	
	#homeStart{
		height: 100vh;
	}
	#homeStart .homeVideo{
		height: 100vh;
		background-attachment:local;
	}

	#homeStart .textHolder{
		height: 60vh;
	}


	#homeStart #homeMore{
		bottom: 120px;
	/*	bottom: 60px;
		width: 19px;
		height: 34px;*/
		background-size: contain;
	}
	

	#mainMenu #menuHolder{
		height: 60vh;
		margin: 15vh 0 25vh;
	}

	#mainMenu #menuHolder li p{
		letter-spacing: 4px;
		font-size: 14px;
	}
	
	.closeVideo{
		/*bottom:70px;*/
		left:50%;
		top:80%;
	}
		
	section.actualVideo .contentHolder {
		height: 35%;
	}
	

	#contactScreen h2{
		margin:0 0 5px;
		font-size: 16px;
	}

	#contactScreen p{
		font-size: 11px;
		margin: 0;
	}

	#contactScreen table tr td{
		padding: 2px 0;
		font-size: 11px;
	}

	#contactScreen h3{
		font-size: 12px;
		margin: 5px 0;
	}
	
	#contactScreen .contactHolder{
		height: 85%;
	}
	
	 #contactScreen-nv{
	width:100%;
	}
	
	.biograf {height:80%;}
	.tit_bio {padding-top:30px;}
	
	.active-2 {
    width: 80%;
	}
	
}

@media (max-width:414px){

	#semblanzaScreen{
	overflow:scroll;
	}
	
		
	#semblanzaScreen .contactHolder{
		margin-top:30%;
	}
	
	#semblanzaScreen #closeSem{
		top:10%;
		bottom:0;
	}

}