* { margin: 0; padding: 0; }

body {
	position: relative;
	font-family: Georgia, serif;
	font-size: 10px;
	color: #CCC;
	text-align: center;
	background: #040a0a url(../imagens/bkg3.jpg) repeat-x;	
}

h1, h2, h3, h4, abbr { color: #FFF; }

a {color: #CCC;}

h2 {
	font-size: 2.4em;
	font-style: italic;
	background: #1E3133;	
}

img { border:0; padding: 0; margin:0; }

#main, #rodape {
	position:relative;
	margin: 0 auto;	
	width: 755px;
	padding: 0 10px 10px 10px;
	height: auto;
	background: #091112;
	display: table;	
}

#main {}

#banner, #content, #mods, #mods #news, #mods #comprar { background: #111f21; margin: 1em 0 0 0; float: left; width: 100%; }

#menu { height: 2.5em; margin: 10px 0 0 0; float: left; width: 100%; }

#menu ul { position: relative; float: left; list-style: none; width: 100%; height: 2.5em; }

#menu ul li { position: relative; float: left; margin: 0 1px 0 0; height: 2.5em; line-height: 2.5em; }

#menu ul li.last { margin: 0 0 0 2px; }

#menu ul li a {
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	padding: 0 17px;	
	text-decoration: none;
}

#menu ul li a:hover, #menu ul li a.atual { background: #2A464A; color:#FFF;}

#banner { height: 18em; width: 755px; overflow: hidden; background: url(../imagens/banner_bkg.jpg) no-repeat left top}

#banner img { float: left}

#ajax-loading {
	position: absolute;
	top: 235px;
	height: 35px;
	font-size: 1.8em;
	color: #FFF;
	font-style: italic;
	background: #2c494c;
	width: 755px;
	float: left;
}

#ajax-loading img { float: left; }
#ajax-loading p { width: 20%; text-align: center; float: right; margin: 7px auto 0 auto; }

#content {}

/* titulo do conteudo */
#content h2{
	float: left;
	width: 735px;
	padding: 3px 10px 3px 10px;
	margin: 0 0 15px 0;
	text-align: left;
}

/* envolve os modulos da index */
#mods { background: #091112; margin: 0; }

/* titulos dos módulos da index */
#mods h2 {	
	width: 100%;
	padding: 3px 0;
	margin: 0 0 5px 0;
	text-align: center;
}

#mods #news, #mods #comprar { text-align: left; height: 365px;  }

#mods #news { margin: 0 10px 0 0; width: 432px; }

#mods #news ul { float: left; width: 100%;}

#mods #news ul li {	
	width: 412px;
	margin: 0 0 10px 10px;
	list-style: none;
	padding: 0 0 10px 0;
	border-bottom: 1px #1E3133 dashed;	
}

#mods #news ul li span.data { font-size: 1.1em;}

#mods #news ul li h3 { font-size: 1.4em; margin: 3px 0 5px 0;}

#mods #news ul li p { font-size: 1.2em; }

#mods #news ul li.last { border: none; padding: 0;}

#banner_ad { float: left; width: 100%; text-align: center; padding: 0; }

#mods #comprar{ margin: 0; width: 313px; }

#social {
    float: left;
    width: 100%;
    text-align: center;
}

#social li {
    list-style: none outside none;
    margin: 40px auto;
    position: relative;
    width: 130px;
}

#social li a {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    height: 100%;
    text-decoration: none;
    width: 100%;
	color: #24484c;
	letter-spacing: 1px;
}

#social li a:hover {
    color: #FFF;
}

/* conteudo das páginas */

#content div.paragrafo, #content div.galeriaDisco {	
	width: 735px;
	padding: 0 10px 0 10px;
	margin: 0 0 10px 0;
	float: left;
}

#content div.paragrafo h3,
#content div.galeriaDisco div.texto h3,
#galeria_mult h3, #galeria h3 {
	font-size: 18px;	
	font-weight: normal;
	float: left;
	width: 99%;
	padding: 0;
	margin: 0 0 10px 0;	
}

#content div.paragrafo h3 { text-align: left; }

#content div.paragrafo div.foto,
#content div.galeriaDisco div.areaCapa01,
#content div.galeriaDisco div.areaCapa02,
#content div.texto { float: left; display: inline; }

#content div.paragrafo div.foto { width: 210px; padding: 0 0 10px 0; }

#content div.paragrafo .marginLeft { margin: 0 0 0 15px; }

#content div.paragrafo .marginRight { margin: 0 15px 0 0; }

#content div.texto { text-align: justify; }

#content div.texto p {
	font-size: 1.2em;
	line-height: 1.8em;
	padding: 0;
	width: 100%;
	margin: 0 0 10px 0;	
}

#content div.paragrafo div.texto { width: 510px;  }

#content div.galeriaDisco {
	width: 100%;
	padding: 0;
	margin: 15px 0;
	overflow: hidden;	
}

#content div.galeriaDisco div.capa { width: 191px; height: 190px; margin: 55px 0 0 127px; float: left; display: inline; }

#content div.galeriaDisco div.texto {
	width: 342px;
	padding: 0 20px 0 20px;	
	margin: 92px 0 0 0;	
	height: auto;		
}

#content div.galeriaDisco div.texto h3 { margin: 0 0 4px 0;}

#content div.galeriaDisco div.texto p {
	font-size: 14px;	
	line-height: normal;
	margin: 0 0 4px 0;		
}

#content div.galeriaDisco div.textAlignLeft { text-align: left }

#content div.galeriaDisco div.textAlignRight { text-align: right }

/* fundo alinhado a esquerda */
#content div.galeriaDisco div.areaCapa01,
#content div.galeriaDisco div.areaCapa02 {
	width: 373px;
	height: 300px;	
	overflow: hidden;
}

#content div.galeriaDisco div.areaCapa01 { background: url(../imagens/bkg_disco01.gif) no-repeat right top;}

#content div.galeriaDisco div.areaCapa02 { background: url(../imagens/bkg_disco02.gif) no-repeat left top;}

#content div.galeriaDisco div.areaCapa02 div.capa { margin: 55px 0 0 55px; }

/* fotos */

#galeria {	
	width: 701px;
	height: auto;	
	padding: 0 0 20px 10px;		
	margin: 0 auto;		
}

#galeria h3 { text-align: left; padding: 20px 0 5px 0; width: 98%; }

#galeria div.thumb { width: 130px; height: 100px; float: left; margin: 0; padding: 0 10px 10px 0; }

#galeria div.thumb a { display:block; width: 120px; height: 90px; border: 5px #1E3133 solid; }

#galeria div.thumb a:hover { border-color: #375254;}

#galeria div.thumb a img { float: left; /* IE */}

/* multimidia */

#galeria_mult {
	width: 100%;
	float: left;
	padding: 0;		
	margin: 10px 0 20px 0;
	display: inline;
	text-align: left;	
}

#galeria_mult h3 { float: left; width: 99%; }

#galeria_mult #videos, #galeria_mult #music {
	float: left;	
	height: auto;	
}

#galeria_mult #videos {
	width: 58%;	
	padding: 10px 15px 10px 10px;
	border-right: 2px #375254 solid;		
}

#galeria_mult #videos .video { width: 370px; height: 299px; margin: 15px 0 15px 30px; padding: 5px; float: left; display: inline; background: #101A1B; }

#galeria_mult #videos .video object, #galeria_mult #videos .video object embed { margin: 0; padding:0; float: left; }

#galeria_mult #music { width: 35%; padding: 10px 10px 10px 15px; }

/* agenda */

#agenda, #kit { width: 60%; margin: 30px auto 30px auto; display: table; clear: both;  }

#agenda.vcalendar {}	

#agenda .vevent, #kit .item {
	width: 85%;
	background: #0C1718;
	margin: 0 auto 10px auto;
	padding: 10px;
	text-align: left;
	font-size: 14px;
}

#agenda .vevent h3, #agenda .vevent p { margin: 5px 0 0 0; }

#agenda .dtstart, #agenda .abbr { font-size: 18px; width: 40%; color: #FFF; display: block; cursor: auto; text-decoration: none; border: none; }

#agenda .vevent h3 {font-size: 20px; font-weight: normal;}

#agenda .vevent p {}

#agenda .vevent p.description { font-size: 11px; }

#agenda .vevent p.location {}

#agenda .vevent p strong { margin-right: 3px; color: #999; }

/* kit imprensa */

#kit { width: 95%; }

#kit .colFotos, #kit .colPDF { float: left; }

#kit .colFotos { width:50%; margin: 0 10px 0 4px; display: inline; }

#kit .colPDF { width:48%; }

#kit .item { float: left; width: 94%; height: 110px; background: #1E3133; overflow: hidden;}

#kit .item .image, #kit .item .buttons { float: left; }

#kit .item .image { width: 110px; height: 110px; margin: 0 10px 0 0; background: #375254;}

#kit .item .image a { display:block; width: 100px; height: 100px; border: 5px #375254 solid; }

#kit .item .image a img { float: left; }

#kit .item .buttons { width: 64%; height: 110px; }

#kit .item p { float: left; width: 100%; margin: 5px 0 10px 0; }

#kit .item ul { float: left; width: 100%; margin: 40px 0 0 0;}

#kit .item ul li { float: left; display: inline; height: 25px; width: 44%; margin-left: 7px; list-style: none;}

#kit .item ul li a {
	background: #101A1B;	
	font-size: 16px; 
	font-weight: bold;	
	display: block;
	text-decoration: none;	
	height: 100%;
	line-height: 25px;
	text-align: center;
}

#kit .item ul li a:hover { background: #375254; margin: 0; color: #FFF; }

#kit .item ul.downloads { margin: 10px 0 0 0;}

#kit .item ul.downloads li { width: auto; margin: 0 0 5px 0; }

#kit .item ul.downloads li a {
	background:  #101A1B;	
	font-size: 14px; 
	font-weight: bold;	
	display: block;
	text-decoration: none;	
	height: 100%;
	line-height: 25px;
	text-align: left;
	padding: 0 10px;
}

#kit .item ul.downloads li a:hover { background:  #375254; color: #FFF; }

/* contato */

#area_contato { position: relative; width: 100%; float: left; text-align: center; padding: 0 0 30px 0; margin: 30px 0 0 0; }
#info { text-align: center; width: 284px; padding: 10px; margin: 0 auto; height: 120px; background: #1E3133 }
#info p { font-size: 16px; width: 100%;}
#info p.tel, #info p.email { font-size: 20px; padding: 10px 0 0 0; }

/* Form inativo

div.flashmsg { width: 330px; float: right; padding: 10px; display: none; background: #091112; margin: 0 0 10px 0;  }
div.flashmsg p { color: #d3c2af; font-size: 16px; }
div.flashmsg ul { width: 99%; list-style: none;}
div.flashmsg ul li { color: #FFF; padding: 5px 0 0 0; font-size: 18px; }
div.flashmsg #fechar { width: 100%; text-align: right; font-size: 12px; padding: 10px 0 0 0; }
div.flashmsg #fechar a { color: #d3c2af; }

#area_contato form { width: 330px; float: right; padding: 10px 10px 0 10px; }

#area_contato form, #area_contato #info { background: #1E3133 }

#area_contato form fieldset { border: 0; }

#area_contato form fieldset div { float: left; width: 100%; margin: 0; padding: 0 0 10px 0; }

#area_contato form fieldset div label,
#area_contato form fieldset div input,
#area_contato form fieldset div textarea { float: left; width: 98%; border: 2px solid #375254; padding: 2px; }

#area_contato form fieldset div label { font-size: 16px; border: none; color: #FFF; background: none }

#area_contato form fieldset div input,
#area_contato form fieldset div textarea { font-size: 14px; font-family: "Georgia", Times New Roman, Times, serif; color: #375254; }

#area_contato form fieldset div input { }

#area_contato form fieldset div textarea { }

#area_contato form fieldset div input#btn {
	width: auto;
	padding: 3px 12px;
	border: none;
	font-weight: bold;
	color: #FFF;
	background: #101A1B;
	float: right;
	margin: 15px 0 0 0;
}
*/
#rodape {
	margin: 0 auto;	
	width: 775px;
	padding: 5px 0;
	background: none;
	text-align: right;
	color: #846E5D;	
}

#rodape address, #rodape a { font-family: Arial, Helvetica, sans-serif; font-style: normal; color: #375254; font-size: 1em; }

#rodape a:hover { color: #4F8488; }

.hidden { display: none; }
.clear { clear: both; width: 99%; height: 1px; }

/*
.back {
	text-align: right;		
	background: #1E3133;	
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 5px 0;
}
.back a {
	color: #CCC;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 10px;
	text-decoration: none;
}
.back a:hover { color: #FFF; background: #2A464A; }
*/