@charset "UTF-8";

@font-face {
	font-family: 'Conv_HelveticaLTStd-Cond_0';
	src: url('../fonts/HelveticaLTStd-Cond_0.eot');
	src: local('☺'), url('../fonts/HelveticaLTStd-Cond_0.woff') format('woff'), url('fonts/HelveticaLTStd-Cond_0.ttf') format('truetype'), url('fonts/HelveticaLTStd-Cond_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
  font-family: 'Conv_HelveticaLTStd-BoldCond_0';
  src: url('../fonts/HelveticaLTStd-BoldCond_0.eot');
  src: local('☺'), url('../fonts/HelveticaLTStd-BoldCond_0.woff') format('woff'), url('fonts/HelveticaLTStd-BoldCond_0.ttf') format('truetype'), url('fonts/HelveticaLTStd-BoldCond_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'helvNultra';
	src: url('../fonts/helvNultra.otf');
	src: local('☺'), url('../fonts/helvNultra.woff') format('woff'), url('fonts/helvNultra.ttf') format('truetype'), url('fonts/helvNultra.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
	background-color: rgb(255,255,255);
	font-family:'Conv_HelveticaLTStd-Cond_0','roboto';
}
h1{color: white;}
h2{font-family:'Conv_HelveticaLTStd-Cond_0','roboto';}
li{
	color: white !important;
	list-style-type: none !important;
	cursor: pointer;

}

.google-maps {
        position: relative;
        padding-bottom: 50%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


#header{background-image: url(../img/fondo-mobile1.jpg); 
		background-size: cover;
		min-height: 354px;
		background-position:center 48%;
		}
.menu{margin-top: 14px !important; }
.menu a{color: #ffffff; text-align: right; font-family:'Conv_HelveticaLTStd-Cond_0','roboto';}		
.menu li:hover{ color: #ffffff; font-weight: bold; font-family:'Conv_HelveticaLTStd-BoldCond_0','roboto';}
.menu.vertical > li{margin-bottom: -10px !important;}
.white{background-color: white;}
.blue{background-color: #284c87; margin-top: -1px;}
.lightBlue{background-color: #92a5c4;}
.grey{background-color: #e5e5e5;}
.opacity50{background: rgba(40, 76, 135,0.5)}
.fBlack{color: #000;}
.fontWhite{color: white;}
.fontBlue{color: #284c87;}
.fontGrey{color: #2a2a2a;}
.padd30{padding-top: 30px;}
.padd10{padding: 10px;}

.marg30{margin-top: 30px;}
.marg30B{margin-bottom: 30px;}
.font30{font-size: 30px;}
.font18{font-size: 18px !important;}
.reveal h3{font-weight: bold;}
.reveal h4{font-weight: bold; color: #284c87; font-size: 20px; }
.tituloBio{padding: 10px; margin-left: 10px;}
.tabulado{margin-left: 15px;}
.helvN{ font-family:'Conv_HelveticaLTStd-Cond_0','roboto'};
label{color: white;}
.logo img{padding: 38px; }
#estudio{background-image: url(../img/elestudio.jpg); 
		background-repeat: no-repeat;
		min-height: 218px;
		background-position: top center;
		position: relative; 
		/*max-width: 960px;*/
    margin-bottom: -1px;
		background-size: contain;
		padding: 0;
		margin: 0 auto; 
		}
#equipo{position: relative;}		

.people{position: relative;}	
.people img:hover{/* 
    -ms-transform: rotate(7deg); 
    -webkit-transform: rotate(7deg); 
    transform: rotate(7deg);*/
    cursor: pointer;
}	
.close-button{top: 1.5rem !important;  right:2.5rem !important;}
 #masInfo{padding: 0;}  
 #masInfo p{padding-right: 1rem; padding-left: 1rem;} 
 #masInfo h2{padding-right: 1rem; padding-left: 1rem;} 
.masinfo{ font-size: 24px; 
	position: absolute; /* <-- Remove the overlay from normal flow         */
  bottom: -10px;          /* <-- Keep the overlay at the bottom of the box   */
  left: 0px;            /* <-- Set left and right properties to 0          */
  right: 70px;           /*     In order to expand the overlay horizontally */
  color: white;
  padding: 0.4rem;
  text-align: right;
	
}

.masinfo a{text-decoration: none; color: black;}		
.nomFoto{ 
  position: absolute; /* <-- Remove the overlay from normal flow         */
  bottom: 0px;          /* <-- Keep the overlay at the bottom of the box   */
             /*     In order to expand the overlay horizontally */
  right: 15px;           
  color: white;
  padding-right: 0px;
  text-align: center;
  height: 64px;
  vertical-align: middle;
  background-color: rgba(40, 76, 135, 0.4);
  font-size: 21px;
   cursor: pointer;
   			}
  .textEstudio{ 
  position: absolute; /* <-- Remove the overlay from normal flow         */
  bottom: 10px;          /* <-- Keep the overlay at the bottom of the box   */
  left: 40px;            /* <-- Set left and right properties to 0          */
  right: 0;           /*     In order to expand the overlay horizontally */
  color: white;
  padding: 1.3rem;
  text-align: left;
  font-size: 14px;
 

}
.areas{
	background-color: rgba(40, 76, 135, 0.7);
	min-width: 120px;
	min-height: 120px;
	border: 4px solid white;
	text-align: center; 
	position: relative;


}
.areas a{ color: white; margin-top: 45px;  display: inline-block;
  vertical-align: middle;
  line-height: normal;}
.areas:hover{background-color: rgba(196, 196, 196, 0.6); color: black !important;}
#areass{margin-bottom: 30px;}
  /*background-color: rgba(40, 76, 135, 0.4);*/
 .paddExtra{padding-right: 3em; padding-left: 3em;}

/* Small only */
@media screen and (max-width: 39.9375em) {
.marginFotoMobileTop{margin-top: 15px;}
#estudio{background-image: url(../img/m_Equipo-Byn_1440.jpg);
 };

}
   			
@media screen and (min-width: 64em) {
  .paddExtra{padding-right: 3em; padding-left: 3em;}
	#header{
		min-height: 640px; 
		background-image: url(../img/fondo1.jpg); 
		
	}
	#estudio{
		 background-image: url(../img/elestudio.jpg); 
     margin-bottom: 1px;
		background-repeat: no-repeat;
		min-height: 457px;
    margin-top: 36px;
	}
  .fotoEstudio{float: right;}

	.logo img{padding: 78px; }
	.menu{padding-top: 0px; font-size: 30px;}	
  .menu.vertical > li{margin-bottom: 0px !important;}
	.enviar{/*width: 186px;*/ height: 50px; font-size: 19px; background-color: #284C87;}
	.textEstudio{
	font-size: 1.8em; 
  position: absolute; /* <-- Remove the overlay from normal flow         */
  bottom: 144px;          /* <-- Keep the overlay at the bottom of the box   */
  left: 230px;            /* <-- Set left and right properties to 0          */
  right: 0;           /*     In order to expand the overlay horizontally */
  color: white;
  padding: 0.4rem;
  text-align: left;
  /*background-color: rgba(40, 76, 135, 0.4);*/
   			}

    .masinfo{bottom: 12px; right: 204px; font-size: 2.5em; }
   	.nomFoto{font-size: 20px !important; height: 62px; min-width: 194px;}	
   	.areas{border: 4px solid white; min-width: 195px;}	
   	.peoplePadd30Top{padding-top: 30px;}
    .people{min-width: 225px;}
   	.sinAreas{
   		margin: 10px; 
   		min-width: 195px;
   		min-height: 120px;
		margin: 10px;
		text-align: center;
		position: relative;
		}	
		textarea{margin-left: -10px}
    .google-maps {
        position: relative;
        padding-bottom: 30%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }

		


}