body,html{width:100%;height:100%;margin:0;padding:0}
body{background-color:#d7c2bd;background-image:url('/data/img/bg.jpg');background-size:cover;background-position:65% 85%;background-repeat:no-repeat;background-attachment:fixed;font-family:'Open Sans'}
.cf{clear:both}
a,a:visited{color:#111}
a:hover{text-decoration:underline;color:#414141}
footer{background:rgba(107,85,82,0.8);position:fixed;bottom:0;left:0;color:#f1f1f1;text-align:center}
footer a,footer a:visited{color:#f1f1f1}
footer a:hover{color:#d0d0d0}
.footerPH,footer{line-height:50px;height:50px;width:100%;display:block;font-size:20px}
.footerPH{height:70px}
.content{border:2px solid #917b75;background:rgba(218,208,197,0.92);padding:20px;margin-top:20px}
header,.content{width:90%;margin:0 auto;max-width:1000px;box-sizing:border-box;-moz-box-sizing:border-box}
#headerImg{margin-bottom: -10px;border:2px solid #917b75;background-image:url('/data/img/header.jpg');background-size:cover;background-repeat:no-repeat;background-position:80% -10px;height:240px;border-bottom:0}
nav{background-color:#d7c2bd;height:60px;width:100%;border:2px solid #917b75;border-bottom:0;box-sizing:border-box;-moz-box-sizing:border-box}
.menuItem{display:block;float:left;height:100%;width:16.66666666%;background-color:#d7c2bd;box-sizing:border-box;-moz-box-sizing:border-box;border-right:2px solid #917b75;text-align:center;text-decoration:none;color:#393939 !important;font-size:17px;line-height:55px}
.menuItem:hover{background:#c6a69c;text-decoration:none}
.active{background-color:#d8a18f !important;cursor:default}
.lastItem{border-right:0}
.listen{margin-bottom:20px;width:50%;box-sizing:border-box;-moz-box-sizing:border-box}
.listenTitle{font-size:20px;margin-bottom:3px}
audio{width:100%;display:block}
#listenImage{float:right;width:40%;margin-top:30px}
h1.mainTitle,h2.mainAuthor{color:#383838}
p.mainText{text-align:justify;font-size:17px}
#mainImage{float:right;width:25%;margin-left:30px;border:1px solid #917b75}
#mainImage:hover{opacity:.7}
.opaFade{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.twoCol,.leftCol,.rightCol{float:left;width:50%;box-sizing:border-box;-moz-box-sizing:border-box}
.threeCol{float: left; box-sizing: border-box;-moz-box-sizing: border-box; width: 33.333333%}
.rightCol{float:right;width:75%;padding-left:20px}
.leftCol{width:25%}
.ostaImage{width:100%}
.ostaImage:hover{opacity:.7}
.ostaA{display:block;width:60%;margin:0 auto}

label,input,textarea{display:block; width:90%; max-width:500px; margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;font-size:20px;}
textarea{resize:vertical;}
input,textarea{
	margin-bottom: 20px;
	background: #ccc;
	border: 1px solid #555;
	padding: 5px;
	outline: none;
}
input:focus,textarea:focus{
	background: #f1f1f1;
}

#social{
	height: 25px;
	margin-top: -25px;
	width: 175px;
	float: right;
}

#fbButton{width: 150px;height: 22px;overflow: hidden;float: right}

#menuIconFB{height:20px;margin-top:2px}
#menuIconFB:hover{opacity:.7}


.galBox{
	width: 23%;
	float: left;
	height: 150px;
	background-size: cover;
	background-position: center center;
	margin: 20px 1%;
	border: 2px solid #917b75;
	border-radius: 5px;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: 	opacity 0.3s ease;
	-ms-transition: 	opacity 0.3s ease;
	-o-transition: 		opacity 0.3s ease;
	transition: 		opacity 0.3s ease;
}

.galBox:hover{opacity:.7}