/* Baskerville font-family: 'Libre Baskerville', serif; */ body, html { margin: 0; max-width: 1440px; height: 100%; margin: 0 auto; font-family: 'brawlerregular'; position: relative; } a:hover { text-decoration: none; } p { text-align-last: left; -ms-text-align-last: left; -moz-text-align-last: left; } header { width: 100%; height: 55px; border-bottom:#b1955f solid 10px ; position: relative; } #logotipo { position: absolute; left:40px; z-index: 9999; } #telefonos { position: absolute; right: 0; top: 0; width: 20%; height: 65px; background:white; padding-top: 5px; padding-left: 12px; box-sizing: border-box; } #telefonos .cont { font-size: 12px; color:#c1a268; } #telefonos .tele { font-size: 16px; color:#b1b1b1; line-height: 12px; } #telefonos .hora { font-size: 12px; color:#b7b7b7; } footer { width: 100%; height: 275px; background: white; padding-top: 50px; } footer .container { height: auto; } .firma { font-size: 12px; color: #021e41; max-width: 280px; } .primero { border-right: #021e41 solid 2px; } .ultimo { text-align: right; } .azul-m { color: #021e41; } .blanco { color: white; } .dorado1 { color: #b1955f; } .dorado2 { color: #655230; } .gris1 { color:#999; } .gris2 { color:#656565; } ul { margin-left: 240px; } ul li { list-style: none; display: inline-block; padding-top: 15px; margin: 0 3px; } ul li a { color:#152649; font-size: 14px; padding-top: 10px; } ul li a:hover { color:#b1955f; } #slide { width: 100%; height: 820px; position: relative; text-transform: uppercase; text-align: center; color:white; } .carousel { background: #EEE; z-index: 1; } .carousel-cell { width: 100%; height: 820px; margin-right: 1px; background: #8C8; counter-increment: carousel-cell; } .carousel-cell h1 { padding-top: 16%; font-size: 78px; font-family: 'Libre Baskerville', serif; } .carousel-cell h2 { font-size: 18px; font-family: 'Libre Baskerville', serif; } ol.flickity-page-dots { bottom: 140px; } ol.flickity-page-dots li.dot { width:18px; height: 18px; background: rgba(255, 255, 255, 1); opacity: 1; } ol.flickity-page-dots li.dot.is-selected { background: rgba(177, 149, 95, 1); } .celda { width: 270px; height: 50px; float: left; background:rgba(0,0,0,0); margin:1px; } .celda img { margin-right: 15px; float: left; width: 40px; } .celda p { font-size: 13px; margin-top: 10px; text-transform: uppercase; } .celda p.gold { color:#655230; } .celda p.grey { color:#6d6c6c; } #pleca-azul .celda { color: white; } #pleca-azul h2 { color: white; } /* COPIS */ .copy1 { font-size: 22px; } /* INDEX */ .slide1 { background: url(../imagenes/index1.jpg); } .slide2 { background: url(../imagenes/index2.jpg); } .slide3 { background: url(../imagenes/index3.jpg); } .slide4 { background: url(../imagenes/index4.jpg); } .full { background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .pleca-index1 { position: absolute; background: white; z-index: 9; margin: -40px 0 -40px -30%; width:60%; left: 50%; text-align: center; padding: 20px 0; height:auto; text-transform: uppercase; font-size: 18px; color:#152649; } .pleca-index2 { position: absolute; background: white; z-index: 9; margin: 120px 0 -40px -30%; width:60%; left: 50%; text-align: center; padding: 20px 0; height:auto; text-transform: uppercase; font-size: 18px; color:#152649; } .pleca-index3 { position: absolute; background: white; z-index: 9; margin: -45px 0 -40px -30%; width:60%; left: 50%; text-align: center; padding: 20px 0; height:auto; text-transform: uppercase; font-size: 18px; color:#152649; } .pleca-index2 { position: absolute; background: white; z-index: 9; margin: 120px 0 -40px -30%; width:60%; left: 50%; text-align: center; padding: 20px 0; height:auto; text-transform: uppercase; font-size: 18px; color:#152649; } .pleca-contacto { position: absolute; background: white; z-index: 9; margin: -80px 0 -40px 0; width:auto; left: 10%; text-align: left; padding: 10px 35px; height:auto; text-transform: uppercase; font-size: 18px; color:#152649; } #pleca-index1 { position: relative; width:100%; height: 650px; background: url(../imagenes/pleca-index1.png) no-repeat; z-index: 5; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #pleca-index2 { position: absolute; width:100%; height: 750px; margin-bottom: 200px; margin-top: -200px; background: url(../imagenes/index-azul.jpg) no-repeat; z-index: -9999994; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #pleca-index3 { position: relative; width:100%; height: 650px; background: url(../imagenes/pleca-index2.png) no-repeat; background-position: center bottom; background-size:cover ; z-index: 5; } #pleca-index4 { position: relative; width:100%; height: 775px; margin-top: -200px; background: url(../imagenes/fachada.jpg) no-repeat; z-index: -9999994; text-align: center; padding-top: 350px; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #pleca-azul { position: relative; width:100%; height: 650px; background: url(../imagenes/pleca-azul.png) no-repeat; background-position: center bottom; background-size:cover ; z-index: 5; } #pleca-suites { position: relative; width:100%; height: 775px; margin-top: -200px; background: url(../imagenes/suites-f.jpg) no-repeat; z-index: -9999994; text-align: center; padding-top: 350px; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #pleca-depa { position: relative; width:100%; height: 775px; margin-top: -200px; background: url(../imagenes/depa-f.jpg) no-repeat; z-index: -9999994; text-align: center; padding-top: 350px; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #pleca-index4 img { width: 60%;} #pleca-index1 h2 { font-size: 58px; color: white; } #pleca-index3 h2 { font-size: 58px; color: #021e41; } .pleca1 { width:112px; height:5px; background: #655230; margin: 25px 0 25px 10px; } .pleca2 { width:100px; height:5px; background: #021e41; margin: 25px 0 25px 0; } .pleca3 { width:112px; height:5px; background: #021e41; margin: 25px 0 25px 10px; } .mini-logo { margin-left: -25px; } .box-ajuste0 { width: 100%; height: 70px; } .box-ajuste1 { width: 100%; height: 275px; } .box-ajuste2 { width: 100%; height: 650px; } .box-ajuste2a { width: 100%; height: 650px; } .texto-rot { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); color:rgba(255, 255, 255, 0.2); height:20px; width:auto; font-family: 'Libre Baskerville', serif; font-size: 50px; margin-left:-350px; margin-top: -10px; } #descriptivo-iz { position: absolute; left: -135px; top: 340px; width: 500px; height: 130px; } #descriptivo-de { position: absolute; right: -135px; top: 350px; width: 500px; height: 130px; } .descriptivo h2 { color: white; font-size: 30px; padding-left: 150px; } .descriptivo p { color: white; font-size: 16px; line-height: 20px; padding-left: 150px; } .descriptivo .separador { width: 100%; height: 2px; background:#c1a268; padding-left: -150px; } .descriptivo_ h2 { color: white; font-size: 30px; margin-left: -5px; } .descriptivo_ p { color: white; font-size: 16px; margin-left: -5px; line-height: 20px; } .descriptivo_ .separador { width: 100%; height: 2px; background:#c1a268; padding-left: -150px; } #suite { position: relative; width:100%; height: 700px; margin-top:500px; background:white url(../imagenes/suite-index.jpg) no-repeat; background-position: left bottom; background-size: 90%; } #suite h2 { margin-top: -100px; font-size:77px; line-height: 85px; color:white; } #suite h3 { font-size:48px; color: #b1955f; margin:35px 0 0 0; } #suite .container { position: relative; } #depa { width: 100%; height: 820px; margin-top: -20px; background: url(../imagenes/departamento.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #depa h1 { padding-top: 16%; font-size: 78px; font-family: 'Libre Baskerville', serif; } #depa h2 { font-size: 18px; font-family: 'Libre Baskerville', serif; line-height: 22px; } #departamento { width:100%; height: 900px; background: url(../imagenes/departamente-index.jpg) no-repeat; background-position: right center; background-size: 90%; } #departamento .depa_ { text-align-last: right; -ms-text-align-last: right; -moz-text-align-last: right; text-align: right; } #departamento .depa_ h2 { margin-top: -100px; font-size:77px; color:white; } #departamento .depa_ h3 { font-size:48px; color: #b1955f; margin:35px 0; } #departamento .depa_ p { text-align-last: right; -ms-text-align-last: right; -moz-text-align-last: right; } .conocer1 { background: #b1955f; color: white; font-style: italic; font-size: 27px; padding: 20px 40px; } .conocer2 { background: #021e41; color: white; font-style: italic; font-size: 27px; padding: 20px 40px; float: left; margin-left: -45px; } .pleca-s1 { width:363px; height: 454px; background:#c1a268 url(); position: absolute; right:0px ; top:35px; } .pleca-s2 { width:363px; height: 454px; background:#b68831 url(); position: absolute; left: 0px ; top:35px; } .pleca-s3 { width:363px; height: 454px; background:#0c2749 url(); position: absolute; left: 0px ; top:35px; } .pleca-s4 { width:363px; height: 454px; background:#1a3d69 url(); position: absolute; right:0px ; top:35px; } .pleca { display: table; padding-top: 8%; } .pleca p { width:240px; height: auto; color:white; float: right; margin-right: 40px; padding: 10px 0; border-top: white solid 1px; border-bottom: white solid 1px; } .pleca p.gold { width:240px; height: auto; color:white; float: right; margin-right: 40px; padding: 10px 0; border-top: #a89368 solid 1px; border-bottom: #a89368 solid 1px; } /* SUITES */ #suites { width: 100%; height: 820px; margin-top: -20px; background: url(../imagenes/suites.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #suites h1 { padding-top: 16%; font-size: 78px; font-family: 'Libre Baskerville', serif; } #suites h2 { font-size: 18px; font-family: 'Libre Baskerville', serif; } .pleca-suite1 { position: absolute; background: white; z-index: 9; margin: -40px 0 -40px -30%; width:60%; left: 50%; text-align: center; padding: 20px 0; height:auto; text-transform: uppercase; font-size: 14px; color:#152649; } .suite { width: 100%; height: 520px; margin:90px 0; } .suite .container { position: relative; } .suite .container .row { position: relative; } .suite-sala-c { background: url(../imagenes/suite-sc.jpg) no-repeat center left; background-size: 70%; margin-top: 180px; } .suite-cocina-i { background: url(../imagenes/suite-ci.jpg) no-repeat center right; background-size: 70%; } .suite-habitaciones { background: url(../imagenes/suite-h.jpg) no-repeat center left; background-size: 70%; } /* DEPARTAMENTOS */ #dep { position: relative; width:100%; height: 700px; margin-top:500px; background:white url(../imagenes/suite-index.jpg) no-repeat; background-position: left bottom; background-size: 90%; } #dep h2 { margin-top: -100px; font-size:77px; line-height: 85px; color:white; } #dep h3 { font-size:48px; color: #b1955f; margin:35px 0 0 0; } #dep .container { position: relative; } .gris1_ { background:#999; } .gris2_ { background:#656565; } .depa { width: 100%; height: 520px; margin:90px 0; } .depa .container { position: relative; } .depa .container .row { position: relative; } .depa-sala-sc { background: url(../imagenes/depa-sc.jpg) no-repeat center right; background-size: 70%; margin-top: 180px; } .depa-cocina-i { background: url(../imagenes/depa-ci.jpg) no-repeat center left; background-size: 70%; } .depa-habitaciones { background: url(../imagenes/depa-h.jpg) no-repeat center right; background-size: 70%; } /* DEPARTAMENTOS - APARTADO NUEVO */ #depa_ { width: 100%; height: 820px; margin-top: -20px; background: url(../departamentos/inicio_d.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #depa_ h1 { padding-top: 16%; font-size: 78px; font-family: 'Libre Baskerville', serif; } #depa_ h2 { font-size: 18px; font-family: 'Libre Baskerville', serif; line-height: 22px; } .depa-uno { background: url(../departamentos/img1.jpg) no-repeat center right; background-size: 65%; margin-top: 180px; } .depa-dos { background: url(../departamentos/img2.jpg) no-repeat center left; background-size: 65%; } .final { position: relative; width:100%; height: 675px; margin-top: -200px; background: url(../departamentos/final.jpg) no-repeat bottom; z-index: -9999994; text-align: center; padding-top: 350px; background-position:center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* ATRIBUTOS */ #atributos { width:100%; height: 725px; background: url(../imagenes/atributos1.jpg) no-repeat; margin-top: -20px; background-position: center; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #atributos h1 { padding-top: 16%; font-size: 78px; font-family: 'Libre Baskerville', serif; } #atributos h2 { font-size: 18px; font-family: 'Libre Baskerville', serif; } .pleca-atri { position: absolute; background: white; z-index: 9; margin: -80px 0 -40px 0; width:auto; left: 10%; width: 80%; text-align: left; padding: 10px 35px; height:auto; font-size: 13px; color: #b1955f;} .pleca-atri h2 { padding-top: 1%; font-size: 68px; font-family: 'Libre Baskerville', serif; text-transform: uppercase; color:#152649; } .pleca-atri h3 { font-size: 32px; font-family: 'Libre Baskerville', serif; text-transform: uppercase; } .mapa-in { width:100%; height: 925px; margin-top: 200px; position: relative; } .atricopy { max-width:740px; height: 100px; background: #b1955f; font-size: 30px; line-height: 100px; color:white; margin: 0 auto; text-align: center; } .atri-desc { color: #b1955f; position: relative; height: auto; } .atri-desc h1 { padding-top: 100px; font-size: 78px; font-family: 'Libre Baskerville', serif; color:#152649; } .atri-desc h2 { font-size: 18px; font-family: 'Libre Baskerville', serif; } .atri { width: 100%; height: 660px; margin-top: -100px; background: url(../imagenes/atributos.png); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } .atri .copy1 { font-size: 16px ; margin-left: 25%; } /* CONTACTO */ #contacto { width: 100%; height: 820px; margin-top: -20px; background: url(../imagenes/contacto.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #contacto h1 { padding-top: 16%; font-size: 78px; font-family: 'Libre Baskerville', serif; } #contacto h2 { font-size: 18px; font-family: 'Libre Baskerville', serif; } .contacto { width: 100%; min-height: 600px; padding-top: 170px; padding-bottom: 70px; } .pleca-contacto h2 { padding-top: 1%; font-size: 76px; font-family: 'Libre Baskerville', serif; } .pleca-contacto h3 { font-size: 48px; font-family: 'Libre Baskerville', serif; color: #b1955f; } .socket { font-size: 22px; color:#162e4f; margin-top: 35px; } input { display: inline-block; width: 45%; height: 40px; border:#162e4f solid 2px; margin-bottom: 4px; padding: 5px; } textarea { display: inline-block; width: 91%; height: 100px; resize: none; border:#162e4f solid 2px; padding: 5px; } .enviar { width: 170px; background: #b1955f; color:white; border: none; font-size: 25px; transition:all 400ms ease; ma 10px; } .enviar:hover { width: 55%; background: #162e4f; color:white; border: none; font-size: 25px; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(158,163,174, 0.5); } ::-moz-placeholder { /* Firefox 19+ */ color: rgba(158,163,174, 0.5);} :-ms-input-placeholder { /* IE 10+ */ color: rgba(158,163,174, 0.5); } :-moz-placeholder { /* Firefox 18- */ color: rgba(158,163,174, 0.5); } /* BURGER MENU */ .icon-bar { background: #b1955f; } /*========== Non-Mobile First Method ==========*/ /* Monitores medios */ @media only screen and (max-width : 1200px) { header { width: 100%; height: 105px; border-bottom:#b1955f solid 10px ; position: relative; } ul { margin-left: 210px; } ul li { list-style: none; display: inline-block; padding-top: 65px; margin: 0 3px; } ul li a { color:#152649; font-size: 14px; padding-top: 10px; } ul li a:hover { color:#b1955f; } #logotipo { position: absolute; left:20px; z-index: 9999; width: 25%; } #suite { position: relative; width:100%; height: 700px; margin-top:500px; background:white url(../imagenes/suite-index.jpg) no-repeat; background-position: 0 100px; background-size: 100%; } #depa { width: 100%; height: 820px; margin-top: -20px; background: url(../imagenes/departamento.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #depa h1 { padding-top: 16%; font-size: 78px; font-family: 'Libre Baskerville', serif; } #depa h2 { font-size: 18px; font-family: 'Libre Baskerville', serif; } #departamento { width:100%; height: 500px; background: url(../imagenes/departamente-index.jpg) no-repeat; background-position:0px 50px ; background-size: 100%; } .pleca-index2 { position: absolute; background: white; z-index: 9; margin: 0; width:60%; left: 50%; margin-left: -30%; text-align: center; padding: 20px 0; height:auto; text-transform: uppercase; font-size: 14px; color:#152649; } .box-ajuste2a { width: 100%; height: 225px; } .conocer1 { font-size: 17px; } .conocer2 { font-size: 17px; left: 5%; margin-left: 0px; margin-top: 225px; position: absolute; } #contacto h1 { padding-top: 26%; font-size: 78px; font-family: 'Libre Baskerville', serif; } .celda { width: 48%; height: 50px; float: left; background:rgba(0,0,0,0); margin:1px; padding-right: 3px; } .celda img { margin-right: 15px; float: left; width: 40px; } .celda p { font-size: 13px; margin-top: 10px; font-weight: normal; } #pleca-index1 h2 { font-size: 34px; } #pleca-index3 h2 { font-size: 34px; } #suite { height:500px; } #suite img { width: 20%; } .pleca-suite1 { padding: 5%; width: 80%; margin-left: -40%; } .pleca-suite1 br { display: none; } #descriptivo-iz { position: absolute; left: -135px; top: 350px; width: 600px; height: 130px; } #descriptivo-de { position: absolute; right: 0px; top: 350px; width: 550px; height: 130px; text-align: right; } .descriptivo h2 { color: white; font-size: 30px; padding-left: 150px; } .descriptivo p { color: white; font-size: 14px; line-height: 20px; padding-left: 150px; } .descriptivo .separador { width: 75%; height: 2px; background:#c1a268; padding-left: -150px; } .descriptivo_ h2 { color: white; font-size: 30px; margin-left: 0px; text-align: left !important; } .descriptivo_ p { color: white; font-size: 14px; margin-left: -5px; line-height: 20px; text-align: right !important; width: 100%; } .descriptivo_ .separador { width: 100%; height: 2px; background:#c1a268; padding-left: -150px; } .suite-sala-c { background: url(../imagenes/suite-sc.jpg) no-repeat center left; background-size: 100%; margin-top: 100px; } .suite-cocina-i { background: url(../imagenes/suite-ci.jpg) no-repeat center right; background-size: 100%; } .suite-habitaciones { background: url(../imagenes/suite-h.jpg) no-repeat center left; background-size: 100%; } .depa-sala-sc { background: url(../imagenes/depa-sc.jpg) no-repeat center right; background-size: 100%; margin-top: 100px; } .depa-cocina-i { background: url(../imagenes/depa-ci.jpg) no-repeat center left; background-size: 100%; } .depa-habitaciones { background: url(../imagenes/depa-h.jpg) no-repeat center right; background-size: 100%; } .pleca-s1 { width:263px; height: auto; background:#c1a268 url(); position: absolute; right:0px ; top:335px; } .pleca-s2 { width:263px; height: auto; background:#b68831 url(); position: absolute; left: 0px ; top:335px; } .pleca-s3 { width:263px; height: auto; background:#0c2749 url(); position: absolute; left: 0px ; top:335px; } .pleca-s4 { width:263px; height: auto; background:#1a3d69 url(); position: absolute; right:0px ; top:335px; } .pleca { display: table; padding: 3%; } .pleca p { width:100%; height: auto; color:white; float: right; margin-right: 0px; padding: 10px 0; border-top: white solid 1px; border-bottom: white solid 1px; } .pleca p.gold { width:240px; height: auto; color:white; float: right; margin-right: 40px; padding: 10px 0; border-top: #a89368 solid 1px; border-bottom: #a89368 solid 1px; } .texto-rot { display: none; } .gris1_ { background:#999; } .gris2_ { background:#656565; } } /* Monitores medios */ /* Monitores pequeños */ @media only screen and (max-width : 992px) { #logotipo { position: absolute; left:0px; z-index: 9999; width: 25%; } #logotipo img { width: 100%; } #telefonos { position: absolute; right: 0; top: 50px; text-align: right; z-index: 999; width: 100%; height: 55px; background:white; padding-top: 5px; padding-right: 12px; box-sizing: border-box; } #bs-navbar { z-index: 9999; top: 0px; background: white; position: absolute; right: 0 !important; width: 75%; margin-left: 0px; } ul li { list-style: none; display: inline-block; padding-top: 15px; margin: 0 5px; } ul li a { color:#152649; font-size: 16px; padding-top: 10px; width: auto; } #bs-navbar { background: none; } #slide { width: 100%; height: 620px; position: relative; text-transform: uppercase; text-align: center; color:white; } .carousel { width: 100%; height: 620px; } .carousel-cell { width: 100%; height: 620px; margin-right: 1px; } .carousel-cell h1 { padding-top: 22%; font-size: 48px; font-family: 'Libre Baskerville', serif; } .carousel-cell h2 { font-size: 14px; font-family: 'Libre Baskerville', serif; } .pleca-index1 { font-size: 16px; } .box-ajuste2a { width: 100%; height: 150px; } header { border-bottom:#b1955f solid 10px ; } .gris1_ { background:#999; } .gris2_ { background:#656565; } } /* Monitores pequeños */ /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { #logotipo { position: absolute; left:0px; z-index: 9999; width: 25%; } #logotipo img { width: 100%; } #telefonos { position: absolute; right: 0; top: 50px; text-align: right; z-index: 999; width: 100%; height: 65px; background:white; padding-top: 5px; padding-right: 12px; box-sizing: border-box; } #bs-navbar { z-index: 9999; top: 110px; background: white; position: absolute; right: 0 !important; width: 75%; margin-left: 0px; border-bottom:white solid 10px; } ul li { list-style: none; display: inline-block; padding-top: 15px; margin: 0 5px; } ul li a { color:#152649; font-size: 16px; padding-top: 10px; width: auto; } .pleca-index1 { font-size: 14px; padding: 15px; } .pleca-index1 br { display: none; } #bs-navbar { background: white; } .box-ajuste2a { width: 100%; height: 150px; } #descriptivo-de { position: absolute; right: 0px; top: 250px; width: 50%; height: 100px; } .descriptivo_ h2 { color: #fff; font-size: 30px; margin-left: 10px; text-align: right; } .descriptivo_ p { color: #fff; font-size: 14px; margin-left: 10px; line-height: 20px; width: 100%; padding-right:5% ; } .descriptivo_ .separador { width: 100%; height: 1px; background:#c1a268; padding-left: 0px; float: right; } .celda { width: 49%; height: 50px; float: left; background:rgba(0,0,0,0); margin:1px; } .celda p { font-size: 12px; margin-top: 10px; text-transform: uppercase; } #departamento .depa_ h2 { margin-top: -40px; color:white; } #suites { width: 100%; height: 620px; margin-top: -10px; background: url(../imagenes/suites.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #suites h1 { padding-top: 30%; font-size: 48px; font-family: 'Libre Baskerville', serif; } #suites h2 { font-size: 20px; font-family: 'Libre Baskerville', serif; padding: 0 5%; } #suites h2 br { display: none; } #suites img { width: 50%; } #depa { width: 100%; height: 620px; margin-top: -10px; background: url(../imagenes/suites.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #depa h1 { padding-top: 30%; font-size: 48px; font-family: 'Libre Baskerville', serif; } #depa h2 { font-size: 20px; font-family: 'Libre Baskerville', serif; padding: 0 5%; } /*#depa h2 br { display: none; }*/ #depa img { width: 50%; } #contacto { width: 100%; height: 620px; } #contacto h1 { padding-top: 30%; font-size: 48px; font-family: 'Libre Baskerville', serif; } #contacto h2 { font-size: 20px; font-family: 'Libre Baskerville', serif; padding: 0 5%; } .pleca-contacto { width: 80%; } .pleca-contacto h2 { font-size: 48px; } .pleca-contacto h3 { font-size: 20px; } form { margin:50px 0 ; } input, textarea { width: 100%; } .gris1_ { background:#999; } .gris2_ { background:#656565; } } @media only screen and (max-width : 736px) { #suite { position: relative; width:100%; height: 400px; margin-top:500px; background:white url(../imagenes/suite-index.jpg) no-repeat; background-position: 0 50px; background-size: 100%; } #suite h2 { margin-top: -30px; font-size:27px; line-height: 5px; color:white; } #suite h3 { font-size:24px; color: #b1955f; margin:35px 0 0 0; } .gris1_ { background:#999; } .gris2_ { background:#656565; } } /* Small Devices, Tablets */ @media only screen and (max-width : 720px) { #logotipo { position: absolute; left:10px; z-index: 9999; width: 130px; } #logotipo img { width: 130px; } #bs-navbar { width: 100%; } ul li { list-style: none; display: inline-block; padding-top: 15px; margin: 0 5px; } ul li a { color:#152649; font-size: 16px; padding-top: 10px; } #pleca-index1 h2 { font-size: 28px; color: white; } #pleca-index3 h2 { font-size: 28px; color: white; } #pleca-index1 p { font-size: 13px; color: white; } #pleca-index3 p { font-size: 13px; color: white; } #suite { position: relative; width:100%; height: 450px; margin-top:500px; background:white url(../imagenes/suite-index.jpg) no-repeat; background-position:-300px 50px ; background-size: 200%; } #suite p { font-size: 12px; } .pleca-index1, .pleca-index3 { position: absolute; background: white; z-index: 9; margin:0; width:100%; left: 0%; text-align: center; padding: 20px 5%; height:auto; text-transform: uppercase; font-size: 14px; color:#152649; } .pleca-index2 { position: absolute; background: white; z-index: 9; margin: 0; width:100%; left: 0; text-align: center; padding: 20px 0; height:auto; text-transform: uppercase; font-size: 14px; color:#152649; } #pleca-index4 { height: 300px; background-size: 200%; background-position: top center; } #departamento { width:100%; height: 400px; background: url(../imagenes/departamente-index.jpg) no-repeat; background-position:0px 0px ; background-size: 300%; margin-bottom: 200px; } #departamento .depa_ { text-align-last: right; -ms-text-align-last: right; -moz-text-align-last: right; text-align: right; } #departamento .depa_ h2 { margin-top: -100px; font-size:27px; color:white; } #departamento .depa_ h3 { font-size:27px; color: #b1955f; margin:35px 0; } #departamento .depa_ p { text-align-last: right; -ms-text-align-last: right; -moz-text-align-last: right; max-width: 300px; float: right; } #departamento .box-ajuste2a { width: 100%; height: 200px; } .conocer1 { background: #b1955f; color: white; font-style: italic; font-size: 17px; padding: 5%; } .conocer2 { font-size: 17px; left: 5%; margin-left: 0px; margin-top: 375px; position: absolute; font-size: 17px; padding: 5%; } .firma { font-size: 18px; color: #021e41; margin-bottom:25px ; } .firma br { display: none; } .primero { border-right: none; border-bottom: #021e41 solid 1px; margin-bottom:25px ; } .ultimo { text-align: left; } .celda { width: 45%; height: auto; float: left; background:rgba(0,0,0,0); margin:3px; } .celda img { margin-right: 15px; float: left; width: 30px; } .celda p { font-size: 12px; margin-top: 10px; } .sin-br br { display: none; } .box-ajuste0 { width: 100%; height: 10px; } /* SUITES */ #suites { width: 100%; height: 420px; margin-top: -10px; background: url(../imagenes/suites.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #suites h1 { padding-top: 30%; font-size: 28px; font-family: 'Libre Baskerville', serif; } #suites h2 { font-size: 14px; font-family: 'Libre Baskerville', serif; } #suites h2 br { display: none; } #suites img { width: 50%; } .pleca-suite1 { position: absolute; background: white; z-index: 9; margin: -40px 0 40px 0; width:100%; left: 0; text-align: center; padding: 20px 5%; height:auto; text-transform: uppercase; font-size: 12px; color:#152649; } .pleca-suite1 br { display: none; } .suite { width: 100%; height: 660px; margin:100px 0; } .suite .container { position: relative; } .suite .container .row { position: relative; } .suite-sala-c { background: url(../imagenes/suite-sc.jpg) no-repeat center top; background-size: 100%; margin-top: 50px; } .suite-cocina-i { background: url(../imagenes/suite-ci.jpg) no-repeat center top; background-size: 100%; } .suite-habitaciones { background: url(../imagenes/suite-h.jpg) no-repeat center top; background-size: 100%; } .pleca-s1 { width:100%; height: 254px; background:#c1a268 url(); position: absolute; right:0px ; top:200px; } .pleca-s2 { width:100%; height: 254px; background:#b68831 url(); position: absolute; left: 0px ; top:200px; } .pleca-s3 { width:100%; height: 254px; background:#0c2749 url(); position: absolute; left: 0px ; top:200px; } .pleca-s4 { width:100%; height: 254px; background:#1a3d69 url(); position: absolute; right:0px ; top:200px; } .pleca { display: table; padding-top: 5%; margin-top: 220px; } .pleca p { width:240px; height: auto; color:white; float: right; margin-right: 40px; padding: 10px 0; border-top: white solid 1px; border-bottom: white solid 1px; } .pleca p.gold { width:240px; height: auto; color:white; float: right; margin-right: 40px; padding: 10px 0; border-top: #a89368 solid 1px; border-bottom: #a89368 solid 1px; } #descriptivo-iz { position: absolute; left: 0px; top: 250px; width: 100%; height: 130px; } #descriptivo-de { position: absolute; right: 0px; top: 250px; width: 100%; height: 130px; } .descriptivo h2 { color:#c1a268; font-size: 30px; padding-left: 10px; } .descriptivo p { color:#c1a268; font-size: 14px; line-height: 20px; padding-left: 10px; } .descriptivo .separador { width: 50%; height: 1px; background:#c1a268; padding-left: 0px; } .descriptivo_ h2 { color: #c1a268; font-size: 30px; margin-left: 10px; } .descriptivo_ p { color: #c1a268; font-size: 14px; margin-left: 10px; line-height: 20px; } .descriptivo_ .separador { width: 50%; height: 1px; background:#c1a268; padding-left: 0px; } .texto-rot { display:none; } #pleca-suites { height: 450px; background-size: 250%; } #pleca-depa { height: 450px; background-size: 250%; } #depa { width: 100%; height: 420px; margin-top: -20px; background: url(../imagenes/departamento.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #depa h1 { padding-top: 30%; font-size: 28px; font-family: 'Libre Baskerville', serif; } #depa h2 { font-size: 14px; font-family: 'Libre Baskerville', serif; } #depa img { width: 50%; } .depa { width: 100%; height: 520px; margin:90px 0; } .depa .container { position: relative; } .depa .container .row { position: relative; } .depa-sala-sc { background: url(../imagenes/depa-sc.jpg) no-repeat center top; background-size: 100%; margin-top: 180px; } .depa-cocina-i { background: url(../imagenes/depa-ci.jpg) no-repeat center top; background-size: 100%; } .depa-habitaciones { background: url(../imagenes/depa-h.jpg) no-repeat center top; background-size: 100%; } .mini-logo { margin:15px 0 ; } /* CONTACTO */ #contacto { width: 100%; height: 420px; margin-top: -20px; background: url(../imagenes/contacto.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #contacto h1 { padding-top: 30%; font-size: 28px; font-family: 'Libre Baskerville', serif; } #contacto h2 { font-size: 14px; font-family: 'Libre Baskerville', serif; } #contacto img { width: 50%; } .contacto { width: 100%; min-height: 600px; padding-top: 170px; padding-bottom: 70px; } .pleca-contacto { position: absolute; background: white; z-index: 9; margin: -80px 0 -40px 0; width:auto; left: 5%; text-align: left; padding: 10px 35px; height:auto; text-transform: uppercase; font-size: 14px; color:#152649; } .pleca-contacto h2 { padding-top: 1%; font-size: 32px; font-family: 'Libre Baskerville', serif; } .pleca-contacto h3 { font-size: 18px; font-family: 'Libre Baskerville', serif; color: #b1955f; } .socket { font-size: 22px; color:#162e4f; margin-top: 35px; margin-bottom: 35px; } input { display: inline-block; width: 100%; height: 40px; border:#162e4f solid 2px; margin-bottom: 4px; padding: 5px; } textarea { display: inline-block; width: 100%; height: 100px; resize: none; border:#162e4f solid 2px; padding: 5px; } .enviar { width: 170px; background: #b1955f; color:white; border: none; font-size: 25px; transition:all 400ms ease; ma 10px; } .enviar:hover { width: 55%; background: #162e4f; color:white; border: none; font-size: 25px; } .gris1_ { background:#999; } .gris2_ { background:#656565; } } @media only screen and (max-width : 717px) { #descriptivo-iz { position: absolute; left: 0px; top: 250px; width: 100%; height: 130px; padding-left: 20px; } #descriptivo-de { position: absolute; right: 0px; top: 250px; width: 100%; height: 130px; padding-left: 20px; } .descriptivo h2 { color:white; font-size: 30px; padding-left: 10px; } .descriptivo p { color:white; font-size: 14px; line-height: 20px; padding-left: 10px; } .descriptivo .separador { width: 50%; height: 1px; background:#c1a268; padding-left: 0px; } .descriptivo_ h2 { color: white; font-size: 30px; margin-left: 10px; } .descriptivo_ p { color: white; font-size: 14px; margin-left: 10px; line-height: 20px; } .descriptivo_ .separador { width: 50%; height: 1px; background:#c1a268; padding-left: 0px; float: left; } .pleca-s1 { width:100%; height: auto; background:#c1a268 url(); position: absolute; right:0px ; top:200px; } .pleca-s2 { width:100%; height: auto; background:#b68831 url(); position: absolute; left: 0px ; top:200px; } .pleca-s3 { width:100%; height: auto; background:#0c2749 url(); position: absolute; left: 0px ; top:200px; } .pleca-s4 { width:100%; height: auto; background:#1a3d69 url(); position: absolute; right:0px ; top:200px; } .pleca { display: table; padding-top: 5%; margin-top: 220px; } .pleca p { width:75%; height: auto; color:white; float: left; margin-right: 40px; padding: 10px 0; border-top: white solid 1px; border-bottom: white solid 1px; } .pleca p.gold { width:75%; height: auto; color:white; float: left; margin-right: 40px; padding: 10px 0; border-top: #a89368 solid 1px; border-bottom: #a89368 solid 1px; } .suite { width: 100%; height: 660px; margin:5px 0; } .conocer2 { font-size: 17px; left: 5%; margin-left: 0px; margin-top: 250px; position: absolute; font-size: 14px; padding: 5%; width: auto; height: auto; } .gris1_ { background:#999; } .gris2_ { background:#656565; } } /* Teléfonos */ @media only screen and (max-width : 590px) { #logotipo { position: absolute; left:10px; z-index: 9999; width: 130px; } #logotipo img { width: 130px; } #bs-navbar { width: 100%; } ul li { list-style: none; display: inline-block; padding-top: 15px; margin: 0 5px; } ul li a { color:#152649; font-size: 16px; padding-top: 10px; } #pleca-index1 h2 { font-size: 28px; color: white; } #pleca-index3 h2 { font-size: 28px; color: white; } #pleca-index1 p { font-size: 13px; color: white; } #pleca-index3 p { font-size: 13px; color: white; } #suite { position: relative; width:100%; height: 450px; margin-top:500px; background:white url(../imagenes/suite-index.jpg) no-repeat; background-position:-300px 50px ; background-size: 200%; } #suite p { font-size: 12px; } .pleca-index1, .pleca-index3 { position: absolute; background: white; z-index: 9; margin:0; width:100%; left: 0%; text-align: center; padding: 20px 5%; height:auto; text-transform: uppercase; font-size: 14px; color:#152649; } .pleca-index2 { position: absolute; background: white; z-index: 9; margin: 0; width:100%; left: 0; text-align: center; padding: 20px 0; height:auto; text-transform: uppercase; font-size: 14px; color:#152649; } #pleca-index4 { height: 300px; background-size: 200%; background-position: top center; } #departamento { width:100%; height: 400px; background: url(../imagenes/departamente-index.jpg) no-repeat; background-position:left bottom; background-size:250%; margin-bottom: 200px; } #departamento .depa_ { text-align-last: right; -ms-text-align-last: right; -moz-text-align-last: right; text-align: right; } #departamento .depa_ h2 { margin-top: -100px; font-size:27px; color:white; } #departamento .depa_ h3 { font-size:27px; color: #b1955f; margin:35px 0; } #departamento .depa_ p { text-align-last: right; -ms-text-align-last: right; -moz-text-align-last: right; max-width: 300px; float: right; font-size: 12px; } #departamento .depa_ p br { display: none; } #departamento .box-ajuste2a { width: 100%; height: 200px; } .conocer1 { background: #b1955f; color: white; font-style: italic; font-size: 14px; padding: 5%; top: 125px !important; margin-top: 125px !important; width: auto; height: auto; } .conocer2 { font-size: 17px; left: 5%; margin-left: 0px; margin-top: 350px; position: absolute; font-size: 14px; padding: 5%; width: auto; height: auto; } .firma { font-size: 10px; color: #021e41; margin-bottom:25px ; } .firma br { display: none; } .primero { border-right: none; border-bottom: #021e41 solid 1px; margin-bottom:25px ; } .ultimo { text-align: left; } .celda { width: 45%; height: auto; float: left; background:rgba(0,0,0,0); margin:3px; } .celda img { margin-right: 15px; float: left; width: 30px; } .celda p { font-size: 12px; margin-top: 5px; } .sin-br br { display: none; } .box-ajuste0 { width: 100%; height: 1px; } /* SUITES */ #suites { width: 100%; height: 420px; margin-top: -10px; background: url(../imagenes/suites.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #suites h1 { padding-top: 30%; font-size: 28px; font-family: 'Libre Baskerville', serif; } #suites h2 { font-size: 14px; font-family: 'Libre Baskerville', serif; } #suites h2 br { display: none; } #suites img { width: 50%; } .pleca-suite1 { position: absolute; background: white; z-index: 9; margin: -40px 0 40px 0; width:100%; left: 0; text-align: center; padding: 20px 5%; height:auto; text-transform: uppercase; font-size: 12px; color:#152649; } .pleca-suite1 br { display: none; } .suite { width: 100%; height: 660px; margin:100px 0; } .suite .container { position: relative; } .suite .container .row { position: relative; } .suite-sala-c { background: url(../imagenes/suite-sc.jpg) no-repeat center top; background-size: 130%; margin-top: 50px; } .suite-cocina-i { background: url(../imagenes/suite-ci.jpg) no-repeat center top; background-size: 130%; } .suite-habitaciones { background: url(../imagenes/suite-h.jpg) no-repeat center top; background-size: 130%; } .texto-rot { display:none; } #descriptivo-iz { position: absolute; left: 0px; top: 180px; width: 100%; height: 90px; padding-left: 20px; } #descriptivo-de { position: absolute; right: 0px; top: 180px; width: 100%; height: 90px; padding-left: 20px; } .descriptivo h2 { color:white; font-size: 30px; padding-left: 10px; } .descriptivo p { color:white; font-size: 14px; line-height: 20px; padding-left: 10px; } .descriptivo .separador { width: 50%; height: 1px; background:#c1a268; padding-left: 0px; } .descriptivo_ h2 { color:white; font-size: 30px; margin-left: 10px; } .descriptivo_ p { color:white; font-size: 14px; margin-left: 10px; line-height: 20px; } .descriptivo_ .separador { width: 50%; height: 1px; background:#c1a268; padding-left: 0px; float: left; } .pleca-s1 { width:100%; height: auto; background:#c1a268 url(); position: absolute; right:0px ; top:200px; } .pleca-s2 { width:100%; height: auto; background:#b68831 url(); position: absolute; left: 0px ; top:200px; } .pleca-s3 { width:100%; height: auto; background:#0c2749 url(); position: absolute; left: 0px ; top:200px; } .pleca-s4 { width:100%; height: auto; background:#1a3d69 url(); position: absolute; right:0px ; top:200px; } .pleca { display: table; padding-top: 5%; margin-top: 220px; } .pleca p { width:100%; height: auto; color:white; float: left; margin-right: 40px; padding: 10px 0; border-top: white solid 1px; border-bottom: white solid 1px; } .pleca p.gold { width:100%; height: auto; color:white; float: left; margin-right: 40px; padding: 10px 0; border-top: #a89368 solid 1px; border-bottom: #a89368 solid 1px; } .suite { width: 100%; height: 660px; margin:5px 0; } #pleca-suites { height: 450px; background-size: 250%; } #pleca-depa { height: 450px; background-size: 250%; } #depa { width: 100%; height: 420px; margin-top: -20px; background: url(../imagenes/departamento.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #depa h1 { padding-top: 30%; font-size: 28px; font-family: 'Libre Baskerville', serif; } #depa h2 { font-size: 14px; font-family: 'Libre Baskerville', serif; } #depa img { width: 50%; } .depa { width: 100%; height: 520px; margin:90px 0; } .depa .container { position: relative; } .depa .container .row { position: relative; } .depa-sala-sc { background: url(../imagenes/depa-sc.jpg) no-repeat center top; background-size: 130%; margin-top: 180px; } .depa-cocina-i { background: url(../imagenes/depa-ci.jpg) no-repeat center top; background-size: 130%; } .depa-habitaciones { background: url(../imagenes/depa-h.jpg) no-repeat center top; background-size: 130%; } .mini-logo { margin:15px 0 ; } /* CONTACTO */ #contacto { width: 100%; height: 420px; margin-top: -20px; background: url(../imagenes/contacto.jpg); background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #contacto h1 { padding-top: 30%; font-size: 28px; font-family: 'Libre Baskerville', serif; } #contacto h2 { font-size: 14px; font-family: 'Libre Baskerville', serif; } #contacto img { width: 50%; } .contacto { width: 100%; min-height: 600px; padding-top: 170px; padding-bottom: 70px; } .pleca-contacto { position: absolute; background: white; z-index: 9; margin: -80px 0 -40px 0; width:auto; left: 5%; text-align: left; padding: 10px 35px; height:auto; text-transform: uppercase; font-size: 14px; color:#152649; } .pleca-contacto h2 { padding-top: 1%; font-size: 32px; font-family: 'Libre Baskerville', serif; } .pleca-contacto h3 { font-size: 18px; font-family: 'Libre Baskerville', serif; color: #b1955f; } .socket { font-size: 22px; color:#162e4f; margin-top: 35px; margin-bottom: 35px; } input { display: inline-block; width: 100%; height: 40px; border:#162e4f solid 2px; margin-bottom: 4px; padding: 5px; } textarea { display: inline-block; width: 100%; height: 100px; resize: none; border:#162e4f solid 2px; padding: 5px; } .enviar { width: 170px; background: #b1955f; color:white; border: none; font-size: 25px; transition:all 400ms ease; ma 10px; } .enviar:hover { width: 55%; background: #162e4f; color:white; border: none; font-size: 25px; } /* ATRIBUTOS */ #atributos { width:100%; height: 600px; background: url(../imagenes/atributos1.jpg) no-repeat; margin-top: -20px; background-position:right bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; text-align: center; color: white; text-transform: uppercase; } #atributos h1 { padding-top: 250px; font-size: 28px; font-family: 'Libre Baskerville', serif; } #atributos h2 { font-size: 14px; font-family: 'Libre Baskerville', serif; } #atributos img { width: 50%; } .pleca-atri { position: absolute; background: white; z-index: 9; margin: -80px 2% ; width:auto; left: 0%; width: 96%; text-align: left; padding: 10px 35px; height:auto; font-size: 13px; color: #b1955f; } .pleca-atri h2 { padding-top: 1%; font-size: 28px; font-family: 'Libre Baskerville', serif; text-transform: uppercase; color:#152649; } .pleca-atri h3 { font-size: 22px; font-family: 'Libre Baskerville', serif; text-transform: uppercase; } .pleca-atri br { display: none; } .mapa-in { width:100%; height: auto; margin-top: 200px; position: relative; margin-bottom: -100px; } .atricopy { max-width:740px; height: 100px; background: #b1955f; font-size: 30px; line-height: 100px; color:white; margin: 0 auto; text-align: center; } .atri-desc { color: #b1955f; position: relative; } .atri-desc h1 { padding-top: 100px; font-size: 28px; font-family: 'Libre Baskerville', serif; color:#152649; } .atri-desc h2 { font-size: 14px; font-family: 'Libre Baskerville', serif; } .gris1_ { background:#999; } .gris2_ { background:#656565; } } @media only screen and (max-width : 420px) { #descriptivo-iz { position: absolute; left: 0px; top: 190px; width: 100%; height: 90px; padding-left: 20px; } #descriptivo-de { position: absolute; right: 0px; top: 190px; width: 100%; height: 90px; padding-left: 20px; } .gris1_ { background:#999; } .gris2_ { background:#656565; } } @media only screen and (max-width : 393px) { #slide h1 { margin-top: 150px; font-size: 28px; } #descriptivo-iz { position: absolute; left: 0px; top: 220px; width: 100%; height: 250px; padding-left: 20px; } #descriptivo-de { position: absolute; right: 0px; top: 220px; width: 100%; height: 250px; padding-left: 20px; } .descriptivo p { color:#c1a268; font-size: 14px; line-height: 20px; padding-left: 10px; } .descriptivo_ p { color:#c1a268; font-size: 14px; margin-left: 10px; line-height: 20px; } #pleca-index1 { height: 900px; } #pleca-index3 { height: 1050px; padding-top: 25px; } #pleca-index4 { height: 350px; } #pleca-index4 img { height: 350px; } #pleca-azul { height: 900px; } .celda { width: 100%; height: auto; float: left; background:rgba(0,0,0,0); margin:3px; } .celda img { margin-right: 15px; float: left; width: 30px; } .celda p { font-size: 10px; margin-top: 5px; } .mapa-in { width:100%; height: 625px; margin-top: 200px; position: relative; } .gris1_ { background:#999; } .gris2_ { background:#656565; } } @media only screen and (max-width : 343px) { .descriptivo h2 { color:#c1a268; font-size: 30px; padding-left: 10px; } .descriptivo_ h2 { color:#c1a268; font-size: 30px; margin-left: 10px; } .gris1_ { background:#999; } .gris2_ { background:#656565; } }