a { color:#000; }

.bg_info { background:url(../img/bg_info.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg0 { background:url(../img/bg0.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg1 { background:url(../img/bg1.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg2 { background:url(../img/bg2.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg3 { background:url(../img/bg3.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg4 { background:url(../img/bg4.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.page { width: 100%; min-height: 100%; margin: 0 auto; vertical-align: middle; position: relative; overflow: hidden; text-align:center; }
.page-content { vertical-align: middle; display: inline-block; }

/** Homepage **/

#home { background: url(../img/home-visual.png) no-repeat center center; }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
       only screen and (        min-device-pixel-ratio:1.5) {
	#home { background: url(../img/home-visual_2x.png) no-repeat center center; background-size:378px 462px; }
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) {
	/*#home { background-size:311px 380px; }*/
}

#home .page-content { position: absolute; top: 50%; left: 50%; margin-top: -30px; }
#home .txt { position: absolute; top: -65px; width: 245px; margin-left: -122px; }
#home .txt p { color: #aaa; font-style: italic; text-align: center; line-height: 18px; }



#agenda { position:absolute; width:100%; height:100%; text-align:center; top:50%; margin-top:-150px; }

#imgAgenda img { box-shadow: 3px 3px 8px #aaa; max-width:851px; max-height:400px; }

#thumbsAgenda { margin-top:20px; }
#thumbsAgenda img {	margin-left:5px; margin-right:5px; max-width:90px; border: 2px solid #FFF; box-shadow: 3px 3px 8px #aaa; max-width:100px; }
.thumbDef {	margin-bottom:10px; opacity:0.4; filter:alpha(opacity=40); cursor:pointer; }
.thumbSel {	margin-bottom:10px; opacity:1; filter:alpha(opacity=100); }



#sobre { position:absolute; width:100%; height:100%; text-align:center; background: url(../img/quemsomos.png) no-repeat center center; }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
       only screen and (        min-device-pixel-ratio:1.5) {
	#sobre { background: url(../img/quemsomos_2x.png) no-repeat center center; background-size:851px 432px; }
}


#linksParceiros { position:absolute; width:100%; height:100%; text-align:center; top:50%; margin-top:-210px; }
#partners { position:absolute; width:100%; height:100%; text-align:center; background: url(../img/parceiros.png) no-repeat center center; }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
       only screen and (        min-device-pixel-ratio:1.5) {
	#partners { background: url(../img/parceiros_2x.png) no-repeat center center; background-size:851px 393px; }
}


#map_canvas {
	position:absolute; width:100%; height:100%; text-align:center; z-index:9;
}



#footer { display: block; background-color: transparent; font-size: 11px; position: fixed; bottom: 0; width: 100%; height: 50px; text-transform: uppercase; overflow: hidden; z-index: 200; color: #fff; }
#footer a { text-decoration: none; color: #fff; }
#footer a:hover { color: #AAA; }

#onfire { display:block; position: fixed; top: 25px; left:0; z-index: 300; }
#onfire a { text-indent: -9999px; height: 63px; width: 50px; margin-left: 10px; background: url('../img/onfire.png') no-repeat 0 0; background-size:63px 50px; float: left;  padding-left: 20px; margin-top:-10px; }
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
       only screen and (        min-device-pixel-ratio:1.5) {
	#onfire a { background: url('../img/onfire_2x.png') no-repeat 0 0; background-size:63px 50px; }
}

#social { display:block; position: fixed; top: 20px; right:0; z-index: 300; }
#social a { text-indent: -9999px; height: 30px; width: 30px; margin-left: 10px; background: url('../img/socials.png') no-repeat 0 0; float: left; filter: alpha(opacity=100); opacity: 1; }
#social a:hover { filter: alpha(opacity=80); opacity: 0.8; }
#social a.foursquare { background-position: -32px 0; width: 30px; margin-right:20px; }
#social a.facebook { background-position: 2px 0; width: 30px; }
#social a.google { background-position: -66px 0; width: 30px; }
#social a.instagram { background-position: -100px 0; width: 30px; }
#social a.youtube { background-position: -133px 0; width: 30px; }
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
       only screen and (        min-device-pixel-ratio:1.5) {
	#social a { background: url('../img/socials_2x.png') no-repeat 0 0; background-size:159px 26px; }
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
	#social { display:none; }
}

#credits { position:absolute; margin-top:18px; margin-left:20px; font-weight:600; cursor:default; text-shadow: 1px 1px #4E4E4E; }
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
	#credits { display:none; }
	.audio1_html5 { display:none; }
}

#footer .app { float:right; }
#footer .app a { text-indent: -9999px; height:40px; width:135px; background: url('../img/appstore.png') no-repeat 0 0; float: left;  padding-left: 20px; margin-top:-10px; }
#social a.appstore { background-position: 0 0; width: 135px; height:40px; }
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
       only screen and (        min-device-pixel-ratio:1.5) {
	#footer .app a.appstore { background: url('../img/appstore_2x.png') no-repeat 0 0; background-size:135px 40px; }
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
	#footer .app { display:none; }
}

#seo_words{ width: 200px; position: absolute; top: 0; text-indent: -9999px; }


#galeriaCool {
	position:absolute;
	width: 811px;
	height: 450px;
	left: 50%;
	top: 50%;
	margin-top:-235px;
	margin-left:-425px;
	border: 20px solid #FFF;
	background-color:#fff;
}

.tituloGaleria {
	max-width:173px;
	max-height:20px;
	margin-bottom:12px;
	margin-top:10px;
	margin-left:10px;
}

#contactos {
	position:absolute;
	width: 300px;
	height: 450px;
	left: 50%;
	top: 50%;
	margin-top:-235px;
	margin-left:-425px;
	border: 20px solid #FFF;
	background-color:#fff;
	z-index:9999;
}

.tituloContactos {
	max-width:173px;
	max-height:20px;
	margin-bottom:12px;
	margin-top:10px;
	margin-left:10px;
}

.FB_pic_container
{
	 display:inline-block;
	 position: relative;
	 width:187px;
	 height: 125px;
	 text-align:center;
	 overflow: hidden;
	 margin: 5px;
}
 
.FB_pic_label
{
	 text-decoration:none;
	 color: #fff;
	 position: absolute;
	 right:0;
	 left:0;
	 bottom:0;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight:bold;
	 text-transform:uppercase;
	 text-shadow: 1px 1px #4E4E4E;
	 padding:5px;
}
 
.FB_pic_container img
{
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	min-height:123px;
	min-width:184px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.28);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.28);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.28);
}