@charset "utf-8";
/* LAYOUT 1 (Global rues for all sizes)  */

/* Esto se hace para que los bordes queden completamente pegados al texto arriba y abajo*/
body { margin:0; padding:0;
       font-family: 'Open Sans', sans-serif;
	   font-size: 14px;
	   font-weight: normal;}

/* Layout (Global rues for all sizes)  */
/* Display <p> elements as inline elements, blocks, others, its related to its position  */
/* LAYOUT 2 Large screens (default for older browsers) */

#menu{ 
       width: 100%;
       height: 157px;
       position: fixed;
       z-index: 3;
       margin-top: -60px;
       position: fixed;
       left: 50%;
       margin-left: -490px;}	
	  
.menu { 
       min-height:100px;
	   }
	   
.menu_selector { 
       display:none;
	   }

	   	  
.menu_image { 
       height: 96px;
	   width:146px;
       color:#FF3;
	   display:inline-block;
	   font-weight:bold;
	   background-image:url(../images/Snippets/logo.png);
	   background-repeat:no-repeat;
	   background-position:top left;
	   z-index:4;}	  
	  
  
	  
		  
nav {  display: inline-block;
	   position: inherint;
	   margin-left: 10px;
	   margin-bottom: 54px;
	   
	   
	   	   }
	   

nav a    { 
           color:#FFF;
		   text-decoration:none;
		   font-size:14px;
		   display:block;
		   
         }
	  	  
   nav a:hover{ 
   color:#FFF;    
   background-color:#000;
   width: 80px;
   height: 24px;  }
	   
  .button { 
  padding-top:3px;
  background-color:#94999a;
  width: 80px;
  height: 24px;
  position: inherit;
  float:left;
  margin-right:10px;
  vertical-align: middle;
  text-align: center;
  text-decoration:none;}
	   
	   
  .button:hover {padding-top:3px;
  background-color:#201315;
  width: 80px;
  height: 24px;
  position: inherit;
  float:left;
  margin-right:10px;
  vertical-align: middle;
  text-align: center;
  text-decoration:none}


/* INITIAL PART - PRESENTATION */
	   
  .presentation {
  margin-top: 75px;
  width: 190px;
  height: 285px;
  padding-left: 146px;
    }
  
  .presentation #pp0 {
  height: 96px;
  width:146px;
/*  background-image:url(../images/Snippets/logo.png); */
  }
 
  .presentation #pp1 {
  font-size: 20px;
  color:#3b393e;
  vertical-align: left;
  
  }
  .presentation #pp2 {
  height: 29px;
  width: 175px;
  vertical-align: middle;
  background-repeat:no-repeat;
  margin-top: -6px;
  }
  .presentation #pp3 {
  padding-top: 5px;
  font-size: 13px;
  text-align: left;
  color:#3b393e;
  vertical-align: left;
  }
  
  .presentation #pp4 {
  font-size: 14	px;
  color:#F99;
  vertical-align: central;
  margin-top: -18px;
  }
  
  .presentation #pp5 {
  font-size: 20px;
  color: #00af95;
  vertical-align: middle;
  text-align: left;
  margin-top: -6px;
  }
  
  #presentation_tunel {
  height: 817px;
  width: 980px;
  background-image:url(../images/Large_device/large_layout_images-01-tunel.png);}


/* 1 ABOUT SECTION */

  #entrepaño_education {
  width: 100%;
  height: 140px;
/*  background-color:#000; */
  margin-top:20px;}


  .About { 
   width:100%;
/*   background-color:#F99; */
   Overflow:hidden;
    }

  .About_Education {
  margin-left:90px;	
  
  }	

  .About_Education_divazul {
  background-color: #00af95; 	   
  }	
  
  .About #About_Education .About_Education_divazul {
  background-color: #00af95; 
  color: white;	   
  width: 708px;
  padding: 33px 25px 25px 25px;
  -webkit-box-shadow: 0px 15px 42px -16px rgba(0,0,0,0.46);
  -moz-box-shadow: 0px 15px 42px -16px rgba(0,0,0,0.46);
  box-shadow: 0px 15px 42px -16px rgba(0,0,0,0.46);
  
  }	
  
  #About_container { 
   background-color:#F69;
   width:100%;
   }
  
  #About_other_interests{
	width: 302px;
	height: 956px;
	position: absolute;
	float: left;
	margin-top: 163px;
	
  }
   
  #About_other_interests_title{   
  width:199px;
  padding-left:70px;
  }
  
  #About_other_interests_icon{
  width: 54px;
  height:59px;   
  background-image:url(../images/Snippets/ICONOS-04.png);
  margin-left: 95px;
  margin-top: -30px;
  position: relative;
  background-repeat: no-repeat;
  }
  
  #About_other_interests_image{   
  width:302px;
  height:902px;
  background-image:url(../images/Large_device/large_layout_images-02.svg); 
  margin-top: -65px;
 }
  
  #About_other_interests_text{   
  width:200px;
  height:901px;
  padding: 75px 00px 00px 25px;
  color:#FFF;
  }
  
  #About_Design_approach {
  width:726px;
  height:646px;
  position:relative;
  float:right;
  margin-top: 77px;
  }	  
  
  #About_Design_approach_image {
  width:726px;
  height:646px;
  background-image:url(../images/Large_device/large_layout_images-03-escalera2.png);
  position:relative;
  float:right;
  }	
  
  #About_Design_approach_icon {
  background-image:url(../images/Snippets/ICONOS-03.png);
  background-repeat:no-repeat;
  width: 260px;
  height:70px;
  margin-right: 210px;
  position: relative;
  float: right;
  margin-top: 10px;
}
  
  
  #About_Design_approach_title_container {
  margin-right:20px;
  margin-right: -5px;
  margin-top: 0px;
  position: relative;
  float: right;}
  
  #About_Design_approach_title {
  float: right;}	
  
  #About_Design_approach_text { 
  width:461px;
  float:right; 
  padding: 33px 25px 25px 1px;
  color:white;
  }
  
  #About_Design_approach_text_explanation_spanish { 
  background-image:url(../images/Snippets/mental_map_spanish.svg);
  background-repeat:no-repeat;
  height: 189px;
  width: 363px;
  margin-left:29px;
  }
  
 #About_Design_approach_text_explanation_english { 
  background-image:url(../images/Snippets/mental_map_english.svg);
  background-repeat:no-repeat;
  height: 189px;
  width: 363px;
  margin-left:29px;
  }
  
  
   
  #About_decoration 	{
  width: 467px;
  height: 43px;
  background-color:#808486;
  float: right;
  margin-top: 281px;
  }
  
  #About_decoration_after {
  width:100%;
  height: 200px;
  background-color:#FC3;
	}

 
  

/* 2 PORTFOLIO SECTION */


  #entrepaño_portfolio {
  width: 100%;
  height: 160px;
/*  background-color:#000; */
  }
  
  
 .Portfolio_main {
  width: 100%;
  /*  background-color:#FF0; */
  	  }

 .portfolio_icon {
  width: 472px;
  height: 50px;
  background-image:url(../images/Snippets/icono-07.png);
  background-repeat:no-repeat;
/* background-color:#0FF; */
   	  }
	  
 .portfolio_title {
  width: 100%;
  height: 20px;
  position:relative;
  float:right;
  margin-right:-75px;
  
  	  }
	  
  #entrepaño_portfolio {
  width: 100%;
  height: 160px;
/*  background-color:#000; */
  margin-top:20px;
  	  }

 .portfolio_buttons {
  width: 767px;
  height: 350px;
/*  background-color:#F0F; */
  left: 50%;
  position: relative;
  margin-left: -383px;
  padding-top:11px;
  padding-bottom: 80px;
      }
	  
.links {
	padding-top: 70px;
	height: 175px;
    width: 254px;}

.links:hover { 
		height:175px;
		width:254px;
		}
	  
 .portfolio_buttons_green{
  width: 253px;
  height: 175px;
  background-color:#00af95;
  display: inline-block;
  position: relative;
  background-color:#00af95;
  	  }
	  
 .portfolio_buttons_gray {
  width: 253px;
  height: 175px;
  background-color:#27262d;
  display: inline-block;
  position: relative;
  background-color:#94999a;
  	  }

 .portfolio_buttons_black {
  width: 253px;
  height: 175px;
  background-color:#ed2954;
  display: inline-block;
  position: relative;
  background-color:#27262d;
  	  }
	  
 .portfolio_buttons_pink {
  width: 253px;
  height: 175px;
  background-color:#00af95;
  display: inline-block;
  position: relative;
  background-color:#ed2954;
  	  }
	  
 .Portfolio_down {
  background-image:url(../images/Large_device/large_layout_images-04.svg);
  width: 977px;
/* background-color:#999; */
  height: 631px;
  margin-top: 100px;
  	  }
           
/* 3 RESEARCH SECTION */


 #entrepaño_reserach {
  width: 100%;
  height: 120px;
/*  background-color:#000; */
     }
  
  
 .research_container {
  width: 100%;
/*  background-color:#3C0; */
  	  }

 .research_main {
  width: 388px;
  height: 441px;
/*  background-color:#C00; */
  display:inline-block;
  position:relative;
  margin-top:10px;
  	  }
	  
  .research_main_icon {
   width: 167px;
   height: 50px;
   background-image:url(../images/Snippets/icono-05.png);
   background-repeat:no-repeat;
   position:relative;
   margin-left: 101px;
   	  }
  
.research_main_title_1 {
  width: 110px;
  height: 37px;
/*  background-color:#FF9; */
  left:50%;
  position:relative;
      	  }	  
		  
 .research_main_image {
  width: 388px;
  height: 398px;
  background-image:url(../images/Large_device/large_layout_images-06.svg);
  background-repeat:no-repeat;
  	  }
	  
	  
.research_main_text {
  width: 351px;
  padding: 80px 00 00 20px;
  text-align: center;
  color:#FFF;
    	  }
		  
		   
.research_why {
  width: 346px;
  height: 100%;
/*  background-color:#6CF; */
  display:inline-block;
  position:relative;
  left:50%;
  margin-left: -346px;
  	  }
	  
 .research_main__why_icon {
  width:108px;
  height:50px;
  background-image:url(../images/Snippets/icono-10.png);
  background-repeat:no-repeat;
/*  background-color:#C00; */
  position:relative;
  left:34%;
  margin-left: -15px;
   	  }

  .research_main_title_2 {
  width: 110px;
  height: 37px;
/*  background-color:#FF9; */
  left:50%;
  position:relative;
      	  }	
	  

.research_why_image {
  width: 100%;
  height: 258px;
  background-color:#94999a;
  	  }
	  
	  
.research_why_title {
  width: 253px;
  height: 20px;
  background-color:#FF9;
  	  }
	  
.research_why_text {
  width: 294px;
  height: 180px;
  padding: 34px 00 00 27px;
  color:#FFF;
  	  }
	  
.Research_down {
  width: 100%;
  height: 623px;
  background-image:url(../images/Large_device/large_layout_images-09.png);
/*  background-color:#666; */
  margin-top: 100px;
  	  }

/* 4 CONTACT SECTION */


  #entrepaño_contact {
  width: 100%;
  height: 120px;
   }

.Contact_container {
  width: 100%;
  height: 100%;
/*  background-color:#666; */
  	  }
	  

.Contact_title_icon_container {
  padding-top:80px;
  width: 200px;
  display: inline-block;
  position: relative;
      	  }  

.Contact_title_icon {
  width: 90px;
  height: 50px;
  background-image:url(../images/Snippets/icono-09.png);
  background-repeat:no-repeat;
    	  }  
	  
.Contact_title {
	padding-left:70px;
    	  }
	  
.Contact_house {
  height:737px;
  width: 730px;
  background-image:url(../images/Large_device/large_layout_images-08.svg);
  margin-top: -125px;
   	  }

.Contact_info_container {
  height:400px;
  width: 730px;
  padding-top: 130px;
 
   	  }  
	  	
.Contact_title_container {
  height:36px;
  width: 198px;
  display:inline-block;
  padding-top: 50px;
  left: 50%;
  position: relative;
  margin-left: -93px;
  z-index:1;
   	  }
	  
.Contact_title_1 {
  height:30px;
  width: 36px;
  color: white;
  display:inline-block;
  float:left;
  position:relative;
  	  }
	  
.Contact_title_2 {
  height:30px;
  width: 36px;
  color: white;
  display:inline-block;
  float:right;
  position:relative;
  	  }

.Contact_house_container {
  width: 377px;
  height: 287px;
  left: 50%;
  position: relative;
  margin-left: -188px;
  display:block;
  margin-top:-50px;
}
   	  
	  
.Contact_house_info {
  width: 377px;
  height: 108px;
  color: white;
  position: relative;
  text-align: center;
  color: #FFF;
  text-align: center;
  line-height: 19px;
  margin-top: 20px;
   	  }