/*text-shadow:0px 0px 20px rgba(0,0,0,0.1);
font-family: 'Open Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

image{border:0px;}
body{font-family: 'Montserrat', sans-serif;background-color:#fff;font-size:12px;color:#606060;line-height:19px;margin:0px; }
.invisible{display:none;}
.visible{display:block;}
.separador{clear:both;}
.textwhite{color:#fff;}
.textblack{color:#333;}
.textgray{color:#888;}

#intro { position:absolute; top:210px; left:0px; width:100%; height:100%; overflow:hidden; z-index:999; display:none;}
#intro img { position:absolute; top:0px; left:0px; width:100%;  }

#cabecera { position:absolute; top:0px; z-index:99; width:580px; left:50%; margin-left:-290px; }
#logo { position:absolute; left:50%; margin-left:-40px; width:64px; top:66px; display:none;}
#logo img { width:100%;}

#menu { position:absolute; width:400px; left:50%; margin-left:-200px; top:145px; height:40px; overflow:hidden; list-style:none; font-size:23px; opacity:0;; margin-top:32px; }
#menu li { position:absolute; top:0px; width:33%; margin:0px; text-align:center; font-family:Georgia,Times; margin-left:-15px;
	-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	     -o-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	        transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

	
}
#menu a { color:#606060; text-decoration:none;}
#menu a sup { font-size:18px; padding-left:5px;}
#menu li:hover a { color:#000;}

.menuleft { left:0px; opacity:1;}
.menucenter { left:33.333%; opacity:1;}
.menuright { left:66.666%; opacity:1;}

.menuleft2 { left:-33%; opacity:0;}
.menuright2 { left:133%; opacity:0;}

#superpage { position:relative; overflow:hidden; top:0px; width:100%; height:2000px;  }

.page { position:absolute; index:0; top:0px; width:100%; background-color:#fff;  

	-webkit-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	     -o-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	        transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}
.page2 { position:absolute; index:0; top:0px; width:100%; background-color:#fff;
}

.pagecont_projects {  padding-top:262px; }
.pagecont_lab {  padding-top:245px; }
.pagecont_about {  padding-top:245px; }


.pagecont { position:relative; width:90%;  margin-left:-45%; left:50%;  display:block; 
	-webkit-transition: left 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	-moz-transition: left 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	 -o-transition: left 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	 transition: left 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
	 
 	-webkit-transition: background-color 1200ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
 	-moz-transition: background-color 1200ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
 	 -o-transition: background-color 1200ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
 	 transition: background-color 1200ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

}

.pageleft { left:-100%; }
.pagecenter { left:0%;}
.pageright { left:100%; }

.pageleft2 { left:-100%; }
.pageright2 { left:100%; }

.fondolab {position:absolute; top:-250px; display:none; width:100%;  }
.fondolab img { width:100%; }

.pagecenter .pagecont { background-color:#fff;}



.pagecont2 { position:relative; width:94%;  margin-left:-47%; left:50%;  display:block; }
.cuad { position:relative;  background-color:#606060; background-color:#fff; margin-left:1.2%; margin-bottom:1.2%;
 	-webkit-transition: all 800ms linear); 
 	-moz-transition: all 800ms linear ); 
 	 -o-transition: all 800ms linear); 
 	 transition: all 800ms linear); 

}
.simplecuad { width:48.1%; }
.doblecuad { width:97.5%; }
.minicuad { width:31.5%; }

.cuad img { position:relative; z-index:1; width:100%; }

.cuadhid { opacity:0; margin-top:0px;}
.cuadshow { opacity:1; margin-top:0px;}

.prolistfloat .cuad { float:left;}

.supera { position:absolute; z-index:10; text-decoration:none; color:transparent; top:0px; left:0px; width:100%; height:100%; }

h1 { padding:0px; margin:0px; padding:10px 0px 9px 0px;}
h4 { width:100%; text-align:center; font-size:23px; font-family:Georgia,Times; font-weight:normal; padding:0px; margin:20px 0px 38px 0px; line-height:27px; font-style: italic; display:none;}
h3 { width:100%; text-align:center; font-size:12px; font-weight:normal; padding:0px; margin:0px; line-height:64px; padding-bottom:3px;}
h2 { width:60%; left:50%; position:relative; margin:0px; margin-left:-30%; text-align:center; font-size:21px; padding:0px 0px 62px 0px; font-weight:normal;  line-height:24px;}
h2 p { padding:0px; margin:0px;}

.footer { position:relative; display:none;}
.socials { width:280px; position:relative; left:50%; margin-left:-120px; margin-top:90px; }
.social { float:left; width:50px; margin:6px;}
.social img { width:100%;}

.footmenu { width:500px; position:relative; left:50%; margin-left:-210px; list-style:none; margin-top:30px;}
.footmenu li { float:left;}
.footmenu a { color:#606060; text-decoration:none; font-size:16px; padding:18px;}
.footmenu li:hover a { color:#000;}

.proybox { position:relative; left:50%; width:400px; margin-left:-200px; text-align:center; font-size:12px; padding-bottom:40px; padding-top:9px;}
.proybox p { font-size:12px; line-height:16px;}
.proycol { width:48.1%; float:left; position:relative;  background-color:#606060; background-color:#fff; margin-left:1.2%; margin-bottom:1.2%;
	font-size:18px; font-weight:600; padding-bottom:15px;
}
.proybox a { color:#222;}

.projcolmas { position:absolute; top:0px; right:0px; width: 19px; height:19px; background-image:url("images/mas.png"); background-size:cover;
-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
-moz-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
 -o-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
 transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}


.prohover { position:absolute; opacity:0;  z-index:3; top:0px; left:0px; color:#fff; width:100%; height:100%; background-color:rgba(86,88,85,0.55);  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.prohovertit { position:absolute; top:50%; width:100%; margin-top:-2%; text-align:center; font-size:2.1em; font-weight:normal; line-height:1em;  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.prohovertit strong { font-size:0.6em; font-weight:normal;}
.procuad:hover .prohover { opacity:1; }
.procuad:hover .prohovertit { margin-top:-3%; }


.labhover { position:absolute; opacity:0;  z-index:3; top:0px; left:0px; color:#fff; width:100%; height:100%; background-color:rgba(86,88,85,0.15);  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.labhovertit { position:absolute; top:50%; width:100%; left:50%; margin-left:-90px; margin-top:-26px; text-align:center; font-size:3.4em; font-weight:600; line-height:0.7em;  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.labhovertit strong { font-size:0.5em; font-weight:normal;}
.procuad:hover .labhover { opacity:1; }
.procuad:hover .labhovertit { margin-top:-36px; }


.mas1 { -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);}
.mas2 { -ms-transform: rotate(135deg); /* IE 9 */
	    -webkit-transform: rotate(135deg); /* Safari */
	    transform: rotate(135deg);}
		
.proinfo { display:none; font-weight:normal; line-height:25px; font-size:16px; padding-right:10%;}
.proinfo a { color:#222;}
.labtit { position:relative; padding:24px; text-align:center; font-size:18px; line-height:24px;}
.labtit strong { font-size:24px; font-weight:600;}

.contactvacio { height:275px; display:block; position:relative; }
#contactpage { position:relative; display:block;  width:100%;}

.contsocial { width:60%; left:50%; position:relative; margin:0px; margin-left:-30%; text-align:center; font-size:15px; padding:11px 0px 11px 0px; line-height:22px;}
.contsocial a { text-decoration:none; color:#606060; font-weight:normal; font-size:18px;}