/* CSS Document */

/* inicio do reset do css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-style: inherit;
font-size: small;
font-family: inherit;
vertical-align: baseline;
text-decoration:none;
list-style:none;
}

:focus {
outline: 0;
}

body {
background:url(images/bg.gif) repeat;
color:#333;
text-align:justify;
margin:auto;
width:653px;
}

a{
color:#39c;
}

span{
display:none;
}

#topo{
float:left;
background:url(images/top_city.jpg) no-repeat;
width:611px;
height:81px;
}

#vitrine, #vit_index, #vit_quems, #vit_servicos, #vit_contato{
float:left;
width:652px;
height:202px;
position:relative;
left:-21px;
}

#vitrine{
background:url(images/vitrine.jpg) no-repeat;
}

#vit_index{
background:url(images/vitrine_index.jpg) no-repeat;
}

#vit_quems{
background:url(images/vitrine_quemsomos.jpg) no-repeat;
}

#vit_servicos{
background:url(images/vitrine_servicos.jpg) no-repeat;
}

#vit_contato{
background:url(images/vitrine_contato.jpg) no-repeat;
}

#info_const, #info_index, #info_quems, #info_servicos, #info_contato{
float:left;
background:url(images/back_meio.jpg) repeat-y;
}

#info_const{
width:613px;
height:312px;
}

#info_index{
width:613px;
height:272px;
}

#info_quems{
width:613px;
height:380px;
}

#info_servicos{
width:613px;
height:550px;
}

#info_contato{
width:613px;
height:550px;
}

ul#menu{
float:left;
background:url(images/bg_menu.jpg) no-repeat;
width:150px;
height:157px;
position:relative;
top:30px;
left:3px;
}

ul#menu li{
float:left;
display:block;
position:relative;
top:18px;
margin-top:1px;
}

a#princ, a#quems, a#serv, a#cont{
float:left;
width:108px;
height:29px;
}

a#princ{
background:url(images/bot_princ.jpg) no-repeat;
top:19px;
left:3px;
}

a#quems{
background:url(images/bot_quems.jpg) no-repeat;
top:49px;
left:-105px;
}

a#serv{
background:url(images/bot_serv.jpg) no-repeat;
top:79px;
left:-213px;
}

a#cont{
background:url(images/bot_cont.jpg) no-repeat;
top:109px;
left:-213px;
}

a:hover#princ, a:hover#quems, a:hover#serv, a:hover#cont{
background-position:0 -29px;
}

li#active a#princ, li#active a#quems, li#active a#serv, li#active a#cont{
background-position:0 -58px;
}

#h1_const{
float:left;
background:url(images/h1_construcao.jpg) no-repeat;
width:165px;
height:28px;
position:relative;
top:25px;
left:110px;
}

#h1_index{
float:left;
background:url(images/h1_bemvindo.jpg) no-repeat;
width:130px;
height:27px;
position:relative;
top:31px;
left:16px;
}

#h1_quems{
float:left;
background:url(images/h1_sobre.jpg) no-repeat;
width:171px;
height:27px;
position:relative;
top:31px;
left:16px;
}

#h1_servicos{
float:left;
background:url(images/h1_servicos.jpg) no-repeat;
width:171px;
height:27px;
position:relative;
top:31px;
left:16px;
}

#h1_contato{
float:left;
background:url(images/h1_faleconosco.jpg) no-repeat;
width:154px;
height:27px;
position:relative;
top:31px;
left:16px;
}

#foto_index{
float:left;
background:url(images/foto_index.jpg) no-repeat;
width:207px;
height:157px;
position:relative;
top:15px;
left:108px;
}

#foto_quems{
float:left;
background:url(images/foto_quemsomos.jpg) no-repeat;
width:208px;
height:158px;
position:relative;
top:14px;
left:66px;
}

#foto_servicos{
float:left;
background:url(images/foto_servicos.jpg) no-repeat;
width:207px;
height:157px;
position:relative;
top:15px;
left:66px;
}

#foto_contato{
float:left;
background:url(images/foto_contato.jpg) no-repeat;
width:208px;
height:158px;
position:relative;
top:14px;
left:82px;
}

#texto_const{
float:left;
width:410px;
position:relative;
top:80px;
left:-50px;
}

#texto_index1{
float:left;
width:213px;
height:109px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
top:-80px;
left:160px;
}

#texto_index2{
float:left;
width:425px;
height:26px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
top:-54px;
left:160px;
}

#texto_quems1{
float:left;
width:210px;
height:26px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
top:-80px;
left:160px;
}

ul#itens_quems{
float:left;
display:block;
position:relative;
top:-45px;
left:-35px;
}

ul#itens_quems li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#3cc;
background:url(images/bullet.jpg) no-repeat;
padding-left:20px;
height:20px;
}

#texto_quems2{
float:left;
width:421px;
height:143px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
top:-35px;
left:160px;
}

#texto_servicos1{
float:left;
width:213px;
height:95px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
left:160px;
margin-top:-80px;
}

#texto_servicos2{
float:left;
width:421px;
height:36px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
left:160px;
margin-top:10px;
}

#texto_contato1, #texto_contatook1{
float:left;
width:213px;
height:109px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
left:160px;
margin-top:-80px;
}

#texto_contato2{
float:left;
width:421px;
height:143px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
left:160px;
margin-top:10px;
}

h2#manupp{
float:left;
height:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
position:relative;
top:10px;
left:160px;
}

#mpp{
float:left;
width:421px;
height:50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
top:10px;
left:160px;
}

h2#manucor{
float:left;
height:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
position:relative;
left:-262px;
margin-top:70px;
}

#mc{
float:left;
width:421px;
height:55px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
top:10px;
left:160px;
}

h2#moder{
float:left;
height:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
position:relative;
left:-262px;
margin-top:70px;
}

#mod{
float:left;
width:421px;
height:113px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
top:10px;
left:160px;
}

#formulario{
float:left;
position:relative;
left:138px;
margin-top:10px;
}

#footer_const, #footer_index, #footer_serv{
float:left;
background:url(images/back_footer.jpg) repeat-y;
width:613px;
height:84px;
}

ul#menu_footer{
float:left;
margin:10px 0 0 170px;
}

ul#menu_footer li{
float:left;
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-left:5px;
color:#FFF;
}

a#fprinc{
color:#FFF;
}

a#fquems, a#fserv, a#fcont{
color:#FFF;
background:url(images/2pontos.gif) no-repeat;
width:5px;
height:14px;
padding-left:10px;
}

ul#menu_footer li a:hover{
color:#39c;
text-decoration:underline;
}

ul#menu_footer li#ativo a{
color:#39c;
}

#direitos{
float:left;
color:#9cc;
font-size:10px;
font-family:Verdana;
position:relative;
top:5px;
left:130px;
}

a#webdesigner{
float:left;
background:url(images/logo_rod1.jpg) no-repeat;
width:73px;
height:53px;
position:relative;
top:-15px;
left:-320px;
}

a:hover#webdesigner{
background:url(images/logo_rod2.jpg) no-repeat;
}