/* 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, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	outline: 0;
}

*{ padding:0px; margin:0px; }

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ESTRUTURA INICIAL */

html{ overflow: -moz-scrollbars-vertical;}



body{
	background: #004a51 url(../imagens/bgfull.png) no-repeat top center;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#contentFull{
	width: 980px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}
#contentFull #contentFixed{
	width:980px;
	height: auto;
	margin: 45px 0 0 0;
}
#contentFull #contentFixed #contentHeader{
	overflow: hidden;
	margin: 0 0 32px 0;
}
#contentFull #contentFixed #contentHeader .logo{
	width: 140px;
	height: 88px;
	float: left;
}
#contentFull #contentFixed #contentHeader #menu{
	height: 20px;
	float: right;
}
#contentFull #contentFixed #contentHeader #menu ul{
	margin: 8px 0 0 0;
	list-style-type: none;
	text-align: left;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
}
#contentFull #contentFixed #contentHeader #menu ul li { display: inline; }

#contentFull #contentFixed #contentHeader #menu ul li a{
	text-decoration: none;
	padding: 8px;
	color: #FFFFFF;
	height: 20px;
}
#contentFull #contentFixed #contentHeader #menu ul li a:hover{
	color: #FFFFFF;
	height: 20px;
	background-color: #66918a;
}

#contentFull #contentFixed #contentHeader #menu ul li a.active{
	color: #9dff34;
	height: 20px;
	background-color: #66918a;
}

/******************************************************/
/*************** Final de Header + Menu ***************/
/******************************************************/


/*************************************************************/
/*************** Inicio de Content Left / Home ***************/
/*************************************************************/


#contentFull #contentFixed #contentLeft ul{
	border: none;	
}

#contentFull #contentFixed #contentLeft ul li{
	padding: 2px 0 0 22px;
}

#contentFull #contentFixed #contentLeft ul li a{
	text-decoration: none;
	color: #FFFFFF;
}
#contentFull #contentFixed #contentLeft{
	float: left;
	width: 264px;
	margin: 0 58px 0 0;
}
#contentFull #contentFixed #contentLeft p{
	margin: 0 0 20px 22px;
	text-align: justify;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentLeft p span{
	font-weight: bold;
	color: #9dff34;
}
#contentFull #contentFixed #contentLeft h1.midia{
	background: url(../imagens/titMidia.gif) no-repeat top left;
	text-indent: -9999px;
	width: 196px;
	height: 19px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentLeft h1.agencia{
	background: url(../imagens/titAgencia.gif) no-repeat top left;
	text-indent: -9999px;
	width: 240px;
	height: 43px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentRight{
	float: left;
	width: 656px;
	min-height: 300px;
}
#contentFull #contentFixed #contentRight h1.trabalhos{
	background: url(../imagens/titTrabalhos.gif) no-repeat top left;
	text-indent: -9999px;
	width: 132px;
	height: 19px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentRight h1.fazemos{
	background: url(../imagens/titOquefazemos.gif) no-repeat top left;
	text-indent: -9999px;
	width: 119px;
	height: 25px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentRight h1.webdesign{
	background: url(../imagens/titWebdesign.gif) no-repeat top left;
	text-indent: -9999px;
	width: 141px;
	height: 22px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentRight h1.seo{
	background: url(../imagens/titSeo.gif) no-repeat top left;
	text-indent: -9999px;
	width: 175px;
	height: 25px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentRight h1.arquitetura{
	background: url(../imagens/titArquitetura.gif) no-repeat top left;
	text-indent: -9999px;
	width: 184px;
	height: 25px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentRight h1.ecommerce{
	background: url(../imagens/titComercio.gif) no-repeat top left;
	text-indent: -9999px;
	width: 144px;
	height: 20px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentRight h1.manutencao{
	background: url(../imagens/titManutencao.gif) no-repeat top left;
	text-indent: -9999px;
	width: 100px;
	height: 24px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentRight h1.banners{
	background: url(../imagens/titBanners.gif) no-repeat top left;
	text-indent: -9999px;
	width: 74px;
	height: 20px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentRight h1.email{
	background: url(../imagens/titEmail.gif) no-repeat top left;
	text-indent: -9999px;
	width: 123px;
	height: 24px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentRight #contentGaleria{
	overflow: hidden;
	margin: 0 0 0 22px;
	width: 632px;
}
#contentFull #contentFixed #contentRight #contentGaleria .boxgrid{
	width: 171px;
	height: 79px;
	float:left;
	
	border: 10px solid #e4e4e4; 
	overflow: hidden;
	position: relative;
	margin: 0 18px 16px 0;
}
#contentFull #contentFixed #contentRight #contentGaleria .boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
#contentFull #contentFixed #contentRight #contentGaleria .boxcaption{
	float: left;
	position: absolute;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	height: 99px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#contentFull #contentFixed #contentRight #contentGaleria .boxcaption a{
	text-decoration: none;
	color: #cecece;
}
#contentFull #contentFixed #contentRight #contentGaleria h3{
	margin: 10px 0 0 10px;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentRight #contentGaleria p{
	margin: 0 0 0 10px;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentRight #contentGaleria .captionfull .boxcaption {
 	top: 89px;
 	left: 0px;
}
#contentFull #contentFixed #contentRight #contentGaleria .caption .boxcaption {
 	top: 0px;
 	left: 0px;
}


/*************************************************************/
/******************* Final de Content Home *******************/
/*************************************************************/



/*************************************************************/
/*************** Inicio de Content ServiŤos ******************/
/*************************************************************/

#contentFull #contentFixed #contentLeft h1.servicos{
	background: url(../imagens/titServicos.gif) no-repeat top left;
	text-indent: -9999px;
	width: 71px;
	height: 20px;
	margin: 0 0 12px 0;
}

#contentFull #contentFixed #contentRight #contentAjax h1.branding{
	background: url(../imagens/titBranding.gif) no-repeat top left;
	text-indent: -9999px;
	width: 80px;
	height: 25px;
	margin: 0 0 12px 0;
}

#contentFull #contentFixed #contentRight #loading{
	display: none;
	position: relative;
	right: 10px;
	top: 10px;
	background: url(../imagens/ajax-loader.gif);
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}
#contentFull #contentFixed #contentRight #contentAjax{
	border: none;
}
#contentFull #contentFixed #contentRight #contentAjax ul{
	margin: 10px 0 20px 0;
}

#contentFull #contentFixed #contentRight #contentAjax ul li{
	margin: 10px 0 0 34px;
	list-style: circle;
	font: italic bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/*************************************************************/
/**************** Final de Content ServiŤos ******************/
/*************************************************************/




/*************************************************************/
/*************** Inicio de Content Portfolio *****************/
/*************************************************************/


#contentFull #contentFixed #contentLeftPort{
	float: left;
	width: 100%;
	margin: 0 58px 0 0;
}
#contentFull #contentFixed #contentLeftPort p{
	margin: 0 0 20px 22px;
	text-align: justify;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#contentFull #contentFixed #contentLeftPort h1.portfolio{
	background: url(../imagens/titPort.gif) no-repeat top left;
	text-indent: -9999px;
	width: 75px;
	height: 16px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentLeftPort #contentGaleriaPort{
	margin: 30px 0 80px 22px;
	overflow: hidden;
}
#contentFull #contentFixed #contentLeftPort #contentGaleriaPort .boxgrid{
	float:left;
	height:170px;
	margin:0 1px 1px 0;
	overflow:hidden;
	position:relative;
	width:235px;
	/*background-color: #004a51;*/
}
#contentFull #contentFixed #contentLeftPort #contentGaleriaPort .boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
#contentFull #contentFixed #contentLeftPort #contentGaleriaPort .boxcaption{
	float: left;
	position: absolute;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	height: 99px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#contentFull #contentFixed #contentLeftPort #contentGaleriaPort .boxcaption a{
	text-decoration: none;
	color: #cecece;
}
#contentFull #contentFixed #contentLeftPort #contentGaleriaPort h3{
	margin: 10px 0 0 10px;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentLeftPort #contentGaleriaPort p{
	margin: 0 0 0 10px;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentLeftPort #contentGaleriaPort .captionfull .boxcaption {
 	top: 170px;
 	left: 0px;
}
#contentFull #contentFixed #contentLeftPort #contentGaleriaPort .caption .boxcaption {
 	top: 0px;
 	left: 0px;
}

/*div.scrollable { 
    position: relative; 
    overflow: hidden; 
    width: 820px; 
    height: 135px; 
} 
 
div.scrollable div.items { 
     width: -1000em; 
    position: absolute; 
} 
 

div.scrollable div.items div { 
    float:left; 
} 
 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
.items img {
	margin:0;
}
.items a {
	display:block;
	float:left;
	margin: -6px 0 0 2px;
} 

#tooltip {
	display: none;
	/*background: url(../imagens/black_arrow.png);
	background: url(../imagens/bubble.png);
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height:25px;
	width:133px;
	padding:10px;
	color:#000;
	margin: 20px 0 0 8px;
}
#gallery .disabled {
	visibility:visible !important;
}
#gallery .inactive {
	visibility:hidden !important;
}
*/

/*************************************************************/
/**************** Final de Content Portfolio *****************/
/*************************************************************/





/*************************************************************/
/************* Inicio de Content Fale Conosco ****************/
/*************************************************************/

#contentFull #contentFixed #contentLeftFale{
	border: none;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentLeftFale h1.fale{
	background: url(../imagens/titFale.gif) no-repeat top left;
	text-indent: -9999px;
	width: 100px;
	height: 20px;
	margin: 0 0 12px 0;
}
#contentFull #contentFixed #contentLeftFale p{
	margin: 0 0 20px 22px;
	text-align: justify;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentLeftFale p.blue{
	color: #9dff34;
	font-weight: bold;
}
#contentFull #contentFixed #contentLeftFale #contentForm{
	float: left;
	margin: 0 46px 10px 22px;
	width: 650px;
}
#contentFull #contentFixed #contentLeftFale #contato_box {
	width: 680px;
}
#contentFull #contentFixed #contentLeftFale #contato_box .enviado{
	padding: 100px;
}
#contentFull #contentFixed #contentLeftFale #contato_box form label {
	font-weight:bold;
	color:#FFFFFF;
	display:block;
	cursor:pointer;
	padding:10px 0 0 0;
}
#contentFull #contentFixed #contentLeftFale #contato_box form label span {color:#FFFFFF;}

#contentFull #contentFixed #contentLeftFale #contato_box form input, #contentFull #contentFixed #contentLeftFale #contato_box form textarea {
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:none;
}
#contentFull #contentFixed #contentLeftFale #contato_box form .contato1 input {
	width:223px;
	margin:9px 0 0 8px;
	background:none;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentLeftFale #contato_box form .contato2 input {
	width:243px;
	margin:9px 0 0 8px;
	background:none;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentLeftFale #contato_box form textarea {
	width:328px;
	height:206px;
	margin:9px 0 0 8px;
	background:none;
	overflow:hidden;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentLeftFale #contato_box #blocoA {width:245px;float:left;}

#contato_box #blocoB {width:380px;float:right;}

#contentFull #contentFixed #contentLeftFale #contato_box .contato1 {
    width:245px;
    height:50px;
	background: url(../imagens/bgForm.png) no-repeat bottom left;
}
#contentFull #contentFixed #contentLeftFale #contato_box .contato2 {
    width:265px;
    height:50px;
	background: url(../imagens/bgForm.png) no-repeat bottom left;
}
#contentFull #contentFixed #contentLeftFale #contato_box .contato3 {
    width:346px;
    margin: 3px 0 0 0;
    height:221px;
	background: url(../imagens/bgArea.png) no-repeat bottom left;
	overflow: hidden;
	padding: 0 0 26px 0;
}
#contentFull #contentFixed #contentLeftFale #contato_box #newsletter{
	float: right;
	width: 300px;
	margin:18px 34px 0 560px;
	text-align: right;
	line-height: 20px;
}
#contentFull #contentFixed #contentLeftFale #contato_box .btnEnviar {
	
	float:right;
}
#contentFull #contentFixed #contentLeftFale #contato_box .btEnviar {
	width:86px;
	height:21px;
	line-height:99px;
	background: url(../imagens/btnEnviar.gif) no-repeat 0 0;
	border:none;
	cursor:pointer;
	text-indent:-999999px;
	margin:18px 34px 0 560px;
}
#contentFull #contentFixed #contentLeftFale #contato_box .campos{
	margin: 10px 0 0 0;
}
#contentFull #contentFixed #contentLeftFale #contentInfos{
	float: left;
	width: 220px;
}

/*************************************************************/
/************** Final de Content Fale Conosco ****************/
/*************************************************************/


#contentFull #contentFixed #contentLeft .clearBoth{
	margin: 0 0 30px 0;
}

#contentFull #contentFixed #contentRight p.select{
	margin: 0 0 20px 22px;
	text-align: justify;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #footer{
	margin: 20px 0 0 0;
	float: left;
	width: 100%;
}

#contentFull #contentFixed .vermais{
	float: right;
	width: 86px;
	height: 21px;
	border: none;
	margin: 0 25px 0  0;
	background: url(../imagens/btnVer.gif) no-repeat top left;
	cursor: pointer;
}


#contentFull #contentFixed #contentLeftPort #minhaGaleria #contentGaleria{
	overflow: hidden;
	margin: 0 0 0 22px;
	width: 870px;
}
#contentFull #contentFixed #contentLeftPort #minhaGaleria #contentGaleria .boxgrid{
	width: 171px;
	height: 79px;
	float:left;
	background:#161613; 
	border: 10px solid #5d8a80; 
	overflow: hidden;
	position: relative;
	margin: 0 18px 16px 0;
}
#contentFull #contentFixed #contentLeftPort #minhaGaleria #contentGaleria .boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
#contentFull #contentFixed #contentLeftPort #minhaGaleria #contentGaleria .boxcaption{
	float: left;
	position: absolute;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	height: 99px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#contentFull #contentFixed #contentLeftPort #minhaGaleria #contentGaleria .boxcaption a{
	text-decoration: none;
	color: #cecece;
}
#contentFull #contentFixed #contentLeftPort #minhaGaleria #contentGaleria h3{
	margin: 10px 0 0 10px;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentLeftPort #minhaGaleria #contentGaleria p{
	margin: 0 0 0 10px;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contentFull #contentFixed #contentLeftPort #minhaGaleria #contentGaleria .captionfull .boxcaption {
 	top: 89px;
 	left: 0px;
}
#contentFull #contentFixed #contentLeftPort #minhaGaleria #contentGaleria .caption .boxcaption {
 	top: 0px;
 	left: 0px;
}


/*************************************************************/
/******************* Final de Content Home *******************/
/*************************************************************/