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



			CSS GERAL
			
			
			
===================================== */

/* ================   ESTRUTURA GERAL */

* { margin: 0px; padding: 0px; border: none;}
body { background: #333333 url(imagens/body.png) repeat-x; font-family: Tahoma, Arial, sans-serif; margin: 0px;	padding: 0px;}
#geral { width: 760px; margin: 0px auto;}
#topo { height: 150px;}
#conteudo { width: 100%; height: auto; position: relative; margin-top: 5px;}


/* ================   RODAPE */
#rodape { height: 60px; clear: both; text-align: center;}
#rodape p { font-size: 0.7em; padding-top: 15px; color: #EDEEEF;}
#rodape a  { color: #00CCFF;}
#rodape a:hover  { color: #EDEEEF;}


/* ================   BASICO */

h1 {
	text-indent: -8999px;
	height: 117px;
	width: 170px;
	position: relative;
	top: 15px;
	left: 0px;
	background-image: url(imagens/logo_ft_audio_video.png);
	background-repeat: no-repeat;
	background-position: center center;
}
h2 { font-size: 1.5em; color: #EDEEEF; font-weight: normal; margin: 0px 5px 10px; font-family: Arial, Helvetica, Verdana, sans-serif;}
h3 { font-size: 1.2em; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; color: #00CCFF; margin: 15px 0px 2px 5px;
}
h4 { font-size: 0.8em; color: #00CCFF;}
h5 { font-size: 0.8em; color: #003366;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}


/* ======++++++++++++++++++++++++++++++==========   CONTEUDO */

/* ================   COLUNA 2 */
#coluna1 { float: left; width: 480px; color: #EDEEEF; height: auto; padding: 20px 10px 20px 0px;}
#coluna1 p { font-size: 0.8em; color: #EDEEEF; text-align: justify; margin: 0px 5px 5px;}
#coluna1 a { color: #FF9900; text-decoration: none; font-weight: bold;}
#coluna1 a:hover { color: #FFFFFF; text-decoration: underline;}

/* ================   COLUNA 2 */
#coluna2 {
	float: left;
	height: auto;
	width: 249px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#coluna2 p { font-size: 0.7em; color: #EDEEEF; padding: 5px;}
#coluna2 img { float: left; border: 1px solid #999999; padding: 2px; margin: 0px 8px 3px 3px; clear: both;}
#coluna2 a { text-decoration: none;}
#coluna2 a:hover { color: #FFFFFF;}
#coluna2 .link { background: url(imagens/st_a.gif) no-repeat left center; padding-left: 13px; font-size: 0.7em; font-weight: bold; color: #FF9900;}

.tel { font-size: 1em; color: #FFFFFF; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 10px 0px 5px; font-weight: bold;	display: block;}

.destaque { position: relative; width: 100%; float: left; margin: 10px 0px 10px 0px;}

/* ================   MENU */

#menu { height: 40px;}
#menu a {
	background: url(imagens/mn_esq.png) no-repeat left top;
	display: block;
	height: 30px;
	width: 112px;
	line-height: 32px;
	font-size: 0.8em;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}
#menu a:hover { color: #333333;}
#menu ul {
	list-style:none;
	display: block;
	float: right;
}
#menu li {
	background: url(imagens/mn_dir.png) no-repeat right top;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 0px;
}
#menu #current { background: url(imagens/mn_dir_o.png) no-repeat right center; height: 32px;}
#menu #current a {
	background: url(imagens/mn_esq_o.png) no-repeat left center;
	height: 32px;
	color: #333333;
}


/* ================   SERVIÇOS */

#servicos { float: left; width: 100%; color: #EDEEEF; height: auto; padding: 20px 0px;}
#servicos p { font-size: 0.8em; color: #EDEEEF; text-align: justify; margin: 0px 5px 5px;}
#servicos h3 { color: #00CCFF; font-size: 1.4em; font-weight: normal; margin: 15px 0px 0px 5px;}
#servicos ul { list-style-position: inside; list-style-type: disc; margin: 20px;}
#servicos li { margin: 0px; padding: 0px;}
#servicos a { margin: 0px; padding: 0px; color: #FF9900; text-decoration: none;}
#servicos a:hover { margin: 0px; padding: 0px; color: #FFFFFF; text-decoration: underline;}

#list {}
#list ul { width: 339px; margin: 10px 5px 10px 3px; float: left; border-left: 10px solid #00CCFF; color: #333333; background: #DBE0E3 url(imagens/fd_ul_ser.png) repeat-x bottom; height: auto; padding: 10px;}
#list li { list-style-position: inside; list-style-type: square; font-size: 0.8em; margin-top: 2px;}


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

#projetos { padding: 20px 0px; float: left; width: 100%;}
#projetos h3 { clear: both;}
#projetos p { color: #EDEEEF; font-size: 0.8em; margin: 0px 5px 0px 5px;}
#projetos img { height: 90px; width: 175px;}
#projetos a { color: #FF9900; text-decoration: none; font-weight: bold;}
#projetos a:hover { text-decoration: underline;}
#projetos ul { display: block; float: left; margin: 5px 0px 15px; width: 100%;}
#projetos li { list-style-position: inside; list-style-type: none; display: inline; float: left; margin-left: 5px;}
#projetos .fotoproj a { display: block; margin: 10px 2px; border: 2px solid #EDEEEF; height: 90px; width: 175px;}
#projetos .fotoproj a:hover { border: 2px solid #00CCFF; background-color: #0099CC;}
#projetos hr { clear: both; border: 1px solid #333333;}

/* ================  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);}


/* ================   MATERIAS */

#matmenu { width: 200px; float: left; height: auto;}
#matmenu p { font-size: 0.7em; color: #FFFFFF; margin-top: -2px; margin-bottom: 10px;}
#matmenu ul { width: 200px;}
#matmenu li { list-style-type: none; list-style-position: inside; font-size: 0.8em; margin: 5px 10px 5px 0px;}
#matmenu a { color: #FF9900; text-decoration: none; background: url(imagens/st_a.gif) no-repeat left center; display: block; padding-left: 14px;}
#matmenu a:hover { text-decoration: underline; background: url(imagens/st_as.gif) no-repeat left center; color: #FFFFFF;}
#matmenu h2 { color: #EDEEEF; margin: 15px 0px 0px;}
#matmenu .selected { color:#CCCCCC; background: url(imagens/st_ah.gif) no-repeat left center;}
#matmenu .linklimpo { background-image: none; padding: 5px 0px;}
#matmenu .linklimpo:hover { background-image: none;}

#materias { width: 538px; background: #BAC3C7 url(imagens/fd_ul_ser.png) repeat-x top; float: left; padding: 10px 10px 30px 8px;margin-right: 4px;}
#materias p { color: #333333; font-size: 0.8em; margin: 5px; text-align: justify;}
#materias h2 { color: #333333; margin-top: 5px; margin-bottom: 20px; border-bottom: 1px solid #E1E5E8;}
#materias br { display:none;}
#materias li { color: #333333; font-size: 0.8em; margin: 5px; text-align: justify; list-style: inside square;}
#materias img {
	background-color: #333333;
	padding: 3px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 5px;
	float: left;
}
#materias .carregando { text-align:center; padding:150px 0;}
#materias a {
	color: #0099FF;
	text-decoration: none;
}
#materias a:hover {
	color: #FF9900;
	text-decoration: underline;
}

/* ================   CONTATO */

#contato { float: left; color: #EDEEEF; height: auto; padding: 20px 10px 20px 0px; width: 520px;}
#contato p { font-size: 0.8em; color: #EDEEEF; text-align: justify; margin: 0px 5px 5px;}
#contato a  { color: #00CCFF;}
#contato a:hover  { color: #EDEEEF;}
#contbar { width: 210px; float: left; height: 300px; padding-right: 10px; padding-left: 10px;}
#contato form { margin-top: 20px; margin-bottom: 20px;}
#contato label { font-size: 0.8em; color: #333333; text-align: right; display: block; width: 130px; float: left; clear: both; background: url(imagens/mn_dir.png) repeat right bottom; padding: 2px 20px 2px 2px; margin-top: 5px; margin-left: 0px;}
#contato textarea { font-size: 0.9em; font-family: Arial, Verdana, sans-serif; color: #333333; background-color: #EDEEEF; margin: 5px 3px 0px -3px;}
#contato legend {
	display: none;
}
#contato fieldset { margin-left: 5px;}
.botao { background: #00CCFF url(imagens/mn_dir.png) no-repeat; color: #EDEEEF; border: 1px solid #003300; padding: 3px; width: 100px;}
.campo { background-color: #EDEEEF; color: #333333; margin-top: 5px; padding: 2px; margin-left: -3px; margin-right: 3px; margin-bottom: 0px;}


/* ================   TRABALHE */


#trabalhe {
	float: left;
	color: #EDEEEF;
	height: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 95%;
}
#trabalhe p {
	font-size: 0.7em;
	color: #EDEEEF;
	text-align: justify;
	margin: 10px;
}
#trabalhe a  { color: #00CCFF;}
#trabalhe a:hover  { color: #EDEEEF;}
#trabalhebar { width: 210px; float: left; height: 300px; padding-right: 10px; padding-left: 10px;}
#trabalhe form {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
}
#trabalhe label {
	font-size: 0.8em;
	color: #09F;
	text-align: right;
	display: block;
	width: 180px;
	float: left;
	clear: both;
	font-weight: bold;
	margin: 5px;
	padding: 2px;
}
#trabalhe textarea {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 500px;
}
#trabalhe legend {
	display: none;
}
#trabalhe select {
	font-size: 0.8em;
	padding: 2px;
	width: 405px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#trabalhe input[type="text"]  {
	width: 400px;
}
#trabalhe fieldset { margin-left: 5px;}
.botaotrabalhe { background: #00CCFF url(imagens/mn_dir.png) no-repeat; color: #EDEEEF; border: 1px solid #003300; padding: 3px; width: 100px;}
.campotrab {
	background-color: #EDEEEF;
	color: #333333;
	padding: 2px;
	margin: 5px;
}