/* * * * * * * * * * *
 *
 *  CSS by REFFER
 *  www.reffer.com.br
 *
 * * * * * * * * * * */


/***** INICIALIZAÇÃO ***********************************************/

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration: none;
	vertical-align:baseline;
	outline: none;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}


/***** FONTE PADRÃO - Alterar ***************************************/

body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, font, small, strong, sup, tt, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, td {
	font-size: 8pt ;
    font-family:Tahoma,Verdana,Arial, Helvetica, sans-serif;
	color: #666;
}


/***** FORMULÁRIO PADRÃO - Alterar *********************************/


.campo, select, textarea {
	border: 1px solid #CCCCCC;
	
	background-color: #EEE;	
	margin: 4px 0pt 4px 4px;
	background: transparent url(../img/bg_input.jpg) repeat-x scroll 0%;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	vertical-align: middle;
	color:#999999;
}
.campo {
	height: 18px;
}
.botao {
	background-color: #EEE;
	border-color: #696;
}

.c_large
{
 width:180px;
}

.c_cod
{
  width:100px;
}

.t_large
{
 width:224px;
 height:60px;
 overflow:auto;
}

/***** CSS *********************************************************/
body 
{ 
 text-align:center;
 
}

#sombra
{
 text-align:center;
 background-image: url(../img/bg_site.gif);
 background-repeat:repeat-y;
 background-position:center;

}


#corpo
{
 background-color:#FFFFFF;
 width:761px;
 min-height:694px;
 text-align:left;
 margin:auto;
}

#topo
{
 background-image:url(../img/bg_topo.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 height:120px;
}

#logo
{
 margin-top:30px;
 margin-left:10px;
 float:left;
}

#aba
{
 background-image:url(../img/bg_aba.gif);
 height:31px;
 width:184px;
 margin-top:71px;
 float:right;
}

#aba p
{
 margin-top:10px;
 margin-left:30px; 
}

#meio
{
 min-height:536px;
}

#col_esq
{
 width:224px;
 height:536px;
}

#menu
{
 background-image:url(../img/bg_menu.jpg);
 background-repeat:repeat-x;
 width:222px;
 height:249px;
 padding-top:20px;
}

#menu_canto
{
 float:right;
 margin-top:219px; 
}

#menu ul
{
 margin-left:25px;
}

#menu_icone
{
 margin-right:5px;
 margin-bottom:1px;
}

#menu_linha
{
 margin-bottom:5px;
}

#titulo_inova
{
 background-image:url(../img/bg_titulo_inova.gif);
 background-repeat:no-repeat;
 width:221px;
 height:61px;
 margin-top:6px; 
 margin-left:2px;
}

#titulo_inova p
{
 margin-top:18px;
 margin-left:10px;
 float:left;
}

#titulo_inova a
{
 margin-top:18px;
 margin-left:10px;
 float:left;
 font-size:16px;
 font-weight:bold;
 color:#FFFFFF;
}

#titulo_inova a:hover
{
 text-decoration:underline;
}


#inova
{
 background:#D3D3D3; 
 width:221px;
 height:175px;
 margin-left:2px;
 padding-bottom: 8px;
 text-align:center;
}

#inova img
{
 border:#eee 4px solid;
}

#botao
{
 margin-top:3px;
 float:right;
}

.menu_img
{
 margin-left:-5px;
 margin-top:20px;
}

#inova_baixo
{
 background-image:url(../img/bg_baixo_inova.gif);
 background-repeat:no-repeat;
 width:221px;
 height:5px;
 margin-left:3px;
}

#col_dir
{ 
 width:533px;
 min-height:526px; 
 float:right;
}

#rodape
{
 clear:both;
 padding-top:10px;
 padding-bottom:15px;
 padding-right:10px;
 text-align:center;
 color:#8C8C8C;
 border-bottom:25px #F3F3F3 solid ;
 margin-left:-1px;
 border-top:2px #eee solid;
}

#rodape img
{
 float:right;
 margin-top:0px;
}


/***** FORMATAÇÃO PRINCIPAL *********************************************************/



#aba a
{
 font-size:9px;
 font-weight:bold;
 color:#FFFFFF;
}
#aba a:hover
{
 color:#CCCCCC;
}

#menu a
{
 font-size:11px;
 color:#8C8C8C;
}

#menu a:hover
{
 color:#333333;
}

#titulo_inova p
{
 color:#FFFFFF;
}


/***** LAYOUT INTERNA *********************************************************/

#col_dir_int
{ 
 width:533px;
 min-height:538px; 
 float:right;
}


#empre
{
 background-image:url(../img/bg_empre.jpg);
 background-repeat:repeat-x;
 border:#D1D1D1 2px solid;
 width:525px;
 min-height:327px;
 margin-top:3px;
 margin-left:4px; 
 text-align:center; 
}

#img_empre
{
 width:239px;
 min-height:327px;
 float:left;
}

#box_desc
{
 width:285px;
 height:327px; 
 float:left;
} 

#logo_empre
{
 height:58px;
 width:286px;
 background-color:#FFFFFF;
 text-align:center;
 margin-bottom:5px;

}

#logo_empre img
{
 margin-top:5px;
}

#desc_empre
{
 height:214px;
 padding: 0px 25px;
 padding-top:20px;
  text-align:left;

}

#desc_empre img
{
 margin-right:10px;
}


#titulo_fotos
{
 margin-top:3px;
 margin-left:5px;
 margin-bottom:5px;
}

#titulo_fotos img
{
 float:left
}
#fotos
{
 width:518px;
 height:172px;
 margin-top:7px;
 margin-left:5px;
 padding-left:4px;
 overflow:auto;
 clear:both;
}


#fotos img
{
 border:#C4C4C4 1px solid;
}

#formata
{
 min-height:518px;
 margin:10px; 
 margin-bottom:20px;
 padding-right:10px;
}

#formata_contato
{
 min-height:518px;
 margin:10px; 
 margin-bottom:20px;
 padding-right:10px;
}

.empre_listado
{
 min-height:150px;
 margin:20px 10px;
}

.empre_img
{ 
 width:110px;
 min-height:150px;
 float:left;
}

.foto
{
 border:#eee solid 2px;
}


.empre_logo
{
 width:343px;
 min-height:60px; 
 float:right;
 text-align:center;
}

.empre_descr
{
 width:343px;
 min-height:90px;
 float:right;
}

.logo_obra
{
 margin:45px;
 margin-bottom:0px;
}

/***** FORMATAÇÃO INTERNA *********************************************************/

#col_dir_int h1
{
 font-size:14px;
}

#col_dir_int h2
{
 font-size:12px;
}

#col_dir_int h3
{
 font-size:11px;
 color:#666666;
}

#desc_empre 
{
  font-size:11px;
  color:#FFFFFF;
  font-weight:bold;
}

#desc_empre .item
{
 font-size:13px;
}


#desc_empre h3
{
 font-size:16px; 
 color:#F3F3CF;
}

.titulo_empre
{
 font-size:10px;
 color:#F3F3CF;
}

.item
{
  font-size:10px;
  color:#FFFFFF;
  font-weight:bold;
  margin-top:5px;
}

#titulo_fotos
{
 font-size:11px;
 color:#8C8C8C;
}


#box_desc *
{
 color:#FFFFFF;
}

#formata 
{ 
 text-align:justify;
 line-height:18px;
 letter-spacing:1px;
 font-size:11px;
 color:#666666;
}

#formata p
{
  text-indent:15px;
}


#formata_contato
{
 color:#666666;
 
}

#formata a
{
 color:#CC3300;
}

#formata a:hover
{
 color:#930000;
}

#formata_contato a
{
 color:#CC3300;
}

#formata_contato a:hover
{
 color:#930000;
}

#aluisio_texto a
{
 color:#BF0000;
}

#aluisio_texto a:hover
{
 color:#999999;
}

.lista 
{
 padding-left:30px;
}

.lista li
{
 list-style:disc;
}