/* 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); }

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

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



/* 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 { margin-top:60px; }


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

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

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

a.tab8, a.tab8:link, a.tab8:visited { display:block; font-size:15px; color:#091e9b; text-decoration:underline; }
a.tab8:focus, a.tab8:hover, a.tab8:active { color:#aaa; }

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

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; }

img.stars { width:50px; }

.photobox-100pc { width:100%; padding-bottom:10px; }
.photobox-438px { max-width:438px; }
.photobox-600px { max-width:600px; margin-top:20px; }
.photowrap { position:relative; height:0; overflow:hidden; border:0; }
.ratio-1-1 { padding-bottom:99%; }
.ratio-4-5 { padding-bottom:124%; }
.pagetopfoto { padding-bottom:60.0%; background-size:contain; }
.homecollage { padding-bottom:101.2%; background-size:contain; }

.bg-collage-es { background-image:url('../bgfotos/la-casa-de-adobe-2.jpg'); }
.bg-collage-en { background-image:url('../bgfotos/la-casa-de-adobe-2-en.jpg'); }
.bg-hotel { background-image:url('../bgfotos/p1014519-small.jpg'); }
.bg-comedor { background-image:url('../bgfotos/080825-02-small.jpg'); }
.bg-situacion { background-image:url('../bgfotos/p1012224-small.jpg'); }
.bg-eco { background-image:url('../bgfotos/pc056441-small.jpg'); }
.bg-obras { background-image:url('../bgfotos/071016-03-small.jpg'); }
.bg-opiniones { background-image:url('../bgfotos/p1011956-small.jpg'); }
.bg-precios { background-image:url('../bgfotos/7104253-small.jpg'); }

.bg-lobos { background-image:url('../bgfotos/l1020126-cañon-rio-lobos-vista-general-s.jpg'); }
.bg-arcos { background-image:url('../bgfotos/090603-19-small.jpg'); }
.bg-senderismo { background-image:url('../bgfotos/pb144883-small.jpg'); }
.bg-sanesteban { background-image:url('../bgfotos/l1020403-small.jpg'); }


.langflags { display:inline; text-align:center; }
ul.langflags-ul { margin-top:40px; }
ul.langflags-ul li { display:inline-block; font-size:16px; padding:0 6px; }


p { font-size:14px; line-height:19px;}
p.home-main { font-size:15px; margin:0 6%; }
p.font13 { font-size:13px; line-height:18px; margin-top:10px; }
p.font15 { font-size:15px; }
p.font22sb { font-size:22px; font-weight:bold; }

p.space10 { line-height:6px; }
p.stars { margin-top:8px; }
p.respuesta {font-size: 14px; line-height:19px; }

p.piefoto { text-align:center; font-size:13px; margin-top:10px; }
p.indent3 { padding: 0 24px; text-align:center; font-size:18px; }
p.center20 { text-align:center; margin:30px 0 60px 0; }

h1.h1adohome { font-size:24px; line-height:28px; margin:40px 0 2px 0; padding:4px 0 8px 0; font-weight:bold; }
h2.h2adohome { font-size:16px; line-height:22px; margin:0 0 2px 0; font-weight:bold; }
h3.h3adohome { font-size:12px; line-height:16px; margin:0; }

.show-mobile { display:initial; }
.hide-mobile { display:none; }

.lightgrey { color:#707070; font-size:14px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }

.footer { border:0; margin:100px 0 40px 0; padding:20px 0; font-size:12px; text-align:center;}
.backemail { unicode-bidi: bidi-override; direction: rtl; }

.thinblue { font-size:40px; line-height:50px; color:#517693; font-family: opensans-condensed, sans-serif; font-weight:300; }

.centre-align { text-align:center; }

.opiniones { }
.opiniones h4 { margin-top:60px; font-size:18px; padding-bottom:8px; }
.opiniones p { padding-top:20px; }
.opiniones img { width:22px; height:15px; }
.op-title { font-weight:bold; }


ul.disc, ul.disc2 { list-style:disc; font-size:14px; line-height:1.3; margin-left:16px; }
ul.disc li, ul.disc2 li { margin-bottom:5px; }
ul.disc2 { margin-top:10px; }

.b50l { margin-top:16px; }
.b50r { margin-top:16px; }
.c50l { }
.c50r { }
.c50b-l { margin-top:46px; }
.c50b-r { margin-top:6px; }

.c99-text { margin-top:16px; padding:0 20px; }
.c99-foto { margin-top:46px; padding:0 4px; }

.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; }

.subtitle01 { font-size:16px; line-height:20px; margin-top:10px; font-weight:bold; }
.subtitle02 { font-size:16px; line-height:20px; margin-top:30px; font-weight:bold; }
.subtitle03 { font-size:14px; margin:20px 0 6px 0; font-weight:bold; }
.subtitle04 { font-size:16px; line-height:20px; margin:20px 0 10px 0; }
.subtitle05 { font-size:16px; line-height:20px; margin-top:50px; font-weight:bold; }
.subtitle06 { font-size:16px; line-height:20px; margin-top:10px; font-weight:bold; }
.subtitle07 { font-size:16px; line-height:20px; margin-top:32px; font-weight:bold; }
.subtitle22 { font-size:16px; line-height:20px; margin-top:30px; font-weight:bold; }
.subtitleblue { font-size:16px; line-height:22px; margin:30px 20px; padding:0 3%; color:#517693; text-align:center; }

.fotoalign a { display:block; position:absolute; z-index:8; text-decoration:none; }
.fotoalign a.s1 { left:1.37%; top:1.37%; width:22.8%; height:22.8%; }
.fotoalign a.s2 { left:26%; top:1.37%; width:22.8%; height:22.8%; }
.fotoalign a.s3 { left:50.7%; top:1.37%; width:22.8%; height:22.8%; }
.fotoalign a.s4 { left:75.1%; top:1.37%; width:22.8%; height:22.8%; }
.fotoalign a.s5 { left:1.37%; top:26%; width:22.8%; height:22.8%; }
.fotoalign a.s6 { left:26%; top:26%; width:22.8%; height:22.8%; }
.fotoalign a.s7 { left:50.7%; top:26%; width:22.8%; height:22.8%; }
.fotoalign a.s8 { left:75.1%; top:26%; width:22.8%; height:22.8%; }
.fotoalign a.s9 { left:1.37%; top:50.7%; width:22.8%; height:22.8%; }
.fotoalign a.s10 { left:26%; top:50.7%; width:22.8%; height:22.8%; }
.fotoalign a.s11 { left:50.7%; top:50.7%; width:22.8%; height:22.8%; }
.fotoalign a.s12 { left:75.1%; top:50.7%; width:22.8%; height:22.8%; }
.fotoalign a.s13 { left:1.37%; top:75.1%; width:22.8%; height:22.8%; }
.fotoalign a.s14 { left:26%; top:75.1%; width:22.8%; height:22.8%; }
.fotoalign a.s15 { left:50.7%; top:75.1%; width:22.8%; height:22.8%; }
.fotoalign a.s16 { left:75.1%; top:75.1%; width:22.8%; height:22.8%; }

.fotoalign a.t1 { left:1.37%; top:1.01%; width:22.8%; height:18.68%; }
.fotoalign a.t2 { left:26%; top:1.01%; width:22.8%; height:18.68%; }
.fotoalign a.t3 { left:50.7%; top:1.01%; width:22.8%; height:18.68%; }
.fotoalign a.t4 { left:75.1%; top:1.01%; width:22.8%; height:18.68%; }
.fotoalign a.t5 { left:1.37%; top:20.7%; width:22.8%; height:18.68%; }
.fotoalign a.t6 { left:26%; top:20.7%; width:22.8%; height:18.68%; }
.fotoalign a.t7 { left:50.7%; top:20.7%; width:22.8%; height:18.68%; }
.fotoalign a.t8 { left:75.1%; top:20.7%; width:22.8%; height:18.68%; }
.fotoalign a.t9 { left:1.37%; top:40.39%; width:22.8%; height:18.68%; }
.fotoalign a.t10 { left:26%; top:40.39%; width:22.8%; height:18.68%; }
.fotoalign a.t11 { left:50.7%; top:40.39%; width:22.8%; height:18.68%; }
.fotoalign a.t12 { left:75.1%; top:40.39%; width:22.8%; height:18.68%; }
.fotoalign a.t13 { left:1.37%; top:60.08%; width:22.8%; height:18.68%; }
.fotoalign a.t14 { left:26%; top:60.08%; width:22.8%; height:18.68%; }
.fotoalign a.t15 { left:50.7%; top:60.08%; width:22.8%; height:18.68%; }
.fotoalign a.t16 { left:75.1%; top:60.08%; width:22.8%; height:18.68%; }
.fotoalign a.t17 { left:1.37%; top:79.77%; width:22.8%; height:18.68%; }
.fotoalign a.t18 { left:26%; top:79.77%; width:22.8%; height:18.68%; }
.fotoalign a.t19 { left:50.7%; top:79.77%; width:22.8%; height:18.68%; }
.fotoalign a.t20 { left:75.1%; top:79.77%; width:22.8%; height:18.68%; }






























/*  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; }
ul.navbar-desktop li { display:inline-block; padding:0 2px; }

.canvas { margin-top:66px; }

.pagetopfoto { padding-bottom:33.3%; }
.homecollage { padding-bottom:57.4%; }

.bg-collage-es { background-image:url('../bgfotos/la-casa-de-adobe-1.jpg'); }
.bg-collage-en { background-image:url('../bgfotos/la-casa-de-adobe-1-en.jpg'); }
.bg-hotel { background-image:url('../bgfotos/p1014519-wide.jpg'); }
.bg-comedor { background-image:url('../bgfotos/080825-02-wide.jpg'); }
.bg-situacion { background-image:url('../bgfotos/p1012224-wide.jpg'); }
.bg-eco { background-image:url('../bgfotos/pc056441-wide.jpg'); }
.bg-obras { background-image:url('../bgfotos/071016-03-wide.jpg'); }
.bg-opiniones { background-image:url('../bgfotos/p1011956-wide.jpg'); }
.bg-precios { background-image:url('../bgfotos/7104253-wide.jpg'); }

.bg-lobos { background-image:url('../bgfotos/l1020126-cañon-rio-lobos-vista-general.jpg'); }
.bg-arcos { background-image:url('../bgfotos/090603-19-wide.jpg'); }
.bg-senderismo { background-image:url('../bgfotos/pb144883-wide.jpg'); }
.bg-sanesteban { background-image:url('../bgfotos/l1020403-wide.jpg'); }


p { font-size:18px; line-height:24px; }
p.home-main { font-size:19px;  margin:0 18%; }
p.home-main2 { font-size:18px;  margin:0 18%; }
p.piefoto { text-align:center; font-size:13px; margin-top:10px; }

h1.h1adohome { font-size:28px; line-height:36px; margin-bottom:12px; padding:34px 0 8px 0; }
h2.h2adohome { font-size:20px; }
h3.h3adohome { font-size:14px; }

.show-mobile { display:none; }
.hide-mobile { display:initial; }

.top40 { font-weight:bold; }
.footer { border-top: 1px solid #d0d0d0; }

.intro-title { width:35%; padding:30px 0px 50px 40px; }
.intro-text { width:65%; padding:50px 40px 50px 0; }
.centrado { padding:40px 18%; padding-top:0; }
.thinblue { font-size:60px; line-height:90px; }


ul.disc, ul.disc2 { font-size:18px; }

.b50l { width:50%; float:left; padding-right:30px; }
.b50r { width:50%; float:right; }
.c50l { width:50%; padding:0 24px 50px 0; }
.c50r { width:50%; padding:0 0 50px 24px; }
.c50b-l { width:50%; padding-left:60px; margin:30px 0; }
.c50b-r { width:50%; padding-right:60px; margin:30px 0; }

.c99-text { width:38%; height:400px; position:relative; padding:0; }
.c99-foto { width:58%; padding:10px; margin-top:16px; margin-top:6px; }

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

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

.subtitle01 { font-size:18px; line-height:24px; margin:0; }
.subtitle02 { font-size:18px; line-height:20px; }
.subtitle03 { font-size:18px; margin-top:20px; }
.subtitle04 { font-size:16px; line-height:20px; font-weight:bold; }
.subtitle05 { font-size:18px; line-height:20px; margin:0; }
.subtitle06 { font-size:18px; line-height:24px; margin-top:18px; }
.subtitle07 { font-size:18px; line-height:24px; margin-top:44px; }
.subtitle22 { font-size:18px; line-height:20px; margin-top:40px; margin-bottom:16px; }
.subtitleblue { font-size:24px; margin:20px; line-height:30px; padding:40px 18%; }














}