@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700');html,body{margin:0;padding:0;height:100%;list-style:none;text-decoration:none;width:100%;font-family:'Poppins', sans-serif;}
*{font-family:sans-serif;list-style:none;text-decoration:none;margin:0;padding:0;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
#logo{position:absolute;top:50px;left:50px;z-index:1;}
#pieuna{position:absolute;bottom:20px;left:50px;z-index:1;font-size:13px;color:#ffffff;}
#piedos{position:absolute;bottom:24px;right:50px;z-index:1;font-size:15px;color:#ffffff;letter-spacing:1px;}
.textpro{font-size:13px;color:#000000;}
.textpro2{font-size:15px;color:#000000;letter-spacing:1px;}
.elmenus{font-size:11px;color:#4e4e4e;}
#firma, #firma1, #firma2, #firma0{display:inline-block;vertical-align:top;}
#firma{width:1200px;vertical-align:middle;}
#firma1{width:440px;margin-right:-4px;text-align:left;font-size:67px;color:#ffffff;font-weight:700;line-height:123%;}
#firma2{width:660px;margin-right:-4px;text-align:left;font-size:22px;color:#ffffff;font-weight:300;}
#firma0{width:100px;margin-right:-4px;text-align:left;}
#proyectos{POSITION:RELATIVE;z-index:0;width:1139px;height:2600px;left:0;top:0;}
#proyectos1{POSITION:ABSOLUTE;left:0px;top:0px;z-index:1;width:345px;}
#proyectos2{POSITION:ABSOLUTE;left:397px;top:0px;z-index:1;width:345px;}
#proyectos3{POSITION:ABSOLUTE;left:794px;top:0px;z-index:1;width:345px;}
#proyectos4{POSITION:ABSOLUTE;left:0px;top:280px;z-index:1;width:345px;}
#proyectos5{POSITION:ABSOLUTE;left:397px;top:280px;z-index:1;width:345px;}
#proyectos6{POSITION:ABSOLUTE;left:794px;top:230px;z-index:1;width:345px;}
#proyectos7{POSITION:ABSOLUTE;left:0px;top:550px;z-index:1;width:345px;}
#proyectos8{POSITION:ABSOLUTE;left:397px;top:600px;z-index:1;width:345px;}
#proyectos9{POSITION:ABSOLUTE;left:794px;top:510px;z-index:1;width:345px;}
#proyectos10{POSITION:ABSOLUTE;left:397px;top:848px;z-index:1;width:345px;}
#proyectos11{POSITION:ABSOLUTE;left:0px;top:1130px;z-index:1;width:345px;}
#proyectos12{POSITION:ABSOLUTE;left:397px;top:1130px;z-index:1;width:345px;}
#proyectos13{POSITION:ABSOLUTE;left:794px;top:980px;z-index:1;width:345px;}
#proyectos14{POSITION:ABSOLUTE;left:0px;top:1410px;z-index:1;width:345px;}
#proyectos15{POSITION:ABSOLUTE;left:397px;top:1410px;z-index:1;width:345px;}
#proyectos16{POSITION:ABSOLUTE;left:0px;top:1700px;z-index:1;width:345px;}
#proyectos17{POSITION:ABSOLUTE;left:397px;top:1720px;z-index:1;width:345px;}
#proyectos18{POSITION:ABSOLUTE;left:794px;top:1590px;z-index:1;width:345px;}
#proyectos19{POSITION:ABSOLUTE;left:794px;top:1840px;z-index:1;width:345px;}
#proyectos20{POSITION:ABSOLUTE;left:397px;top:2030px;z-index:1;width:345px;}
#proyectos21{POSITION:ABSOLUTE;left:794px;top:2120px;z-index:1;width:345px;}
#proyectos22{POSITION:ABSOLUTE;left:0px;top:2350px;z-index:1;width:345px;}
#proyectos23{POSITION:ABSOLUTE;left:794px;top:2350px;z-index:1;width:345px;}
.transparente3{background:rgba(255,255,255,.00);text-align:left;HEIGHT:70px;width:100%;border:2px solid #ffffff;font-size:14PX;color:#ffffff;}
input[type=submit]{background:#ffffff;border:0 none;cursor:pointer;text-align:center;HEIGHT:74px;width:119px;font-size:24PX;color:#000000;}
#contacto, #contacto1, #contacto2, #contacto3{display:inline-block;vertical-align:top;}
#contacto{width:1050px;vertical-align:middle;}
#contacto1{width:350px;margin-right:-4px;text-align:left;}
#contacto2{width:935px;margin-right:-4px;text-align:left;}
#contacto3{width:115px;margin-right:-4px;text-align:left;background-color:#ffffff;}
#vergalerias{width:1200px;height:600px;}
@media screen and (max-width:1200px){#proyectos{width:790px;}
#firma, #firma1, #firma2, #firma0{display:block;}
#firma{width:660px;vertical-align:middle;}
#firma1{width:440px;margin-right:0px;text-align:center;}
#firma2{width:660px;margin-right:0px;text-align:center;}
#firma0{display:none;}
#proyectos{POSITION:RELATIVE;z-index:0;width:742px;height:3900px;left:0;top:0;}
#proyectos1{POSITION:ABSOLUTE;left:0px;top:0px;z-index:1;width:345px;}
#proyectos2{POSITION:ABSOLUTE;left:397px;top:0px;z-index:1;width:345px;}
#proyectos4{POSITION:ABSOLUTE;left:0px;top:280px;z-index:1;width:345px;}
#proyectos5{POSITION:ABSOLUTE;left:397px;top:280px;z-index:1;width:345px;}
#proyectos7{POSITION:ABSOLUTE;left:0px;top:550px;z-index:1;width:345px;}
#proyectos8{POSITION:ABSOLUTE;left:397px;top:600px;z-index:1;width:345px;}
#proyectos10{POSITION:ABSOLUTE;left:397px;top:848px;z-index:1;width:345px;}
#proyectos11{POSITION:ABSOLUTE;left:0px;top:1130px;z-index:1;width:345px;}
#proyectos12{POSITION:ABSOLUTE;left:397px;top:1130px;z-index:1;width:345px;}
#proyectos14{POSITION:ABSOLUTE;left:0px;top:1410px;z-index:1;width:345px;}
#proyectos15{POSITION:ABSOLUTE;left:397px;top:1410px;z-index:1;width:345px;}
#proyectos16{POSITION:ABSOLUTE;left:0px;top:1700px;z-index:1;width:345px;}
#proyectos17{POSITION:ABSOLUTE;left:397px;top:1720px;z-index:1;width:345px;}
#proyectos20{POSITION:ABSOLUTE;left:397px;top:2030px;z-index:1;width:345px;}
#proyectos22{POSITION:ABSOLUTE;left:0px;top:2350px;z-index:1;width:345px;}
#proyectos3{POSITION:ABSOLUTE;left:0px;top:2570px;z-index:1;width:345px;}
#proyectos6{POSITION:ABSOLUTE;left:397px;top:2490px;z-index:1;width:345px;}
#proyectos9{POSITION:ABSOLUTE;left:0px;top:2790px;z-index:1;width:345px;}
#proyectos13{POSITION:ABSOLUTE;left:397px;top:2770px;z-index:1;width:345px;}
#proyectos18{POSITION:ABSOLUTE;left:0px;top:3260px;z-index:1;width:345px;}
#proyectos19{POSITION:ABSOLUTE;left:397px;top:3370px;z-index:1;width:345px;}
#proyectos21{POSITION:ABSOLUTE;left:0px;top:3510px;z-index:1;width:345px;}
#proyectos23{POSITION:ABSOLUTE;left:397px;top:3650px;z-index:1;width:345px;}
#contacto{width:350px;vertical-align:middle;text-align:center;}
#contacto1{width:350px;margin-right:0px;text-align:left;}
#contacto2{width:350px;margin-right:0px;text-align:left;}
#contacto3{width:354px;margin-right:-4px;text-align:center;background-color:#ffffff;}
.transparente3{text-align:center;}
input[type=submit]{width:300px;}
#vergalerias{width:800px;height:400px;}
}
@media screen and (max-width:800px){#proyectos, #proyectos1, #proyectos2, #proyectos3, #proyectos4, #proyectos5, #proyectos6, #proyectos7, #proyectos8, #proyectos9, #proyectos10, #proyectos11, #proyectos12, #proyectos13, #proyectos14, #proyectos15, #proyectos16, #proyectos17, #proyectos18, #proyectos19, #proyectos20, #proyectos21, #proyectos22, #proyectos23{display:block;vertical-align:top;POSITION:relative;left:0px;top:0px;z-index:1;width:345px;}
#proyectos{width:345px;height:7600px;}
#vergalerias{width:600px;height:300px;}
}
@media screen and (max-width:700px){#firma{width:90%;vertical-align:middle;}
#firma1{width:100%;margin-right:0px;text-align:center;}
#firma2{width:100%;margin-right:0px;text-align:center;}
}
@media screen and (max-width:600px){#vergalerias{width:450px;height:225px;}
#pieuna{left:10px;}
#piedos{right:10px;}
#logo{left:5px;}
}
.grises img{filter:url('#grayscale');-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:Gray();-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;}
.grises img:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:none;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;}