/* =====	Elementos Gerais	===== */
* {
	padding: 0;
	margin: 0;
}
ul {list-style: none outside;}
a {text-decoration: none;}
fieldset, a img {border: 0;}
.esconde {display: none;}

/* =====	Elementos Específicos	===== */
body {
	line-height: 1;
	font: 62.5% Tahoma, sans-serif;	
	background: black;
	color: #620;
}

/* -- Laterais -- */
div.lateral {
	float: left;
	width: 20px;
	height: 938px;
}
.lateral#esq div.norte, 
.lateral#esq div.sul {background: url("img/sombra_esq.png") repeat-y;}
.lateral#dir div.norte, 
.lateral#dir div.sul {background: url("img/sombra_dir.png") repeat-y;}
.lateral div.norte {
	height: 450px;
	margin-bottom: 47px;
}
.lateral div.sul {height: 300px;}

/*-- CONTÊINER --*/
div#conteiner {
	float: left;
	width: 970px;
}
#conteiner iframe {
	width: 100%;
	height: 350px;
}

/*--- CONTEÚDO ---*/
div#conteudo {
	overflow: hidden;
	width: 950px;
	height: 350px;
	padding: 0 10px;
	background: #c60 url("img/bg_conteudo.jpg") no-repeat fixed;
}
#conteudo h1 {
	height: 55px;
	margin-bottom: 0.3em;
	font-size: 3.2em;
	color: black;
}
#conteudo h2 {
	font-size: 2.2em;
	color: #600;
}
#conteudo h3 {
	margin-bottom: 0.5em;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.7em;
	color: #930;
}
#conteudo h4 {
	border-bottom: 1px solid #c60;
	padding: 0.25em 1em;
	margin-bottom: 0.25em;
	font-size: 1.1em;
	font-style: italic;
	color: #fd6;
}
#conteudo p {
	padding: 0 0.5em;
	margin-bottom: 1em;
	font-size: 1.1em;
	text-align: justify;
}
#conteudo p img {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
	border: 1px solid #c60;
}
#conteudo span {
	font-weight: bold;
	color: white;
}
#conteudo li {border-top: 1px solid #c60;}
#conteudo li h2 {
	width: auto;
	height: auto;
	margin: 0;
}
#conteudo h2 a {
	display: block;
	width: auto;
	height: 100%;
}
#conteudo li h2 a {
	height: auto;
	padding: 1em;
	margin: 0;
	color: #900;
}
#conteudo li h2 a:hover {background: #410;}
/*--- Formulário ---*/
#conteudo form{
	margin: 0 auto;
	text-align: right;
}
#conteudo fieldset {border: none;}
#conteudo fieldset li {
	border: none;
	margin-bottom: 0.5em;
}
#conteudo label {
	margin-right: 0.5em;
	vertical-align: middle;
}
#conteudo label.align_top{vertical-align: top;}
#conteudo input,
#conteudo textarea,
#conteudo select
{
	font-family: Arial, sans-serif;
	font-weight: bold;	
	vertical-align: middle;
	background: none;
	color: #410;
}
#conteudo input.campo,
#conteudo textarea 
{
	padding: 0.5em;
	border: 1px solid #c60;
}

#conteudo #servicoscont
{
padding-left:140px;
text-align:left;
}

#conteudo input.check
{
clear:both;
width:30px;
}

#conteudo textarea {
	height: 3.5em;
	font-size: 1.2em;
	color: #900;
}
#conteudo input.radio {
	width: 1em !important;
	border: none;
	margin: 0 0.5em 0 2em !important;
}
#conteudo label,
#conteudo select,
#conteudo input.radio,
#conteudo input#botao {cursor: pointer;}
#conteudo input#botao {
	width: 10em !important;
	border: 1px solid #900;
	margin: 0;
	background: #410;
	color: white;
}
/*---- Campos Obrigatórios ----*/
#conteudo fieldset#campos_obrigatorios {
	border: 1px dashed #b60;
	padding: 1em;
	margin-bottom: 1em;
}
#campos_obrigatorios p {
	margin-bottom: 0; 
	text-align: center;
}
#campos_obrigatorios div#error {
	text-align: center;
}
#campos_obrigatorios label {
	float: left;
	border-bottom: 1px dotted #ff0;
	padding-top: 0.75em;
	margin: 0 3%;
	font-weight: bold;
}
/*---- Box ----*/
#conteudo div.box {
	overflow: hidden;
	float: left;
	display: inline;
	width: 303px;
	height: 335px;
	margin: 0 10px;
	background: url("img/bg_box.png") repeat-x left bottom;
}
* html #conteudo div.box {background: url("img/bg_box.jpg") no-repeat left bottom;}
div.box#principal {
	width: 626px;
	margin-left: 0;
}
.box div.auxiliar {
	overflow: auto;
	height: 247px;
	margin: 2em 1.5em 0;
}
#videos #principal div.auxiliar,
.index #principal div.auxiliar {padding-right: 1.5em;}
.box h2 {
	height: 55px;
	margin-bottom: 0.35em;
}
/*---- Box Infos ----*/
#conteudo div.box#infos {margin-right: 0;}
* html #conteudo div.box#infos {background: url("img/bg_box.jpg") no-repeat right bottom;}
#infos h2 {background: url("img/bg_h1_infos.jpg") no-repeat 1px top;}
#infos p {text-align: center;}

/*-- NAVEGAÇÃO --*/
#conteiner div#navegacao {
	position: relative;
	height: 496px;
	background: url("img/topo.jpg") no-repeat top center;
}
#navegacao a#logo {
	position: absolute; bottom: 80px; right: 14px;
	display: block;
	width: 350px;
	height: 115px;
	text-transform: uppercase;
}
/*--- Menu ---*/
#navegacao ul#menu {
	position: absolute; bottom: 0; left: 0;
	width: 100%;
	padding: 15px 0;
	font-size: 1.3em;
	text-align: center;
	color: #222;
}
#menu li {display: inline;}
#menu li a {
	padding: 0 0.5em;
	text-transform: uppercase;
	text-decoration: none;
	color: #666;
}
#navegacao li a:hover {color: #06f;}

/*-- RODAPÉ --*/
#rodape p#copyright {
	float: left;
	width: 270px;
	padding-top: 1em;
	padding-left: 15px;
	font-size: 1.1em;
	color: #444;
}
/*--- Redes Sociais ---*/
#rodape ul#redes_sociais {
	float: left;
	width: 390px;
}
#redes_sociais li {display: inline;}
#redes_sociais a {
	float: left;
	width: 33.3%;
	height: 75px;
} 
#redes_sociais a#twitter {background: url("img/logo_twitter.jpg") no-repeat center top;}
#redes_sociais a#twitter:hover {background: url("img/logo_twitter.jpg") no-repeat center bottom;}
#redes_sociais a#myspace {background: url("img/logo_myspace.jpg") no-repeat center top;}
#redes_sociais a#myspace:hover {background: url("img/logo_myspace.jpg") no-repeat center bottom;}
#redes_sociais a#orkut {background: url("img/logo_orkut.jpg") no-repeat center top;}
#redes_sociais a#orkut:hover {background: url("img/logo_orkut.jpg") no-repeat center bottom;}
/*--- Desenvolvedor ---*/
#rodape a#desenvolvedor {	
	float: left;
	width: 104px;
	height: 75px;
	margin-left: 185px;
	background: url("img/logo_guiasaoroque.jpg") no-repeat center top;
}
#rodape a#desenvolvedor:hover {background: url("img/logo_guiasaoroque.jpg") no-repeat center bottom;}


/*====================== Index Principal ======================*/
body#index {
	width: 1013px;
	margin: 0 auto;
	background: black url("img/bg_body.gif") repeat-x left -2px;
}
#index div#player {
	position: absolute; top: 0; right: 0;
	width: 350px;
}
/*====================== Fim de Index Principal ======================*/

/*====================== Home Page ======================*/
#home .box li {
	height: 3em;
	padding-top: 0.25em;
	padding-bottom: 0;
	font-size: 1.3em;
}
#home .box li a {color: #620;}
#home .box li a:hover {
	border-bottom: 1px solid #f90;
	color: #ff9;
}
#home .box li a:hover span {color: #ff0;}
/*---- Box Agenda ----*/
#home div.box#agenda {margin-left: 0;}
#home #agenda h2 {background: url("img/bg_h1_agenda.jpg") no-repeat 1px top;}
/*---- Box Top 5 ----*/
* html #home div.box#top5 {background: url("img/bg_box.jpg") no-repeat center bottom;}
#home #top5 h2 {background: url("img/bg_h1_top5.jpg") no-repeat 1px top;}
/*---- Box Destaques ----*/
#home div.box#destaques {margin-right: 0;}
* html #home div.box#destaques {background: url("img/bg_box.jpg") no-repeat right bottom;}
#home #destaques h2 {background: url("img/bg_h1_destaques.jpg") no-repeat 1px top;}
#home #destaques h3 {
	padding: 0;
	margin-bottom: 0.3em;
	font-weight: normal;
	font-style: italic;
	text-transform: none;
}
#home #destaques h3#um {background: url("img/foto_dstq01.jpg") no-repeat center;}
#home #destaques h3#dois {background: url("img/foto_dstq02.jpg") no-repeat center;}
#home #destaques a {
	position: relative;
	display: block;
	height: 114px;
	border: 2px solid #c60;
	margin: 0;
	padding: 0;
	color: white;
}
#home #destaques a:hover {border-color: #600;}
#home #destaques a span {
	position: absolute; left: 0; bottom: 0.5em;
	padding: 0 0.5em;
	font-size: 0.8em;
	font-weight: normal;
}
#home #destaques a:hover span {
	bottom: 0.25em;
	font-size: 1.3em;
	font-family: Impact;
	font-style: normal;
	text-transform: uppercase;
	background: #f30;
}
/*====================== Fim de Home Page ======================*/

/*====================== Página Sobre ======================*/
#sobre #conteudo h1 {background: url("img/bg_h1_sobre.jpg") no-repeat 1px top;}
#sobre #principal h2 {height: auto;}
/*====================== Fim de Página Sobre ======================*/

/*====================== Página Agenda/Notícias ======================*/
#agenda #conteudo h1 {background: url("img/bg_h1_shows.jpg") no-repeat 1px top;}
#noticias #conteudo h1 {background: url("img/bg_h1_noticias.jpg") no-repeat 1px top;}
/* === Index === */
.index #conteudo li#primeira {border: none;}
/* === Internas === */
.interna a.mais {
	float: right;
	padding: 0.25em 0;
	margin: 2.5em 1.5em 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #930;
}
.interna a.mais:hover {
	border-bottom: 1px dotted #f90;
	color: #ff0;
}
.interna #principal h2 {height: auto;}
/*====================== Fim da Página Agenda/Notícias ======================*/

/*====================== Página Vídeos ======================*/
#videos #conteudo h1 {background: url("img/bg_h1_videos.jpg") no-repeat 1px top;}
#videos #conteudo li {clear: both;}
#videos #conteudo li#primeira {border: none;}
#videos #conteudo div.infos {
	float: right;
	width: 210px;
}
/*====================== Fim da Página Vídeos ======================*/

/*====================== Página Publicações ======================*/
#publicacoes #conteudo h1 {background: url("img/bg_h1_publicacoes.jpg") no-repeat 1px top;}
/*====================== Fim da Página Publicações ======================*/

/*====================== Página Downloads ======================*/
#downloads #conteudo h1 {background: url("img/bg_h1_downloads.jpg") no-repeat 1px top;}
#downloads #conteudo ul h2 a {
	padding-left: 3em;
	background: url("img/icon_download.gif") no-repeat 0.75em center;
}
#downloads #conteudo ul h2 a:hover {background: #410 url("img/icon_download.gif") no-repeat 0.75em center;}
/*====================== Fim da Página Downloads ======================*/

/*====================== Página Links ======================*/
#links #conteudo h1 {background: url("img/bg_h1_links.jpg") no-repeat 1px top;}
#links #conteudo li h2 span {
	display: block;
	font-size: 0.7em;
}
#links #conteudo li h2 a {color: white;}
#links #conteudo li h2 a span {color: #900;}
/*====================== Fim da Página Links ======================*/

/*====================== Página Contato ======================*/
#contato #conteudo h1 {background: url("img/bg_h1_contato.jpg") no-repeat 1px top;}
#contato input {width: 170px;}
#contato input#nome {margin-right: 17px;}
#contato input#telefone {margin-right: 22px;}
#contato textarea {width: 427px;}
/*====================== Fim da Página Contato ======================*/

/*====================== Página Galeria ======================*/
body#galeria {background: black url("img/bg_body_galeria.png") repeat-x left -2px;}
#galeria div#conteiner {
	float: none;
	height: 700px;
	padding: 0 20px;
	margin: 0 auto;
	background: url("img/sombra_body_galeria.png") repeat-y center;
}
/*--- TOPO ---*/
#galeria #conteiner div#navegacao {
	height: 136px;
	background: url("img/bg_topo_galeria.png") no-repeat top center;
}
#galeria #navegacao a#logo {left: 0; top: 0.4em;}
* html #galeria #navegacao a#logo {left: 0; top: 0.2em;}
#galeria #navegacao div#titulo_galeria {
	float: left;
	display: inline;
	width: 61%;
	margin-left: 350px;
	padding: 2.5em 2em 1em;
}
#galeria #titulo_galeria h1 {
	font-size: 3.6em;
	font-style: italic;
	color: #09f;
}
#galeria #titulo_galeria h2 {
	font-size: 1.8em;
	font-style: italic;
	font-weight: normal;
	color: #cff;
}
#galeria #navegacao h3 {
	clear: both;
	padding: 0.7em 0;
	font-size: 1.3em;
	letter-spacing: 0.4em;
	text-align: center;
	color: #666;
}
#galeria #navegacao a.fechar {
	position: absolute; right: 0.5em; bottom: 0.3em;
	font: bold 2em 'Verdana', sans-serif;
	text-transform: uppercase;
	text-align: right;
	color: #0f0;
}
#galeria #navegacao a.fechar:hover {color: white;}
#galeria #navegacao a.fechar span {
	color: #444;
}
#galeria #navegacao a.fechar:hover span {
	display: inline;
	color: #70f;
}
/*--- CONTEÚDO ---*/
#galeria ul#conteudo {padding: 1em;}
#galeria #conteudo li {
	float: left;
	height: auto;
	margin: 1em;
	border: none;
}
#galeria #conteudo li a {
	display: block;
	width: 120px;
	height: 90px;
	padding: 0.75em;
	border: 1px solid #444;
}
#galeria #conteudo li a:hover {border-color: #06f;}
/*====================== Fim da Página Galeria ======================*/