/* 
@import url(reset.css);
@import url(fancybox/fancy.css);
@import url(portfolio.css);

	diegotavares.com.br
	arquivo css que contém todos estilos utilizados no site
	
	cores utilizadas
	#999  #F90 #CCC #AE2D0D
	

 reset.css 
 fancybox.css 
 reset.css */
body {
background:#FFF url(../imagens/bgsite.jpg) top center no-repeat;
font-family:"MS Trebuchet", Arial, Helvetica, sans-serif
}

p {
font-size:12px;
line-height:15px;
color:#666;
background-color:transparent;
padding-left:4px
}

a {
color:#666;
font-weight:700;
padding-left:4px;
text-decoration:none
}

.clear {
height:1px;
width:100%;
clear:both
}

.separadorportfolio {
height:1px;
border-top:#ccc 1px dotted;
border-bottom:#F90 1px dotted;
border-left:0;
border-right:0;
clear:both
}

.rss {
width:36px;
height:24px;
background:url(../imagens/rss.jpg) top center no-repeat;
text-indent:-9999em;
display:block;
margin:10px 15px auto auto
}

.rss:hover {
background:url(../imagens/rsshover.jpg) top center no-repeat
}

#menu {
width:770px;
height:238px;
position:relative;
margin:0 auto
}

.linkhome {
height:124px;
top:102px;
left:304px;
position:absolute;
width:162px
}

.linkorcamento {
height:56px;
position:absolute;
width:105px;
left:315px;
top:0
}

.linkportfolio {
height:61px;
position:absolute;
width:85px;
left:196px;
top:93px
}

.linkwebsites {
height:39px;
position:absolute;
width:95px;
left:58px;
top:64px
}

.linkbanners {
width:83px;
height:39px;
position:absolute;
left:65px;
top:141px
}

.linkfalecomigo {
width:117px;
height:63px;
position:absolute;
left:571px;
top:44px
}

.linkconhecimentos {
width:141px;
height:63px;
position:absolute;
left:567px;
top:140px
}

#destaques {
width:800px;
height:160px;
margin:80px auto 0
}

#emdesenvolvimento,#novidades,#contatos {
height:160px;
float:left;
margin-right:50px
}

#emdesenvolvimento {
width:330px
}

#novidades {
width:200px
}

#contatos {
width:170px;
margin-right:0
}

#emdesenvolvimento h2,#novidades p {
background:transparent url(../imagens/icon-marcador.jpg) no-repeat scroll 11px 7px;
color:#999;
font-size:11px;
line-height:13px;
padding:5px 0 0 29px
}

#novidades p {
background:none;
font-weight:700;
line-height:15px;
padding:5px 0 0
}

#novidades a {
color:#F90;
text-transform:uppercase;
font-size:11px;
border-bottom:1px dotted #F90;
padding:0 1px
}

#novidades a:hover {
color:#F70
}

#contatos p {
color:#999;
font-size:11px;
font-weight:700;
line-height:15px;
padding:5px 0 0 30px
}

#contatos p.icon_cel {
background:#fff url(../imagens/icon-cel.jpg) no-repeat scroll 11px 5px
}

#contatos p.icon_msn {
background:#fff url(../imagens/icon-msn.jpg) no-repeat scroll 9px 7px
}

#contatos p.icon_gtalk {
background:#fff url(../imagens/icon-gtalk.jpg) no-repeat scroll 9px 8px
}

#contatos p.icon_orkut {
background:#fff url(../imagens/icon-orkut.jpg) no-repeat scroll 9px 6px
}

#contatos p.icon_flickr {
background:#fff url(../imagens/icon-flickr.jpg) no-repeat scroll 9px 6px
}

#emdesenvolvimento h1,#novidades h1,#contatos h1 {
font-size:17px;
line-height:25px;
color:#999;
background-color:transparent;
border-bottom:#999 dotted 1px
}

#falecomigo {
width:350px;
display:table;
float:left;
margin-right:10px
}

#falecomigo fieldset {
padding-left:5px;
width:335px;
background-color:transparent
}

#falecomigo label {
font-size:12px;
line-height:14px;
float:left;
width:335px;
color:#ccc;
display:block;
margin-bottom:8px;
background-color:transparent
}
#falecomigo label.error {
color:#5679A3;
display:block;
font-size:12px;
font-weight:700;
background-color:transparent

}



#falecomigo .btn {
clear:both;
width:56px;
height:26px;
background:transparent url(../imagens/btn-enviar.jpg) left center no-repeat;
border:0;
color:#FFF;
text-align:center;
font-size:12px;
line-height:12px;
font-family:"MS Trebuchet", Arial, Helvetica, sans-serif;
cursor:pointer;
vertical-align:text-bottom;
margin:0;
padding:0 0 2px
}

#falecomigo input{
float:left;
background-color:#5679A3;
width:316px;
}
#falecomigo textarea {
float:left;
width:316px;
background-color:#5679A3;
height:91px
}

#falecomigo textarea, #falecomigo input{
background-color:#5679A3;
color:#FFF;
border:#FFF solid 1px;
margin-bottom:5px;
line-height:14px;
margin-top:2px;
padding:2px
}

#conhecimentos {
width:320px;
display:table;
float:left
}

#orcamento {
float:right;
display:table;
width:185px
}

#orcamento a img {
border:0;
padding:8px 0 0 2px
}

#orcamento h2,#conhecimentos h2,#falecomigo h2 {
border-bottom:1px dotted #CCC;
color:#999;
font-size:17px;
line-height:32px;
width:94%;
margin:0 5px 2px
}

#conhecimentos p,#orcamento p {
font-size:12px;
color:#CCC;
background-color:transparent;
font-family:"MS Trebuchet", Arial, Helvetica, sans-serif
}

#conhecimentos h4 {
font-size:13px;
line-height:18px;
color:#CCC;
background-color:transparent;
padding:10px 4px 4px
}

#orcamento h4 {
color:#CCC;
font-size:12px;
line-height:13px;
text-transform:uppercase;
background-color:transparent;
padding:2px 4px 1px
}

#rodape {
width:890px;

background:#333;
clear:both;
height:auto;
padding:10px
}

address {
clear:both;
color:#CCC;
font-family:"MS Trebuchet",Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
padding-top:5px;
text-align:center;
width:100%;
border-top:1px dotted #CCC;
background-color:transparent
}

a:hover,#contatos a {
color:#999
}

a:focus,a:visited,#contatos a:hover {
color:#666
}

#geral,#topo {
width:910px;
height:auto;
margin:0 auto
}

#emdesenvolvimento h1 img,#novidades h1 img,#contatos h1 img,#conhecimentos h2 img,#orcamento h2 img,#falecomigo h2 img {
border:0;
vertical-align:text-bottom
}