@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;900&display=swap');

@font-face {
	font-family: 'graphik';
	src: url("graphik.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'bold';
	src: url("bold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

html,body{
width:100%;
	height:100%;font-family: 'Playfair Display', serif; }
	
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 }  
 
 *:focus { 
    outline: none; 
} 
 
#elhead{ width:100%; height: 70px; background-color: #85827f; text-align:center;  top:0; left:0; position:fixed;  z-index:99;}

#elinvi{ width:100%; height: 70px;  }


#home{ width:100%; background:url(../imagenes/home.jpg) no-repeat center center fixed;}
#contacto{ width:100%;background:url(../imagenes/contacto.jpg) no-repeat center center fixed;}

.botones{ font-weight: 400; color:#ffffff; font-size: 18px; text-decoration: none;-moz-transition:all 1s;-webkit-transition:all .5s;-o-transition:all .5s;font-family: 'graphik';}
.botones:hover{ font-weight: 700; font-size: 18px;-moz-transition:all 1s;-webkit-transition:all .5s;-o-transition:all .5s;}

.botones2{ font-weight: 700; color:#ffffff; font-size: 18px; text-decoration: none;}

.redes{ opacity: 1; -moz-transition:all 1s;-webkit-transition:all .5s;-o-transition:all .5s;}
.redes:hover{ opacity: .7; -moz-transition:all 1s;-webkit-transition:all .5s;-o-transition:all .5s;}

.texto1{color:#ffffff; font-size:18px; text-decoration:none; }
.texto2{color:#ffffff; font-size:12px;  text-decoration:none;}
.texto3{color:#000000; font-size:55px;  text-decoration:none;}
.texto4{color:#000000; font-size:18px;  text-decoration:none;font-weight: 500;}
.texto5{color:#000000; font-size:22px;  text-decoration:none;font-weight: 700; text-transform: uppercase;}
.texto6{color:#000000; font-size:15px;  text-decoration:none;font-weight: 700; text-transform: uppercase;}
.texto7{color:#000000; font-size:18px; letter-spacing:3px; line-height: 150%;  text-decoration:none;font-family: 'graphik'; text-shadow: 0px 0px 15px #ad9d84;}
.texto8{color:#000000; font-size:22px;  line-height:130%;  text-decoration:none;text-shadow: 0px 0px 10px #ad9d84; }
.texto8a{color:#000000; font-size:20px;  line-height:130%;  text-decoration:none;text-shadow: 2px 2px 10px #ad9d84; }

#arriba, #arriba1,#arriba2,#arriba3,#arriba4{display:inline-block;vertical-align:top;}
#arriba{ width:1443px;vertical-align:middle; text-align:left; }
#arriba1{width:600px;margin-right:-4px; text-align:left; margin-top: 22px; }
#arriba2{width:843px;margin-right:-4px;text-align:right; margin-top: 22px;  }
#arriba3,#arriba4{ display: none;}


#logo1{ width:450px;display: inline-block; left: 50%; margin-left: -225px; top:400px;   position: absolute; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
#logo2{ display: none;}

#about{ width:850px;display: inline-block; left: 50%; margin-left: -425px; top:400px;   position: absolute; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}

#ger, #ger1,#ger2,#ger3{display:inline-block;vertical-align:top;}
#ger{ width:450px; height:195px;vertical-align:middle; text-align:center; }
#ger1{ width:210px; height:180px;margin-left:-4px; text-align:left;}
#ger2{ width:115px; height:130px;margin-left:-33px; text-align:left; margin-top:15px; }
#ger3{ width:201px; height:192px;margin-left:-52px; text-align:left; margin-top:7px; }

#gera, #gera1,#gera2,#gera3{display:inline-block;vertical-align:top;}
#gera{ width:201px; height:86px; text-align:center; }
#gera1{ width:95px; height:81px;margin-left:-4px; text-align:left;}
#gera2{ width:49px; height:64px;margin-left:-16px; margin-top:7px;  text-align:left;}
#gera3{ width:85px; height:83px;margin-left:-22px; margin-top:7px;  text-align:left;}

#invi1{ width: 100%; height:400px;}
#invi2{ width: 100%; height:200px;}

#expo{ width: 100%; text-align: center;}
#expo1{ width: 100%; text-align: center;display:inline-block;}
#expo2{ display: none;}

.lima{ width:1441px;  }

.pintruas{ width: 100%; text-align: center;display:inline-block;}
.contenedor {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin:0; background-color: #000000; opacity: 0;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;
        }


        .elte {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            text-align: center;
            opacity: 0;
            transition: opacity 0.3s;
        }

        .contenedor:hover {
            opacity: .7; transition: opacity 0.5s;
        }

        .contenedor:hover .elte {
            opacity: 1;
        }

        .elte p {
            margin: 0;
            font-size: 17px; text-transform: uppercase; letter-spacing: 1px;font-family: 'graphik';
        }


#pintrua, #pintrua1,#pintrua2,#pintrua3{display:inline-block;vertical-align:top;}
#pintrua{ width:1443px;vertical-align:middle; text-align:center; }
#pintrua1{ width:100%; margin-left:0px; text-align:left;}

#laspinturas{ width:1000px; height:2300px; display: inline-block;  position: relative; }
#laspinturas1{ width:345px; height:430px; position: absolute; left: 0; top: 0; background: url("../galeria/01.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas2{ width:215px; height:270px; position: absolute; left: 395px; top: 0; background: url("../galeria/02.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas3{ width:345px; height:460px; position: absolute; right: 0; top:0px; background: url("../galeria/03.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas4{ width:345px; height:400px; position: absolute; left:0px; top:530px; background: url("../galeria/04.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas5{ width:210px; height:415px; position: absolute; left: 395px; top:350px; background: url("../galeria/obras/05.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas6{ width:345px; height:260px; position: absolute; right: 0; top:510px; background: url("../galeria/06.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas7{ width:345px; height:400px; position: absolute; left:0px; top:1050px; background: url("../galeria/07.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas8{ width:210px; height:285px; position: absolute; left: 395px; top:850px; background: url("../galeria/08.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas9{ width:212px; height:212px; position: absolute; left: 395px; top:1200px; background: url("../galeria/09.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas10{ width:345px; height:435px; position: absolute; right:0px; top:850px; background: url("../galeria/10.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas12{ width:212px; height:212px; position: absolute; left: 395px; top:1530px; background: url("../galeria/12.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas13{ width:345px; height:460px; position: absolute; right: 0; top:1350px; background: url("../galeria/13.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas14{ width:345px; height:460px; position: absolute; left: 0; top:1600px; background: url("../galeria/14.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#laspinturas15{ width:605px; height:380px; position: absolute; right: 0; top:1870px; background: url("../galeria/15.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}




#segundo{ width:1000px; height:1850px; display: inline-block;  position: relative; }
#segundo1{ width:345px; height:345px; position: absolute; left: 0; top: 0; background: url("../galeria/16.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#segundo2{ width:212px; height:240px; position: absolute; left: 395px; top: 0; background: url("../galeria/17.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#segundo3{ width:345px; height:440px; position: absolute; right: 0; top:0px; background: url("../galeria/19.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#segundo4{ width:345px; height:345px; position: absolute; left:0px; top:395px; background: url("../galeria/20.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#segundo5{ width:212px; height:256px; position: absolute; left: 395px; top:300px; background: url("../galeria/18.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#segundo6{ width:345px; height:345px; position: absolute; right: 0; top:510px; background: url("../galeria/22.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#segundo7{ width:345px; height:400px; position: absolute; left:0px; top:800px; background: url("../galeria/23.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#segundo8{ width:210px; height:270px; position: absolute; left: 395px; top:620px; background: url("../galeria/21.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#segundo9{ width:212px; height:285px; position: absolute; left: 395px; top:960px; background: url("../galeria/24.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#segundo10{ width:345px; height:435px; position: absolute; right:0px; top:920px; background: url("../galeria/25.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#segundo11{ width:605px; height:450px; position: absolute; left: 0px; top:1300px; background: url("../galeria/26.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#segundo12{ width:345px; height:400px; position: absolute; right: 0px; top:1400px; background: url("../galeria/27.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}




#tercero{ width:1000px; height:1150px; display: inline-block;  position: relative; }
#tercero1{ width:345px; height:520px; position: absolute; left: 0; top: 0; background: url("../galeria/28.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#tercero2{ width:212px; height:280px; position: absolute; left: 395px; top: 0; background: url("../galeria/29.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#tercero3{ width:345px; height:450px; position: absolute; right: 0; top:80px; background: url("../galeria/31.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#tercero4{ width:345px; height:440px; position: absolute; left:0px; top:570px; background: url("../galeria/32.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#tercero5{ width:212px; height:280px; position: absolute; left: 395px; top:330px; background: url("../galeria/30.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#tercero6{ width:605px; height:450px; position: absolute; left: 395px; top:650px; background: url("../galeria/33.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}





#cuarto{ width:1000px; height:1005px; display: inline-block;  position: relative;  }
#cuarto1{ width:345px; height:460px; position: absolute; left: 0; top: 0; background: url("../galeria/34.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#cuarto2{ width:212px; height:280px; position: absolute; left:395px; top:0; background: url("../galeria/35.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#cuarto3{ width:212px; height:280px; position: absolute; left: 395px; top:330px; background: url("../galeria/38.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#cuarto4{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/36.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#cuarto5{ width:345px; height:450px; position: absolute; left: 0; top:510px; background: url("../galeria/37.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#cuarto6{ width:345px; height:450px; position: absolute; right:0px; top:510px; background: url("../galeria/39.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#cuarto7{ width:212px; height:280px; position: absolute; left:395px; top:660px; background: url("../galeria/40.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}




#quinto{ width:1000px; height:1005px; display: inline-block;  position: relative;  }
#quinto1{ width:345px; height:460px; position: absolute; left: 0; top: 0; background: url("../galeria/41.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quinto2{ width:212px; height:280px; position: absolute; left:395px; top:0; background: url("../galeria/42.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quinto3{ width:212px; height:280px; position: absolute; left: 395px; top:330px; background: url("../galeria/45.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quinto4{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/43.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quinto5{ width:345px; height:450px; position: absolute; left: 0; top:510px; background: url("../galeria/44.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quinto6{ width:345px; height:450px; position: absolute; right:0px; top:510px; background: url("../galeria/46.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quinto7{ width:212px; height:280px; position: absolute; left:395px; top:660px; background: url("../galeria/47.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}





#sexto{ width:1000px; height:1510px; display: inline-block;  position: relative;  }
#sexto1{ width:345px; height:460px; position: absolute; left: 0; top: 0; background: url("../galeria/48.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#sexto2{ width:212px; height:280px; position: absolute; left:395px; top:0; background: url("../galeria/49.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#sexto3{ width:212px; height:280px; position: absolute; left: 395px; top:330px; background: url("../galeria/50.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#sexto4{ width:345px; height:450px; position: absolute; right:0; top:70px; background: url("../galeria/51.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#sexto5{ width:345px; height:450px; position: absolute; left: 0; top:510px; background: url("../galeria/52.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#sexto6{ width:600px; height:360px; position: absolute; right:0px; top:660px; background: url("../galeria/obras/53.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#sexto7{ width:345px; height:450px; position: absolute; left:0; top:1010px; background: url("../galeria/54.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#sexto8{ width:600px; height:390px; position: absolute; left:395px; top:1070px; background: url("../galeria/55.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}





#septimo{ width:1000px; height:1005px; display: inline-block;  position: relative;  }
#septimo1{ width:345px; height:460px; position: absolute; left: 0; top: 0; background: url("../galeria/57.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#septimo2{ width:212px; height:280px; position: absolute; left:395px; top:0; background: url("../galeria/58.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#septimo3{ width:212px; height:280px; position: absolute; left: 395px; top:330px; background: url("../galeria/59.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#septimo4{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/60.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#septimo5{ width:345px; height:450px; position: absolute; left: 0; top:510px; background: url("../galeria/61.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#septimo6{ width:345px; height:450px; position: absolute; right:0px; top:510px; background: url("../galeria/63.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#septimo7{ width:212px; height:280px; position: absolute; left:395px; top:660px; background: url("../galeria/62.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}




#octavo{ width:1000px; height:2870px; display: inline-block;  position: relative; }
#octavo1{ width:345px; height:270px; position: absolute; left: 0; top: 0; background: url("../galeria/64.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo2{ width:605px; height:445px; position: absolute; left: 395px; top: 0; background: url("../galeria/65.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo3{ width:345px; height:460px; position: absolute; left: 0; top:320px; background: url("../galeria/66.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo4{ width:212px; height:175px; position: absolute; left:395px; top:500px; background: url("../galeria/67.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo5{ width:212px; height:190px; position: absolute; left: 395px; top:725px; background: url("../galeria/68.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo6{ width:345px; height:450px; position: absolute; right: 0; top:500px; background: url("../galeria/69.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo7{ width:345px; height:460px; position: absolute; left:0px; top:840px; background: url("../galeria/obras/69.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo8{ width:605px; height:460px; position: absolute; left: 395px; top:1000px; background: url("../galeria/71.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo9{ width:345px; height:460px; position: absolute; left: 0; top:1350px; background: url("../galeria/72.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo10{ width:212px; height:400px; position: absolute; left:395px; top:1510px; background: url("../galeria/obras/72.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo11{ width:345px; height:400px; position: absolute; right: 0px; top:1510px; background: url("../galeria/74.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo12{ width:345px; height:450px; position: absolute; left: 0px; top:1870px; background: url("../galeria/75.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo13{ width:605px; height:390px; position: absolute; left: 395px; top:1960px; background: url("../galeria/76.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo14{ width:345px; height:450px; position: absolute; left: 0; top:2370px; background: url("../galeria/77.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#octavo15{ width:605px; height:360px; position: absolute; right: 0; top:2410px; background: url("../galeria/78.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}




#noveno{ width:1000px; height:1005px; display: inline-block;  position: relative;  }
#noveno1{ width:345px; height:460px; position: absolute; left: 0; top: 0; background: url("../galeria/79.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#noveno2{ width:212px; height:280px; position: absolute; left:395px; top:0; background: url("../galeria/80.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#noveno3{ width:212px; height:280px; position: absolute; left: 395px; top:330px; background: url("../galeria/81.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#noveno4{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/82.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#noveno5{ width:345px; height:450px; position: absolute; left: 0; top:510px; background: url("../galeria/83.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#noveno6{ width:345px; height:450px; position: absolute; right:0px; top:510px; background: url("../galeria/obras/83.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#noveno7{ width:212px; height:280px; position: absolute; left:395px; top:660px; background: url("../galeria/84.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}




#decimo{ width:1000px; height:500px; display: inline-block;  position: relative;  }
#decimo1{ width:345px; height:450px; position: absolute; left: 0; top: 0; background: url("../galeria/86.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#decimo2{ width:212px; height:280px; position: absolute; left:395px; top:90px; background: url("../galeria/87.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#decimo3{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/88.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#diez{ width:1000px; height:1435px; display: inline-block;  position: relative;  }
#diez1{ width:605px; height:315px; position: absolute; left: 0; top: 0; background: url("../galeria/89.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diez2{ width:345px; height:450px; position: absolute; right:0px; top:90px; background: url("../galeria/90.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diez3{ width:345px; height:450px; position: absolute; left:0; top:365px; background: url("../galeria/91.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diez4{ width:212px; height:260px; position: absolute; left:395px; top:365px; background: url("../galeria/92.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diez5{ width:605px; height:400px; position: absolute; right:0; top:675px; background: url("../galeria/93.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diez6{ width:345px; height:400px; position: absolute; left:0; top:865px; background: url("../galeria/94.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diez7{ width:212px; height:260px; position: absolute; left:395px; top:1125px; background: url("../galeria/95.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diez8{ width:345px; height:260px; position: absolute; right:0; top:1125px; background: url("../galeria/96.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#once{ width:1000px; height:1005px; display: inline-block;  position: relative;  }
#once1{ width:345px; height:520px; position: absolute; left: 0; top: -60px; background: url("../galeria/103.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#once2{ width:212px; height:280px; position: absolute; left:395px; top:0; background: url("../galeria/obras/97.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#once3{ width:212px; height:280px; position: absolute; left: 395px; top:330px; background: url("../galeria/99.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#once4{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/100.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#once5{ width:345px; height:450px; position: absolute; left: 0; top:510px; background: url("../galeria/101.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#once6{ width:345px; height:450px; position: absolute; right:0px; top:510px; background: url("../galeria/97.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#once7{ width:212px; height:280px; position: absolute; left:395px; top:660px; background: url("../galeria/102.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#doce{ width:1000px; height:1005px; display: inline-block;  position: relative;  }
#doce1{ width:345px; height:460px; position: absolute; left: 0; top: 0; background: url("../galeria/104.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#doce2{ width:212px; height:280px; position: absolute; left:395px; top:0; background: url("../galeria/119.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#doce3{ width:212px; height:280px; position: absolute; left: 395px; top:330px; background: url("../galeria/obras/105.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#doce4{ width:345px; height:264px; position: absolute; right:0; top:98px; background: url("../galeria/107.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#doce5{ width:345px; height:450px; position: absolute; left: 0; top:510px; background: url("../galeria/110.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#doce6{ width:345px; height:530px; position: absolute; right:0px; top:430px; background: url("../galeria/108.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#doce7{ width:212px; height:280px; position: absolute; left:395px; top:660px; background: url("../galeria/109.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#trece{ width:1000px; height:1060px; display: inline-block;  position: relative;  }
#trece1{ width:420px; height:460px; position: absolute; left: 0; top: 0; background: url("../galeria/obras/110.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#trece4{ width:420px; height:390px; position: absolute; right:0; top:80px; background: url("../galeria/114.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#trece5{ width:605px; height:360px; position: absolute; left: 0; top:590px; background: url("../galeria/obras/114.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#trece6{ width:345px; height:445px; position: absolute; right:0px; top:550px; background: url("../galeria/116.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#catorce{ width:1000px; height:1000px; display: inline-block;  position: relative;  }
#catorce1{ width:605px; height:411px; position: absolute; left: 0; top: 0; background: url("../galeria/obras/116.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#catorce4{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/120.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#catorce5{ width:345px; height:450px; position: absolute; left: 0; top:500px; background: url("../galeria/121.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#catorce6{ width:345px; height:450px; position: absolute; right:0px; top:510px; background: url("../galeria/123.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#catorce7{ width:212px; height:280px; position: absolute; left:395px; top:600px; background: url("../galeria/122.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#quince{ width:1000px; height:1005px; display: inline-block;  position: relative;  }
#quince1{ width:345px; height:460px; position: absolute; left: 0; top: 0; background: url("../galeria/124.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quince2{ width:212px; height:280px; position: absolute; left:395px; top:0; background: url("../galeria/125.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quince3{ width:212px; height:280px; position: absolute; left: 395px; top:330px; background: url("../galeria/126.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quince4{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/127.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quince5{ width:345px; height:450px; position: absolute; left: 0; top:510px; background: url("../galeria/128.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quince6{ width:345px; height:450px; position: absolute; right:0px; top:510px; background: url("../galeria/130.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#quince7{ width:212px; height:280px; position: absolute; left:395px; top:660px; background: url("../galeria/129.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}


#dieciseis{ width:1000px; height:1100px; display: inline-block;  position: relative;  }
#dieciseis1{ width:345px; height:440px; position: absolute; left: 0; top: 0; background: url("../galeria/131.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#dieciseis2{ width:212px; height:260px; position: absolute; left:395px; top:90px; background: url("../galeria/132.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#dieciseis3{ width:345px; height:495px; position: absolute; right: 0px; top:0px; background: url("../galeria/133.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#dieciseis4{ width:345px; height:430px; position: absolute; right:0; top:600px; background: url("../galeria/135.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#dieciseis5{ width:605px; height:559px; position: absolute; left: 0; top:500px; background: url("../galeria/obras/111.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#diecisiete{ width:1000px; height:1005px; display: inline-block;  position: relative;  }
#diecisiete1{ width:345px; height:460px; position: absolute; left: 0; top: 0; background: url("../galeria/obras/136.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diecisiete2{ width:212px; height:280px; position: absolute; left:395px; top:80px; background: url("../galeria/137.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diecisiete3{ width:212px; height:280px; position: absolute; left: 395px; top:350px; background: url("../galeria/140.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diecisiete4{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/138.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diecisiete5{ width:345px; height:450px; position: absolute; left: 0; top:510px; background: url("../galeria/obras/169.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diecisiete6{ width:345px; height:450px; position: absolute; right:0px; top:510px; background: url("../galeria/142.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diecisiete7{ width:212px; height:280px; position: absolute; left:395px; top:580px; background: url("../galeria/141.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#dieciocho{ width:1000px; height:964px; display: inline-block;  position: relative;  }
#dieciocho1{ width:605px; height:354px; position: absolute; left: 0; top: 0px; background: url("../galeria/143.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#dieciocho2{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/144.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#dieciocho3{ width:605px; height:460px; position: absolute; left: 0; top: 404px; background: url("../galeria/169.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#dieciocho4{ width:345px; height:430px; position: absolute; right:0; top:500px; background: url("../galeria/obras/168.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}




#diecinueve{ width:1000px; height:400px; display: inline-block;  position: relative;  }
#diecinueve1{ width:605px; height:300px; position: absolute; left: 0; top: 0px; background: url("../galeria/145.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#diecinueve2{ width:345px; height:350px; position: absolute; right:0; top:0; background: url("../galeria/146.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}




#veinte{ width:1000px; height:490px; display: inline-block;  position: relative;  }
#veinte1{ width:345px; height:430px; position: absolute; left: 0; top: 0; background: url("../galeria/147.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veinte2{ width:212px; height:323px; position: absolute; left:395px; top:50px; background: url("../galeria/148.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veinte3{ width:345px; height:440px; position: absolute; right:0; top:0; background: url("../galeria/149.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#veintiuno{ width:1000px; height:400px; display: inline-block;  position: relative;  }
#veintiuno1{ width:345px; height:270px; position: absolute; left: 0; top: 40px; background: url("../galeria/150.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veintiuno2{ width:605px; height:350px;position: absolute; right:0; top:0; background: url("../galeria/151.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}




#veintidos{ width:1000px; height:1005px; display: inline-block;  position: relative;  }
#veintidos1{ width:345px; height:460px; position: absolute; left: 0; top: 0; background: url("../galeria/152.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veintidos2{ width:212px; height:280px; position: absolute; left:395px; top:0; background: url("../galeria/153.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veintidos3{ width:212px; height:280px; position: absolute; left: 395px; top:330px; background: url("../galeria/154.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veintidos4{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/155.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veintidos5{ width:345px; height:265px; position: absolute; left: 0; top:600px; background: url("../galeria/156.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veintidos6{ width:345px; height:450px; position: absolute; right:0px; top:510px; background: url("../galeria/158.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veintidos7{ width:212px; height:280px; position: absolute; left:395px; top:660px; background: url("../galeria/157.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#veintitres{ width:1000px; height:500px; display: inline-block;  position: relative;  }
#veintitres1{ width:605px; height:395px; position: absolute; left: 0; top: 0px; background: url("../galeria/159.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veintitres2{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/160.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}




#veinticuatro{ width:1000px; height:1200px; display: inline-block;  position: relative;  }
#veinticuatro1{ width:345px; height:460px; position: absolute; left: 0; top: 0; background: url("../galeria/161.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veinticuatro2{ width:212px; height:280px; position: absolute; left:395px; top:0; background: url("../galeria/162.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veinticuatro3{ width:212px; height:280px; position: absolute; left: 395px; top:330px; background: url("../galeria/163.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veinticuatro4{ width:345px; height:450px; position: absolute; right:0; top:0; background: url("../galeria/164.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veinticuatro5{ width:345px; height:405px; position: absolute; left: 0; top:510px; background: url("../galeria/165.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veinticuatro6{ width:345px; height:450px; position: absolute; right:0px; top:510px; background: url("../galeria/167.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#veinticuatro7{ width:212px; height:250px; position: absolute; left:395px; top:660px; background: url("../galeria/166.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}





#contactame, #contactame1,#contactame2,#contactame3{display:inline-block;vertical-align:top;}
#contactame{ width:1443px;vertical-align:middle; text-align:center; }
#contactame1{ width:100%; margin-left:0px; text-align:left;}
#contactame2{ width:50%; margin-left:-4px; text-align:left;}
#contactame3{ width:50%; margin-left:-4px; text-align:right;}

.linfo{ display: inline-block; text-align: center; width:450px;}

#foot{ width:100%; text-align: center; background-color: #85827f; }

#abajo, #abajo1,#abajo2{display:inline-block;vertical-align:top;}
#abajo{ width: 90%; max-width:1443px;vertical-align:middle; text-align:left; }
#abajo1{width:50%;margin-right:-4px; text-align:left;}
#abajo2{width:50%;margin-right:-4px;text-align:right;}


::placeholder{color:#7c7c7c;}


.forma{text-align:left;HEIGHT:38px;width:430px; padding-left: 20px; border:0; font-size:16PX;font-weight:400; background-color: #ffffff;  border:0; color:#000000;font-family: 'Playfair Display', serif;}

.boton1{background-color:#000000;text-align:center;HEIGHT:40px;width:90px;border:0; font-size:17PX; color:#ffffff; cursor:pointer; -moz-transition:all 1s;-webkit-transition:all .5s;-o-transition:all .5s;font-family: 'Playfair Display', serif;}
.boton1:hover{background-color:#7c7c7c;color:#000000; border: 0; -moz-transition:all 1s;-webkit-transition:all .5s;-o-transition:all .5s;}


.movil{ display: none;}

@media screen and (max-width:1463px)
 {
#contactame{ width:1200px;}     
     
#logo1{ top:300px; }#about{ top:300px;} 
.lima{ width:1200px;  }  
     
#pintrua{ width:1000px;}     
     
	 
#arriba{ width:1200px;}
#arriba1{width:600px;}
#arriba2{width:600px;}

 }

@media screen and (max-width:1366px)
 {
#about{ width:600px;left: 50%; margin-left: -300px; top: 250px; }	 
}
	 
@media screen and (max-width:1220px)
 {
     
#logo1{ top:250px; }
     
.lima{ width: 100%; }    
     

    
#contactame{ width:1000px;}
#invi1{ height:300px;}
	 
	 
#arriba{ width:1000px;}
#arriba1{width:600px;}
#arriba2{width:400px;}
 }

@media screen and (max-width:1020px)
 {
#about{ width:90%;display: inline-block; left: 5%; margin-left:0px; top:200px;   position: absolute; }     
     
.texto7{text-shadow: 0px 0px 25px #ccc4b7;}
.texto8{font-size:22px; text-shadow: 0px 0px 80px #919594; }
     
.movil{ display:inline-block;} 
     .desk{ display: none;}
#logo1{ top:300px; }     


	 
#laspinturas{ width:400px; height:5679px; display: inline-block;  position: relative; }
#laspinturas1{ width:345px; height:430px;left: 27px; top: 0; }
#laspinturas2{ width:215px; height:270px;left: 92px; top: 480px;}
#laspinturas3{ width:345px; height:460px;right: 27px; top:800px;}
#laspinturas4{ width:345px; height:400px;left:27px; top:1310px; }
#laspinturas5{ width:210px; height:415px;left: 95px; top:1760px; }
#laspinturas6{ width:345px; height:260px;right: 27px; top:2225px; }
#laspinturas7{ width:345px; height:400px;left:27px; top:2535px; }
#laspinturas8{ width:210px; height:285px;left: 95px; top:2985px; }
#laspinturas9{ width:212px; height:212px;left: 94px; top:3320px; }
#laspinturas10{ width:345px; height:435px;right:27px; top:3582px; }
#laspinturas12{ width:212px; height:212px;left: 94px; top:4067px; }
#laspinturas13{ width:345px; height:460px;right: 27px; top:4329px;}
#laspinturas14{ width:345px; height:460px;left: 27px; top:4839px;}
#laspinturas15{ width:400px; height:280px;right: 0; top:5349px;}   

     
     
#segundo{ width:400px; height:4741px;  display: inline-block;  position: relative;}
#segundo1{ width:345px; height:345px; left: 27px; top: 0;  position: absolute;}
#segundo2{ width:212px; height:240px; left: 94px; top: 395px;}
#segundo3{ width:345px; height:440px; right: 27px; top:685px;}
#segundo4{ width:345px; height:345px; left:27px; top:1175px;}
#segundo5{ width:212px; height:256px; left: 94px; top:1570px;}
#segundo6{ width:345px; height:345px; right: 27px; top:1876px;}
#segundo7{ width:345px; height:400px; left:27px; top:2271px;}
#segundo8{ width:210px; height:270px; left: 95px; top:2721px;}
#segundo9{ width:212px; height:285px; left: 94px; top:3041px;}
#segundo10{ width:345px; height:435px; right:27px; top:3376px;}
#segundo11{ width:400px; height:380px; left: 0px; top:3861px;}
#segundo12{ width:345px; height:400px; right: 27px; top:4291px;}     
     

     
#tercero{ width:400px; height:2550px; display: inline-block;  position: relative; }
#tercero1{ width:345px; height:520px; left: 27px; top: 0; }
#tercero2{ width:212px; height:280px; left: 94px; top: 570px; }
#tercero3{ width:345px; height:450px; right: 27px; top:900px; }
#tercero4{ width:345px; height:440px; left: 27px; top:1400px; }
#tercero5{ width:212px; height:280px; left: 94px; top:1890px; }
#tercero6{ width:400px; height:280px; left: 0; top:2220px; }
  
       

#cuarto{ width:400px; height:3000px; display: inline-block;  position: relative;  }
#cuarto1{ width:345px; height:460px; left: 27px; top: 0;}
#cuarto2{ width:212px; height:280px; left:94px; top:510px;}
#cuarto3{ width:212px; height:280px; left: 94px; top:840px;}
#cuarto4{ width:345px; height:450px; right:27px; top:1170px;}
#cuarto5{ width:345px; height:450px; left: 27px; top:1670px;}
#cuarto6{ width:345px; height:450px; right:27px; top:2170px;}
#cuarto7{ width:212px; height:280px; left:94px; top:2670px;}       
     
     
#quinto{ width:400px; height:3000px; display: inline-block;  position: relative;  }
#quinto1{ width:345px; height:460px; left: 27px; top: 0;}
#quinto2{ width:212px; height:280px; left:94px; top:510px;}
#quinto3{ width:212px; height:280px; left: 94px; top:840px;}
#quinto4{ width:345px; height:450px; right:27px; top:1170px;}
#quinto5{ width:345px; height:450px; left: 27px; top:1670px;}
#quinto6{ width:345px; height:450px; right:27px; top:2170px;}
#quinto7{ width:212px; height:280px; left:94px; top:2670px;}       

#sexto{ width:400px; height:3310px; display: inline-block;  position: relative;  }
#sexto1{ width:345px; height:460px; left: 27px; top: 0;}
#sexto2{ width:212px; height:280px; left:94px; top:510px;}
#sexto3{ width:212px; height:280px; left: 94px; top:840px;}
#sexto4{ width:345px; height:450px; right:27px; top:1170px;}
#sexto5{ width:345px; height:450px; left: 27px; top:1670px;}
#sexto6{ width:400px; height:280px; right:0px; top:2170px;}
#sexto7{ width:345px; height:450px; left:27px; top:2500px; }
#sexto8{ width:400px; height:260px; left:0px; top:3000px; }     

     
#septimo{ width:400px; height:3000px; display: inline-block;  position: relative;  }
#septimo1{ width:345px; height:460px; left: 27px; top: 0;}
#septimo2{ width:212px; height:280px; left:94px; top:510px;}
#septimo3{ width:212px; height:280px; left: 94px; top:840px;}
#septimo4{ width:345px; height:450px; right:27px; top:1170px;}
#septimo5{ width:345px; height:450px; left: 27px; top:1670px;}
#septimo6{ width:345px; height:450px; right:27px; top:2170px;}
#septimo7{ width:212px; height:280px; left:94px; top:2670px;}     
     

     
#octavo{ width:400px; height:6022px; display: inline-block;  position: relative; }
#octavo1{ width:345px; height:270px; left: 27px; top: 0; }
#octavo2{ width:400px; height:300px; left: 0px; top: 320px; }
#octavo3{ width:345px; height:460px; left: 27px; top:670px; }
#octavo4{ width:212px; height:175px; left:94px; top:1180px; }
#octavo5{ width:212px; height:190px; left: 94px; top:1405px; }
#octavo6{ width:345px; height:450px; right: 27px; top:1645px; }
#octavo7{ width:345px; height:460px; left:27px; top:2145px; }
#octavo8{ width:400px; height:310px; left: 0px; top:2655px; }
#octavo9{ width:345px; height:460px; left: 27px; top:3015px; }
#octavo10{ width:212px; height:400px; left:94px; top:3525px; }
#octavo11{ width:345px; height:400px; right: 27px; top:3975px; }
#octavo12{ width:345px; height:450px; left: 27px; top:4425px; }
#octavo13{ width:400px; height:260px; left: 0px; top:4925px; }
#octavo14{ width:345px; height:450px; left: 27px; top:5235px; }
#octavo15{ width:400px; height:237px; right: 0px; top:5735px; }     
     

     
#noveno{ width:400px; height:3000px; display: inline-block;  position: relative;  }
#noveno1{ width:345px; height:460px; left: 27px; top: 0;}
#noveno2{ width:212px; height:280px; left:94px; top:510px;}
#noveno3{ width:212px; height:280px; left: 94px; top:840px;}
#noveno4{ width:345px; height:450px; right:27px; top:1170px;}
#noveno5{ width:345px; height:450px; left: 27px; top:1670px;}
#noveno6{ width:345px; height:450px; right:27px; top:2170px;}
#noveno7{ width:212px; height:280px; left:94px; top:2670px;}        

     
     
#decimo{ width:400px; height:1350px; display: inline-block;  position: relative;  }
#decimo1{ width:345px; height:450px; left: 27px; top: 0;}
#decimo2{ width:212px; height:280px; left:94px; top:510px;}
#decimo3{ width:345px; height:450px; left: 27px; top:840px;}

     
#diez{ width:400px; height:2952px; display: inline-block;  position: relative;  }
#diez1{ width:400px; height:208px; left: 0; top: 0;}
#diez2{ width:345px; height:450px; right:27px; top:258px;}
#diez3{ width:345px; height:450px; left:27px; top:758px;}
#diez4{ width:212px; height:260px; left:94px; top:1258px;}
#diez5{ width:400px; height:264px; right:0; top:1568px;}
#diez6{ width:345px; height:400px; left:27px; top:1882px;}
#diez7{ width:212px; height:260px; left:94px; top:2332px;}
#diez8{ width:345px; height:260px; right:27px; top:2642px;}     
     
     
#once{ width:400px; height:3060px; display: inline-block;  position: relative;  }
#once1{ width:345px; height:520px; left: 27px; top: 0;}
#once2{ width:212px; height:280px; left:94px; top:570px;}
#once3{ width:212px; height:280px; left: 94px; top:900px;}
#once4{ width:345px; height:450px; right:27px; top:1230px;}
#once5{ width:345px; height:450px; left: 27px; top:1730px;}
#once6{ width:345px; height:450px; right:27px; top:2230px;}
#once7{ width:212px; height:280px; left:94px; top:2730px;}   
     
     
     
#doce{ width:400px; height:3000px; display: inline-block;  position: relative;  }
#doce1{ width:345px; height:460px; left: 27px; top: 0;}
#doce2{ width:212px; height:280px; left:94px; top:510px;}
#doce3{ width:212px; height:280px; left: 94px; top:840px;}
#doce4{ width:345px; height:450px; right:27px; top:1170px;}
#doce5{ width:345px; height:450px; left: 27px; top:1670px;}
#doce6{ width:345px; height:450px; right:27px; top:2170px;}
#doce7{ width:212px; height:280px; left:94px; top:2670px;}       
     


#trece{ width:400px; height:1740px;  display: inline-block;  position: relative;  }
#trece1{ width:400px; height:460px;  left:0px; top: 0; }
#trece4{ width:400px; height:390px;  right:0px; top:510px; }
#trece5{ width:400px; height:240px;  left:0; top:950px; }
#trece6{ width:345px; height:445px;  right:27px; top:1240px; }
     
    
#catorce1{ width:605px; height:411px;}
#catorce2{ width:212px; height:280px;}
#catorce4{ width:345px; height:450px;}
#catorce5{ width:345px; height:450px;}
#catorce6{ width:345px; height:450px;}
#catorce7{ width:212px; height:280px;}     
     
     
#catorce{ width:400px; height:2152px; display: inline-block;  position: relative;  }
#catorce1{ width:400px; height:272px; left: 0px; top: 0;}
#catorce4{ width:345px; height:450px; right:27px; top:322px;}
#catorce5{ width:345px; height:450px; left: 27px; top:822px;}
#catorce6{ width:345px; height:450px; right:27px; top:1322px;}
#catorce7{ width:212px; height:280px; left:94px; top:1822px;}         
     
     
     
#quince{ width:400px; height:3000px; display: inline-block;  position: relative;  }
#quince1{ width:345px; height:460px; left: 27px; top: 0;}
#quince2{ width:212px; height:280px; left:94px; top:510px;}
#quince3{ width:212px; height:280px; left: 94px; top:840px;}
#quince4{ width:345px; height:450px; right:27px; top:1170px;}
#quince5{ width:345px; height:450px; left: 27px; top:1670px;}
#quince6{ width:345px; height:450px; right:27px; top:2170px;}
#quince7{ width:212px; height:280px; left:94px; top:2670px;}         
   
     

#dieciseis{ width:400px; height:2250px; display: inline-block;  position: relative;  }
#dieciseis1{ width:345px; height:440px; left:27px; top: 0; }
#dieciseis2{ width:212px; height:260px; left:94px; top:490px; }
#dieciseis3{ width:345px; height:495px; right:27px; top:800px; }
#dieciseis4{ width:345px; height:430px; right:27px; top:1345px; }
#dieciseis5{ width:400px; height:370px; left:0; top:1825px; }
     
     
     
#diecisiete{ width:400px; height:2670px; display: inline-block;  position: relative;  }
#diecisiete1{ width:345px; height:460px; left: 27px; top: 0;}
#diecisiete2{ width:212px; height:280px; left:94px; top:510px;}
#diecisiete4{ width:345px; height:450px; right:27px; top:840px;}
#diecisiete5{ width:345px; height:450px; left: 27px; top:1340px;}
#diecisiete6{ width:345px; height:450px; right:27px; top:1840px;}
#diecisiete7{ width:212px; height:280px; left:94px; top:2340px;}      
 
     
     
#dieciocho{ width:400px; height:1621px; display: inline-block;  position: relative;  }
#dieciocho1{ width:400px; height:234px; left: 0; top: 0px;}
#dieciocho2{ width:345px; height:450px; right:27px; top:284px;}     
#dieciocho3{ width:400px; height:307px; left: 0; top: 784px;}
#dieciocho4{ width:345px; height:430px;right:27px; top:1141px;}     
 
     
#diecinueve{ width:400px; height:684px; display: inline-block;  position: relative;  }
#diecinueve1{ width:400px; height:234px; left: 0; top: 0px;}
#diecinueve2{ width:345px; height:350px; right:27px; top:284px;}     
          
 
#veinte{ width:400px; height:1343px; }
#veinte1{ width:345px; height:430px; left: 27px; top: 0;}
#veinte2{ width:212px; height:323px; left:94px; top:480px; }
#veinte3{ width:345px; height:440px; right:27px; top:853px; }     
     
 

#veintiuno{ width:400px; height:584px; display: inline-block;  position: relative;  }
#veintiuno1{ width:345px; height:270px; left: 27px; top:0px; }
#veintiuno2{ width:400px; height:234px;right:0; top:320px; }
     

     
#veintidos{ width:400px; height:2815px; display: inline-block;  position: relative;  }
#veintidos1{ width:345px; height:460px; left: 27px; top: 0;}
#veintidos2{ width:212px; height:280px; left:94px; top:510px;}
#veintidos3{ width:212px; height:280px; left: 94px; top:840px;}
#veintidos4{ width:345px; height:450px; right:27px; top:1170px;}
#veintidos5{ width:345px; height:265px; left: 27px; top:1670px;}
#veintidos6{ width:345px; height:450px; right:27px; top:1985px;}
#veintidos7{ width:212px; height:280px; left:94px; top:2485px;}       
     
 
     
#veintitres{ width:400px; height:824px; display: inline-block;  position: relative;  }
#veintitres1{ width:400px; height:264px; left: 0; top: 0px;}
#veintitres2{ width:345px; height:460px; right:27px; top:314px;}      
     
     
     

#veinticuatro{ width:400px; height:2905px; display: inline-block;  position: relative;  }
#veinticuatro1{ width:345px; height:460px; left: 27px; top: 0; }
#veinticuatro2{ width:212px; height:280px; left:94px; top:510px; }
#veinticuatro3{ width:212px; height:280px; left: 94px; top:840px; }
#veinticuatro4{ width:345px; height:450px; right:27px; top:1150px; }
#veinticuatro5{ width:345px; height:405px; left: 27px; top:1650px; }
#veinticuatro6{ width:345px; height:450px; right:27px; top:2105px; }
#veinticuatro7{ width:212px; height:250px; left:94px; top:2605px; }
     
     
     
     
     
#contactame{ width:450px;vertical-align:middle; text-align:center; }
#contactame1{ width:100%; margin-left:0px; text-align:center;}
#contactame2{ width:100%; margin-left:0px; text-align:center;}
#contactame3{ width:100%; margin-left:0px; text-align:center;}
#invi1{ height:200px;}	 
}

@media screen and (max-width:800px)
 {
#logo1{ top:250px; }     

#invi1{ height:200px;}	 

.texto7{font-size:16px;}
     
}

@media screen and (max-width:600px)
 {
#logo1{ top:200px; }     
     
  
#invi1{ height:300px;}	 
#invi2{ height:100px;}
}


#menumovil{ display: none;}
.button_container {
  position: absolute;
  top: -2px;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease; 
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #ffffff;
}
.button_container.active .middle {
  opacity: 0;
  background: #ffffff;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #ffffff;
}
.button_container span {
  background: #ffffff;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
	background-color:rgba(0,0,0,.90);  position: fixed;
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInUp .8s ease forwards;
  -moz-animation: fadeInUp .8s ease forwards;
          animation: fadeInUp .8s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .55s;
  -moz-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .65s;
  -moz-animation-delay: .65s;
          animation-delay: .65s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .75s;
  -moz-animation-delay: .75s;
          animation-delay: .75s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .85s;
  -moz-animation-delay: .85s;
          animation-delay: .85s;
}
.overlay.open li:nth-of-type(7) {
  -webkit-animation-delay: .95s;
  -moz-animation-delay: .95s;
          animation-delay: .95s;
}
.overlay nav {
  position: relative;
  top: 50%; left:5%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  font-weight: 700;
  text-align: center;
  margin-right:52px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%; width:100%;
}
.overlay ul li {
  display: inline-block;
  position: relative;
  opacity: 0;
  min-width:18%; text-align:center;
}
.overlay ul li a {
  display: inline-block;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  font-size: 36px;
  opacity:1; text-transform:uppercase; font-weight: 500;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
  opacity:1;-webkit-transition: .25s;
  transition: .25s;opacity:.8;color:#6E6E6E;
}




@media screen and (max-width:1020px){
#arriba{ width: 90%; text-align: center;}
#arriba3{width:60%;margin-right:-4px; text-align:left; margin-top: 22px; display: inline-block;}
#arriba4{width:40%;margin-right:-4px;text-align:right; margin-top: 22px; display: inline-block;  }
#arriba1,#arriba2{ display: none;}
	
#menumovil{ z-index:9999;position: absolute;top:23px;
  right: 30px;
  height: 69px;
  width: 69px; display:block;}

.overlay nav {
  top: 40%;
}

.overlay ul li {
  display: inline-block;
  min-height: 50px;
  position: relative;
  opacity: 0;
  min-width:100%; text-align:center;
}

}