/* Developed by OG Brasil - Matheus S. Guedes  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Basic
:: Top
:: --> Menu
:: --> Mobile Menu
:: Gallery Thumbs
:: Index
*/


/* -----------------------------------------
   Basic Styles
----------------------------------------- */
html, body{
background: #515c51; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1MTVjNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzM0MDM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #515c51 0%, #334034 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#515c51), color-stop(100%,#334034)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #515c51 0%,#334034 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #515c51 0%,#334034 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #515c51 0%,#334034 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #515c51 0%,#334034 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515c51', endColorstr='#334034',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

html {
    min-height: 100%;
}
body {
    min-height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#header{
	background:url(../images/layout/bg_menu.jpg) repeat-x;
	background-position:bottom center;
}

.ten-space{
	margin-top:10px !important;
}
.five-space{
	margin-top:5px !important;
}

h1, #tel{font-size:30px;}
h2{font-size:28px;}
h3{font-size:26px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:18px;}

h1, h2, h3, h4, h5, h6, #tel{
	background:url(../images/layout/header_bg.png) bottom left no-repeat;
	font-family: 'Titillium Web', Helvetica Neue Regular, Helvetica Neue, Helvetica, Verdana, Arial;
	color:#a4c2a6;
	font-weight:lighter;
	text-shadow: 1px 2px 3px #000;
	padding-bottom:8px;
}

#tel{
	background:none !important;
	margin:11px 0px 11px 0px;
	padding:0px;
}

#alert{
	box-shadow:inset 0px 0px 8px 0px rgba(0,0,0,0.5);
	border-radius:5px;
}

#alert2{
	background:url("../images/layout/mudanca_endereco.png") center center;
	box-shadow:inset 0px 0px 8px 0px rgba(0,0,0,0.5);
	border-radius:5px;
}

#alert2 #text{
	padding:30px;
}

#alert2 #text p{
	font-size:16px;
	text-align:center;
}

.opacity{
	opacity:0.5;
	transition:all 0.5s ease-in-out;
}

.opacity #alert,
.opacity #alert2{
	opacity:1.0;
	transition:ease-in-out 0.5s;
}

#alert #close-button,
#alert2 #close-button{
	background:rgba(0,0,0,0.3);
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:10px 0px;
	text-transform:uppercase;
}

#alert #close-button i,
#alert2 #close-button i{
	float: right;
    margin-right: 15px;
    margin-left: -15px;
}

#alert #image,
#alert #text{
	display:table-cell;
	vertical-align:middle;
}

#alert #image{
	padding-left:30px;
	width:20%;
}

#alert #text{
	padding-right:30px;
	width:70%;
}

#alert #text p{
	font-size:1.2em;
}

/* -----------------------------------------
   Top
----------------------------------------- */

#logo{
	padding:30px 0px 30px 0px;
}

a:hover{
	color:#cde5ce;
	cursor:hand;
}


/* -----------------------------------------
   --> Menu
----------------------------------------- */

#menu, #menu li a, #responsive-menu-button, #img-menu span{
	color:#adccaf;
	font-family: 'Titillium Web', Helvetica Neue Regular, Helvetica Neue, Helvetica, Verdana, Arial;
}

ul#menu{
	list-style-type:none;
	margin-bottom:13px;
	margin-left:10px;
}

ul#menu li{
	display:inline-block;
	font-size:14px;
	margin:0px 20px 0px 0px;
}

#hover{
	top:-8px;
	position:relative;
}

ul.gelbuttonmenu{
	position:relative;
	padding-bottom:0;
	margin: 0;
	/*margin-top:2em;*/
	text-align: center; /*set value to "left", "center", or "right"*/
	z-index:1;
}

ul.gelbuttonmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
	position:absolute;
	width:0;
	margin-left:20px;
	padding-bottom:24px;
	background:url(../images/layout/menu_hover_left.png) bottom left no-repeat, url(../images/layout/menu_hover_right.png) bottom right no-repeat, url(../images/layout/menu_hover_center.png) bottom center repeat-x;
}

#img-menu span{
	font-size:20px !important;
	opacity:0;
}

@media only screen and (max-width: 767px){
	#img-menu span{
		opacity:100;
	}
}
/*---------------------------------
	--> Mobile Menu
-----------------------------------
*/

#mobile-header {
    display: none;
	font-size:16px;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
}
@media only screen and (max-width: 767px){
    #mobile-header {
        display: block;
    }
	#menu{
		display:none;
	}
	#header{
		background:url(../images/layout/bg_mobile_menu.jpg) repeat-x;
		min-height:30px;
	}
	#logo{
		padding:5px 0px;
	}
}

.sidr-inner li{
	list-style-type:none;
	font-size:14px;
}

/* -----------------------------------------
   Content
----------------------------------------- */

div#content p,
div#content span{
	font-size:12px;
	text-align:justify;
}


/* -----------------------------------------
   Forms
----------------------------------------- */

fieldset legend{
	color: #adccaf;
	font-size:18px;
	font-family:'Titillium Web', Helvetica Neue Regular, Helvetica Neue, Helvetica, Verdana, Arial;
}

.prefix{
	color:#333;
}


#contactForm, #quoteForm, .statusMessage, input[type="submit"], input[type="button"] {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
}

/* Style for the contact form and status messages */

#contactForm, #quoteForm, .statusMessage {
  color: #666;
  background-color: #FFFEFD;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#FFFEFD), color-stop(1, #ebedf2) );
  background: -moz-linear-gradient( center bottom, #FEF7E4 0%, #FFFEFD 100% );  
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;
}

.statusMessage {
  display: none;
  margin: auto;
  width: 30em;
  height: 7em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size:15px;
}

::-webkit-input-placeholder{
	color:#CCC !important;
}
:-moz-placeholder{
	color:#CCC !important;
}
::-moz-placeholder{
	color:#CCC !important;
}
:-ms-input-placeholder{
	color:#CCC !important;
}
/* -----------------------------------------
   Footer
----------------------------------------- */

#footer > *{
	color:#fff;
	font-family: 'Titillium Web', Helvetica Neue Regular, Helvetica Neue, Helvetica, Verdana, Arial;
}

#footer span{
	font-size:15px;
}

#footer{
	background:url(../images/layout/line_top_footer.png) no-repeat top center;
	padding-top:45px;
}

.under-footer-bg{
	background:url(../images/layout/line_bottom_footer.png) no-repeat bottom center;
	padding-bottom:10px;
}

#social ul{
	list-style-type:none;
}

ul#social li{
	display:inline-block;
	padding:0px 5px 0px 5px;
}
/* -----------------------------------------
   Share This
----------------------------------------- */

#sharethis span{
	-webkit-box-sizing:content-box !important;
	box-sizing:content-box;
}

/* -----------------------------------------
   Agenda
----------------------------------------- */

.schedule-heading{
	
}

.event-image img{
	border: 1px solid #aaa;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
}

.event-name{
	font-size:14px;
	color:#44b549;
	font-weight:bold;
}

/* ----------------------------------------
	Modal
----------------------------------------- */
#modalMusic{
	border-radius:5px;
	background:#334034;
}

#modalMusic span{
	color:#fff;
	font-size:15px;
}

#modalMusic img{
	vertical-align:middle;
}

/* ----------------------------------------
	Gallery Thumbs
----------------------------------------- */

.thumbs{
	width:480px;
/*	margin:60px auto 35px;*/
	text-align:center;
}

.thumbs a{
	width:120px;
	height:120px;
	display:inline-block;
	border:7px solid #303030;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-radius:4px;
	margin: 6px 6px 40px;
	position:relative;
	text-decoration:none;
	
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

/*.thumbs a:after{
	background-color: #303030;
    border-radius: 7px;
    bottom: -136px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    content: attr(title);
    display: inline-block;
    font-size: 10px;
    max-width: 90px;
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}*/
/* ----------------------------------------
	Not Found
----------------------------------------- */
.not-found img, span{
	vertical-align:middle;
}

.not-found span{
	font-size:10em !important;
	text-shadow: 1px 2px 3px #000;
}

/* ---------------------------------------
	jQuery UI
---------------------------------------- */

.ui-dialog{
	z-index:3;
}
.ui-widget-overlay{
	z-index:2;
}
.ui-dialog .ui-dialog-titlebar-close span{
	margin:0 !important;
}

/* ---------------------------------------
	Index
---------------------------------------- */
#welcome-message, #alert, #alert2{
	font-size:14px !important;
	text-shadow: 1px 2px 3px #000;
}

/* ---------------------------------------
	Sticky Header
---------------------------------------- */
.sticky_header{
	background:url(../images/layout/bg_mobile_menu.jpg) repeat-x !important;
	position:fixed;
	top:0;
	left:0;
	z-index:3;
	width:100% !important;
	-moz-box-shadow: 0 0 1em rgba(0, 0, 0, 1.5);
	-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 1.5);
	box-shadow: 0 0 1em rgba(0, 0, 0, 1.5);
	height:30px;
}

/* ---------------------------------------
	Responsive Slides
---------------------------------------- */

ul.rslides li{
	list-style-type:none;
}

.ui-button-icon-only .ui-icon{
	left:1px !important;
	top:1px !important;
}

/* ---------------------------------------
	Buttons CSS3
---------------------------------------- */

.a-btn{
    background:#A6CDA8;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#A6CDA8,0),color-stop(#738E74,1));
    background:-webkit-linear-gradient(top, #A6CDA8 0%, #738E74 100%);
    background:-moz-linear-gradient(top, #A6CDA8 0%, #738E74 100%);
    background:-o-linear-gradient(top, #A6CDA8 0%, #738E74 100%);
    background:linear-gradient(top, #A6CDA8 0%, #738E74 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#A6CDA8', endColorstr='#738E74',GradientType=0 );
    border:1px solid #C0F0C5;
    border-color:#C0F0C5 #A5CDA9 #728E75;
    -webkit-box-shadow:0 1px 1px #728E75, inset 0 1px 0 #A5CDA9;
    -moz-box-shadow:0 1px 1px #728E75, inset 0 1px 0 #A5CDA9;
    box-shadow:0 1px 1px #728E75, inset 0 1px 0 #A5CDA9;
    padding:0px 80px 0px 10px;
    height:38px;
    display:inline-block;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    float:left;
    margin:10px;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn-text{
	font-family: 'Titillium Web', Arial, sans-serif;
	font-size: 18px !important;
    padding-top:10px;
    display:block;
    font-size:18px;
    white-space:nowrap;
    color:#3E4E40;
    text-shadow:0 1px 0 #9EC4A2;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
	font-weight:bold;
}
.a-btn-slide-text{
    position:absolute;
    top:35px;
    left:0px;
    width:auto;
    right:52px;
    height:0px;
    background:#fff;
    color:#3E4E40;
    font-size:13px;
    white-space:nowrap;
    font-family:Georgia, serif;
    font-style:italic;
    text-indent:15px;
    overflow:hidden;
    line-height:30px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
    -webkit-transition:height 0.3s linear;
    -moz-transition:height 0.3s linear;
    -o-transition:height 0.3s linear;
    transition:height 0.3s linear;
}
.a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;
    border-left:1px solid #354135;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(../images/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn:hover{
    height:65px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}
.a-btn:hover .a-btn-text{
    text-shadow:0px 1px 1px rgba(0,0,0,0.2);
    color:#fff;
}
.a-btn:hover .a-btn-slide-text{
    height:30px;
}
.a-btn:hover .a-btn-icon-right span{
    opacity:1;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.a-btn:active{
    position:relative;
    top:1px;
    background:#A6CDA8;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#bfcdbf,0),color-stop(#648e65,1));
    background:-webkit-linear-gradient(top, #bfcdbf 0%, #648e65 100%);
    background:-moz-linear-gradient(top, #bfcdbf 0%, #648e65 100%);
    background:-o-linear-gradient(top, #bfcdbf 0%, #648e65 100%);
    background:linear-gradient(top, #bfcdbf 0%, #648e65 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfcdbf', endColorstr='#648e65',GradientType=0 );
    border:1px solid #C0F0C5;
    border-color:#C0F0C5 #A5CDA9 #728E75;
    -webkit-box-shadow:0 1px 1px #728E75, inset 0 1px 0 #A5CDA9;
    -moz-box-shadow:0 1px 1px #728E75, inset 0 1px 0 #A5CDA9;
    box-shadow:0 1px 1px #728E75, inset 0 1px 0 #A5CDA9;
}
e: 13px;
    white-space: nowrap;
    font-family: Georgia, serif;
    font-style: italic;
    text-indent: 15px;
    overflow: hidden;
    line-height: 30px;
    box-shadow: 
        -1px 0px 1px rgba(255,255,255,0.4), 
        1px 1px 1px rgba(0,0,0,0.5) inset;
    transition: height 0.3s linear;
}
.a-btn-icon-right{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 52px;
    border-left: 1px solid #f5b74e;
    box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
    width: 38px;
    height: 38px;
    opacity: 0.7;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0px 0px -20px;
    background: transparent url(../images/layout/right_arrow.png) no-repeat 50% 55%;
    transition: all 0.3s linear;
}

.a-btn:hover{
    height: 65px;
    box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); 
}
.a-btn:hover .a-btn-text{
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    color: #fff;
}
.a-btn:hover .a-btn-slide-text{
    height: 30px;
}
.a-btn:hover .a-btn-icon-right span{
    opacity: 1;
    transform: rotate(-45deg);
}

.a-btn:active {
    position:relative;
    top:1px;
    background: linear-gradient(top, #A6CDA8 0%,#738E74 100%); /* W3C */
    border-color:#C0F0C5 #A5CDA9 #728E75;
    text-shadow: 0 1px 0 #fee1a0;
    box-shadow: 0 1px 1px #728E75, inset 0 1px 0 #A5CDA9;  
}