ÿþ/**************************************************************

   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;

	color: #FFFFFF;

	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: 0 0 0 15px; }



#Info {

float: right;

}



.tel { color: #99a831; 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: #e1f890; height: 29px; width: 160px; }

.contato { background: url(../imagens/bg-menu-contato.png); color: #FFFFFF; width: 129px; }



.orcamento a { color: #e1f890; }

.contato a { color: #FFFFFF; }



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

.contato a:hover { color: #b6edf9; }



/**************************************************************

   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 ul { margin-left: 24px;}

#Menu li { margin-right: 22px; }

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



.monndo { background: url(../imagens/menu_monndo.png) no-repeat top; height: 14px; width: 68px; }

.servicos { background: url(../imagens/menu_servicos.png) no-repeat top; height: 17px; width: 35px; }

/* .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: 40px; }

.clientes { background: url(../imagens/menu_clientes.png) no-repeat top; height: 14px; width: 40px; }

.cases { background: url(../imagens/menu_cases.png) no-repeat top; height: 13px; width: 20px; }



/**************************************************************

   Destaques Home

**************************************************************/

.destaque {

float:left;

padding: 15px 0 10px 0;

width: 900px;

margin-left:50px;

height:374px;

}



#BotoesFlash{ float:left; width:30px; margin-top:30px;}

#BotoesFlash a{ 

	float:right; 

	background: none; 

	padding:5px; 

	color:#000;

	margin:0;

	font-style:italic;

}

#BotoesFlash a.selectbt{ background:#eff890;}



#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: #f4fe86; 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 #f2f2f2; }

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



.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: #f2f2f2;

color: #555555;

float: left;

line-height: 24px;

margin-bottom: 1px;

padding-left: 10px;

width: 150px;

}



.box_clientes a:hover {

background-color: #8C8C8C;

color:#FFFFFF;

}



.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: 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 {

	float: left;

	height: 80px;

	padding-top: 10px;

	width: 100%;

	border-top: #CCC 1px dotted;

}



.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: 80px; width: 344px;}



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



.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: 170px; }

.adwords:hover { background-position: -156px bottom; }





/****************************************************************************************************************************

   Info

     CSS Gerado por: Apici em 26-09-2009

     ýÿltima alteraýÿýÿo: #Base em 27-09-2009 por Apici

****************************************************************************************************************************/