* {margin:0; padding:0; border:0;  outline:0; vertical-align: baseline; font-family:Trebuchet MS, Arial;}

.left {float:left;}
.right {float:right;}
.hide {display:none;}

body {background-color:#202020;}

#alinhasite {width:900px; margin:0 auto;}

#tags {width:900px; height:20px; float:left; padding-top:15px; margin-bottom:20px;}
#tags p {font-size:12px; color:#cccccc; background-color:#333333; padding:2px 10px; margin-bottom:30px; float:right;}

#topo_esq {width:440px; float:left; position:relative; top:-10px;}

#logo {width:440px; float:left;}
#logo img {float:left;}

#menu {width:440px; float:left; margin-top:20px;}
#menu ul {list-style:none;}
#menu li {float:left; margin-right:10px; display:block; background:#333; font-size:13px; width:100px; height:25px; line-height:23px; color:#CCC; text-decoration:none; text-indent:15px; cursor:pointer;}
#menu li.ativo {background:#FF9900; color:#333; }
#menu li a {width:100px; height:25px; display:block; background:#333; color:#CCC; text-decoration:none;}
#menu li a:hover, #menu li a.ativo {background:#FF9900; color:#333; }

#box_contact {position:absolute; left:330px; top:110px; width:0px; height:250px; background-color:#666; overflow:hidden; z-index:999;}
#box_contact form {float:left;}
#box_contact ul {list-style:none; padding-left:20px; margin-top:5px;}
#box_contact ul li {width:260px; float:left; clear:left; margin-bottom:7px;}
#box_contact ul li label {width:260px; float:left; clear:left; font-size:13px; color:#F90;}
#box_contact ul li .formfield {width:252px; float:left; clear:left; font-size:13px; border:0; background-color:#CCC; color:#333; padding:3px 4px;}
#box_contact ul li .sendform {float:left; font-size:13px; border:0; background-color:#F90; color:#333; padding:3px 4px;}
#box_contact ul li textarea {width:252px; height:80px; float:left; clear:left; font-size:13px; border:0; background-color:#CCC; color:#333; padding:3px 4px; overflow:auto;}


#info {width:460px; height:170px; float:right; position:relative;}
#info p {font-size:12px; color:#cccccc; background-color:#333333; padding:2px 10px; margin-bottom:30px; float:right;}
#info ul {list-style:none;}
#info li {font-size:12px; color:#cccccc; background-color:#333333; padding:2px 10px; margin-bottom:7px; float:right; clear:right;}
#info li a {color:#cccccc;}
#info li a:hover {color:#FF9900;}

#socialmedia {position:absolute; top:30px; left:-117px;}
#socialmedia img {float:left;}

#lastjob {width:900px; float:left;}
#lastjob img {border:5px solid #CCC;}

#s3slider {width: 900px; height: 260px; background-color:#CCCCCC; position: relative; overflow: hidden; z-index:1;}
#s3sliderContent {width: 900px; position: absolute; top: 0; margin-left: 0;}
.s3sliderImage {float: left; position: relative; display: none; }
.s3sliderImage span {width:900px; height:60px; line-height:50px; position: absolute; left: 0; font-size:18px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; bottom: 0; text-indent:20px;}
.s3sliderImage span a {color:#fff; text-decoration:none;}
.s3sliderImage span a:hover {color:#fff; text-decoration:underline;}
.clear {clear: both;} 



.box_home {width:440px; margin-top:30px;}
.box_home h2 {font-size:22px; color:#FF9900; margin-bottom:5px;}
.box_home p {font-size:13px; color:#333; line-height:20px; margin-bottom:10px;}
.box_home ul {list-style-image:url(../images/seta.gif); margin-left:20px;}
.box_home ul li {font-size:12px; color:#333; margin-bottom:10px;}
.box_text {background-color:#CCC; padding:10px; margin-bottom:20px;}
.box_text a {color:#FF9900;}
.box_text a:hover {color:#333}

.titlebar {width:900px; height:35px; line-height:35px; background-color:#333; float:left; margin-bottom:20px; }
.titlebar h2 {font-size:20px; color:#FF9900; padding-left:15px;}

.box_portfolio {width:880px; padding:0 10px; float:left; margin-bottom:50px; font-size:11px; color:#CCC;}
.box_portfolio img {float:left; border:6px solid #CCC;}
.box_portfolio a:hover img {border:6px solid #FF9900;}

.port_info {width:328px; float:left; padding-left:20px;}
.port_info h3 {font-size:20px; color:#FF9900;}
.port_info p a {font-size:12px; color:#FF9900; text-decoration:none;}
.port_info p a:hover {text-decoration:underline;}
.port_info ul {list-style:none; margin-top:15px;}
.port_info ul li {font-size:13px; color:#CCC; margin-bottom:8px;}
.port_info ul li a {color:#CCC;}
.port_info ul li a:hover {color:#CCC; text-decoration:overline;}

#about {width:500px; float:left; margin-top:3px;}
#about p {width:500px; padding:10px; background-color:#CCC; color:#333; font-size:13px; margin-bottom:18px;}
#about p a {color:#FF9900; font-weight:bold; text-decoration:none;}
#about p a:hover {text-decoration:underline;}

#about h4 {width:500px; color:#CCC; font-size:13px; margin-top:18px;}
#about h4 a {color:#CCC; padding:5px; font-weight:normal; text-decoration:none;}
#about h4 a:hover {color:#333; background-color:#F90;}

#pictures {width:300px; float:left; padding-left:100px;}
#pictures ul {list-style:none; float:left;}
#pictures ul li {float:left; padding-right:14px; margin-bottom:14px;}
#pictures ul li a img {border:3px solid #202020;}
#pictures ul li a:hover img {border:3px solid #CCC;}

span.orange {color:#FF9900;}
p.orange {color:#FF9900;}