/* ((((((((((((((((((((((((((((((((  GERAL  ))))))))))))))))  */

* { margin: 0px; padding: 0px;}
body {
	background: #D62D15 url(imagens/fd_body.png) repeat-x;
	font-family: Tahoma, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4 { font-family: Arial, Helvetica, Verdana, sans-serif;}
h1 { text-indent: -9877px; background: url(imagens/logo.png) no-repeat center center; height: 81px; width: 235px; margin-top: 80px; margin-left: 30px;}
h2 { color: #FFFFFF; margin: 10px 0px 0px 50px; background: url(imagens/h2.gif) no-repeat left top; padding-left: 35px; font-size: 1.0em; height: 30px;}
h3 { color: #FFFFFF; margin: 0px 0px 15px 50px; font-size: 0.9em;}
p { margin: 0px 20px 15px 50px; font-size: 0.8em; color: #FFFFFF; text-align: justify;}

.sub { font-size: 0.6em; padding-left: 36px; margin-top: -10px;}
.logoflash { height: 81px; width: 235px; margin-top: 81px; margin-left: 30px; position: relative; top: -81px; overflow: hidden;}


/* ((((((((((((((((((((((((((((((((  ESTRUTURA  ))))))))))))))))  */
#geral { height: 400px; width: 755px; margin: 20px auto;}
#logo { height: 240px; width: 303px; float: left; border-right: 1px solid #EC4E37;}
#menu { height: 240px; width: 451px; float: left;}
#barra { height: 60px; width: 100%; float: left; background: url(imagens/fd_barra.png) no-repeat center top;}
#submenu {
	height: 450px;
	width: 303px;
	float: left;
}
#conteudo {	height: auto; width: 451px; float: left; padding-bottom: 40px; border-left: 1px solid #EC4E37;}
#rodape { height: 40px; width: 100%; float: left; clear: both; background: url(imagens/fd_rodape.png) no-repeat right center; margin-top: 30px;}


/* ((((((((((((((((((((((((((((((((  RODAPE  ))))))))))))))))  */

#rodape p { font-size: 0.65em; color: #660000; font-family: Arial, Helvetica, "Times New Roman"; text-align: right; line-height: 40px;	padding-right: 80px; margin: 0px;}
#rodape a { color: #660000;}
#rodape a:hover { color: #FFFFFF; text-decoration: none;}


/* ((((((((((((((((((((((((((((((((  MENU  ))))))))))))))))  */

#menu ul { position: relative; top: 40px; left: 50px;}
#menu li { list-style-position: outside; list-style-type: none; margin: 0px 0px 15px 0px; color: #FFFFFF;}
#menu a { color: #FFFFFF; background: url(imagens/mn.gif) no-repeat left center; padding-left: 35px; text-decoration: none; font-size: 0.8em;}
#menu a:hover { color: #660000; background: url(imagens/mno.gif) no-repeat left center;}


/* ((((((((((((((((((((((((((((((((  CONTEUDO  ))))))))))))))))  */

#conteudo ul { left: 50px; color: #FFFFFF; position: relative;}
#conteudo li { list-style-position: inside; list-style-type: square; margin: 0px 0px 5px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 0.8em;}
#conteudo strong { color: #FFFFFF; font-family: Tahoma, Arial, sans-serif;}
#conteudo img {
	border-style: none;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}
#conteudo .foto { height: 100px; width: 350px; margin: 0px 0px 10px 50px; padding: 10px; border: 1px solid #EC4E37;background-color: #D62D15;}
#conteudo a { color: #FFFFFF; font-weight: bold;}
#conteudo a:hover { color: #FFFFFF; text-decoration: none;}
.carregando { font-size: 0.8em; color: #FFFFFF; margin: 10px 50px 10px 50px;}
#tocador {
	height: 320px;
	width: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}


/* ================  POPUP PROJETOS */

#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; }	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(imagens/overlay.png);}



/* ((((((((((((((((((((((((((((((((  CONTATO  ))))))))))))))))  */

#form { position: relative; left: 50px; width: 360px; float: left;}
#form fieldset { border: none;}
#form legend { font-size: 0.8em; margin-left: 10px;}
#form label { font-size: 0.7em; margin: 5px; width: 70px; display: block; float: left; color: #FFFFFF;}
#form input, select, textarea { margin: 5px; border: 1px solid #7C1A0C; font-size: 0.8em; color: #7C1A0C; background-color: #FFFFFF;}
#form textarea  { font-family: Arial, Helvetica, Verdana, sans-serif;}
#form .botao { border: 1px solid #7C1A0C; color: #7C1A0C; padding: 4px 4px 4px 8px; background: #FFFFFF url(imagens/h2.gif) repeat-y left top; font-size: 0.7em;}


/* ((((((((((((((((((((((((((((((((  SUBMENU  ))))))))))))))))  */

#submenu h3 {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
#submenu h4 {
	font-size: 0.8em;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#submenu ul  {}
#submenu ul li {
	font-size: 0.7em;
	color: #FFFFFF;
	list-style-position: inside;
	list-style-type: square;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 60px;
}
#submenu a { text-decoration: none; color: #FFFFFF;}
#submenu a:hover { text-transform: uppercase; color: #FFFFFF;}


/* ((((((((((((((((((((((((((((((((  DIVERSOS  ))))))))))))))))  */

#logocomemoracao {
	width: 235px;
	margin-left: 31px;
	margin-top: 90px;
}
#fotolateral {
	height: 270px;
	width: 250px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#fotolateral p {
	margin: 0px;
	font-size: 11px;

}