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,caption {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ul, li { list-style: none; margin: 0; padding: 0; }
html,body {margin: 0; padding: 0; width: 100%; font-family: Arial, Tahoma; font-size: 12pt; color: #666666; background: #010504 url("../images/layout/background.jpg") repeat-x;}
a:link,a:visited {color: #666666; text-decoration: underline;}
a:hover,a:active {color: #666666; text-decoration: underline;}

#main {margin: 0 auto; width: 995px; line-height: 1.5em; }

#header { float: left; width: 983px; margin: 75px 0 15px 12px; }
#header img { float:left;}
#header ul { float: right; font-size: 1.05em; font-weight: bold; color: #ffffff; margin: 50px 0 0 0; }
#header ul li { float: left;}
#header ul li a { color:#ffffff; text-decoration: none; margin: 0 12px;}
#header ul li a:hover, #header ul li a:active { text-decoration: none; }

#menu { float: left; width: 995px; height: 134px; background: url("../images/layout/bg_menu.png") no-repeat; font-size: 0.8em; line-height: 1.4em; }
#menu a { color: #ffffff; text-decoration: none; }
#menu h1 { font-size: 3.1em; font-weight: normal; margin: 0 0 15px 0; }
#menu .websites { float: left; width:300px; margin:35px 0 0 70px; }
#menu .design { float: left; width:280px; margin:35px 0 0 50px; }
#menu .servicos { float: left; width:180px; margin:35px 0 0 50px; }

#banner { float: left; width: 973px; padding:11px; background: url("../images/layout/bg_banner.png") top no-repeat; }

#footer { float: left; width: 995px; padding:35px 0 40px 0; background: #141414 url("../images/layout/bg_footer.png") top no-repeat; border-bottom: 1px solid #252525; color: #ffffff;}
#footer h5 { color: #f0eca5; font-family: Trebuchet MS, Arial; font-size: 1.35em; padding: 0 0 2px 0; }
#footer a { color: #ffffff; text-decoration: none; }
#footer p { padding-bottom: 10px; }
#footer div.amigos { float: left; width: 155px; margin: 0 0 0 40px; }
#footer div.amigos2 { float: left; width: 155px; margin: 0 70px 0 0; }
#footer div.artigo { float: left; }

#copyright { float: left; width: 955px; padding: 30px 0 50px 40px; }

#content { float: left; width: 972px; padding: 0 12px 11px 11px; background: #ffffff;  }
#container { float: left; width: 995px; padding:15px 0 0 0; background: url("../images/layout/bg_banner.png") top no-repeat; }
#containerHome { float: left; width: 995px; padding:15px 0 0 0; background: #ffffff; }

/* home */
#content #box-home { float: left; width: 942px; padding:15px 0 0 30px; background: url("../images/layout/bg_content_geral.png") no-repeat; }
#content #box-home a { text-decoration: none; }
#content #box-home p { padding-bottom: 15px; }
#content #box-home h2 { font-size: 1.8em; color: #5a5a5a; font-family: Trebuchet MS, Arial; padding-bottom: 15px; }
#content #box-home .left { float: left; width: 330px; }
#content #box-home .left img { margin: 0 11px 0 0; vertical-align: middle;}
#content #box-home .center { float: left; width: 340px; margin:0 55px 0 50px; }
#content #box-home .right { float: left; width: 150px; }
#content #box-home .right img { margin-bottom: 15px; }

#content #box-geral { float: left; width:972px; background: url("../images/layout/bg_content_geral.png") top no-repeat; }
#content #box-geral .tp { float: left; }
#content #box-geral .tp h1 {float:left; padding:15px 0 0 20px; width:650px; font-size: 3.5em; color: #5a5a5a; font-family: Trebuchet MS; line-height: 1em; }
#content #box-geral .tp p { float: left; padding:15px 0 0 20px; width: 650px; } 
#content #box-geral .tp img { float: right; }

#content #box-geral .listaPortfolio { float: left; width: 942px; padding: 20px 10px 20px 20px; font-size: 1.05em; }
#content #box-geral .listaPortfolio ul { float:left; width: 942px; padding:20px 0; border-bottom: 1px solid #5a5a5a; }
#content #box-geral .listaPortfolio ul li.img { float: left; width: 450px; padding: 0 20px 0 0; }
#content #box-geral .listaPortfolio ul li h2 { font-size: 2.2em; font-family: Trebuchet MS, Arial; line-height: 1em; padding-bottom: 25px;}
#content #box-geral .listaPortfolio ul li strong { float: left; width: 120px; height:60px; color: #f06059; }
#content #box-geral .listaPortfolio ul li p { float: left; width: 350px; height:60px; }
/* PAGINAÇÃO */
#box-paginacao 								{float:left; width:100%; border-bottom:1px solid #cccccc;border-top:1px dotted #cccccc;text-align:center; margin:20px 0 5px 0; padding:7px 0 5px 0; background:#f5f5f5}
#box-paginacao ul 							{margin:5px 0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit; }
#box-paginacao ul li 						{display:inline; font-size:1.7em;font-weight:bold;}
#box-paginacao ul li.link-anterior 			{float:left;font-weight:normal;}
#box-paginacao ul li.link-proxima 			{float:right;font-weight:normal;}
#box-paginacao ul li a 						{color:#f06059;padding:0 0.30em; text-decoration: none;}
#box-paginacao ul li a:hover 				{background-color:#f06059;color:#FFF;text-decoration:none}
#box-paginacao ul li.link-anterior a,
#box-paginacao ul li.link-proxima a 		{padding:0;}
#box-paginacao ul li.link-anterior a:hover,
#box-paginacao ul li.link-proxima a:hover 	{background:none;color:#f06059;text-decoration:underline;}
#box-paginacao ul li .on 					{background-color:#DDD;color:#FFF;display:inline !important;padding:0 0.30em;}
#box-paginacao ul li .off 					{color:#CCC;display:inline !important;}

.artigos { width: 100%;  float:left; margin-bottom: 15px; padding-bottom: 15px; }
.artigos ul.listaArt { float:left; width:100%; list-style:none; }
.artigos ul.listaArt li { float:left; width:100%; margin-bottom: 20px; }
.artigos img { float:left; padding:0 5px 0 0; }
.artigos p { float:left; width:500px; height:85px; margin:0; padding:0; }
.artigos strong { color:#CC0000; }
.artigos a { color: #000000; text-decoration:none; font-size:18px; }
.artigos a:hover, .fotos a:active { text-decoration: underline; color:#CC0000; }

.title_artigos { float:left; font-size:24px; font-weight:bold; margin-bottom: 15px; }

.art_cont { float:left; width: 99%; line-height:1.7em; }
.art_cont p { margin-bottom:20px; }
.art_cont img { margin-right: 10px; margin-bottom: 10px; vertical-align: sub; }

#btenviar { background-color: #1c4477; border: 0; font-weight:bold; color: #fff; padding: 4px; background-image:url(../images/layout/bt_contato.jpg); }
.fotos {
	width:450px;
	float:left;
	margin: 0 52px 5px 0;
	background-color:#EFEFEF;
	border: 1px solid #D4D4D4;
	border-top: 3px solid #D4D4D4;
	padding: 3px;
}
.fotos img {
	float:left;
	padding:0 5px 0 0;
}
.fotos p {
	float:left;
	width:500px;
	height:85px;
	margin:0;
	padding:0;
}
.fotos strong {
	color:#c10000;
}
.fotos a {
	color: #000000;
	text-decoration:none;
}
.fotos a:hover, .fotos a:active {
	text-decoration: underline;
	color:#000000;
}
.fotos_esq {
	width:450px;
	float:left;
	margin: 0 0px 5px 0;
	background-color:#EFEFEF;
	border: 1px solid #D4D4D4;
	border-top: 3px solid #D4D4D4;
	padding: 3px;
}
.fotos_esq img {
	float:left;
	padding:0 5px 0 0;
}
.fotos_esq p {
	float:left;
	width:500px;
	height:85px;
	margin:0;
	padding:0;
}
.fotos_esq strong {
	color:#CC0000;
}
.fotos_esq a {
	color: #000000;
	text-decoration:none;
}
.fotos_esq a:hover, .fotos a:active {
	text-decoration: underline;
	color:#000000;
}