/* CSS Document

ECOTRONI DO BRASIL - Arquivo CSS
Desenvolvido por Estúdio Marambaia

 */

	* {
	margin:0;
	padding:0;	
	list-style: none;
	text-decoration:none;
	}
	
	body {background:#fff;}
	
	html{}
	
	#geral {
	margin:0 auto;
	width:810px;
	background:#fff url(img/fdo_geral.gif);
	}
	
	#cabecalho {
	border:0px solid #000;
	width:810px;
	height:222px;
	background:url(img/cabecalho2.jpg);
	}

	#flash {
	float:right;
	border:0px solid #000;
	height:200px;
	margin-right:25px;
	padding-top:20px;
	}
	
	h1 a {
	border:0px solid #000;
	padding-top:10px;
	margin-left:20px;
	display:block; 
	width:350px;
	height:90px;
	text-indent: -5000px;
	overflow:hidden;
	}
	
	h2 {
	float:left;
	font:bold 32px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#077FBC;
	width:40%;
	margin-top:10px;
	margin-left:35px;
	}
	
	h3 {
	font:bold 30px/35px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#077FBC;
	text-transform:uppercase;
	}
	
	h4 {
	font:bold 18px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#077FBC;
	text-transform:uppercase;
	}
	
	
/*  Menu dropDown  Início*/		

	#menu {
	clear:both;
	height:50px;
	padding-left:40px;
	background: url(img/fdo_menu.jpg);
	}

	#nav li {
	display:block;
	height:50px;
	font:bold 18px/43px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	}

	#nav a {
	display:block;
	height:50px;
	color:#fff;	
	text-decoration:none;
	padding:0 10px 0 10px;
	}

	#nav a:hover {
	display:block;
	height:49px;
	color:#077FBC;
	background: url(img/fdo_menu_hover.jpg);
	}

	#nav li li a {
	display:block;
	width:10em; 
	height:50px;
	color:#fff;
	background:url(img/fdo_menu2.jpg);
	border:1px solid #077FBC;
	}
		
	#nav li li a:hover {
	display:block;
	color:#077FBC;
	width:10em;
	height:50px;
	background:url(img/fdo_menu_hover.jpg);
	}
	
	li {
	display:block;
	float: left;
	position: relative;
	text-align: left;
	}

	li li{
	display:block;
	text-align:left;
	}

	ul {background:#ccc;}

	li ul {
	display: none;
	line-height:20px;	
	position: absolute;
	top: 35px;
	left: 0;
	}
	
	li:hover ul, li.over ul {display: block;}

/* ************************************************************************ */
	
	
	#conteudo {
	border:0px dotted #ccc;
	float:left;
	width:65%;
	margin:20px 0 10px 20px;
	_margin:20px 0 10px 10px;
	padding:10px;
	font:16px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#000;
	}
	
	#conteudo p {
	border:0px solid #000;
	text-align:left;
	padding:20px 0 0 0 ;
	}
	
	#conteudo h4 a {text-decoration:none; color:#1686C1;}
	
	#conteudo img {border:none;}
	
	table {
	margin:0 auto; 
	width:90%;
	background-color:#F5F5F5;
	}
	
	th {
	background-color:#fff; 
	color:#000;
	padding:5px;
	font-size:20px;
	}
	
	td {
	padding-left:15px;
	border-bottom:1px solid #DCDCDC;
	}
	
	tr:hover {
	background-color:#808080; 
	color:#fff;
	-webkit-transition: background 1s linear;
	}
	
	.orange td {color:#FF8C00;}
	
	.refer td  {
	font-weight:bold; 
	text-align:center;
	color:#000;
	padding:2px;
	background-color:#E4E4E4;
	}
	
	
	#galeria {padding:15px;}

	#galeria img {border:2px solid #C0382C;}
		
	/** INÍCIO DA SEÇÃO DO FORMULÁRIO DE CONTATO **/

		#formulario {
		width: 350px;
		padding: 10px 10px;
		text-align:left;
		font:14px 'Trebuchet Ms', Verdana, Arial;
		color:#000;		
		}

	fieldset {
		border: 1px dotted #727272;
		padding: 12px;
		}

	legend {padding:15px;}

	label {color: #000;}

	input {margin-right:20px; vertical-align:middle;}

	input.caixa {
		width: 302px;
		height: auto;
		background-color: #FFFFFF;
		border: 1px solid #727272;
		padding: 3px;
		margin-bottom: 3px;
		}

	select {
		width: 216px;
		height: auto;
		border: 1px solid #727272;
		margin-bottom: 3px;
		padding: 3px;
		}

	optgroup {
		background-color: #FFFFB0;
		color: #333333;
		font-style: normal;
		}

	option {
		background-color: #FFFFE8;
		color: #333333;
		}

	textarea {
		width: 302px;
		height: 120px;
		border: 1px solid #727272;
		margin-bottom: 3px;
		padding: 3px;
		}

	#enviar {
		width: 100px;
		height: auto;
		padding: 5px;
		margin: 10px 0px 10px 14px;	
		}

	input:hover, select:hover, textarea:hover {
		background-color: #F2F3F4;
		}

	input:focus, select:focus, textarea:focus {
		background-color: #FFFFCC;
		}

	input.botao {
	border:1px solid #727272;
	width:80px;
	height:25px;
	background-color:#B5D5DD;
	}

/** FIM DA SEÇÃO DO FORMULÁRIO **/
	
	.legenda {font:bold italic 9px/20px  Arial, Sans-serif; border-bottom: 1px solid #000;}
	
	#destaque {
	margin-top:10px;
	border:0px solid #000;
	width:560px;
	height:204px;
	background:url(img/destaque.jpg);
	}
	
	#destaque h4 {
	padding-top:10px;
	margin-left:20px;
	font:bold 25px/25px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#E60505;
	}
	
	#destaque h5 {
	padding-top:10px;
	margin-left:20px;
	font:bold 14px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#0095DF;
	}
		
	#destaque p {
	padding-left:20px;
	width:520px;
	font:bold 14px/15px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#000;
	}
	
	#nav_interna {
	font:bold 14px/25px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#fff;
	float:right;
	width:20%;
	margin:30px 30px 10px 0;
	_margin-right:10px;
	padding:0 10px 10px 10px;
	background-color:#C0382C;
	}
	
	#nav_interna h5 {
	padding-top:10px;
	font:bold 18px/30px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-style:italic;
	}
	
	#nav_interna h5  a {
	color:#fff; 
	padding:2px; 
	display:block;
	text-decoration:underline;
	}
	
	#nav_interna h5  :hover{
	color:#077FBC; 
	background-color:#fff; 
	display:block; 
	padding:2px;
	text-decoration:none;
	}
	
	#rodape {
	border:0px solid #000;
	margin-left:11px;
	width:780px;
	clear:both;
	background-color:#C0382C;
	height:100px;
	}

	#rodape address {
	float:left;
	text-align:left;
	padding:20px;
	margin-bottom:2px;
	font:bold 16px/20px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#fff;
	}
	
	#rodape p {
	text-align:right;
	padding-top:20px;
	margin-bottom:2px;
	margin-right:10px;
	font:bold 14px/20px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#fff;
	}
	
	#rodape a {
	font:bold 14px/20px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#fff;
	}
	
	#rodape a:hover {color:#3C3837;}
	
	#sign {
	text-align:center;
	clear:both;
	font:bold 10px/20px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	}
	

/* Lytebox - Estilo! */

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	posit