/* general */
body { font-size:12pt;color:#333333 }
#main { max-width:1200px;height:auto }
#red { text-align:center;padding:10px }
#logo { float:left;font-size:24pt;margin:30px 20px 20px 20px;color:#AAA }
#green { margin-top:65px;padding:20px }
#navidiv { width:600px;display:inline-block }
#navidiv-es { width:550px;display:inline-block }

#s1 { max-width:1200px;margin:0px 10px 0 10px }
#s2 { max-width:780px;float:left;padding:10px }
#s3 { min-width:200px;max-width:370px;min-height:100px;float:left;margin-left:20px }

/* inserted boxes */
.box { float:left;width:320px;min-height:400px;margin:5px;margin-right:10px;border:solid 1px #ddd }


/* fonts */
@font-face { font-family: "Heart";  src: url("../fonts/Always In My Heart.ttf");  }


/* topics */
.Heart2 { font-family:Heart;font-size:200% }
.Heart3 { font-family:Heart;font-size:300% }
h1 { font-size:300%;color:#3e8b41;font-family: Heart; }
h2 { font-size:200%;color:#3e8b41;margin:5px 0px;font-family: Heart; }


/* links */
a { color:#333333 }
a:hover { text-decoration:underline }
a.adr { color:#333333;text-decoration:none;font-weight:normal }


/* special */
textarea,button,submit,input { outline:0px }
#socialmedia { width:560px }
.social { width:32px }
#footertel { display:inline }
#breakfastlink { width: 120px; }
.imghalf { width:275px;max-width:100% }
.lang { margin:1px;width:25px;height:15px;cursor:hand;cursor:pointer }




/* images, bigimg */
.mainimg { width:100% }

.verticalcenter { 
position:relative;top:50%;transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);	
-o-transform:translateY(-50%);
}

.w320 { max-width:320px }
.imgleft { float:left;margin:5px 10px 5px 0px }
.imgcenter { position:relative;left:50%;transform:translateX(-50%) }
.imgright { float:right;margin:5px 0px 5px 10px }
.bigimg { transform:translate(-50%,-50%) }


/* clickable class, clear */
.clx { cursor:hand;cursor:pointer }
.clear { border:solid 0px;display:block;width:100% }


/* colors */
.cbrown { color:#a9631d; }
.bgbrown { background-color:#a9631d; }


/* hyphen */
hr { 
display:block;
margin-top:0.5em;margin-bottom:0.5em;
margin-left:auto;margin-right:auto;
border-style:inset;border-width:1px; 
}


/* button */
.but1 {
border:solid 1px;display:inline-block;padding:4px 7px;
-moz-border-radius: 10px;border-radius: 10px;
background:#D4B249;color:#FFF;font-weight:bold
}





/* adv box & containers */


/* gallery */
.gallery { 
position:relative;overflow:hidden;
background:url("http://www.davidasana.com/img/buttons/spin-loader.gif") #000;
background-size: 150px;background-repeat:no-repeat;background-position:center;
}
.galtmb { max-width:100px;margin:5px;visibility:hidden }

.galleryimg { 
max-width:100%;max-height:100%;z-index:-1;
margin:auto;position:absolute;top:0px;bottom:0px;left:100%;
}

.bggallery { background-color:#eee;position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:-2 }
.butgostop,.butbak,.butfwd { position:absolute;bottom:5px }
.butgostop { left:5px;height:30px;display:none }
.butbak { right:32px;height:26px }
.butfwd { right:5px;height:26px }




/* RESPONSIVE */
@media (max-width:1200px) {
    #s2 { padding:0px;width:95%;max-width:95%;margin:10px }
    #red { text-align:center;padding:0px }
    #logo { width:400px }
    #green { margin-top:20px }
    #navidiv { width:490px }
    #navidiv-es { width:490px }
    #s3 { width:95%;max-width:800px;min-height:50px;margin:10px } 
    .bigimg { transform:translate(-50%,-50%) scale(1.2);  }
    .advbox { margin-left:10px }
}


/* at w990 */
@media (max-width:990px) {
#logo { float:none;width:94%;margin:30px 20px 0 20px; }
#red { float:none }
#green { float:none;margin-top:0px }
#navidiv,#navidiv-es { padding:0px }
}


/* adv box & containers */
@media(max-width:620px) {


}


/* at w560 navigation collapses */
@media (max-width:560px) {
    body { font-size:14pt }
    #logo { float:none }
    #navidiv,#navidiv-es { max-width:100% }
    #s1 { margin-top:0px } 
    #s3 { padding:0px;max-width:95%;margin:0% }
    img { max-width:100% }
    .imgleft,.imgright { margin:10px 0px;width:100% }
    .w320 { max-width:510px }
    .clx { cursor:default }
    #socialmedia { width:100% }
    .social { width:40px }
    #footertel { display:block;width:100% }
    #breakfastlink { width: 135px; }
    #e-adr { display:none }
    #e-but { display:inline }
    .imgcell { margin-left:10%;margin-right:10%;float:none }
    v { color:#fff }
    .cv { max-width:100% }
}




/* Navigation */
#navigation { width:480px;top:50px;left:70px;z-index:1 }
.navlink { float:left;color:#3e8b41;padding-left:10px;padding-right:10px;font-weight:normal }
.fnavlink { font-size:16pt }
.centernavi { width:100% }

.anavi { color:#3e8b41;outline:0px }
.anavi:hover { text-decoration:none }
.anavi:active { #f74962 }

.pointer {
margin-left:auto;margin-right:auto;width:0;height:0;
border-left: 7px solid transparent;border-right: 7px solid transparent;
border-bottom:14px solid #c8c7c7;
}

.navbox {
position:absolute;display:table;top:14px;padding-top:10px;min-width:140px;z-index:1;text-align:left;
background-color:#faf9e9;border:solid 0px #c8c7c7;border-top-width:1px;-moz-border-radius: 10px;border-radius: 10px;
}
.shift { right:0px }

.subnav { position:relative;z-index:1 }
.subnavlink, .actsubnavlink { padding:5px 10px;white-space:nowrap }

.subnavlink {
	color:#AAAAAA;font-size:12pt;
	background: -webkit-linear-gradient(#faf9e9,#e9e9e0);
	background: -o-linear-gradient(#faf9e9,#e9e9e0);
	background: -moz-linear-gradient(#faf9e9,#e9e9e0);
	background: linear-gradient(#faf9e9,#e9e9e0);
}

.actsubnavlink { color:#FFFFFF;background-color:#CCCCCC;font-size:12pt; }
#navbut { height:10px;background-color:#e9e9e0;-moz-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px; }


/* Responsive */

/* < width px */
@media (max-width:1200px) {
#navigation { width:580px;left:30px }
.navlink { font-size:14pt;padding-left:10px;padding-right:10px }
}

/* < width px */
@media (max-width:1090px) { 
	#navigation { clear:both;top:0px;left:0px } 
	.navlink { padding-left:6px;padding-right:6px }
	.subnavlink, .actsubnavlink { font-size:11pt }
}

/* mob css */
@media (max-width:530px) {
#navigation { width:100%;background-color:#faf9e9 }
.mobmainlink { margin-left:10px }

.navlink { 
margin-top:1px;float:none;text-align:left;border:solid 0px;border-bottom-width:1px;
padding:0px;padding-top:8px;padding-bottom:5px; 
}

.centernavi { width:100% }
.navbox { 
position:static;padding-top:5px;margin-top:5px;width:100%;z-index:1;text-align:left;
background-color:#faf9e9;border:solid 0px #c8c7c7;
-moz-border-radius:0px;border-radius:0px;
}

.pointerdiv { position:static;margin-bottom:10px }
.pointer { display:none }
.subnavlink, .actsubnavlink { padding-left:20px }
#navbut { display:none }
}
/* Navigation */