¡¡¡@charset "UTF-8"; /* CSS by laPatineta.com */ /*-- Previos --*/ img, embed, object, video, iframe { max-width:100%; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @-webkit-viewport, @-moz-viewport, @-ms-viewport, @-o-viewport, @viewport { width: device-width; } * { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative; font-size: 100%; } ::selection { background: #C9EDF3; } ::-moz-selection { background: #C9EDF3; } #instantclick-bar { background: #6EBDBE; } .selector { background-size: cover; /* The url is relative to the document, not to the css file! */ /* Prefer absolute urls to avoid confusion. */ -ms-behavior: url(/backgroundsize.min.htc); } html { } body { font-family: 'Anaheim', Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.05em; line-height: 1.5em; color: #504B55;} .container { width: 100%; overflow: hidden; max-width: 1100px; margin: 0 auto; position: relative; } hgroup { margin-bottom: 50px; } .h1 { background: url('/img/logo-lalibelula.png'); background-size: 130px 130px; width: 130px; height: 130px; display: inline-block; margin-bottom: 15px; } h1 { text-indent: -999999999px; } .h1opcional { font-size: 1.4em; margin-bottom: 4px; margin-top: 5px; display: block; font-weight: 800; color: black; text-transform: uppercase; display: none;} h2 { color: #4C4C4C; font-weight: 100; } h3 { font-size: 1.6em; text-transform: uppercase; padding-bottom: 15px; line-height: 1.2em; color: black;} h4 { text-transform: uppercase; margin-top: 55px; margin-bottom: 15px; color: black;} h5 { color: black; } img { width: 100%; } ul { list-style: none; } p { margin-bottom: 15px; } p:last-child { margin-bottom: 10px; } a { -webkit-transition: all .5s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; font-weight: 900; color: black; font-weight: 100; color: black;} .button { padding: 10px 15px; margin-right: 15px; margin-top: 5px; margin-bottom: 10px; border: 1px solid #DCE0E0; display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; position: relative; background: transparent;} .button:hover { top:-1px; box-shadow:0 1px 0px #DCE0E0; } .button:active { top:0px; box-shadow:none;} .large { width: 100%; text-align: center; } .rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; overflow: hidden;} .sidebar { width: 31%; float: left; padding:60px; min-height: 100%; height: 100%; } .sidebar i { font-size: 1.5em;} .sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active { font-size: .9em; } .sm-simple ul ul a, .sm-simple ul ul a:hover, .sm-simple ul ul a:focus, .sm-simple ul ul a:active { font-size: .8em; } .social { margin-bottom: 50px; } .social li { display: inline-block; margin-right: 10px; } .info li { padding: 3px 0; } .sidebar .creditos { margin-top: 50px; margin-right: 0; } .main { width: 69%; float: right; border-left: 1px solid #DCE0E0; padding-bottom: 120px; padding-right: 60px; min-height: 100vh;} .main div.recorte-cabecera { max-height: 300px; overflow: hidden; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;} .main div.recorte-cabecera .imagen-cabecera { display: block; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; margin-bottom: -3px;} .main section { padding: 60px 60px 0 60px; } .main section p a, .main section ul li a { text-decoration: underline; } .main section ul { margin-bottom: 20px; } .main section.accion { width: 100%; overflow: hidden; position: relative; min-height: 18.5vw;} .main section.accion div.cuadrado { position: absolute; top: 60px; left: 60px; width: 170px; height: 170px; overflow: hidden;} .main section.accion div.texto { margin-left: 200px; margin-top:0px;} .main section.listado ul {width: 100%; overflow: hidden; margin:30px 0 20px 0; } .main section.listado ul li { width: 48%; float: left; overflow: hidden; } .main section.listado ul li div img { margin-bottom: -8px; } .main section.listado ul li:nth-child(2n) { margin-left: 3%; } .main section.listado ul li h5 { text-align: center; margin-top: 5px; margin-bottom: 20px; } footer { float: left; width: 100%; } footer .creditos { display: none; } /* Cesta */ #cesta .main h4 { display: inline; } /* contacto */ section.contacto ul { margin-top: 30px;} section.contacto ul li { margin-bottom: 15px;} section.contacto ul li i{ margin-bottom: 15px; font-size: 1.2em; position: relative; top:3px; margin-right: 10px; width: 20px;} form { width: 100%; max-width: 350px; margin-top: 60px; } input { font-family: 'Anaheim', Helvetica Neue, Helvetica, Arial, sans-serif; outline: none; border: 1px solid #DCE0E0; padding: 10px; width: 100%; } input:focus { border-color: #6EBDBE; } .titulo { } .element-wrapper { display: block; margin-bottom: 15px; } textarea { font-family: 'Anaheim', Helvetica Neue, Helvetica, Arial, sans-serif; border: 1px solid #DCE0E0; outline: none; padding: 10px; width: 100%; margin-bottom: 10px; } textarea:focus { border-color:#6EBDBE; } .submit-button-input { cursor: pointer; } .submit-button-input:hover { border-color: #6EBDBE; } .submit-wrapper { } .submit-wrapper p { } .red { color: #6EBDBE; } /* Validation */ #ready { background:#6EBDBE; color: white; padding: 8px 20px; display: inline-block; border-radius: 0; } #no-name { display:inline-block; color: #6EBDBE;} #no-email { display:inline-block; color: #6EBDBE;} #no-time { display:inline-block; color: #6EBDBE;} #no-note { display:inline-block; color: #6EBDBE;} #wait { display:inline-block; color: #6EBDBE;} #ready, #no-name, #no-email, #no-time, #no-note, #wait, #no-note { margin-top: 5px; display: none; } /* Cookie Policy */ .cookies { top:0px; width: 100%; background: whitesmoke; z-index: 999999999999999999999999999999; position: relative; font-weight: 100; text-align: left; padding: 0px 30px; } .cookies p { display: inline-block;} .cookies p a { border-bottom: 1px solid black;} .cookies .acepto {border:1px solid black; pcolor: black; margin:10px; display: inline-block; padding: 5px 15px;font-weight: 100; } /* ------------ TABLET ---------------- */ @media screen and (max-width: 900px) { a { text-decoration: underline; } .sidebar { width: 100%; padding: 60px 60px 0px 60px;} header { width: 100%; overflow: visible; position: relative;} .h1 { float: left; } hgroup { width: auto; float: left; margin-top: 40px; margin-left: 30px;} h2 { width: auto; } #main-menu { width: 100%; margin-top: 10px; margin-bottom: 0; float: right;} .social { position: absolute; top: 43px; right: 0px; display: none;} .social li { margin-right: 0; margin-left: 10px; } .info { display: none;} .sidebar .creditos {display: none;} .main { width: 100%; border: none; padding: 0; padding-bottom: 90px;} .main div.recorte-cabecera { -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px;} .main div.recorte-cabecera .imagen-cabecera { margin-top: 60px;} .main #mapa {display: none;} footer .creditos { display: inline-block; text-align: center; background: #DCE0E0; border:none; width: 100%; margin-bottom: 0; margin-right: 0; line-height: 3em; font-size: .9em;} footer .creditos:hover { top:0;} /* Cookie Policy */ .cookies { padding: 20px 60px; } .cookies p a { text-decoration: none;} } /* ------------ MOVIL ---------------- */ @media screen and (max-width: 600px) { .sidebar { padding: 40px;} .h1 { background-size: 100px 100px; width: 100px; height: 100px; margin-right: 20px; margin-bottom: 0; } hgroup { width: calc(100% - 175px); float: left; margin-left: 0; text-align: left; padding-right: 0px; margin-top: 25px; margin-bottom: 0; } h2 {width: 100%; display: none;} .main div.recorte-cabecera .imagen-cabecera { margin-top: 0px;} .main section { padding: 40px 30px; } .main section a.button { width: 100%; text-align: center; } .main section.accion div.cuadrado { position: initial; width: 100%; } .main section.accion div.texto { margin-left: 0; margin-top: 25px; } .main section.listado ul li { width: 100%; margin-left: 0;} .main section.listado ul li:nth-child(2n) { margin-left: 0; } /* Cookie Policy */ .cookies { padding: 25px 40px 20px 40px; text-align: center;} .cookies .button { display: block; width: 100%; text-align: center;} }