@charset "utf-8";
/*
	WEBROOM - Soluções Interativas 
	Av. Vasconcelos Costa, 606 - Sala 1 - B. Martins - Uberlândia/MG - Fone: +55 (34) 3217-1253
	Site: www.webroom.com.br - E-mail: webroom@webroom.com.br
	Projeto: UBERZEM
	Data: Uberzen - agosto 2006
	Autor: Junio Cardoso Santos
*/

/*..........STRUCTURE..........*/
/****************************************************************/
* { margin:0px; padding:0px; border:0px; list-style-type:none; }
body { font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:0; background:#CCC; }


/*..........CORPO ..........*/
/****************************************************************/
#corpo { margin:0 auto; text-align:center; }
#corpo .wrap { width:772px; background:url("../imagens/fundo_page.gif") repeat-y; margin:0 auto; display:block; }
#corpo .header { }
#corpo .content { float:right; width:576px; margin:0; text-align:left; display:table; }
* HTML #corpo .content { margin:0; }
#corpo .column { width:186px; overflow:hidden; display:table; float:left; }
#corpo .footer { clear:both; display:table; width:772px; float:none; }


/*..........HEADER..........*/
/****************************************************************/
.header { background:url("../imagens/header.jpg"); margin:0; padding:0; height:186px; text-align:left; }
.header #site-name { margin:0 0 0 40px; padding:3px 0; color:#ccc; border:none}
.header .name a { font-size:1px; line-height:1px; position:absolute; top:15px; width:130px; height:100px; margin:0 0 0 14px; text-indent:-300px; overflow:hidden; }


/*..........COLUMN..........*/
/****************************************************************/
/****************************************************************/
.column .navigation { text-align:left; padding:0 0 0 0; font-size:11px; }
.column .navigation li { }
.column .navigation li a { color:#555; display:block; text-decoration:none; background:url("../imagens/fundo_menu.gif") left bottom no-repeat; text-indent:10px; padding:3px 0; }
* HTML	.column .navigation li a { margin:0 0 -14px 0; }
.column .navigation li a:hover { color:#FFF; background:url("../imagens/fundo_menu2.gif") left bottom no-repeat; }
.column .bannercolumn { padding:8px; }
.column .bannercolumn img { }



/*..........FORMS..........*/
/****************************************************************/
.contato { border:0; font-size:12px; line-height:normal; padding:0 10px; clear:left; width:150px; }
.contato input, .contato textarea, .contato select { border:2px solid #A2C06A; background-color:#FBFBFB; padding:2px; color:#5D5D5D; font:12px Arial, Helvetica, sans-serif; }
.contato input:hover, .contato textarea:hover, .contato select:hover { border:2px solid #326601; }
.contato input:focus, .contato textarea:focus, .contato select:hover { border:2px solid #326601; color:#E6240A; background-color:#fff; }
.contato #enviar { border:0; }
.contato legend { color:#000; font-size:1.0em; padding:10px 0; }
.contato span { color:#900; font-weight:bold; font-size:0.9em; margin-bottom:-15px; font-style:oblique; }
.contato label { display:block;  font-size:0.9em; color:#000; padding:0 0 0 2px; }
.contato .float { float:left; margin:0 10px 0 0; }
.contato .display { text-indent:-260px; display:block; overflow:hidden; }
.contato > .display { text-indent:-100px; }
.lateral { width:130px; }


.content label {display:block;padding: 5px 0}
.content label br {clear:left}




/*..........COMMONS..........*/
/****************************************************************/
.display { display:none; }
.content p, ul, ol { padding:0 10px; }
.content p { margin:10px 0 20px 0; }
.content strong { color:#326601; }
.content li { }
.content .imgsempresa { float:left; width:285px; padding:0 0 20px 0; }
.content .imgsempresa img { margin:0 auto; display:block; }
.content .imgstecnologia { float:left; width:285px; padding:0 0 20px 0; }
.content .imgstecnologia img { margin:0 auto; display:block; }
.content .imgcenter img { margin:0 auto; display:block; padding:0 0 20px 0; }


.content h1 { padding:7px 10px; background:url(../imagens/fundo_destaque.jpg) no-repeat; display:block; clear:both; color:#326601; font-size:16px; }
.content h2 { padding:4px 10px 7px 10px; background:url(../imagens/fundo_destaque.jpg) no-repeat; display:block; clear:both; color:#326601; font-size:16px; }
.content .destaque { width:270px; height:130px; float:left; display:table; padding:10px 10px; text-align:justify; background:#CCC; margin:5px; }
.content .destaqueflash { width:270px; height:150px; float:left; display:table; margin:5px 0; }
* HTML .content .destaque { padding:10px; height:130px; }
.content .boxend { width:400px; padding:10px 10px; text-align:justify; background:#CCC; margin:5px; }
* HTML .content .boxend { padding:10px; }

.content .destaque h3 { padding:0; display:table; clear:both; color:#555; font-size:16px; }
.content .destaque p { padding:2px 0 0 0 !important; margin:0; }
.content .destaque img { margin:0 10px 0 0; }
.content .cotacao { width:200px; margin:10px 20px; float:left; display:table; border:solid #999 1px; }
.content .cotacao img { padding:0; margin:0; border:none; }

.content img { padding:5px; margin:5px;; border:solid #999 1px; }
.content .diretores { background:#CCC; padding:10px; margin:12px; width:530px; text-align:justify; }
.content .diretores img { padding:5px; margin:5px; border:solid #999 1px; }

.imgtop { }
.imgtop img { padding:0; margin:0; border:none; }
.blocks { }
.blocks img { float:left; }
.blocks { display:table; clear:both; }


.content .imgmenu { width:550px; height:200px; background:url(../imagens/img_adm.jpg) no-repeat; }
.content .imgmenu h3 { padding:28px 0 0 330px; display:table; clear:both; color:#FFF; font-size:16px; }

.content .imgmenu .marcacaomenu { margin:8px 0 0 -160px !important; }
.content .imgmenu .marcacaomenu li { padding:0 0 0 485px; text-decoration:none !important; }
* HTML .content .imgmenu .marcacaomenu li { margin:0 0 -12px 0; }
.content .imgmenu .marcacaomenu li a { text-decoration:none; background:url("../imagens/seta3.gif") 0px 5px no-repeat; color:#FFF; display:block; padding:3px 0 3px 0; margin:0 0 0 0; text-indent:10px; }
.content .imgmenu .marcacaomenu li a:hover { text-decoration:none; background:url("../imagens/seta3.gif") 0px 5px no-repeat; background:#000; color:#FFF; }

.content .imgmenu2 { width:550px; height:200px; background:url(../imagens/img_tecnologia.jpg) no-repeat; }
.content .imgmenu2 h3 { padding:28px 0 0 330px; display:table; clear:both; color:#FFF; font-size:16px; }

.content .imgmenu2 .marcacaomenu { margin:8px 0 0 -160px !important; }
.content .imgmenu2 .marcacaomenu li { padding:0 0 0 485px; text-decoration:none !important; }
* HTML .content .imgmenu2 .marcacaomenu li { margin:0 0 -12px 0; }
.content .imgmenu2 .marcacaomenu li a { text-decoration:none; background:url("../imagens/seta3.gif") 0px 5px no-repeat; color:#FFF; display:block; padding:1px 0 1px 0; margin:0 0 0 0; text-indent:10px; }
.content .imgmenu2 .marcacaomenu li a:hover { text-decoration:none; background:url("../imagens/seta3.gif") 0px 5px no-repeat; background:#000; color:#FFF; }


.content .ilustration { float:left; margin:0 10px 10px 0; padding:8px; border:1px solid #E9E7E7; background-color:#CCC; }

.content hr { border:solid; width:100%; color:#CCC; margin:0 auto; }
.warning { color:#F90; font-weight:bold; }
.error { color:#F00; font-weight:bold; }
.sucess { color:#060; font-weight:bold; }

.content a { color:#025396; }
.content a:hover { text-decoration:none; background-color:#025396; color:#FFF; }
.content a:visited { color:#8A8A8A; }


.content .destaque { color:#000; }
.content .destaque a { color:#000; text-decoration:none; }
.content .destaque a:hover { color:#060; text-decoration:none; background:#CCC; }









/*..........LIGHTBOX..........*/
/****************************************************************/
.content .lightbox { margin:10px 0 0 0; display:table; }
* HTML .content .lightbox { margin:25px 14px; }
.content .lightbox li { float:left; margin:8px -4px; }
.content .lightbox li a { margin:0; padding:0; }
.content .lightbox li a img { width:95px; height:73px; display:block; margin:5px; padding:4px; background-color:#FFF; border:1px solid #E3DFD7; }
.content .lightbox li a img:hover, .lightbox li a:hover img  { border:1px solid #326601 !important;  background-color:#326601 !important; }
.content .lightbox li a img { }

.content .lightbox { }



/*..........B.VOLTAR..........*/
.bvoltar { padding:0 0 0 475px; clear:both; border:none; margin:0; }
.bvoltar a img { border:none; margin:0; }
.bvoltar a img:hover { border:none; margin:0; }



/*..........NOTÍCIAS..........*/
.content .summary { font-size:12px !important; font-style:italic; font-weight:normal; line-height:normal; }
.content .post_info { }

.content .news { margin:7px 0 15px 10px; display:table !important; }
.content .news li { margin:8px 0; }
.content .news li a { background:url("../imagens/seta1.gif") 0px 5px no-repeat; margin:0; text-decoration:none; padding:0 0 0 10px; }
.content .news li a:hover { text-decoration:underline; color:#900; }

.content .news dt { margin:0 0 0 0; }
.content .news dd { margin:0 0 10px 0; color:#000; }
.content .news dd a { text-decoration:none; color:#000; }
.content .news dd a:hover { text-decoration:underline; background:transparent; color:#326601; }
.content .news dt { }


/*..........EMPRESA..........*/
.funcionamento { }
.funcionamento li { clear:both; float:none; display:table; margin:8px 0; }

.funcionamento li img { float:left; padding:0 5px 0 0; }
.funcionamento { }


/*..........UL MARCACAO..........*/
.content .summary { font-size:12px !important; font-style:italic; font-weight:normal; line-height:normal; }
.content .post_info { }

.marcacao { margin:7px 0 15px -1px; display:table !important; }
.marcacao li { margin:8px 0; background:url("../imagens/seta1.gif") 0px 5px no-repeat; margin:0; padding:0 0 0 10px; }


/*..........FOOTER..........*/
/****************************************************************/
.footer { display:table; clear:both; height:27px; background:url("../imagens/fundo_rodape.jpg") no-repeat; float:right; }
.footer .license { display:table; float:left; padding:5px 0 0 0; }
.footer .webroom { width:54px; height:21px; float:right; padding:3px 0 0 0; }
.footer .webroom a { width:54px; height:21px; background:url("../imagens/ass_webroom.jpg") no-repeat; display:block; float:right; font-size:1px; line-height:1px; text-indent:-300px; overflow:hidden; }

/*..........PAGINAO..........*/
.paginacao { width:100%;  border-top:1px solid #000; font-size:11px; padding:5px 0; margin:20px 0 20px 0; text-align:center; clear:both; display:table; }
.paginacao p a { background-color:#FFF; color:#333; text-decoration:none; font-weight:normal; padding:0px 4px; margin:0 2px; display:inline; }
.paginacao p a:hover { background-color:#326601; color:#FFF; text-decoration:none; }
.paginacao p span { background-color:#326601; color:#FFF; padding:0px 4px; }
.paginacao h4 { float:left; font-size:11px; color:#000; }
.paginacao strong { color:#333; }
.paginacao p { float:right; margin:0px; color:#333; }