@import url(http://fonts.googleapis.com/css?family=Quicksand);@import url(http://fonts.googleapis.com/css?family=Ruluko);/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.center{
	text-align:center;
}
.wrapper {
	width:100%;overflow:hidden;position:relative;
}

.mar0{
	margin:0 !important;
}

/* Global properties ======================================================== */

body, html, .extra{
	height:100%;min-width:1102px;min-height:830px;
}

body {
	overflow:hidden;border:0;font: 12px/ 18px Arial, sans-serif;color:#9f9f9f;background:#FFF;margin:40px 0 0;
}

/* Global Structure ============================================================= */

.extra{
	overflow:hidden;position:relative;
}

.main {
	height:100%;
}

.page_spinner {
	position:fixed;background: url(../images/main_spinner.gif) 50% 50% no-repeat #161616;z-index:99;width:100%;height:100%;top:0;left:0

}

#gallSpiner {
	position:absolute;width:100%;height:100%;background:url(../images/gallSpiner.gif) 50% 50% no-repeat;z-index:-1;
}

#leftSide{
	min-height:830px;overflow:hidden;position:relative;width:38%;height:100%;float:right;z-index:3;
}

#rightSide{
	min-height:830px;position:relative;width:435px;height:100%;float:right;background:url(../images/rightSide.jpg) 0 0 repeat #d39a94;z-index:1;-moz-border-radius:0 40px 40px 0;-webkit-border-radius:0 40px 40px 0;border-radius:0 40px 40px 0;
}

#grad {
	position:absolute;width:663px;height:320px;top:0;right:0;background:url(../images/grad.png) 0 0 no-repeat;z-index:-1;
}

.col2{
	width:44%; float:left; margin:0 3%;
}

/* ============================= main layout ====================== */

a {
	color:#fff;text-decoration: underline;outline:none;
}

a:hover {
	color:#9f9f9f;
}

h1 {
	padding:0 0 0 0;
}

h2 {
	text-align:center;letter-spacing:1px;font: 35px/ 40px 'Quicksand', sans-serif;text-shadow: 1px 1px 1px #000;padding-bottom:30px;
}

h3{
	font-size:23px;font-weight:normal;
}

h4{
	padding:15px 0 10px 20px;
	font-size:17px;
}

p {
	padding-bottom:17px;
}

.color1{
	color:#6B383D;
}

/* ============================= header ====================== */

#miniagenda{
	width:320px;margin:25px auto 0;
}

#miniagenda .tit{
	color:#c48ba0;font: 35px/30px 'Ruluko', sans-serif;text-align:center;
}

#miniagenda .box{
	background:url(../images/bg_box_agenda.png) 0 0 repeat;border-color:#b87a24;border-style:solid;border-width:1px 0;color:#000;padding:10px;
}

#miniagenda p{
	font: 17px/14px 'Ruluko', sans-serif;
}

#miniagenda a{
	color:#AA646C;text-decoration:none;
}

#miniagenda a:hover{
	color:#000;
	text-decoration:underline;
}

#logo {
	position:relative;display:block;text-indent: 100%;white-space: nowrap;overflow: hidden;margin:26px 0 25px 55px;width:320px;height:134px;background:url(../images/logo.png) 0 0 no-repeat;
}

.lineH {
	margin-left:64px;width:220px;height:1px;background-color:#222222;
}

/* ============================= menu ====================== */

#menu {
	padding-top:10px;height:444px;float:left;width:220px;
}

#menu > li {
	position:relative;display:block;padding:0 100px 10px 10px;z-index:1;width:100%;
}

#menu > li > img {
	position:absolute;left:-128px;top:-38px;
}

#menu > li a {
	display:inline-block;font: 21px/30px 'Ruluko', sans-serif;color:#fff;text-decoration:none;
}

#menu > li > a > span {
	position:absolute;width:100%;height:27px;top:3px;left:0;background-color:rgba(255, 255, 255, .25);z-index:-1;
}

#menu .submenu1 li a {
	color:#FFF;
}

#menu .submenu1 li a:hover {
	color:#DDD;
}

.submenu1 {
	padding:5px 0 5px 20px;
}

.submenu1 li {
	position:relative;padding:2px 0;
}

.submenu2 {
	position:absolute;top:0;left:115px;z-index:2;
}

.cd {
	float:left;text-align:center;width:171px;background:url(../images/bg_cd.jpg) 0 0 repeat;margin-top:13px;height:531px;
}
.cd2 {
	float:left;
	text-align:center;
	margin:0 4%;
}
#discografia .musicas{
	float:left;
	width:50%;
	line-height:1.4;
}

span.backsound{
	color:#AA646C;
	font-size:11px;
	text-decoration:none;
	display:block;
	margin-top:170px;
	text-align:center;
}
span.backsound a{
	width:18px;
	height:18px;
	background:url(../images/playstop.png) 0 0 no-repeat transparent;
	display:inline-block;
}
span.backsound a.playing{
	background-position:100% 0;
}


#bgControls{
	position:absolute;overflow:hidden;height:100%;top:0;left:0;z-index:10;margin:40px;
}

#prev, #next{
	height:100%;width:45px;background:url(../images/arr_bg.png) 0 0 repeat;
}

#prev{
	float:left;
}

#next{
	float:right;
}

#prev > span, #next > span{
	display:block;height:100%;width:45px;
}

#prev span {
	background:url(../images/prev_arr.png) 0 50% no-repeat;
}

#next span {
	background:url(../images/next_arr.png) 0 50% no-repeat;
}

/* ============================= content ====================== */

#content{
	position:relative;height:100%;color:#000;font: 17px 'Ruluko', sans-serif;
}

#content a{
	color:#aa646c;
	text-decoration:none;
}
#content a:hover{
	color:#a76452;
	text-decoration:underline;
}

#content > ul > li {
	min-height:830px;position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/bg_content.png) 0 0 repeat;/*background:url(../images/bg_content.jpg) 0 0 repeat #EAC9C0;*/

}

#content > ul > li > div{
	overflow:hidden;height:100%;width:100%;padding:0 2%;
}

.noBG{
	background:none !important;
}

a{
	-webkit-transition:color 0.4s ease;-moz-transition:color 0.4s ease;-o-transition:color 0.4s ease;transition:color 0.4s ease;
}

.more {
	display:inline-block;text-decoration:none;color:#111111;background:url(../images/more_plane.png);padding:6px 19px;
}

.more:hover {
	color:#fff;
}

.contLine {
	margin:0 auto;width:344px;height:1px;background-color:#aa646c;
}

.marTop1{
	margin-top:15px;
}

.marTop2{
	margin-top:50px;
}

.marTop3{
	margin:31px 0 55px;
}

.marTop4{
	margin-top:12px;
}

.marTop5{
	margin-top:196px;
}

.marTop6{
	margin-top:40px;
}

.padTop1{
	padding-top:49px!important;
}

.padTop2{
	padding-top:28px!important;
}

.padTop3{
	padding:41px 0 8px;
}

.padBot1{
	padding-bottom:8px;
}

.google_map{
	margin:0 0 17px 12px;float:left;width: 381px;height: 252px;background: #fff;-webkit-border-radius: 5px;border-radius: 5px;
}

.address {
	text-align:center;padding-bottom:29px;
}

.mailLink{
	text-decoration:none;
}

article#content{
	color:#AA646C;
}

article#content h2{
	font: 34px 'Ruluko', sans-serif;padding:5px 0;text-shadow:none;
}

article#content p{
	padding:5px 0;font-size:21px;color:#895152;
}

#contato, #adm{
	text-align:center;
}

/* ============================= lists ====================== */

.iconList{
	position:relative;overflow:hidden;bottom:0px;
}

.iconList > li{
	display:inline-block;padding-right:4px;
}

.icon1, .icon2{
	display:block;width:31px;height:31px;
}

.icon1{
	background:url(../images/icon1.png) 0 0 no-repeat;
}

.icon2{
	background:url(../images/icon2.png) 0 0 no-repeat;
}

.folioList{
	overflow:hidden;
	width:95%;
	margin:0 auto;
}
.folioList.galeria{
	margin:0;
}

.folioList > div {
	width:95%;
}

.folioList > div li{
	position:relative;float:left;padding:0 20px 15px 0; text-align:left;
}

.folioList.galeria > div li{
	float:none;
	font-size:14px;
}

.folioList > div li span{
	position:absolute;width:161px;height:161px;background:url(../images/page2_hover.png) 0 0 no-repeat;
}
.folioList > div li a{
	width:161px;
	height:161px;
	overflow:hidden;
	text-align:center;
	display:inline-block;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.folioList > div li a img{
	margin-left:-20%;
}

.pagination{
	margin:10px 0 0 7%;
}

.pagination a{
	display:inline-block;margin-right:11px;padding:2px 0;width:23px;height:19px;font: 18px/18px 'Quicksand', sans-serif;text-align:center;
	color:#64433A !important;
	text-decoration:none;
}

.pagination a:hover, .pagination .active{
	background:url(../images/pagination_bg.png) 0 0 no-repeat;
}

.listWithMarker{
	padding-top:16px;
}

.listWithMarker li {
	display:block;padding-bottom:2px;
}

.listWithMarker li a {
	display:inline-block;padding-left:14px;font-size:16px;color:#4c4c4c;font-weight:bold;text-decoration:none;background:url(../images/list_marker.png) 0 8px no-repeat;
}

.listWithMarker li a:hover {
	color:#000;text-decoration:underline;
}

.list1 li{
	overflow:hidden;padding-bottom:2px;
}

.list1 li > img{
	float:left;padding-right:20px;
}

.list1 li > div{
	position:relative;top:-4px;overflow:hidden;
}

.list1 li > div a {
	text-decoration:none;
}

#gerAgenda .listAgenda li{
	display:block; padding-bottom:6px; margin-bottom:6px; padding-right:0; margin-right:10px; font-size:16px; border-bottom:1px dotted;
}
#gerAgenda .listAgenda li strong{
	font-weight:bold;
	font-size:15px;
}
#gerAgenda .folioList > div{
	width:450px;
}
#gerAgenda .folioList{
	width:450px;
}
#gerAgenda .folioList > div li a {
	border-radius:0px;
	height: auto;
	overflow: visible;
	width: auto;
	margin:0 3px;
}
#gerAgenda .folioList > div li a img {
	margin:0;
}

#gerLinks .link{
	width:90%;
	margin:30px 0;
	font-size:19px;
}
#gerLinks .link i{
	font-size:15px;
}
#gerLinks .formulario input{
	width:80%;
}

#videos .folioList{
	width:260px;
}
#gerVideos .folioList{
	width:150px;
	max-height:490px;
}
#gerVideos .folioList > div li span,
#videos .folioList > div li span{
	background:none;
}
#videos .pagination
{
	margin-left:0;
}
#gerVideos .pagination
{
	height:auto;
}
#gerVideos .folioList > div,
#videos .folioList > div{
	width:auto;
}
#gerVideos .folioList > div p,
#videos .folioList > div p{
	font-size:17px;
	margin:0;
	padding:1px 0;
}
#videos .folioList > div li a{
	height:auto;
	width:210px;
}
#gerVideos .folioList > div li a img,
#videos .folioList > div li a img{
	width:100%;
	margin-left:0;
}
#gerVideos .folioList > div li p a img{
	width:auto;
}
#gerVideos .folioList > div li a{
	height:auto;
	width:150px;
}
#gerVideos .folioList > div li{
	padding:0 20px 2px 0;
}

/* ============================= footer ====================== */

footer {
	height:40px;
}



/* ============================= forms ============================= */

.formulario{
	padding-left:26px;
}

.formulario input {
	margin:0;margin-right:10px;padding:9px 3px 9px 10px;width:156px;box-shadow:none;background:url(../images/contacts_bg.png) 0 0 repeat;
}

.formulario textarea {
	resize: none;margin:0;padding:9px 0 5px 15px;width:337px;height:109px;overflow:auto;background:url(../images/contacts_bg.png) 0 0 repeat;
}

.formulario input, .formulario textarea  {
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

.formulario label {
	position:relative;display:inline-block;min-height:43px;
}

.formulario .error, .formulario .empty {
	position:relative;top: -1px;display:none;font-size:14px;color:#c11;text-transform:none;
}

.inLine{
	overflow:hidden;
}

.btns{
	padding-top:10px;
}

.btns > a{
	/*margin-left:116px;*/

}

/* Form defaults */

input, select, textarea {
	font:12px/18px Arial, sans-serif;color:#444;
}

.listaMusicas{
	width:88%;border-collapse:collapse;margin:0 auto;
}

.listaMusicas td{
	padding:3px 2px;text-align:left;font-size:120%;
}

.listaMusicas td:nth-child(3){
	white-space:nowrap;
}

.listaMusicas span{
	font-size:80%;
}

.listaMusicas .time{
	display:inline-block;font:bold 10px Arial, Helvetica, sans-serif;height:23px;vertical-align:middle;
}
#content .listaMusicas a{
	font-size:15px;text-decoration:none;color:#895152;margin:0 2px;
}
#content h1{
	font-size:40px;font-weight:normal;border-color:#b87a24;border-width:1px 0;border-style:solid;padding:10px 30px;display:inline;
}
#compracd ul{
	margin:40px auto;width:87%;
}
#agenda ul{margin:0 auto; width:87%;}
#agenda ul li,
#compracd ul li{
	text-align:left;margin:5px 0;
}
#agenda ul li{
	color:#000;
}
#compracd ul li{
	color:#FFF;
}
#agenda .tit,
#compracd ul li .tit{
	font: 100 18px "Ruluko", Arial, Helvetica, sans-serif; margin:0; color:#aa646c; text-align:left;
}
#agenda .tit{margin:0 auto; width:87%;}
#agenda .folioList{
	width:100%;
}
#agenda .folioList > div{
	width:100%;
	margin-top:30px;
}
#agenda .folioList.galeria > div li{
	font-size:16px;
}

#compracd div li{
	font-size:16px;
}

#fotos h1{
	font-size:16px;
	border:none;
	display:block;
	padding:0;
	height:80px;
	display:table-cell;
	vertical-align:bottom;
}
#fotos h3{
	font-size:13px;
}
#fotos galeria{
	margin:0 40px;
}

#links a{
	display:block;
	padding:30px 0 20px;
	background:url(../images/cruz.png) 50% 0 no-repeat;
	text-decoration:none;
	color:#aa646c;
	font-size:20px;
}
#links a:hover{
	color:#a76452;
}
#content #links h1{
	display:block;
	width:200px;
	margin:0 auto;
}

#redes-sociais{
	position:absolute;
	top:10px;
	right:432px;
}
#redes-sociais a{
	margin:0 2px;
}

/* MEDIA QUERIES */
@media all and (max-width: 800px) { 
	
}