/*
 About this CSS code
 Media type: Screen
 URL: www.eplantec.com.br
 Author: Danielo Silva (contato@dssilva.org)
 Country: Brazil
 Comments: Portuguese (br)
 Time: Set 09
*/

/* GERAL */

html { background: #f9f9f9; }
body { font: 11px Tahoma; color: #575757; }
input,select,textarea,a { outline:none; }
em { font-style: italic; }
b, strong { font-weight: bold; }
a { text-decoration:none; color: #575757 }
ul { list-style: none; }

/* LAYOUT */

div#layout {
	position: relative;
	width: 1003px;
	margin: 0 auto;
}

/* TOPO */

div#layout div#topo {
	position: relative;
	width: 1003px;
	height: 271px;
	background: url(../img/topo_bg.jpg) no-repeat;
}

/* TOPO - Marca */

div#layout div#topo div#marca {
	position: absolute;
	width: 184px;
	height: 52px;
	top: 37px;
	left: 115px;
}

/* TOPO - Menu Superior */

div#layout div#topo div#menusuperior {
	position: absolute;
	width: 300px;
	top: 5px;
	left: 413px;
} div#layout div#topo div#menusuperior ul {
	text-transform: uppercase;
} div#layout div#topo div#menusuperior ul li {
	float: left;
	padding:0 5px;
	border-right: dotted 1px white;
} div#layout div#topo div#menusuperior ul li a {
	display: block;
	float: left;
	color: white;
}
div#layout div#topo div#menusuperior ul li a:hover { border-bottom: solid 1px white; padding-bottom: 1px; }
div#layout div#topo div#menusuperior ul li.noborder { border: none; }

/* TOPO - Webmail */

div#layout div#topo div#webmail {
	position: absolute;
	width: 378px;
	height: 55px;
	top: 25px;
	right: 34px;
	line-height: 55px;
} div#layout div#topo div#webmail form {

} div#layout div#topo div#webmail form p {
	float:  left;
	margin-right: 10px;
	color: #1a64a2;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
} div#layout div#topo div#webmail form label {
	float: left;
	width: 134px;
	height: 19px;
	background: url(../img/topo_webmail_bg_label.png) no-repeat;
	margin-right: 5px;
	margin-top: 17px;
} div#layout div#topo div#webmail form label input {
	background: none;
	border: 0;
	padding-left: 2px;
	margin-top: 3px;
}

div#layout div#topo div#webmail form label.botao { width: auto; height: auto; background: none; margin: 0; margin-top: 16px; padding: 0; }
div#layout div#topo div#webmail form label.botao button { background: none; border: 0; margin: 0; padding: 0; cursor: pointer; }
/* TOPO - Menu */

div#layout div#topo div#menu {
	position: absolute;
	width: 176px;
	height: 134px;
	top: 112px;
	left: 97px;
} div#layout div#topo div#menu ul {
	margin-top: 5px;
} div#layout div#topo div#menu ul li {
	text-align: right;
	height: 24px;
	line-height: 24px;
} div#layout div#topo div#menu ul li a {
	display: block;
	color: white;
}

div#layout div#topo div#menu ul li.a { padding-right: 48px; }
div#layout div#topo div#menu ul li.b { padding-right: 37px; }
div#layout div#topo div#menu ul li.c { padding-right: 25px; }
div#layout div#topo div#menu ul li.d { padding-right: 15px; }
div#layout div#topo div#menu ul li.e { padding-right: 0px; }

div#layout div#topo div#menu ul li a:hover { font-weight: bold; }

/* TOPO - Animação */

div#layout div#topo div#animacao {
	position: absolute;
	width: 614px;
	height: 165px;
	top: 80px;
	left: 335px;
	z-index: 5;
}

/* MAIN */

div#main {
	position: relative;
	display: table;
	width: 1003px;
	height: 404px;
	background: #e8e8e8 url(../img/main_bg.jpg) repeat-x top;
}

/* MAIN - colunaEsq */

div#main div#colunaEsq {
	float: left;
	position: relative;
	display: table;
	width: 316px;
}

div#main div#colunaEsq div#nossosservicos {
	position: relative;
	width: 248px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 30px;
}

div#main div#colunaEsq div#nossosservicos ul {}

div#main div#colunaEsq div#nossosservicos ul li {
	display: block;
	margin-bottom: 3px;
} div#main div#colunaEsq div#nossosservicos ul li a {
	display: block;
	height: 23px;
	text-align: right;
	padding-right: 34px;
	background: url(../img/nossosservicos_a_bg.png) no-repeat right;
	color: #747474;
	line-height: 23px;
}
div#main div#colunaEsq div#nossosservicos ul li a:hover { font-weight: bold; background: url(../img/nossosservicos_ahover_bg.png) no-repeat right; }

div#main div#colunaEsq div#enderecocontato {
	position: relative;
	width: 282px;
	height: 120px;
	top: 70px;
	background: url(../img/enderecontato_bg.png) no-repeat;
	text-align: right;
	padding-top: 17px;
	padding-right: 34px;
	line-height: 150%;
	font-size: 10px;
	color: #575757;
} div#main div#colunaEsq div#enderecocontato b {
	color: #1a64a2;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
div#main div#colunaEsq div#enderecocontato a { color: #1a64a2; text-decoration: none; }

/* MAIN - colunaMeio */

div#main div#colunaMeio {
	float: left;
	position: absolute;
	display: table;
	width: 415px;
	height: 404px;
	left: 316px;
	background: url(../img/colunaMeio_bg.png) no-repeat;
}

div#main div#colunaMeio #aempresa {
	position: relative;
	width: 341px;
	margin-top: 26px;
	margin-left: 29px;
}

div#main div#colunaMeio #ultimasNoticias {
	position: relative;
	width: 341px;
	margin-top: 26px;
	margin-left: 29px;
	text-align: left;
}

div#main div#colunaMeio #uoleconomiaFeed table,
div#main div#colunaMeio #uoleconomiaFeed tr { width: 100%; }

div#main div#colunaMeio #uoleconomiaFeed td.data { width: 25%; font-weight: bold; color: #1a64a2; vertical-align: top; text-align: center; }
div#main div#colunaMeio #uoleconomiaFeed td.titulo { width: 75% }
div#main div#colunaMeio #uoleconomiaFeed td { padding: 4px 0; border-bottom: solid 1px #e5e5e5; }
div#main div#colunaMeio #uoleconomiaFeed td.noborder { border: 0; }
div#main div#colunaMeio #uoleconomiaFeed a { display: block; }
div#main div#colunaMeio #uoleconomiaFeed a:hover { text-decoration: underline; }
div#main div#colunaMeio #uoleconomiaFeed p.fonte { margin-top: 2px; text-align: right; font-size: 10px; }
div#main div#colunaMeio #uoleconomiaFeed p.fonte a { display: inline; }

/* MAIN - colunaDir */

div#main div#colunaDir {
	float: right;
	position: relative;
	display: table;
	width: 316px;
}

div#main div#colunaDir #hotcase {
	position: relative;
	width: 195px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 30px;
} div#main div#colunaDir #hotcase p {
	text-align: justify;
} div#main div#colunaDir #hotcase p.imagem {
	text-align: center;
	padding: 5px;
	margin: 10px 0;
}

/* MAIN - colunaInterna */

div#main div#colunaInterna {
	float: left;
	position: absolute;
	display: table;
	width: 648px;
	height: 404px;
	left: 316px;
	background: url(../img/colunaInterna_bg.png) no-repeat;
}

div#main div#colunaInterna #conteudo {
	position: relative;
	width: 577px;
	height: 351px;
	margin-top: 26px;
	margin-left: 29px;
}

div#main div#colunaInterna #conteudo #texto {
	height: 319px;
	line-height: 150%;
	text-align: justify;
	padding-right: 5px;
} div#main div#colunaInterna #conteudo #texto p {
	margin-bottom: 8px;
} div#main div#colunaInterna #conteudo #texto p strong {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
} div#main div#colunaInterna #conteudo #texto span {
	display: block;
}

div#main div#colunaInterna #conteudo #texto ul { }
div#main div#colunaInterna #conteudo #texto ul li {
	background: url(../img/bg_li.gif) top left no-repeat;
	padding: 0;
	padding-left: 10px;
	margin-bottom: 5px;
} div#main div#colunaInterna #conteudo #texto ul li b {
	display: block;
	color: #1a64a2;
} div#main div#colunaInterna #conteudo #texto ul li li:first-child {
	margin-top: 5px;
} div#main div#colunaInterna #conteudo #texto ul li a:hover {
	text-decoration: underline;
}


/* saiba mais */

div#botaoSaibamais {
	position: relative;
	width: 100%;
	height: 23px;
	margin-top: 10px;
} div#botaoSaibamais a {
	display: block;
	float: left;
	width: 91px;
	height: 23px;
	background: url(../img/saibamais_bt.png) no-repeat;
} div#botaoSaibamais a:hover {
	background: url(../img/saibamais_bt_hover.png) no-repeat;
}


/* sucesso contato */

p.sucesso {
	display: block;
	clear: both;
	padding: 10px;
	text-align: center;
	color: #005390;
	font-size: 14px;
	margin-top: 40px;
}

/* RODAPÉ */
div#rodape {
	position: relative;
	width: 1003px;
	height: 48px;
	font-family: Tahoma;
	color: white;
	line-height: 48px;
	text-align: center;
	text-transform: uppercase;
	background: url(../img/rodape_bg.jpg) no-repeat;
}

/* FORMULÁRIO */

form#formulario {
	position: relative;
	width: 400px;
	margin: 0 auto;
}

form#formulario label { 
	display: block;
	margin-bottom: 5px;
	color: #1a64ac;
	font-weight: bold;
}

form#formulario input,
form#formulario textarea {
	width: 400px;
	font-family: Arial;
	font-size: 11px;
	padding: 2px;
	border: solid 1px #dbdbdb;
	font-weight: normal;
} form#formulario textarea {
	height: 110px;
}

form#formulario .areaBotao {
	text-align: right;
} form#formulario .areaBotao .botao {
	float: right;
	display: block;
	width: 91px;
	height: 23px;
	background: url(../img/formulario_bt_enviar.png) no-repeat;
	cursor: pointer;
	border: 0;
	padding: 0;
} form#formulario .areaBotao .botao:hover {
	background: url(../img/formulario_bt_enviar_hover.png) no-repeat;
}

/* TÓPICO */

h1#topico {
	position: relative;
	width: 100%;
	height: 22px;
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #1a64a2;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}

h1#topico span.noBold { font-weight: normal; }

h1#topico.esq { background: url(../img/topico_sombraesq_bg.png) no-repeat bottom; text-align: right; }
h1#topico.meio { background: url(../img/topico_sombrameio_bg.png) no-repeat bottom; text-align: left; }
h1#topico.dir { background: url(../img/topico_sombradir_bg.png) no-repeat bottom; text-align: left; }
h1#topico.interna { background: url(../img/topico_sombrainterna_bg.png) no-repeat left bottom; text-align: left; }

h1#topico.ultimasnoticias { background: url(../img/topico_ultimasnoticias_bg.jpg) no-repeat; height: 32px; line-height: 48px; }
h1#topico.ultimasnoticias span { margin-left: 42px; }

/* CLASSES .texto */

.texto { line-height: 160%; text-align: justify; }


/* CLASSES GERAIS */

.noborder { border: 0; }
.tright { text-align: right; }
.tleft { text-align: left; }
.tcenter { text-align: center; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }