html, body {margin:0; padding:0; width:100%; height:100%}
body {background:#B7B7B7 url(img/bg_top.gif) repeat-x; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:medium; color:#444}

td {font-family:Verdana,Arial,Helvetica,sans-serif} 
td p {margin:0} 

h1 {font-size:200%; background-color:#FFF; margin:1em 0 1.6em}
h2 {font-size:160%; background-color:#FFF; margin-top:2em}
h3 {font-size:120%; background-color:#FFF; margin:1.6em 0 -0.8em}

.inicio			{color:#0033B2}
.websites 		{color:#4066CC}
.consultoria 	{color:#8099D8}
.design 		{color:#F0B240}
.formulario 	{color:#E69900}


.antiSpam {color:#E60000; font-size:90%}
.attention {color:#E69900}
.sobresite {font-size:x-small; line-height:1.3; color:#808080}
.sobresite img {margin-left:5px}

.spacer {padding:0}

.captions {color:#808080; padding:5px; font-family:Arial,Helvetica,sans-serif; font-size:75%}

.current1 a {background-color:#4066CC!important; border:1px solid #4066CC!important; color:#FFF !important}
.current2 a {background-color:#8099D8!important; border:1px solid #8099D8!important; color:#FFF !important}
.current3 a {background-color:#0033B2!important; border:1px solid #0033B2!important; color:#FFF !important}
.current4 a {background-color:#F0B240!important; border:1px solid #F0B240!important; color:#FFF !important}
.currentFormu a {background-color:#E69900!important; border:1px solid #E69900!important; color:#FFF !important}



#page {margin:0 auto -80px; padding:0; width:96%; max-width:1000px; min-height:100%; overflow:hidden; background:#FFF; box-shadow:0 0 16px}

#header {margin:0; padding:0; background:#0033B2}



/* Middle
-----------------------------------------------------------------------------*/
#middle {margin:30px 30px 100px; padding:0; height:1%; position:relative}
#middle:after {margin:0; padding:0; content:''; clear:both; display:table}
#content {overflow:hidden; font-size:80%}
.conteudoCentral {background-color:#FFFFFF; text-align:left}
.conteudoCentral li {width:85% !important}
/*ul li.Largo {width:460px !important} */


/* Sidebar Left
-----------------------------------------------------------------------------*/
#sidebar {font-size:11px} 
#sidebar ul {margin:2px 0 20px; padding:0; list-style-type:none; display:block}
#sidebar li {margin:0 0 2px; padding:0; display:block}

#sidebar a {padding:3% 2%; display:block; border:1px solid #E6E6E6; width:95%; font-family:Tahoma,Arial,sans-serif; text-decoration:none; line-height:1em; background-color:#F4F4F4; color:#666}
#sidebar a:hover, #sidebar a:active {color:#FFF; background-color:#E69900; border:1px solid #CC8000}

#sidebar a.cor001 {border:1px solid #E6E6E6}
#sidebar a.cor001:hover, #sidebar a.cor001:active {color:#FFF; background-color:#4066CC; border:1px solid #204499}

#sidebar a.cor002 {border:1px solid #E6E6E6}
#sidebar a.cor002:hover, #sidebar a.cor002:active {color:#FFF; background-color:#8099D8; border:1px solid #6680CC}

#sidebar a.cor003 {border:1px solid #E6E6E6}
#sidebar a.cor003:hover, #sidebar a.cor003:active {color:#FFF; background-color:#0033B2; border:1px solid #001199}

#sidebar a.cor004 {border:1px solid #E6E6E6}
#sidebar a.cor004:hover, #sidebar a.cor004:active {color:#FFF; background-color:#F0B240; border:1px solid #CC9900}

#sidebar p {margin:0; display:inline-block}



/* Footer
-----------------------------------------------------------------------------*/
#footer {position:relative; padding:0; margin:-80px auto 0; width:96%; max-width:1000px; background:#FFF; color:#333; font-size:11px}
#footer a {color:#333 !important; text-decoration:none} 
#footer a:hover {color:#E69900 !important; text-decoration:none}
#footercontent {margin:0; padding:10px; line-height:20px; text-align:center; border-top:1px solid #E69900}

#social {margin:10px 0 0; padding:0 3%; width:94%; height:29px; overflow:hidden}
#autor {float:right}


.portfolio 			{font-size:90%; visibility:visible; display:flex; flex-wrap:wrap}
.portfolio .bloco	{width:45%; margin:10px 5% 40px 0; background:#FAFAFA; display:flex; flex-direction:column; justify-content:space-between}
.portfolio .image	{margin:0; padding:20px; max-height:260px; overflow:hidden; text-align:center}
.portimg 			{max-width:100%; max-height:100%}
.portfolio a 		{text-decoration:none}
.portfolio_tit 		{padding:10px; background:#F0F1F2}
.portfolio_tit a 	{text-decoration:none; color:#444}
.portfolio_tit a:hover 	{color:#4066CC}
.portfolio_descr 	{padding:10px; background:#F0F1F2; line-height:1.4}


.linkslist {width:540px; float:left; margin:0 20px 0 0; padding:0}
.linkitem, .linkimg {margin:0; padding:0; min-height:83px}
.linkimg  {float:left; width:80px}
.linkitem p {margin:0}
.linkscol {width:137px; float:left; margin:20px 0 0; padding:0}

.fb_iframe_widget, .ct_iframe {margin-bottom:35px}


/*  SECTIONS  */
.section {clear:both; padding:0; margin:0}

/*  COLUMN SETUP  */
.col {display:block; float:left; margin:0 0 0 3%}
.col:first-child {margin-left:0}

/*  GROUPING  */
.group:before, .group:after {content:""; display:table}
.group:after {clear:both}
.group {zoom:1; /* For IE 6/7 */}

/*  GRID OF FOUR  */
.span_4_of_4 {width:100%}
.span_3_of_4 {width:74.25%}
.span_2_of_4 {width:48.5%}
.span_1_of_4 {width:22.75%}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {margin:0}
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 {width:100%}
}
@media only screen and (max-width: 640px) {
	.portfolio .bloco {width:90%; margin:30px 5%}
}

@media screen and (min-width: 480px) {
	h1:first-child {margin-top:0}
}
@media screen and (min-width: 640px) {
	#social {padding:0 3% 0 27%!important; width:auto}
}
@media screen and (min-width: 800px) {
	#social {padding:0 3% 0 27%!important; width:auto}
	p {text-align:justify} 
}