﻿@charset "utf-8";
/************************************
TUDO
************************************/
* {
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}

/************************************
GERAL, body, topo
************************************/
body {
background:#efefef url(images/bg-topo.gif) repeat-x;
border-bottom-width:9px;
border-bottom-color:#535353;
border-style:none none solid;
}

/*Geral*/
.centralizar {
width:942px;
background:#000;
margin:0 auto;
}

/*topo*/
.topo {
display:block;
height:64px;
width:942px;
position:relative;
}

.topo h1 {
float:left;
}

.topo h1 a {
display:block;
text-indent:-5000px;
overflow:hidden;
width:213px;
height:64px;
background:url(images/logomarca-DaniloRozisca.gif) no-repeat left top;
margin:0 0 0 30px;
}

/*******************************
	MENU TOPO - HOME ; CONTATO
*******************************/
.topo #menuTopoIco {
float:right;
width:320px;
height:50px;
}

.topo #menuTopoIco ul {
padding:26px 20px 0 0;
}

.topo #menuTopoIco ul li {
display:inline;
}

.topo #menuTopoIco li a {
font:18px 'Trebuchet Ms', Arial, Verdana, Tahoma;
color:#eae5d3;
float:left;
padding:2px 2px 0 32px;
_padding:2px 2px 0 32px;
}

.topo #menuTopoIco li a:hover {
color:#d06a09;
}

/**********************************
	Banner
**********************************/
#destaque {
background:url(images/bg-Destaque.jpg) repeat-x center bottom;
width:100%;
height:300px;
position:relative;
display:block;
float:left;
border-bottom-width:9px;
border-bottom-color:#535353;
border-style:none none solid;
}

#destaque_interno {
width:942px;
height:250px;
margin:0 auto;
padding:0 0 0 50px;
}

#destaque_interno h1.titulo1 {
text-transform:uppercase;
font:bold 40px 'Trebuchet Ms', Arial, Verdana, Tahoma;
margin:55px 0 0;
}

#destaque_interno h1.titulo2 {
font:bold 55px 'Trebuchet Ms', Arial, Verdana, Tahoma;
display:block;
float:left;
}

#destaque_interno h1.titulo2b {
font:bold 40px 'Trebuchet Ms', Arial, Verdana, Tahoma;
display:block;
float:left;
text-transform:uppercase;
margin:15px 0 0 12px;
}

#destaque_interno h1.titulo3 {
font:bold 70px 'Trebuchet Ms', Arial, Verdana, Tahoma;
width:700px;
text-transform:uppercase;
}

#destaque_interno h6.titulo4 {
color:#4F4F4F;
font:bold 5px Georgia, "Times New Roman", Times, serif;
width:500px;
margin:0 0 0 14px;
}

#detalhe-destaque {
background:url(images/bg-conteudo.jpg) repeat-x top;
display:block;
width:100%;
height:48px;
float:left;
}

/***********************************
Conteudo 
***********************************/
#principal {
width:100%;
background:#efefef;
display:block;
float:left;
}

#conteudo {
width:942px;
_width:960px;
display:block;
margin:0 auto;
}

#conteudoprincipal {
background:#efefef;
width:547px;
display:block;
float:left;
}

#col1 {
width:575px;
display:block;
float:left;
}

#conteudo h2 {
font:30px Georgia, "Times New Roman", Times, serif;
}

#conteudo h2.titulo1 {
color:#C60;
width:532px;
height:40px;
display:block;
float:left;
letter-spacing:1px;
margin:0 15px;
padding:0 0 0 20px;
}

#conteudo p.ultimosprojetos {
display:block;
float:left;
width:552px;
height:260px;
background:url(images/bg-IMG-Projetos.jpg) center no-repeat;
margin:0 13px 25px 15px;
}

#conteudo img {
display:block;
float:left;
width:508px;
height:178px;
background:url(images/bg-IMG-Projetos.jpg) center no-repeat;
border:1px solid #dcc1a8;
margin:15px 13px 0 17px;
_margin:15px 13px 0 10px;
}

#conteudo h3.empresa {
color:#4a4949;
font:21px 'Trebuchet Ms', Arial, Verdana, Tahoma;
text-transform:uppercase;
width:508px;
display:block;
float:left;
margin:-85px 0 3px 33px;
_margin:-85px 0 3px 25px;
}

#conteudo h4.servico {
color:#8b8a8a;
float:left;
width:508px;
font:14px 'Trebuchet Ms', Arial, Verdana, Tahoma;
text-transform:uppercase;
margin:-60px 0 3px 33px;
_margin:-60px 0 3px 25px;
}

#conteudo h5.maisservico {
font:bold 17px Georgia, "Times New Roman", Times, serif;
color:#000;
float:left;
width:508px;
_height:40px;
margin:-15px 0 15px 33px;
_margin:-10px 0 15px 25px;
}

#conteudo a {
color:#4a4949;
text-decoration:none;
}

#conteudo a:hover {
color:#C93;
text-decoration:none;
}

/************************
Coluna 2
*****************************/
#col2 {
width:335px;
_width:302px;
display:block;
float:left;
padding:0 0 0 20px;
_padding:0;
}

#conteudo h2.titulocol2 {
color:#C60;
width:335px;
_width:312px;
height:40px;
display:block;
float:left;
letter-spacing:1px;
margin:0;
padding:0 0 0 11px;
}

#conteudo ul.diferenciais {
width:335px;
_width:312px;
display:block;
float:left;
color:#000;
font:16px bold 'Trebuchet Ms', Arial, Verdana, Tahoma;
margin:0 0 15px;
padding:5px 10px 7px 0;
}

#conteudo ul.diferenciais li {
list-style-type:disc;
list-style-position:inside;
color:#000;
padding:0 0 10px;
_padding:0 0 8px 0;
}

#conteudo span.contato {
width:335px;
_width:270px;
display:block;
float:left;
color:#000;
font:16px bold 'Trebuchet Ms', Arial, Verdana, Tahoma;
margin: 0;
padding: 0 0 10px 15px;
}

#conteudo a.saibamais {
float:left;
font:24px 'Trebuchet Ms', Arial, Verdana, Tahoma;
color:#8dba00;
}

#conteudo a:hover.saibamais {
text-decoration:underline;
color:#8dba00;
}

/************************************
Rodape
************************************/
#rodape {
	width:875px;
	padding:18px 0 0 0;
	_padding:12px 0 0 45px;
	margin:0 auto;
	font:11px 'Trebuchet Ms', Arial, Verdana, Tahoma;
	color:#666;
	height:70px;
}

#rodape a {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
font-size:10px;
color:#999;
}

/********************************
Formulario Contato
****************************/
form {
width:500px;
display:block;
float:left;
padding:10px 0 0 35px;
}

fieldset {
border:none;
}

form fieldset legend {
font:23px 'Trebuchet Ms', Arial, Verdana, Tahoma;
color:#8dba00;
text-align:left;
margin:0;
}

form fieldset label {
color:#333;
font:20px 'Trebuchet Ms', Arial, Verdana, Tahoma;
display:block;
width:240px;
float:left;
padding:15px 0 10px 0;
}

form fieldset label.labmensagem {
width:490px;
}

form fieldset label.labmensagem textarea {
width:460px;
height:200px;
font:13px 'Trebuchet Ms', Arial, Verdana, Tahoma;
border:2px solid #ccc;
padding:3px;
}

form fieldset label input {
width:220px;
border:2px solid #ccc;
padding:3px 0;
}

form fieldset input.botao {
float:right;
border:2px solid #ccc;
background:#C90;
color:#000;
font:16px 'Trebuchet Ms', Arial, Verdana, Tahoma;
cursor:pointer;
margin:10px 30px;
padding:5px 15px;
}
