@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{ 
       position: fixed;
       z-index: 3;
       margin-top: -60px;
       position: fixed;
       left: 0%;
       margin-left: 15px;
	   }	
		  
.menu_image { 
       height: 96px;
	   width:146px;
       display:block;
	   font-weight:bold;
	   background-image:url(../images/Snippets/logo.png);
	   background-repeat:no-repeat;
	   background-position:top left;
	   z-index:4;
	   margin-top: 5px;
	   }	  
	 
.menu_selector { 
       height: 40px;
	   width: 40px;
       display:block;
	   font-weight:bold;
	   z-index:5;
	   margin-top: 5px;
	   background-color:#000;
	   display:none;
	   }	
	  
	  
		  
nav {display:none;  }
	   	   
	   

nav a    { 
           color:#FFF;
		   text-decoration:none;
		   font-size:14px;
		   display:block;
		   height: 50px;
		   padding-top: 13px; 	   
         }
	  	  
   nav a:hover{ 
   color:#FFF;    
   background-color:#000;
   width: auto;
   height: 40px;
   padding-top: 13px; 
   max-height: 50px;
    }
	   
  .button { 
  padding-top:3px;
  background-color:#94999a;
  width: 100%;
  height: 50px;
  position: relative;
  margin-right:10px;
  vertical-align: middle;
  text-align: center;
  text-decoration:none;
  border-bottom: 1px solid #888a8b;
  border-top: 1px solid #888a8b;}
	   
	   
  .button:hover {
  padding-top:3px;
  background-color:#201315;
  width: 100%;
  height: 50px;
  position: relative;
  float:left;
  margin-right:10px;
  vertical-align: middle;
  text-align: center;
  text-decoration:none;
  border-bottom: 1px solid #888a8b;
  border-top: 1px solid #888a8b;
  }


/* 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: 2px;
  width: 2px;
  background-image:none;
  margin: 0 auto;}

/* 1 ABOUT SECTION */

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


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

  #About_Education {
  margin-left:0px;	
  position: relative;
  width: auto;
  left: 0;
  margin-left: 0px;
  }	

  .About_Education_divazul {
     
  }	
  
  .About #About_Education .About_Education_divazul {
  background-color: #00af95; 
  color: white;	   
  max-width: 400px;
  min-width: 160px;
  width: auto;
  padding: 33px 25px 25px 25px;
  margin: 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);
  text-align: center;
   }	
  
  #About_container { 
   width:100%;
   background-color:transparent;
   margin-top: -40px;
   }
  
  #About_other_interests{
	max-width: 483px;
    min-width: 160px;
	position: relative;
	float: none;
	margin-top: 0px;
	width:auto;
	height:auto;
	
  }
   
  #About_other_interests_title{   
  width:199px;
  padding-left:70px;
  margin-top: -90px;
  }
  
  h3 {
  left: 50%;
  position: relative;
  margin-left: -40px;
}
  
  h4 {
  font-size: 1.5em;
}
  
  #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;
  float:none;
  }
  
  #About_other_interests_image{   
  max-width: 483px;
  min-width: 160px;
  background-image:none; 
  background-repeat: no-repeat;
  margin-top: -65px;
  width:auto;
  height:auto;
 }
  
  #About_other_interests_text{   
  width:auto;
  max-width: 483px;
  min-width: 160px;
  width: auto;
  padding: 25px;
  background-color:gray;
  text-align: center;
  margin: 15px;
  height:auto;
  }
  
  #About_Design_approach {
  max-width:483px;
  min-width: 160px;
  width:auto;
  height:auto;
  position:relative;
  float:none;
  margin-top: 75px;
  }	  
  
  #About_Design_approach_image {
  background-image:none;
  min-width:160px;
  max-width:483px;
  height:auto;
  background-image:none;
  position:relative;
  float:none;
  width: auto;
  }	
  
  #About_Design_approach_icon {
  background-image:url(../images/Snippets/iconos-03.png);
  background-repeat:no-repeat;
  width: 250px;
  height:60px;
  margin-left: 10px;
  position: relative;
  float: none;
  margin-top: 10px;
}
  
  
  #About_Design_approach_title_container {
  padding-right: 20px;
  margin-top: -15px;
  position: relative;
  float: right;
  max-width:170px;
  }
  
  #About_Design_approach_title {
  float: right;}	
  
  #About_Design_approach_text { 
  max-width:483px;
  min-width:160px;
  width:auto;
  padding:25px;
  color:white;
  text-align:center;
  background-color:gray;
  margin: 15px;
  position:relative;
  float:none;
  }
  
  #About_Design_approach_text_explanation_spanish { 
  background-image:url(../images/Snippets/mental_map_spanish_medium.svg);
  background-repeat:no-repeat;
  height: 480px;
  width: 363px;
  left: 50%;
  margin-left: -105px;
  position: relative;
  }
  
    #About_Design_approach_text_explanation_english { 
  background-image:url(../images/Snippets/mental_map_english_medium.svg);
  background-repeat:no-repeat;
  height: 480px;
  width: 363px;
  left: 50%;
  margin-left: -114px;
  position: relative;
  }
  
  #About_decoration 	{
  width: 483px;
  height: 43px;
  background-color:#808486;
  float: right;
  margin-top: 245px;
  display:none;
  }
  
  #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: 15px;
  /*  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-bottom: 18px;
  margin-left: -10px;
   	  }
	  
 .portfolio_title {
  width: 100%;
  height: 20px;
  position:relative;
  float:right;
  margin-right:45px;
  max-width: 100px;
  text-align: left;
  margin-top: -10px;
  
  	  }
	  
  #entrepaño_portfolio {
  display:none;
  	  }

 .portfolio_buttons {
  height: auto;
  left: 0px;
  position: relative;
  margin: 5px;
  padding-top: 48px;
  padding-bottom: 80px;
  max-width: 483px;
  min-width: 160px;
  width: auto;
}
      
	  
 .portfolio_buttons_green{
  max-width: 483px;
  min-width: 160px;
  width: auto;	 
  height: 57px;
  background-color:#00af95;
  display: block;
  position: relative;
  background-color:#00af95;
  margin-right: 30px;
  	  }
	  
 .portfolio_buttons_gray {
  max-width: 483px;
  min-width: 160px;
  width: auto;
  height: 57px;
  background-color:#27262d;
  display: block;
  position: relative;
  background-color:#94999a;
  margin-right: 30px;
  	  }

 .portfolio_buttons_black {
  max-width: 483px;
  min-width: 160px;
  width: auto;
  height: 57px;
  background-color:#ed2954;
  display: block;
  position: relative;
  background-color:#27262d;
  margin-right: 30px;
  	  }
	  
 .portfolio_buttons_pink {
  max-width: 483px;
  min-width: 160px;
  width: auto;
  height: 57px;
  background-color:#00af95;
  display:block;
  position: relative;
  background-color:#ed2954;
  margin-right: 30px;
  	  }

  h4 {
  max-width: 483px;
  min-width: 160px;
  height: 57px;
  width: auto;
  text-align: left;}


  .links {
  margin-top: 20px;
  max-width: 483px;
  min-width: 160px;
  height: 57px;
  display: block;
  right: 2px;
  position: relative;
  margin-left: 10px;
  padding-top:0;
}
  
  .links:hover {
  margin-top: 20px;
  max-width: 483px;
  min-width: 160px;
  height: 57px;
  display: block;
  left: 20%;
  position: relative;
  margin-left: -36px;
  padding-top:0;
}  
	  
	  
 .Portfolio_down {
  background-image:none;
  background-repeat:no-repeat;
  width: 100px;
  height: 100px;
/* 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: auto;
  height: auto;
/*  background-color:#C00; */
  display:inline-block;
  position:relative;
  margin-top:-345px;
  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: 3px;
   padding-bottom: 5px;
   	  }
  
.research_main_title_1 {
  width: 110px;
  height: 37px;
/*  background-color:#FF9; */
  left:50%;
  position:relative;
      	  }	  
		  
 .research_main_image {
  background-color: #00af95;
  color: white;
  height: auto;
  width: auto;
  padding: 33px 25px 25px 25px;
  margin: 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);
  text-align: center;
  max-width: 400px;
  min-width: 160px;
  	  }
	  
	  
.research_main_text {
  width: auto;
  padding: 25px;
  text-align: center;
  color:#FFF;
    	  }
		  
		   
.research_why {
  width: auto;
  height: auto;
  display: inline;
  position: relative;
  margin-top: 76px;
  float: none;
  left: 0%;
  margin-left: 1px;
  max-width: 483px;
  min-width: 160px;
  
  	  }
	  
 .research_main__why_icon {
  width:100px;
  height:50px;
  background-image:url(../images/Snippets/icono-10.png);
  background-repeat:no-repeat;
/*  background-color:#C00; */
  position:relative;
  left:6px;
  margin-top: 43px;
  margin-left: 4px;
}
    	  

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

.research_why_image {
  background-image:none;
  height:auto;
  background-color:#94999a;
  max-width: 483px;
  min-width: 160px;
  width: auto;
  margin: 15px;
  	  }
	  
	  
.research_why_title {
  width: 253px;
  height: 20px;
  background-color:#FF9;
  	  }
	  
.research_why_text {
  width: auto;
  height: auto;
  color:#FFF;
  padding: 25px;
  text-align:center;
  margin-left:0px;
  	  }
	  
.Research_down {
  width: 100px;
  height: 100px;
  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: auto;
  margin-top: -203px;
/*  background-color:#666; */
  margin-left: 12px;}	  


.Contact-form {
  display: none;
}

.Contact_title_icon_container {
  position:relative;
  padding-top:1px;
  width: 200px;
  display: inline-block;
  position: relative;
  height: auto;
  margin-left: -4px;
      	  }  

.Contact_title_icon {
  width: 90px;
  height: 50px;
  background-image:url(../images/Snippets/icono-09.png);
  background-repeat:no-repeat;
  margin-bottom: 5px;
    	  }  
	  
.Contact_title {
	padding-left:70px;
    	  }
	  
.Contact_house {
  height: auto;
  width: auto;
  background-image: none;
  background-repeat: no-repeat;
  margin-top: 1px;
  margin-left: -10px;
  max-width: 483px;
  min-width: 160px;
   	  }

.Contact_info_container {
  height:auto;
  width: auto;
  padding-top: 0px;
  max-width: 483px;
  min-width: 160px;
  margin:0px;
  margin-right: 15px;
   	  }  
	  	
.Contact_title_container {
  height:36px;
  width: 2px;
  padding-top: 50px;
  left: 50%;
  position: relative;
  margin-left: 0px;
  z-index:1;
  display: none;
   	  }
	  
.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: auto;
  height: auto;
  left: 0%;
  position: relative;
  margin-left: 0px;
/* display: none; */
  margin-top:-50px;
}
   	  
	  
.Contact_house_info {
  width: auto;
  height: auto;
  color: white;
  position: relative;
  text-align: center;
  background-color: #00af95;
  padding: 25px;
  margin: 58px 15px 15px 15px;
  max-width: 400px;
  min-width: 160px;
  display: block;
 
   	  }