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

/* The last 2 values are for the x position and the y position */




body { margin:0; padding:0;
       font-family: 'Open Sans', sans-serif;
	   font-size: 14px;
	   font-weight: normal;}

	   	  
#menu{ 
       width: 100%;
       height: 157px;
       z-index: 3;
       margin-top: -60px;
       position: fixed;
       left: 50%;
       margin-left: -300px;}	
	   
.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;
  left: 50%;
  position: relative;
  margin-left: -87px;
  padding-left: 0px;
}
    
  
  .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: 640px;
  background-image:url(../images/Medium_device/medium_device-01.svg);
  margin: 0 auto;}

/* 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;	
  position: relative;
  width: 400px;
  left: 38%;
  margin-left: -130px;
  }	

  .About_Education_divazul {
     
  }	
  
  .About #About_Education .About_Education_divazul {
  background-color: #00af95; 
  color: white;	   
  width: 350px;
  padding: 33px 25px 25px 25px;
  margin-top: 15px;
  -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;
  margin-top: -90px;
  }
  
  #About_other_interests_icon{
  width: 54px;
  height:60px;   
  background-image:url(../images/Snippets/iconos-04.png);
  margin-left: 15px;
  margin-top: 100px;
  position: relative;
  background-repeat: no-repeat;
  padding-top:70px;
  }
  
  #About_other_interests_image{   
  width:302px;
  height:902px;
  background-image:url(../images/Medium_device/medium_device-07.svg); 
  background-repeat: no-repeat;
  margin-top: -65px;
 }
  
  #About_other_interests_text{   
  width:170px;
  height:901px;
  padding: 75px 00px 00px 25px;
  color:#FFF;
  }
  
  #About_Design_approach {
  width:726px;
  height:1086px;
  position:relative;
  float:right;
  margin-top: 122px;
  }	  
  
  #About_Design_approach_image {
  background-image:url(../images/Medium_device/medium_device-08-08.svg);
  width:399px;
  height:1086px;
  background-image:;
  position:relative;
  float:right;
  }	
  
  #About_Design_approach_icon {
  background-image:url(../images/Snippets/iconos-03.png);
  background-repeat:no-repeat;
  width: 260px;
  height:62px;
  margin-right: 78px;
  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:280px;
  float:right; 
  padding: 33px 25px 25px 1px;
  color:white;
  text-align:center;
  }
  
  #About_Design_approach_text_explanation_spanish { 
  background-image:url(../images/Snippets/mental_map_spanish_medium.svg);
  background-repeat:no-repeat;
  height: 480px;
  width: 363px;
  margin-left:65px;
  }
  
  #About_Design_approach_text_explanation_english { 
  background-image:url(../images/Snippets/mental_map_english_medium.svg);
  background-repeat:no-repeat;
  height: 480px;
  width: 363px;
  margin-left:65px;
  }
  
  #About_decoration 	{
  width: 467px;
  height: 43px;
  background-color:#808486;
  float: right;
  margin-top: 245px;
  }
  
  #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%;
  text-align:center;
  margin-top: -52px;
  /*  background-color:#FF0; */
  	  }

 .portfolio_icon {
  width: 222px;
  height: 50px;
  background-image:url(../images/Snippets/icono-07.png);
  background-repeat:no-repeat;
/* background-color:#0FF; */
  margin-left: 76px;
   	  }
	  
 .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;
      }
	  
 .portfolio_buttons_green{
  width: 196px;
  height: 135px;
  background-color:#00af95;
  display: inline-block;
  position: relative;
  background-color:#00af95;
  	  }
	  
 .portfolio_buttons_gray {
  width: 196px;
  height: 135px;
  background-color:#27262d;
  display: inline-block;
  position: relative;
  background-color:#94999a;
  	  }

 .portfolio_buttons_black {
  width: 196px;
  height: 135px;
  background-color:#ed2954;
  display: inline-block;
  position: relative;
  background-color:#27262d;
  	  }
	  
 .portfolio_buttons_pink {
  width: 196px;
  height: 135px;
  background-color:#00af95;
  display: inline-block;
  position: relative;
  background-color:#ed2954;
  	  }
	  
  .links {
  height: 135px;
  width: 196px;
  padding-top: 60px;
}
  
  .links:hover {
  height: 135px;
  width: 196px;
  padding-top: 60px;
}  
	  
	  
 .Portfolio_down {
  background-image:url(../images/Medium_device/medium_device-02.svg);
  background-repeat:no-repeat;
  width: 977px;
  height: 910px;
/* background-color:#999; */
  margin-top: 100px;
}

h4..portfolio_buttons_black { 	
  margin-top: -10px;
		}


/* 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;
  position: relative;
  float: left;
  	  }
	  
  .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: 317px;
  height: 496px;
  display: inline-block;
  position: relative;
  margin-top: 76px;
  float:right;
  left:-2%;
  margin-left:0px;
  	  }
	  
 .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:1%;
  margin-left: 160px;
   	  }

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

.research_why_image {
  background-image:url(../images/Medium_device/medium_device-10.svg);
  height: 490px;
  background-color:transparent;
  	  }
	  
	  
.research_why_title {
  width: 253px;
  height: 20px;
  background-color:#FF9;
  	  }
	  
.research_why_text {
  width: 120px;
  height: 200px;
  color:#FFF;
  padding: 28px 00 00 35px;
  text-align:right;
  margin-left: 145px;
  	  }
	  
.Research_down {
  width: 100%;
  height: 623px;
  background-image:url(../images/Medium_device/medium_device-09.svg);
/*  background-color:#666; */
  margin-top: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  	  }

/* 4 CONTACT SECTION */


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

.Contact_container {
  width: 100%;
  height: 930px;
  margin-top: -250px;
/*  background-color:#666; */
  	  
  margin-left: 12px;}	  

.Contact_title_icon_container {
  position:relative;
  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: 811px;
  width: 682px;
  background-image:url(../images/Medium_device/medium_device-06.svg);
  background-repeat:no-repeat;
  margin-top: -125px;
  margin: 0 auto;
   	  }

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

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