@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: Griffe Arquitetura
	Data: Outubro 2006
	Autor: Junio Cardoso Santos
*/


/*..........STRUCTURE..........*/
/****************************************************************/
* { margin:0px; padding:0px; border:0px; list-style-type:none; }
html { overflow: -moz-scrollbars-vertical; }
body { font:0.7em/1.3em Arial, Helvetica, sans-serif; margin:0 auto; text-align:center; color:#000; }

.wrap { width:770px; text-align:left; margin:0 auto; background:#FFF url("../imagens/background_site.gif") center repeat-y; }

.content { float:right; width:599px; border-left:#FFF 1px solid; border-top:solid 1px #FFF; background:#F5F5F5; }

.column { float:left; width:170px; overflow:hidden; }
.footer { clear:both; width:770px; }


/*..........HEADER..........*/
/****************************************************************/
.header { background:#384572; height:90px; }
.header .chamadasip { position:absolute; top:2px; width:200px; height:90px; margin:0 0 0 560px; }


/*..........COLUMN..........*/
/****************************************************************/
/****************************************************************/
.column { margin:0 auto; background:url("../imagens/background_column.jpg") left top repeat; }
.column .name a { position:absolute; top:100px; width:100px; height:180px; margin:0 0 0 34px; text-indent:-300px; overflow:hidden; }
.column { }

.column .navigation { margin:0; }
.column .navigation { }
.column .navigation li { margin:0 0 0 5px; border-bottom:solid 1px #FFF; width:96%; }
.column .navigation li a { text-decoration:none; font-size:11px; color:#FFF; display:block; padding:4px 0; text-indent:10px; }
.column .navigation li a:hover { color:#FFF; background:#f90; }


#menu1Container { overflow:hidden; z-index:1000; position:absolute; top:370px; _top:380px; margin-left:164px; _margin-left:164px; }
#menu1Content { padding:3px 6px; }
#menu1Content ul { background:#F60 url("../imagens/background_column.jpg") left top repeat; border:1px solid #FFF; width:175px; }
#menu1Content li a { text-decoration:none; font-size:11px; color:#FFF; display:block; padding:4px 0; text-indent:10px; height:20px; border-bottom:1px solid #FFF; }/* background:url(../imagens/dashed.gif) bottom repeat-x; display:block; cursor:pointer; padding-left:5px;*/
#menu1Content a:hover { text-decoration:none; color:#FFF; background-color:#f90; display:block; }


/*..........COMMONS..........*/
/****************************************************************/
.display { display:none; }
.content p { margin:10px 5px 5px 15px; text-align:justify; }
.content ul, ol { }
.content h2 { font-size:16px; margin:10px 0 5px 0; padding:5px 0 0 0; color:#358677; }
.content h3 { font-size:16px; color:#FF9C00; }
.content h4 { border-bottom:2px solid #345672; font-size:20px; margin:5px 0 15px 0; padding:0 0 5px 0; color:#345672; font-weight:normal; }

.warning { color:#900; font-weight:bold; height:40px; text-align:center; background:#EEE; border-bottom:1px #CCC solid; border-top:solid 2px #CCC; padding:20px 0 0 10px; margin:5px 3px 5px 3px; }
.warning p { padding:0 0 0 150px; margin:0; }
.error { color:#900; }
.sucess { color:#060; }

strong { color:#444; }
.strong { color:#fff; font-size:22px; }

.content a { text-decoration:none; color:#F90; font-weight:bold; }
.content a:hover { text-decoration:underline; color:#F60; font-weight:bold; }


.content #destaquemapa { margin:0 0 10px 100px; }

.content .destaquecurriculum { background:url("../imagens/destaque_portfolio.jpg") center no-repeat; width:352px; height:135px; margin:0 0 0 118px; }
.content .destaquecurriculum .p { padding:30px 80px 0 5px; font-weight:bold; text-align:left; font-size:14px; color:#333; }
* HTML .content .destaquecurriculum .p { padding:30px 80px 0 5px; font-weight:bold; text-align:left; font-size:14px; color:#333; }
.content .destaquecurriculum .strong { color:#fff; font-size:28px; }



/*..........PAGINA INTITUCIONAL..........*/
.content .imginstitucional { float:right; margin:5px; }




/*..........PAGINACAO..........*/
.paginacao { color:#862E13; width:95%; border-top:1px solid #000; font-size:11px; padding:5px 0; margin:20px 10px 0 10px; text-align:center; clear:both; display:table; }
.paginacao p a { background-color:#FFF; color:#4C5044; background-color:#FFF; text-decoration:none; font-weight:normal; padding:0px 4px; margin:0 2px; display:inline; }
.paginacao p a:hover { background-color:#f90; color:#FFF; text-decoration:none; }
.paginacao p span { background-color:#f90; padding:0px 4px; color:#FFF; }
.paginacao h4 { float:left; font-size:11px; color:#000; border:none !important; }
.paginacao p { float:right; margin:0px; }


/*..........TITULOS H1-H2/PAGINA INSTITUCIONAL..........*/
/****************************************************************/
.content .tit11 { background:url("../imagens/tit_griffe.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }
.content .tit12 { background:url("../imagens/tit_localizacao.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }


/*..........TITULOS H1-H2/PAGINA PROJETOS..........*/
/****************************************************************/
.content .tit21 { background:url("../imagens/tit_projcom.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }
.content .tit22 { background:url("../imagens/tit_projresid.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }
.content .tit23 { background:url("../imagens/tit_projinter.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }
.content .tit24 { background:url("../imagens/tit_projlazer.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }
.content .tit25 { background:url("../imagens/tit_projmais.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }


/*..........TITULOS H1-H2/PAGINA CLIENTES..........*/
/****************************************************************/
.content .tit31 { background:url("../imagens/tit_clientes.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }

/*..........TITULOS H1-H2/PAGINA PARCEIROS..........*/
/****************************************************************/
.content .tit41 { background:url("../imagens/tit_parceiros.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }


/*..........TITULOS H1-H2/PAGINA INFORMAÇÕPES..........*/
/****************************************************************/
.content .tit51 { background:url("../imagens/tit_info.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }


/*..........TITULOS H1-H2/PAGINA FALE CONOSCO..........*/
/****************************************************************/
.content .tit61 { background:url("../imagens/tit_falecom.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }


/*..........TITULOS H1-H2/PAGINA TRABALHE CONOSCO..........*/
/****************************************************************/
.content .tit71 { background:url("../imagens/tit_trabalheconosco.gif") left no-repeat; overflow:hidden; text-indent:-300px; display:block; font-family:Arial; clear:both; font-weight:normal; color:#f90; font-size:26px; padding:25px 0 26px 15px; }




/*..........GALERIA DE FOTOS..........*/
/****************************************************************/
/*..........LIGHTBOX..........*/
.content .galerialightbox { padding:0; display:block; margin:20px 0 0 20px; }
.content .galerialightbox li { float:left; }
.content .galerialightbox li img { float:left; width:100px; height:70px; padding:7px; background-color:#FFF; border:1px solid #EEE; margin:5px 10px; }
.content .galerialightbox li a { margin:0; padding:0; }
.content .galerialightbox li a img { float:left; width:90px; height:60px; padding:7px; background-color:#FFF; border:1px solid #EEE; margin:5px 10px; }
.content .galerialightbox li a img:hover, .galerialightbox li a:hover img   { background-color:#f90; border:1px solid #EEE; }
.content .galerialightbox li a img { }





/*..........MOO ABAS (mini curriculum)..........*/
.barra { font-size:12px; color:#000; }
.barra a { display:block; background-color:#F8A000; padding:2px 10px; color:#FFF; text-decoration:none; }
.barra a:hover { background-color:#f60; color:#FFF; text-decoration:none; }
/*..........Stretcher..........*/
.stretcher { margin:15px 0; }
.stretcher li { background:url("../imagens/setinha_verde.gif") 5px 5px no-repeat; font-size:12px; margin:8px 0; padding:0 0 0 15px; }



/*..........TABLES (mini curriculum)..........*/
.table { width:580px; margin:0 0 0 10px; border:solid 1px #BBB; padding:2px; }
.table th { background:#DDD; height:25px; padding:0 0 0 3px; border-bottom:1px solid #CCC; }
.table td { background:#EEE; padding:0 0 0 3px; border-bottom:1px solid #CCC; height:30px; }
.table { }
.table { }




/*..........LISTAGEM CLIENTES..........*/
.content .listagem { width:580px; margin:20px 0 0 10px; clear:both; }
.content .listagem img { float:left; border:solid 5px #ddd; margin:0 5px 0 0; }
.content .listagem p { margin:3px 5px 0 5px; text-align:justify; }


/*..........LISTAGEM LINKS..........*/
.content .listagemtext { margin:10px; float:left; display:block;  }
.content .listagemtext li { background:url("../imagens/seta1.gif") left no-repeat; padding:0 0 5px 20px; }
* HTML .content .listagemtext li { }
.content .listagemtext li a { text-decoration:none; color:#000; }
.content .listagemtext li a:hover { text-decoration:underline; color:#F60; }


/*..........FORMS..........*/
/****************************************************************/

.contato { border:1px solid #CCC; width:500px; margin:0 15px 15px 15px; font-size:12px; line-height:normal; padding:0 0 0 5px; }
.contato input, .contato textarea, .contato select { border:2px solid #EEE; 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 #F90; }
.contato input:focus, .contato textarea:focus, .contato select:focus { border:2px solid #F90; color:#666; background-color:#fff; }
.contato #enviar { border:0; }
.contato legend { color:#000; font-size:0.9em; padding:4px 0; margin:5px 0 0px 0; }
.contato span { color:#900; font-weight:bold; font-size:0.9em; margin-bottom:-15px; font-style:oblique; }
.contato label {  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; }
.contato img { margin:10px 0 5px 0; }

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

.contato .bt_align { }
.contato .bt_align .bt2 { margin:6px 0 0 0; }




/*..........FOOTER..........*/
/****************************************************************/
.footer { background:#FFF; display:block; }
.footer .license { float:left; display:block; padding:30px 0 0 10px; color:#666; width:600px; }
.footer .webroom { width:54px; height:21px; float:right; padding:3px 0 0 0; }
.footer .webroom a { width:80px; height:25px; margin:22px 0 0 0; background:url("../imagens/ass_webroom.gif") no-repeat; display:block; float:right; font-size:1px; line-height:1px; text-indent:-300px; overflow:hidden; }