/**************************************************************
   CSS Reset
**************************************************************/
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: #000000; background: #FFFFFF;}
ol, ul { list-style: none; }
table { border-collapse: separate; }
caption, th { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/**************************************************************
   Layout
**************************************************************/
body {
	background: url(../imagens/bg_header_repeat.gif) top repeat-x #C4C4C4;
	color: #000000;
	font-family: "Segoe UI", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

a:link, a:visited { text-decoration: none;}
a:hover, a:active { text-decoration: none;  color: #5697B9;}
h1 { font-size: 18px; padding-bottom: 10px; }
p { margin: 12px 0 12px 0; }

#Layout {
	/*background: url(../imagens/bg-internas.jpg) no-repeat top center;*/
	background: url(../imagens/bg-home.jpg) no-repeat top center;
	float: left;
	padding-bottom: 70px;
	width: 100%;
}

#Base { margin: 0 auto; width: 1000px; }

.left_align { float: left; }
.right_align { float: right; }

/**************************************************************
   Cabe�alho (topo, header)
**************************************************************/
#Header {
float: left;
height: 100px;
width: 100%;
}

.logo { float: left; padding: 13px 0 0 15px; }

#Info {
float: right;
}

.tel { color: #E1F890; float: left; line-height: 25px; padding-right: 12px; }

.social_media {
/* background: url(../imagens/top_more.gif) no-repeat; */
/* background: url(../imagens/top_more.jpg) no-repeat 10px 3px #6F6F6F; */
background-color: #6F6F6F;
float: left;
height: 29px;
width: 177px;
}

.social_media a { float: left; border: 0px solid red; 
background: url(../imagens/top_more.jpg) no-repeat left bottom;
height: 24px;

}

.social_media .twitter_top { background-position: 15px bottom; width: 49px; }
.social_media .contato_top { background-position: -35px bottom; width: 52px; }
.social_media .flickr_top {  background-position: -87px bottom; width: 47px; }
.social_media .rss_top { background-position: -133px bottom; width: 29px; }

.social_media .twitter_top:hover { background-position: 15px top; }
.social_media .contato_top:hover { background-position: -35px top; }
.social_media .flickr_top:hover {  background-position: -87px top; }
.social_media .rss_top:hover { background-position: -133px top; }

.orcamento, .contato { float: left; font-size: 13px; height: 29px; line-height: 25px; text-align: center; }
.orcamento { background-color: #4B4B4B; color: #C0E1F1; height: 29px; width: 160px; }
.contato { background-color: #F7941D; color: #FFFFFF; width: 129px; }

.orcamento a { color: #C0E1F1; }
.contato a { color: #FFFFFF; }

.orcamento a:hover { color: #FFFFFF; }
.contato a:hover { color: #EBD38F; }

/**************************************************************
   Menu
**************************************************************/
#Menu {
float: right;
padding: 14px 0 0 0;
width: 490px;
}

#Menu a { float: left; padding-left: 30px; }
#Menu a:hover { background-position: bottom; }

#Menu li:hover { background: url(../imagens/seta_up.gif) no-repeat center 22px; }

.apici { background: url(../imagens/menu_apici.png) no-repeat top; height: 18px; width: 40px; }
.servicos { background: url(../imagens/menu_servicos.png) no-repeat top; height: 18px; width: 68px; }
/* .trabalhos { background: url(../imagens/menu_trabalhos.png) no-repeat top; height: 14px; width: 78px; } */
.portfolio { background: url(../imagens/menu_portfolio.png) no-repeat top; height: 14px; width: 63px; }
.clientes { background: url(../imagens/menu_clientes.png) no-repeat top; height: 14px; width: 63px; }
.novidades { background: url(../imagens/menu_novidades.png) no-repeat top; height: 14px; width: 85px; }

/**************************************************************
   Destaques Home
**************************************************************/
.destaque {
margin: 0 auto;
padding: 15px 0 10px 0;
width: 900px;
margin-left:50px;
height:374px;
}

#BoxSobre {
float: left;
padding: 0 30px 0 20px;
width: 440px;
}

.abas a { float: left; height: 30px; line-height: 30px; margin-right: 1px; text-align: center; width: 96px; }
.aba_servicos { background-color: #E4FE86; color: #8BAB16; }
.aba_produtos { background-color: #DCF1FD; color: #77A9C6; }
.abas .aba_sobre { background-color: #AEAEAE; color: #FFFFFF; width: 202px; }

#Produtos { display: none; }

#Servicos { background: url(../imagens/seta_down_green.gif) no-repeat 40px 0 #D2D2D2; }
#Produtos { background: url(../imagens/seta_down_blue.gif) no-repeat 135px 0 #D2D2D2; }

.list {
/* background: url(../imagens/seta_down_green.gif) no-repeat 40px 0 #D2D2D2; */
float: left;
padding:22px 22px 18px 22px;
width: 396px;
height: 175px;
}

.list a {
background: url(../imagens/seta_right_item.gif) no-repeat left center;
color: #555555;
float: left;
line-height: 25px;
padding: 0 0 0 17px;
border: 0px solid red;
width: 180px;
}

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

#Clientes {
float: left;
width: 230px;
background: url(../imagens/scroll_home.png) no-repeat 168px 71px;
}

.box_clientes { float: left; }

.cli_title { float: left; }

.box_clientes a {
background-color: #B5B5B5;
color: #FFFFFF;
float: left;
line-height: 24px;
margin-bottom: 1px;
padding-left: 10px;
width: 150px;
}

.box_clientes a:hover {
background-color: #8C8C8C;
}

.box_depoimento {
float: left;
width: 230px;
}

.box_depoimento .title { float: left; padding-bottom: 17px; }
.box_depoimento img{ float: left; }

.autor { color: #FFFFFF; float: left; padding-right: 10px; text-align: right; width: 120px; }
.autor strong { font-size: 14px; }

.depoimento {
	background: url(../imagens/icon_abre_aspas.png) no-repeat top left;
	color: #555555;
	float: left;
	font: bold 11px "Segoe UI";
	margin-top: -20px;
	padding: 20px 0 0 36px;
	width: 200px;
}
.depoimento a{color: #5697B9; float:left;}
.depoimento span {
	background: url(../imagens/icon_fecha_aspas.png) no-repeat bottom right;
	float: left;
	padding: 0 13px 23px 0;
}

.aspas { float: left; }

/**************************************************************
   Footer
**************************************************************/
#Footer {
	background: url(../imagens/bg_footer_repeat.png) repeat-x;
	float: left;
	height: 92px;
	padding-top: 10px;
	width: 100%;
}

.footer_more { margin: 0 auto; width: 1000px; }

.footer_news {
	color: #727272;
	float: left;
	font-size: 13px;
	padding: 15px 30px 0 0;
	text-align: right;
	width: 185px;
}

.footer_news strong { color: #5697B9; }

.twitter { float: left; margin-top: -27px; padding: 0 15px 0 30px; }

.certifieds { float: right; padding-top: 0px;

height: 92px;
width: 344px;
}

.certifieds a { float: left; height: 92px; }

.microsoft { background: url(../imagens/certifieds.jpg) no-repeat left top; width: 156px; }
.microsoft:hover { background-position: left bottom; }

.adwords { background: url(../imagens/certifieds.jpg) no-repeat -156px top; width: 93px; }
.adwords:hover { background-position: -156px bottom; }

.analytics { background: url(../imagens/certifieds.jpg) no-repeat -249px top; width: 95px; }
.analytics:hover { background-position: -249px bottom; }


/****************************************************************************************************************************
   Info
     CSS Gerado por: Apici em 26-09-2009
     �ltima altera��o: #Base em 27-09-2009 por Apici
****************************************************************************************************************************/