/*

 * Theme Name: Lunares

 * Author: Hugo César

 * Author URI: http://www.google.com

*/



@import url('fonts/fonts.css');



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

div, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, div, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    outline: none;

}

div, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, div {display: block;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,

q:before, q:after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;}

a {outline:none; color:#666;}

p {font: 13px/2.0em "Helvetica Neue","Lucida Grande", arial, HelveticaNeueLight, helvetica, tahoma, sans-serif;

color: #e6e6e6;

width: 99%;

text-align: left;

margin-bottom: 7px;}

h3{

color: #e6e6e6;

font: 30px/40px MuseoSans100, HelveticaNeueLight, helvetica, tahoma, sans-serif;

}

a:hover {text-decoration:underline;}

.clear {clear:both; height:0px;}

body,html {
	height:100%;
	position: relative;
}

body {

	color:#e6e6e6;

	overflow: hidden;

	position: relative;

}

body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {}

/* CLEAR FIX*/

.clearfix:after {content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

.pull-right {

  float: right;

}



.nomargin {

	margin: 0 !important;

}



#footer {

	position: fixed;

	height: 45px;

	clear: both;

	left: 0;

	right: 0;

	bottom: 0;

}

* {

	margin:0; 

	padding:0; 

	text-decoration:none; 

	font-weight:normal;

    -webkit-font-smoothing: antialiased;

}

::selection { background:#ff6666; color:#fff;}

::-moz-selection { background:#ff6666; color:#fff;}





/* SITE */

body {

background: black;

font-family: MuseoSans100, HelveticaNeueLight, helvetica, arial, tahoma, sans-serif;   

}





/* Class WP */

/* captions & aligment */

/* Captions */

.aligncenter,

div.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.wp-caption {

    border: 1px solid #ddd;

    text-align: center;

    background-color: #f3f3f3;

    padding-top: 4px;

    margin: 10px;

    -moz-border-radius: 3px;

    -khtml-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

.wp-caption img {

    margin: 0;

    padding: 0;

    border: 0 none;

}

.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    padding: 0 4px 5px;

    margin: 0;

}



/* Begin Images */

p img {

    padding: 0;

}



img.centered {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



img.alignright {

    padding: 4px;

    margin: 0 0 2px 7px;

    display: inline;

}



img.alignleft {

    padding: 4px;

    margin: 0 7px 2px 0;

    display: inline;

}



.alignright { float: right; }

.alignleft { float: left; }







.sign-webbra {

	position: absolute;

	top: 9px;

	right: 0;

	width: 90px;

}



.sign-webbra img {

	width: 90%;

}





/*Lunares - Bar e Eventos*/

#header{

	background:url('img/fundo-menu.jpg') repeat-x;

	height:45px;

	width:100%;

	position: relative;

	top: 0;

	z-index: 156;

}

#content {

	position: relative;

}

@media (min-width: 1024px) {



	#logo-responsive {

		display: none !important;

	}



}

@media (max-width: 1000px) {

	#logo-home,

	.social-icons,

	.sign-webbra,

	#logo-taca,

	#logo-bareventos,

	#flame1,

	#flame2,

	#flame3,

	#flame4,

	#flame5  {

		display: none !important;

	}



	#content {

		max-width: 90% !important;

		height: auto !important;

		display:block !important;

	}



	#logo-responsive {

		max-width:100% !important;

    	display:block !important;

    	height: auto !important;

    	width: auto\9 !important; /* ie8 */



	}

	.poweredBy-mobile {

		width: auto !important;

		text-align: center !important;

		font-size: 11px !important;

		padding: 12px 0 0 0;

		color: #666666 !important;

	}

}



@media (max-width: 1024px) {

	.roll-treinamento {

		width: 500px;

	}

}



@media (min-width: 1200px) {



	#header .wrap-header {

		width: 1000px;

		margin: 0 auto;

	}



	.colLeft{

		width: 1000px;

		margin: 0 auto 20px;

		padding-top: 20px;

	}



	.paragrafo-overflow-empresa .roll-treinamento {

		width: 500px !important;

	}

	.paragrafo-overflow-contato .roll-treinamento {

		width: 620px !important;

	}

	.paragrafo-overflow-portifolio .roll-treinamento {

		width: 1000px !important;

	}

	.paragrafo-overflow-coktails .roll-treinamento {

		width: 290px !important;

		float: left;

		padding-left: 10px;

	}

	.roll-treinamento {

		width: 460px !important;

	}

}



@media (min-width: 768px) and (max-width: 979px) {


	#content {

		max-width: 98% !important;

		margin:30px auto !important;

		height: auto !important;

		display:block !important;

	}

	.roll-treinamento {

		width: 49% !important;

		float: left !important;

		margin: 5px !important;

	}



	#header .wrap-header {

		width: 100% !important;

		margin: 0 auto;

	}

	.pagemenu li a {

		display:inline-block;

		vertical-align:top;

		width:auto;

		padding:14px 2px;

	/*	border-left:1px solid #494747;

		border-right:1px solid #000;*/

		color:black;

		text-decoration:none;

		font:11px MuseoSans500, arial, tahoma, sans-serif;

		text-transform:uppercase;

	    -webkit-transition: 0.3s;

	    -moz-transition: 0.3s;

	    -o-transition: 0.3s;

	    transition: 0.3s;

	    height: 17px;

	}



}



@media (max-width: 767px) {

	.responsiveSelectContainer{

		border:none !important;

		background:none !important;

		box-shadow:none !important;

	}

	.responsiveSelectContainer ul, ul.responsiveSelectFullMenu{

		display: none !important;

	}

	.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect { 

		display: inline-block; 

		margin: 7px 10px 0 0;

		width:40% !important;

		float: right !important;

	}

}	



/* Smartphones (landscape) ----------- */

@media (max-width: 767px) {

/* Styles */

	.roll-treinamento {

		width: 550px !important;

		float: left !important;

		margin: 5px !important;

	}

}



/* Smartphones (portrait) ----------- */

@media only screen and (max-width : 320px) {

/* Styles */

	.roll-treinamento {

		width: 310px !important;

		float: left !important;

		margin: 5px !important;

	}

}



.logo {

	margin-top:-14px;

}



/** MENU PRINCIPAL **/

.pagemenu {

	

}



.pagemenu .menu {

	width: auto;

}



#logo {

	width: 121px;

	height: 29px;

	float: left;

	margin: -1px 15px 0 0;

}



.pagemenu li {display:inline-block; list-style:none; position:relative;}



.pagemenu li a {

	display:inline-block;

	vertical-align:top;

	width:auto;

	padding:14px 5px;

/*	border-left:1px solid #494747;

	border-right:1px solid #000;*/

	color:black;

	text-decoration:none;

	font:14px MuseoSans500, arial, tahoma, sans-serif;

	text-transform:uppercase;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    height: 17px;

}

.pagemenu li a:hover, li.selecting a {

    background:#666;

    color:#fff;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s normal;

}

.pagemenu .sub-menu {

    background:#FFF;

    overflow: hidden;

    width: 200px;

    position: absolute;

    top:45px; left:1px;

    z-index: 99;

    box-shadow: 0 3px 6px -0.9px rgba(0, 0, 0, 0.3);

	 display:none;

}

.pagemenu ul > li:hover ul.sub-menu {display:block; -webkit-animation: menuDesce ease-in 0.3s normal; animation: menuDesce ease-in 0.3s normal;}

.pagemenu ul.sub-menu li {float:none; display:block;}



.pagemenu ul.sub-menu a {

    border:none;

    border-top:1px solid #DDD;

    color:#333;

    display:block;

    height: auto;

    width:auto;

    text-transform: none;

   	font:14px MuseoSans300, arial, tahoma, sans-serif;

}

.pagemenu ul.sub-menu a:hover { color:#FFF; background:#333;}

.pagemenu ul.sub-menu a small {   display:none;}

.pagemenu ul.sub-menu li:first-child a {border-top:none;}

.pagemenu ul.sub-menu li {padding:0 !important;}







.logo-main{

	width: 360px;

	margin: 0 auto;

}



.main{

	float:left;

	clear:both;

	width:600px;

}

/*Sidebar*/

.sidebar{

	float:left;

	width:200px;

}



strong{

	font-weight:bold;

}



/***********************************************************Empresa*/

.paragrafo-overflow-empresa img {

	float:left;

	margin-right:12px;

	margin-bottom:12px;

}



.roll-empresa{

    float: left;

    height: 500px;

    margin-left: 47px;

    overflow: auto;

    width: 480px;

}

ul.ulempresa {

	margin-top:20px;

	margin-bottom:20px;

}

ul.ulempresa li{

	margin-top:10px;

	margin-bottom:20px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

}

/***********************************************************Suporte*/

.paragrafo-overflow-suporte img {

	float:left;

	margin-right:20px;

	margin-top:-18px;

}

/*Paragrafo com a barra de rolagem OVERFLOW*/

.roll-suporte{

    float: left;

    height: 500px;

    margin-left: 47px;

    overflow: auto;

    width: 620px;

}





.roll-suporte ul{

	margin-top:20px;

	margin-bottom:20px;

}

.roll-suporte ul li{

	margin-top:20px;

	margin-bottom:20px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

}





/*Para que a imagem e o overflow fiquem lado a lado porque o navegador ler como dois p*/

.paragrafo-overflow p{

	float:left;

}

/*Imagem estar no codigo da pagina php imagem do lado direito*/

.wp-image-94 {

	float:left;

	margin-left:320px;

}

.sidebar{

	float:left;

	margin-left:120px;

}



#slider {

	margin-bottom:50px;

}



/***********************************************************Serviços*/

.paragrafo-overflow-servicos img {

	float:left;

	margin-right:20px;

	margin-bottom:20px;

}

/*Paragrafo com a barra de rolagem OVERFLOW*/

.roll-servicos{

	width:480px;

	height:500px;

	overflow: auto;

	float:left;

	margin-right:30px;

}

/*Para que a imagem e o overflow fiquem lado a lado porque o navegador ler como dois p*/

.paragrafo-overflow p{

	float:left;

}



ol {

	overflow:auto;

	height:513px;

	width:480px;

}



ol li{

	float:left;

	width:150px;

	height:100px;

	margin-bottom:30px;

	margin-left:16px;

}



ol a{

	float:left;

}



/***********************************************************Projetos*/

.paragrafo-overflow-projetos img {

	float:left;

	margin-right:20px;

	margin-bottom:20px;

}

/*Paragrafo com a barra de rolagem OVERFLOW*/

.roll-projetos{

    float: left;

    height: 500px;

	overflow: auto;

    width: 300px;

    margin-top: 40px;

}

/*Para que a imagem e o overflow fiquem lado a lado porque o navegador ler como dois p*/

.paragrafo-overflow p{

	float:left;

}



/***********************************************************Treinamentos*/



.paragrafo-overflow-treinamento img {

	float:left;

	margin-right:20px;

	margin-bottom:20px;

}



.roll-treinamento{

		overflow: auto;

		margin-right:20px;

		/*width: 500px;*/

		position: relative;

		z-index: 145;

}

.roll-treinamento ul{

	margin-top:20px;

	margin-bottom:20px;

}

.roll-treinamento ul li{

	margin-top:20px;

	margin-bottom:30px;

	font-family:Arial, Helvetica, sans-serif;

}



/***********************************************************coktails*/

.paragrafo-overflow-coktails img {

	float:left;

	margin-right:20px;

	margin-bottom:20px;

}

/*Paragrafo com a barra de rolagem OVERFLOW*/



.roll-c{

	margin-right: 0 !important;

}



/*Para que a imagem e o overflow fiquem lado a lado porque o navegador ler como dois p*/

.paragrafo-overflow p{

	float:left;

}

.roll-coktails ul{

	margin-top:20px;

	margin-bottom:20px;

}

.roll-coktails ul li{

	margin-top:20px;

	margin-bottom:20px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

}



/***********************************************************Portifólio*/

.paragrafo-overflow-portifolio img {

	float:left;

	margin-right:12px;

	margin-bottom:12px;

}



/*Para que a imagem e o overflow fiquem lado a lado porque o navegador ler como dois p*/

.roll-portifolio{

	width:300px;

	height:513px;

	overflow: auto;

	float:left;

	margin-left:19px;

}



/*Para que a imagem e o overflow fiquem lado a lado porque o navegador ler como dois p*/

.paragrafo-overflow p{

	float:left;

}

.roll-portifolio ul{

	margin-top:20px;

	margin-bottom:20px;

}

.roll-portifolio ul li{

	margin-top:20px;

	margin-bottom:20px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

}



/***********************************************************pressarea*/

.paragrafo-overflow-pressarea img {

	float:left;

	margin-right:20px;

	margin-bottom:20px;

}



.roll-pressarea{

    float: left;

    height: 513px;

    margin-left: 47px;

    overflow: auto;

    width: 480px;

}

.roll-pressarea ul {

	margin-top:20px;

	margin-bottom:20px;

}

.roll-pressarea li{

	font:13px/20px "Lucida Grande", arial, HelveticaNeueLight, helvetica, tahoma, sans-serif;

	margin:0 0 5px 20px;

}

/***********************************************************Contato*/



.paragrafo-overflow-contato img {

	float:left;

	margin-right:20px;

	margin-bottom:20px;

}



.roll-contato{

    float: left;

    height: 513px;

    margin-left: 47px;

    overflow: auto;

    width: 480px;

}

ul.contato {

	margin-top:20px;

	margin-bottom:20px;

}

ul.contato li{

	margin-top:10px;

	margin-bottom:20px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

}

























/*

 * CSS Styles that are needed by jScrollPane for it to operate correctly.

 *

 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane

 * may not operate correctly without them.

 */



.jspContainer

{

	overflow: hidden;

	position: relative;

}



.jspPane

{

	position: absolute;

}



.jspVerticalBar

{

	position: absolute;

	top: 0;

	right: 0;

	width: 16px;

	height: 100%;

	background: red;

}



.jspHorizontalBar

{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 16px;

	background: red;

}



.jspVerticalBar *,

.jspHorizontalBar *

{

	margin: 0;

	padding: 0;

}



.jspCap

{

	display: none;

}



.jspHorizontalBar .jspCap

{

	float: left;

}



.jspTrack

{

	background: #dde;

	position: relative;

}



.jspDrag

{

	background: #666;

	position: relative;

	top: 0;

	left: 0;

	cursor: pointer;

}



.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag

{

	float: left;

	height: 100%;

}



.jspArrow

{

	background: #50506d;

	text-indent: -20000px;

	display: block;

	cursor: pointer;

}



.jspArrow.jspDisabled

{

	cursor: default;

	background: #80808d;

}



.jspVerticalBar .jspArrow

{

	height: 16px;

}



.jspHorizontalBar .jspArrow

{

	width: 16px;

	float: left;

	height: 100%;

}



.jspVerticalBar .jspArrow:focus

{

	outline: none;

}



.jspCorner

{

	background: #eeeef4;

	float: left;

	height: 100%;

}



/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner

{

	margin: 0 -3px 0 0;

}





.scroll-pane

	{

		overflow: auto;

		float:left;

	}

.horizontal-only

	{

		height: auto;

		max-height: 200px;

	}







 

#container{height:100%; min-height: 100%;}



	.footer p {

		margin:0px;	

	}

	

	.footer div {

		padding-bottom:30px;

	}

	

	.footer div.header {

		background: white;

		line-height: 1.25em;

		margin-bottom:20px;

		padding:0px;

	}



		.footer div.header h4 {

			background: url(../imgs/bg_bottom_1.png) repeat;

			color:#e0e0e0;

			font-family: 'Gentium Basic', serif;

			font-weight:bold;

			text-transform:uppercase;

			font-size:1.25em;

			line-height: 1.25em;

			letter-spacing: 0.1em;

			display: inline;

			padding: 4px 10px;

			margin-left:15px;

		}

		

	.footer .about {

		padding:0px 0px 20px 0px !important;

	}

		

		.footer .about p {

			margin-bottom:10px;	

		}

		

		.footer .about span {

			margin-bottom: 5px;

			display: block;

			background-color: #333;

			padding: 10px;

			-moz-border-radius: 4px;

			-webkit-border-radius: 4px;

			-khtml-border-radius: 4px;

			border-radius: 4px;

		}

		

	.footer .tweets {

		padding:0px 0px 20px 0px !important;

	}

		

		.footer .tweets .tweetText {

			margin-bottom: 10px;

			padding-bottom: 10px;

			background: url(../imgs/stitch_staggered.png) repeat-x left bottom;

		}

			

			.footer .tweets .tweetText .text {

				display: block;

				margin-bottom: 5px;

			}

				

			.footer .tweets .tweetText .date {

				font-family: Georgia, "Times New Roman", Times, serif;

				font-style: italic;

				color: #BABABA;

				font-size: 0.925em;

				display: block;

			}

			

	.footer .uptodate {

		padding:0px 0px 20px 0px !important;

	}

		

		.footer .uptodate p {

			margin-bottom:10px;

		}

		

			.footer .uptodate b {

				font-weight:bold;

			}

			

			.footer .uptodate input[type="email"] {

				width:100%;

				padding:10px;

				margin-top:10px;

			}



/* #Copyright

================================================== */



	

/*ie multiple background image fallbacks*/

	

.ie .footer {

	background: url(../imgs/bg_bottom_1.png) repeat left 2px #343434;

}



.ie .copyright {

	background: url(../imgs/bg_bottom_2.png) repeat #343434;

}



.conteiner-rodape {

	position: relative;

	display:block;

	max-width:1000px;

	margin:0 auto;

}



.image-page {

  position: relative;

  float: left;

  width: 323px;  /* Change this */

  height: 500px; /* Change this */

  overflow: hidden;

  margin: 10px 0 0 0;



}

.image-page img {

  position: absolute;

  left: -60px; /* Change this */

  top: 0px;  /* Change this */

}

.mrtp {

	margin-right: 30px;

}

.cal {

	top: 0;

	left: -180px !important;

}



.sel {

	top: -2px !important;

}

.tel {

	top:-7px !important;

	left: -17px !important;

}

.pel {

	top: -2px !important;

	left: -5px !important;

}



.imglounge {

	max-width: 200px;

	max-height: 153px;

	margin-right: 10px;

	overflow: hidden;

	float:left;

}



.imagelounge img {

	width: 180px;

}



.roll-treinamento .item,

.scroll-pane .item {

	display: block;

	float: left;

	margin-bottom: 20px;

	clear: left;

	text-align: justify;

}



.scroll-pane .item strong {

	display: block;

}



.list {

	width: 90%;

	-webkit-margin-before: 1em;

	-webkit-margin-after: 1em;

	-webkit-margin-start: 0px;

	-webkit-margin-end: 0px;

	-webkit-padding-start: 0px;

}



.list li {

	margin-bottom: 10px;

	display: list-item;

	text-align: -webkit-match-parent;

	padding: 0px 0px 3px 25px;

	font: 13px/1.8em "Helvetica Neue","Lucida Grande", arial, HelveticaNeueLight, helvetica, tahoma, sans-serif;

	background: url(img/icone-Branco-Preto.png) no-repeat left top;

	color: #E6E6E6;

	width: 95%}



.list ul {



}



.cup {

	background: url(img/icone-Branco-Preto.png) no-repeat left top;

	padding: 0px 0px 10px 25px;

}





.noListImage li {

	background: none !important;

}



.list ul li {

	margin-bottom: 10px;

	display: list-item;

	text-align: -webkit-match-parent;

	background: none !important;

	padding: 0px 0px 3px 0px;

	font: 13px/1.8em "Helvetica Neue","Lucida Grande", arial, HelveticaNeueLight, helvetica, tahoma, sans-serif;

	color: #E6E6E6;

	width: 95%;

}



#bg{

    width:100%;

    position:absolute;

    top:45px;

    left:0;

}

#main_area {

    position:relative;

    height:100%;

}

.transp {

    filter:alpha(opacity=20);

    opacity:0.2;

    left:-1000px;

    position:absolute;

}



.social-icons {	

position: absolute;

right: 90px;

top: 09px;

width: 27px;

list-style-type: none;

}



.social-icons li {

	width: 18px;

	float: left;

	margin: 0 2px;

}



.image-cocktail,

.image-empresa {

	width: 323px;

	margin: 20px 30px 0 0;

	float: left;

	position: relative;

	overflow: hidden;

}



.image-cocktail img {

	position: absolute;

	left:3px;

	top: -15px;

}



.poweredBy {

	padding: 8px 0 0 0;

	width: 700px;

	color: black;

	font-size: 14px;

	font-family: arial;

	text-decoration: none;

	position: relative;

	margin: 0 auto;

	text-align: center;

}



.poweredBy strong {

padding-right: 20px;

color: #595959;

}



.poweredBy a {

color: dimGray;

text-decoration: none;

}



.copyright {

	background:url('img/fundo-menu.jpg') repeat-x;

}



.reduza {

	letter-spacing:2px;

}



.portfolio {

	width: 1000px !important;

	margin-left: 10px;

}



/* Espaçamento H3 */



#campos,

#fundador,

#agenciamento,

#caixaportariabilheteria,

#lunares-lounge-music,

#personalizado {

	margin-top: 80px !important;

}



.paragrafo-overflow-coktails  .list li a,

.paragrafo-overflow-coktails a {

	color: #d9001f !important;

}



.paragrafo-overflow-portifolio a img {

	width: 150px;

	height: 150px;

	float: left;

}
#post-23 .paragrafo-overflow-projetos .roll-treinamento,
#post-14 .paragrafo-overflow-empresa .roll-treinamento,
#post-21 .paragrafo-overflow-servicos .roll-treinamento {
	width: 650px !important;
}

.logo-servicos {
	width: 300px;
	height: 315px;
	position: fixed;
	top: 50%;
	right: 50%;
	margin-right: -500px; /* Um dia eu descubro o porquê disso aqui ;) */
	margin-top: -157px;
}