/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } 
ol, ul { list-style:none; }
a { outline:0; }


/* Pocket Grid  */

.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box; }
.block-group { *zoom:1; }
.block-group:before, .block-group:after { display:table; content:""; line-height:0; }
.block-group:after { clear:both; } 
.block-group { list-style-type:none; padding:0; margin:0; }
.block-group > .block-group { clear:none; float:left; margin:0 !important; }
.block { float:left; width:100%; }


/* Overlay menu  */

.overlay { height:0; width:100%; position:fixed; z-index:1000; top:0; left:0; background-color:rgb(255,255,255); background-color: rgba(255,255,255, 0.9); overflow-x:hidden; transition:0.5s; }
.overlay-content { position:relative; top:10%; width:100%; text-align:center; margin-top:30px; }
.overlay a { padding:8px; text-decoration:none; font-size:36px; color:#808080; display:block; transition:0.3s; }
.overlay a:hover, .overlay a:focus { color:#6e9912; }
.overlay .closebtn { position:absolute; top:20px; right:45px; font-size:60px; }

@media screen and (max-height:450px) { .overlay a {font-size:20px} .overlay .closebtn { font-size:40px; top:15px; right:35px; }}


/* css  */

@font-face { font-family: opensans-regular; src: url(../fonts/opensans-regular.woff2); src: url(../fonts/opensans-regular.woff); }

body { font-family: opensans-regular, sans serif; background:#fff; color:#333; }
html  {overscroll-behavior:none; }

/* Mobile First  - screen <500px */

body { margin:0 auto; max-width:500px; }

#wrapper { margin:0 10px 50px 10px; }

#navbar-mobile { position:fixed; top:0; z-index:160; background:#fff; border-bottom:1px solid #ddd; height:45px; max-width:480px; width:96%; }
.navbar-mobile-left { float:left; width:76%; padding:8px 0 0 8px; font-size:20px; font-weight:600; }
.navbar-mobile-right { float:right; width:19%; padding-right:4px; text-align:right; font-size:28px; cursor:pointer }

#navbar-desktop { display:none; }

.clear { clear: both; }
.green { color:#6e9912; }
.orange { color:#df7402; }
.canvas-lobos { margin-top:60px; }

section { scroll-margin-top: 50px; }

a, a:link, a:visited, a:active { text-decoration:none; color:#404040; }
a:hover { color:#404040; }

a.tab2g, a.tab2g:link, a.tab2g:visited { font-size:14px; color:#565656; border:1px solid #fff; margin:5px 1px; padding:4px 10px; overflow:hidden; }
a.tab2g:focus, a.tab2g:hover, a.tab2g:active { color:#111; border:1px solid #6e9912; background:#afcd7b; }

a.tab3g, a.tab3g:link, a.tab3g:visited { font-size:14px; color:#202020; border:1px solid #6e9912; margin:5px 1px; padding:4px 10px; overflow:hidden; }
a.tab3g:focus, a.tab3g:hover, a.tab3g:active { color:#111; }

a.tab6g, a.tab6g:link, a.tab6g:visited { display:block; padding:3px 12px; margin:3px 0; font-size:14px; color:#111; text-decoration:underline; border-left:6px solid #6e9912; text-align:left;  }
a.tab6g:focus, a.tab6g:hover, a.tab6g:active { background-color:#afcd7b; }

a.withunderline { text-decoration:underline; }
a.withunderline:hover { background:#eee; }

a.allbox, a.allbox:link, a.allbox:visited, a.allbox:hover, a.allbox:active { color:#111; text-decoration:none; background:#fff; }

.contactbutton2 { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgb(207, 207, 207)), color-stop(0.79, rgb(252, 252, 252))); background-image: -moz-linear-gradient(center bottom, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%); background-image: linear-gradient(to top, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%); padding: 3px 10px; border: 1px solid #000; color: black; text-decoration: none; }

.inline-img { display:inline; vertical-align:center; }


img.langflag { border:1px solid #808080; height:16px; vertical-align:middle; }
img.scale-b0 { max-width:100%; height:auto; }
img.scale-b0-center { max-width:100%; height:auto; border:0; display:block; margin-left:auto; margin-right:auto; margin-top:20px; }
img.scale-b1 { max-width:100%; height:auto; border:1px solid #808080; }
img.scale-b1-center { max-width:100%; height:auto; border:1px solid #808080; display:block; margin-left:auto; margin-right:auto; }
img.scale-b1-400-center { display:block; margin:auto; max-width:400px; height:auto; border:1px solid #808080; }

.photobox-100pc { width:100%; padding-bottom:10px; }
.photobox-330px { max-width:332px; margin-top:20px; }
.photobox-410px { max-width:410px; padding-right:2px; margin-top:20px; }
.photobox-410bis { max-width:410px; padding-right:2px; margin-top:10px; }
.photobox-600px { max-width:600px; margin-top:20px; }
.photowrap { position:relative; height:0; overflow:hidden; border:0; }
.pagetopfoto-lob { padding-bottom:60.0%; background-size:contain; }

.bg-lobos { background-image:url('../bgfotos/l1020126-cañon-rio-lobos-vista-general-s.jpg'); }
.bg-ermita { background-image:url('../bgfotos/2012001-ermita-san-bartolome-cañon-rio-lobos-s.jpg'); }
.bg-sendas { background-image:url('../bgfotos/img-5991-senda-rio-lobos-s.jpg'); }
.bg-bici { background-image:url('../bgfotos/cabrejano-cañon-rio-lobos-btt-s.jpg'); }
.bg-auladelrio { background-image:url('../bgfotos/auladelrio-s.jpg'); }
.bg-hotel { background-image:url('../bgfotos/p7037582-small.jpg'); }
.bg-mapatop { background-image:url('../bgfotos/map22-s.jpg'); }
.bg-colmenas { background-image:url('../bgfotos/5253897-visita-colmenas-s.jpg'); }
.bg-caballos { background-image:url('../bgfotos/caballos-ruta-cañon-rio-lobos-s.jpg'); }
.bg-cueva { background-image:url('../bgfotos/soriaventura-cueva-galiana-s.jpg'); }
.bg-birding { background-image:url('../bgfotos/l1020110-small.jpg'); }
.bg-placa { background-image:url('../bgfotos/p1014519-small.jpg'); }
.bg-packs { background-image:url('../bgfotos/packs45-small.jpg'); }

.story-title { margin:10px 0; }
.separation { margin:30px 0; border:1px solid #ddd; }
.separation2 { margin:60px 0 30px 0; border:1px solid #ddd; }
.separation3 { margin:60px 0 30px 0; border:5px solid #6e9912; }
.separation4 { margin:60px 0 60px 0; border:10px solid #6e9912; }
.separation7 { margin:10px 0; border:0px solid #ddd; }

.subtitle08 { font-size:14px; line-height:18px; color:#444; }
.subtitle09 { font-size:28px; line-height:32px; color:#111; margin-top:10px; margin-bottom:16px; }
.subtitle10 { font-size:14px; line-height:14px; color:#444; }
.subtitle12 { font-weight:600; font-size:20px; line-height:20px; margin-top:62px; color:#333; }
.subtitle13 { font-size:28px; line-height:42px; margin:60px 0; text-align:center; }
.subtitle14 { font-size:16px; line-height:20px; margin:32px 0 8px 0; font-weight:bold; }
.subtitle15 { font-size:16px; line-height:20px; color:#717171; margin-top:32px; margin-bottom:-22px; font-weight:bold; }
.subtitle16 { font-size:22px; line-height:24px; color:#111; margin:10px 0 26px 10px; }
.subtitle17 { font-size:22px; line-height:24px; color:#111; margin:10px 0 26px 0px; }
.subtitle18 { font-size:16px; line-height:20px; margin-top:32px; color:#333; }
.subtitle19 { font-weight:600; font-size:20px; line-height:20px; margin:24px 0; color:#333; }


.c01-wide { margin-top:10px; }
.c01-narrow { margin-top:40px; }
.c02-wide { margin-top:10px; }
.c02-narrow { margin-top:16px; }
.c04-50l { margin-top:6px; }
.c04-50r { margin-top:6px; }
.c05-wide { }
.c05-narrow { padding-top:20px; }
.c06-wide { margin-bottom:30px; }
.c06-narrow { max-width:360px; }
.c07-wide { margin:20px 0; }
.c07-narrow { margin:20px 0; }
.c08-wide { margin:20px 0; }
.c08-narrow { margin:20px 0; }
.c09-text { margin-top:6px; }
.c09-foto { margin-top:16px; }
.c39-text { margin-top:6px; }
.c39-foto { margin-top:10px; }
.c99-text { margin-top:6px; }
.c99-foto { margin-top:16px; }
.c16-wide { margin-bottom:30px; }
.c16-narrow { max-width:360px; }

ul.links { margin-top:16px; }

ul.links3 { margin-top:20px; margin-left:24px; }
ul.links3 li { margin-bottom:20px; }

ul.links4 { margin-top:40px; margin-left:24px; }
ul.links4 li { margin-bottom:30px; font-size:20px; }

ul.disc3 { list-style:disc; font-size:14px; margin-top:10px; margin-left:14px; }
ul.disc3 li { margin-bottom:5px; }

ul.disc16 { list-style:disc; font-size:16px; margin-top:10px; margin-left:14px; }
ul.disc16 li { margin-bottom:5px; }

p.pietext { margin:10px 0; font-size:15px; }
p.piefoto { text-align:center; font-size:13px; margin-top:10px; }
p.hotelblurb { margin:10px 0; font-size:13px; }
.hotelname { font-weight:600; font-size:24px; padding-bottom:10px; }
.hotelname3 { font-weight:600; font-size:24px; padding-bottom:10px; }

p.price { font-weight:600; font-size:20px; }
p.center20 { text-align:center; margin:30px 0 60px 0; }

p.paneltext { margin:10px 0 25px 0; font-size:14px; }

strong { font-weight:600; }

.homebox2 { border:1px solid #bbb; padding:20px 20px 30px 20px; text-align:center; margin:auto; margin-top:30px; margin-bottom:20px; background:#eee; max-width:350px; }
.contentbox50 { width:100%; margin-top:40px; padding-right:20px; }
a.adbox, a.adbox:link, a.adbox:visited, a.adbox:hover, a.adbox:active { text-decoration:none; background:#fff; }
 
a.cta-button { text-decoration:underline; font-size:16px; font-weight:600; }
a.cta-button:hover { background:#eee; }


a.cta-button2 { text-decoration:underline; font-size:20px; font-weight:600; }
a.cta-button2:hover { background:#eee; }

.ctabox-top { border:1px solid #6e9912; padding:20px 20px 10px 20px; text-align:center;  margin-top:30px; margin-bottom:0px; background:#fff; max-width:450px; }
.ctabox-side { border:3px solid #6e9912; padding:20px 20px 30px 20px; text-align:center; margin:auto; margin-top:30px; margin-bottom:20px; background:#fff; max-width:350px; }
.ctabox-center2 { border:1px solid #6e9912; padding:20px 20px 10px 20px; text-align:center; margin-top:60px; margin-bottom:24px; background:#fff; max-width:450px; }

.title { font-size:66px; }
.ctahotelname { font-size:16px; }
.ctahotelname2 { font-size:16px; font-weight:600; }
.packs1 { margin:10px 0; font-size:16px; }
.packs2 { margin:10px 0; font-size:16px; }
.agradec { margin: 40px 0; }

.adbanner3 { border:2px solid #6e9912; margin:50px 0; padding:20px; text-align:center; }
.banner3left { display:none; }
.banner3center { }
.banner3right { display:none; }

.bannerl1 { margin-top:10px; font-size:12px; }

.banner-32 { margin-top:10px; font-size:18px; }
.banner-33 { margin:6px 0 18px 0; font-weight:600; font-size:36px; line-height:1; }
.banner-34 { font-size:13px; line-height:12px; }
.banner-35 { font-weight:600; font-size:18px; color:#df7402; margin-top:30px; }
.banner-36 { margin-top:24px; font-size:14px; }

.footnote {  }

p.indent { padding: 0 24px; }
.margauto { margin:auto; }

.enlaces { }

.folletosenda { margin:100px 0 0 10px; }
.folleto-l { width:140px; float:left; }
.folleto-r { width:200px; float:left; margin-left:0px; }

.newspaper { column-count: 1; }

.homecollage { padding-bottom:101.2%; background-size:contain; }
.bg-collage-es { background-image:url('../bgfotos/la-casa-de-adobe-2b.jpg'); }
.footer { border:0; margin:100px 0 40px 0; padding:20px 0; font-size:12px; text-align:center;}
.centerdiv { margin:auto; max-width:400px; border:3px solid #df7402; padding:10px; padding:20px 20px 30px 20px; text-align:center; margin-top:30px; margin-bottom:20px; }
.homebox3 { border:1px solid #bbb; padding:20px 20px 30px 20px; text-align:center; margin:auto; margin-top:30px; margin-bottom:20px; max-width:350px; }
.backemail { unicode-bidi: bidi-override; direction: rtl; }
p.indent2 { padding: 0 24px; font-size:18px; }
p.indent3 { padding: 0 24px; text-align:center; font-size:18px; }
p.stars { margin-top:8px; }
img.stars { width:50px; }
p.font13 { font-size:13px; line-height:18px; margin-top:10px; }
p.font15 { font-size:15px; }
p.font22sb { font-size:22px; font-weight:bold; }
.hotelname2 { font-weight:600; font-size:24px; padding:10px 0; text-align:center; }


.c50b-l { margin-top:46px; }
.c50b-r { margin-top:6px; }

input[type=submit] { border:0; background-color:#fff; text-decoration:underline; font-size:20px; font-weight:600; color:#333; font-family: opensans-regular; }
input[type=submit]:hover { background-color:#eee; }

p.smalltext { font-size:13px; }


.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 1px solid #777;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-top:20px;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
    border: 1px solid #777;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.cta-title { font-weight:600; font-size:18px; margin:10px 0; }

.inject-conditions { border-left: 2px solid #ddd; padding-left:10px;}



.review-block {
  margin-bottom: 2.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #e6e6e6;
}
.review-text {
  font-size: 18px;
  line-height: 1.5;
  color: #333;
}
.review-meta {
  font-size: 0.9em;
  color: #777;
  margin-top: 0.4em;
}
.review-more {
  margin-top: 0.8em;
}
.review-more summary {
  display: inline-block;
  font-size: 0.9em;
  color: #c46a2b; /* tono cálido tipo adobe */
  cursor: pointer;
  margin-top: 0.5em;
}
.review-more summary:hover {
  text-decoration: underline;
}
.review-full p {
  margin-top: 0.8em;
  line-height: 1.6;
  color: #444;
}


.lob-align { text-align:center; position:relative; }
.fotoalign a { display:block; position:absolute; z-index:8; text-decoration:none; }

.fotoalign a.u1 { left:1.8%; top:1.01%; width:30.9%; height:18.68%; }
.fotoalign a.u2 { left:34.54%; top:1.01%; width:30.9%; height:18.68%; }
.fotoalign a.u3 { left:67.27%; top:1.01%; width:30.9%; height:18.68%; }
.fotoalign a.u4 { left:1.8%; top:20.7%; width:30.9%; height:18.68%; }
.fotoalign a.u5 { left:34.54%; top:20.7%; width:30.9%; height:18.68%; }
.fotoalign a.u6 { left:67.27%; top:20.7%; width:30.9%; height:18.68%; }
.fotoalign a.u7 { left:1.8%; top:40.39%; width:30.9%; height:18.68%; }
.fotoalign a.u8 { left:34.54%; top:40.39%; width:30.9%; height:18.68%; }
.fotoalign a.u9 { left:67.27%; top:40.39%; width:30.9%; height:18.68%; }
.fotoalign a.u10 { left:1.8%; top:60.08%; width:30.9%; height:18.68%; }
.fotoalign a.u11 { left:34.54%; top:60.08%; width:30.9%; height:18.68%; }
.fotoalign a.u12 { left:67.27%; top:60.08%; width:30.9%; height:18.68%; }
.fotoalign a.u13 { left:1.8%; top:79.77%; width:30.9%; height:18.68%; }
.fotoalign a.u14 { left:34.54%; top:79.77%; width:30.9%; height:18.68%; }
.fotoalign a.u15 { left:67.27%; top:79.77%; width:30.9%; height:18.68%; }










/*  Screen 350+   */

@media only screen and (min-width:350px) {

.subtitle08 { font-size:16px; line-height:24px; }
.subtitle09 { font-size:32px; line-height:36px; margin-top:10px; margin-bottom:16px; }
.subtitle11 { font-size:28px; line-height:36px; }

	
}














/*  Screen 1000+  */

@media only screen and (min-width:1000px) {

body { max-width:1060px; padding:0 20px; }

#navbar-mobile { display:none; }

#navbar-desktop { display:inline; position:fixed; top:0; z-index:160; background:#fff; max-width:1040px; width:100%; height:54px; border-bottom:1px solid #ddd; }
.navbar-desktop-left { float:left; width:auto; font-size:24px; font-weight:600; padding:10px 0 0 6px; }
.navbar-desktop-right { float:right; width:auto; font-size:14px; padding-top:18px; }
.navbar-desktop-right2 { float:right; width:19%; padding-right:4px; text-align:right; font-size:28px; cursor:pointer }
ul.navbar-desktop li { display:inline-block; padding:0 2px; }

.canvas-lobos { margin-top:66px; }
.pagetopfoto-lob { padding-bottom:33.3%; }
.photobox-410bis { margin-top:0; }

.bg-lobos { background-image:url('../bgfotos/l1020126-cañon-rio-lobos-vista-general.jpg'); }
.bg-ermita { background-image:url('../bgfotos/2012001-ermita-san-bartolome-cañon-rio-lobos.jpg'); }
.bg-sendas { background-image:url('../bgfotos/img-5991-senda-rio-lobos.jpg'); }
.bg-bici { background-image:url('../bgfotos/cabrejano-cañon-rio-lobos-btt.jpg'); }
.bg-auladelrio { background-image:url('../bgfotos/auladelrio.jpg'); }
.bg-hotel { background-image:url('../bgfotos/p7037582-wide.jpg'); }
.bg-mapatop { background-image:url('../bgfotos/map22.jpg'); }
.bg-colmenas { background-image:url('../bgfotos/5253897-visita-colmenas.jpg'); }
.bg-caballos { background-image:url('../bgfotos/caballos-ruta-cañon-rio-lobos.jpg'); }
.bg-cueva { background-image:url('../bgfotos/soriaventura-cueva-galiana.jpg'); }
.bg-birding { background-image:url('../bgfotos/l1020110-wide.jpg'); }
.bg-placa { background-image:url('../bgfotos/p1014519-wide.jpg'); }
.bg-packs { background-image:url('../bgfotos/packs45-wide.jpg'); }

.c01-wide { width:70%; padding-right:20px; }
.c01-narrow { width:30%; padding-left:30px; margin-top:16px; }
.c02-wide { width:62%; }
.c02-narrow { width:38%; margin-top:26px; }
.c04-50l { width:50%; padding-right:20px; }
.c04-50r { width:50%; padding-left:20px; }
.c05-wide { width:60%; padding-right:30px; float:left; }
.c05-narrow { width:40%; float:right; padding:0; }
.c06-wide { width:70%; padding-right:40px; float:left; }
.c06-narrow { width:30%; float:right; }
.c07-narrow { width:40%; margin:24px 0; float:right; }
.c07-wide { width:60%; margin:8px 0; padding-right:20px; float:left; }
.c08-wide { width:70%; margin:24px 0; padding-right:20px; float:left; }
.c08-narrow { width:30%; margin:36px 0; float:right; }
.c09-text { width:40%; height:500px; position:relative; }
.c09-foto { width:60%; margin-top:60px; padding:0 10px; }
.c39-text { width:50%; position:relative; }
.c39-foto { width:50%; padding:0 10px; }
.c99-text { width:40%; height:400px; position:relative; }
.c99-foto { width:60%; padding:10px; }
.c16-narrow { width:30%; padding-right:40px; float:left; }
.c16-wide { width:70%; float:right; }

.fleft { float:left; padding-right:20px; }
.fright { float:right; padding-left:20px; }

p.piefoto { text-align:center; font-size:13px; margin-top:10px; }

.ctabox-top { border:2px solid #6e9912; padding:20px 20px 20px 20px; text-align:center; margin:auto; margin-top:0px; margin-bottom:40px; background:#fff; max-width:600px; }
.ctabox-center { border:2px solid #6e9912; padding:20px 20px 10px 20px; text-align:center; margin:auto; margin-top:60px; margin-bottom:24px; background:#fff; max-width:450px; }
.ctabox-center2 { border:2px solid #6e9912; padding:20px 20px 10px 20px; text-align:center; margin:auto; margin-top:60px; margin-bottom:24px; background:#fff; max-width:450px; }

p.price { font-weight:600; font-size:24px; }

.homebox2 { margin:10px 10px 20px 10px; max-width:400px; }
.contentbox50 { width:50%; float:left; }

.preguntas { margin-left:80px;}
.separation7 { margin:30px 0; border:1px solid #ddd; }

.vertical-center { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.adbanner3 { border:2px solid #6e9912; margin:80px 0 50px 0; padding:20px; }
.banner3left { display:initial; width:30%; padding:10px; }
.banner3center { width:40%; padding:10px; }
.banner3right { display:initial; width:30%; padding:10px; }

.bannerl1 { margin-top:16px; font-size:14px; text-align:left; }

.banner-32 { margin-top:20px; font-size:20px; }
.banner-33 { font-size:36px; }
.banner-34 { font-size:14px; }
.banner-35 { font-size:18px; }

.footnote { font-size:14px; margin: 70px 20% 100px 20%; line-height:24px;}
.agradec { margin:0; }

.newspaper { column-count: 3; }

.homecollage { padding-bottom:57.4%; }
.bg-collage-es { background-image:url('../bgfotos/la-casa-de-adobe-1b.jpg'); }
.footer { border-top: 1px solid #d0d0d0; }
.centerdiv { width:60%; }
.homebox3 { margin:10px 10px 20px 10px; max-width:400px; }

.subtitle12 { font-weight:600; font-size:18px; line-height:22px; margin-top:32px; color:#333; }
.subtitle18 { font-size:18px; line-height:22px; }


.hotelname3 { font-weight:600; font-size:18px; padding-bottom:10px; }


.c50b-l { width:50%; padding-left:60px; margin:30px 0; }
.c50b-r { width:50%; padding-right:60px; margin:30px 0; }