/* CSS Document */
@autor Lucas Gustavo - lucasgustavo.com
@Projeto    Genial Box Propaganda

*{
margin:0;
padding:0;
border:none;
}

body{
scrollbar-face-color:#E8E8E8; 
scrollbar-arrow-color:#FFFFFF; 
scrollbar-highlight-color:#FFFFFF; 
scrollbar-3dlight-color:#FFFFFF; 
scrollbar-shadow-color:#FFFFFF; 
scrollbar-darkshadow-color:#FFFFFF; 
scrollbar-track-color:#FFFFFF;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 auto;
background-color:#FFF;
color:#999;
}

.clear{
clear:both;
}

#pagina{
    width:690px;
    margin:auto;
}

.topo{
    width:684px;
    float:left;
    margin-bottom:10px;
    padding-top:15px;
}

.topo a{
    float:left;
    width:220px;
}

.topo a img{
    border:none;
}

.tel_topo{
    width:80px;
    float:right;
    padding-top:10px;
	padding-left:140px;
}

.tel_topo img{
	float:left;
}

.menu{
    float:left;
    clear:both;
    width:684px;
}

.banner{
    float:left;
    clear:both;
    width:684px;
	margin-left:1px;
    margin-top:1px;
    *margin-top:-2px;
}

.conteudo{
    width:681px;
    margin-left:1px;
    margin-top:2px;
    float:left;
    clear:both;
    border:1px solid #CCC;
    padding-bottom:20px;
}

.conteudo_esquerda{
    width:165px;
    float:left;
}

.conteudo_direita{
    width:165px;
    _width:152px;
    float:right;
}

/* Títulos */

.centro{
    width:97%;
	_width:98%;
    float:left;
    margin:5px;
	_margin:4px;
	_margin-left:2px;
    padding-bottom:1px;
    border-bottom:1px solid #CCC;
}

.centro img{
    float:left;
    margin:0;
}

.esquerda{
    width:159px;
    float:left;
    margin:5px;
    padding-bottom:1px;
    border-bottom:1px solid #CCC;
}

.esquerda img{
    float:left;
    margin:0;
}

.direita{
    width:155px;
    _width:142px;
    float:left;
    margin:5px;
	_margin:2px;
	_margin-top:4px;
    padding-bottom:1px;
    border-bottom:1px solid #CCC;
}

.direita img{
    float:left;
    margin:0;
}

/* Fim - Títulos */

.miolo_conteudo{
    float:left;
    width:346px;
    margin-left:4px;
}

.miolo_conteudo2{
    float:left;
    width:510px;
    _width:495px;
}

.corpo{
    float:left;
    width:335px;
    _width:335px;
    color:#999;
    text-align:justify;
    margin:6px;
	_margin:2px;
    font-size:12px;
	line-height:20px;
}

.corpo2{
    float:left;
    width:487px;
    _width:483px;
    color:#999;
    margin:8px;
	_margin:3px;
    font-size:12px;
	line-height:20px;
	padding-top:5px;
}
.corpo2 p{
    margin-top:0px !important;
	line-height:20px;
}
.corpo2 ul {
	padding:0;
	margin:0;
}	
.corpo2 li {
	display:inline;
	list-style:none;
}	

.titulo_conteudo{
    width:156px;
    _width:159px;
    border:1px solid #CCC;
    padding:5px;
    float:left;
    text-align:center;
    margin-left:5px;
	_margin-left:2px;
	_margin-bottom:10px;
}

.titulo_conteudo2{
    width:140px;
    height:81px;
	_height:85px;
    float:left;
    background-color:#F5F5F5;
    margin-left:3px;
    padding:12px;
    font-size:10px;
    color:#999;
}

.titulo_conteudo2 a{
    color:#999;
    text-decoration:none;
    clear:both;
    float:left;
    margin-top:10px;
}

.titulo_conteudo2 a:hover{
    color:#CCC;
}

.submenu{
    float:left;
    width:150px;
    clear:both;
    margin-left:5px;
    margin-bottom:15px;
}

.submenu a{
    float:left;
    width:148px;
    clear:both;
    background-color:#F5F5F5;
    color:#838383;
    font-size:10px;
    text-decoration:none;
    padding:5px;
    margin-bottom:1px;
}

.submenu a:hover{
    background-color:#838383;
    color:#FFF;
}

.submenu2{
    float:left;
    width:150px;
    clear:both;
    margin-left:5px;
	padding-left:10px;
    margin-bottom:15px;
	padding-bottom:10px;
	padding-top:10px;
	font-size:10px;
	background-color:#F5F5F5;
}
.submenu2 img{
	padding-left:5px;
}	
.submenu2 a{
    float:left;
    width:148px;
    clear:both;
    background-color:#F5F5F5;
    color:#999;
}

.submenu2 a:hover{
    color:#FFF;
}

.clientes2{
	width:150px;
	height:100px;
	margin-left:9px;
	float:left;
	margin-bottom:9px;
	border:1px solid #CCC;
}

.clientes2 img{
	width:150px;
}

.clientes2:hover{
	border:1px solid #999;
}

.corpo_direita{
    float:left;
    width:150px;
    _width:140px;
    margin-left:5px;
	_margin-left:2px;
}

.corpo_direita_link{
    float:left;
    width:140px;
    _width:128px;
    font-size:10px;
    padding:7px;
	color:#999;
    background-color:#F5F5F5;
    margin-bottom:1px;
	text-decoration:none;
}

.corpo_direita_link:hover{
    background-color:#838383;
    color:#FFF;
}

.lista_direita{
    width:138px;
    padding:8px;
    _padding:2px;
    clear:both;
    float:left;
    background-color:#F5F5F5;
}

.lista_direita img{
    float:left;
    border:1px solid #CCC;
    margin-right:2px;
	margin-bottom:2px;
}

.rodape{
    width:681px;
    margin-left:1px;
    margin-top:3px;
    float:left;
    clear:both;
    text-align:center;
    border:1px solid #CCC;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:10px;
}

.rodape p{
	color:#999;
	font-size:10px;
	width:681px;
	text-align:center;
	margin:0;
}

.menu_rodape{
    width:674px;
    margin-left:1px;
    margin-top:3px;
    float:left;
    clear:both;
    text-align:center;
    border:1px solid #CCC;
    padding-top:5px;
    padding-bottom:5px;
	padding-left:7px;
}

.menu_rodape a{
	color:#999999;
	font-size:10px;
	width:110px;
	float:left;
	padding-top:1px;
	padding-bottom:1px;
	margin:0;
	border-right:1px solid #CCC;
	text-decoration:none;
}

.menu_rodape a:hover{
    background-color:#838383;
    color:#FFF;
}

.inicial{
    width:683px;
    margin-left:1px;
	_margin-left:2px;
    margin-top:2px;
	_margin-top:0px;
}

.box_inicial{
    width:223px;
    float:left;
	height:200px;
	border:1px solid #CCC;
	margin-right:1px;
}
.box_inicial h1{
    width:200px;
    float:left;
    margin:5px;
    padding-bottom:1px;
    border-bottom:1px solid #CCC;
}

.box_inicial h1 img{
    float:left;
    margin:0;
}

.box_inicial_centro{
    width:224px;
    float:left;
	height:200px;	
	border:1px solid #CCC;	
	margin-left:2px;
	margin-right:1px;
}
.box_inicial_centro h1{
    width:200px;
    float:left;
    margin:5px;
    padding-bottom:1px;
    border-bottom:1px solid #CCC;
}

.box_inicial_centro h1 img{
    float:left;
    margin:0;
}

.box_inicial_direita{
    width:223px;
    float:right;
	height:200px;	
	border:1px solid #CCC;	
	margin-left:1px;
	margin-right:0;
}
.box_inicial_direita h1{
    width:200px;
    float:left;
    margin:5px;
    padding-bottom:1px;
    border-bottom:1px solid #CCC;
}
.box_inicial_direita h1 img{
    float:left;
    margin:0;
}
#conteudo{
    width:190px;
    padding-left:10px;
	padding-right:10px;
    padding-bottom:1px;
	font-size:11px;
	color:#999;
	text-align:left;
}
#conteudo a{
	font-size:11px;
	color:#999;
	text-decoration:none;
}
#conteudo a:hover{
	color:#CCCCCC;
}
#conteudo img{
	margin-bottom:5px;
}


#frm_contato label { color: #ddd; font-size: 1.3em; line-height: 140%; margin: 0 0 .2em 0; display: block; }
.frm_contato { width:100%; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; background:#F7F7F7; }
#bt_enviar { float:right; margin-top:8px; margin-right:-3px; } 

#portifolio_logo { border:#CCCCCC 1px solid; display:inline; margin-bottom:5px; margin-right:6px; }
#clientes_logo { border:#CCCCCC 1px solid; display:inline; margin-bottom:5px; margin-right:5px; }