@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; color:#555; font-family:Arial,Helvetica,sans-serif; font-size:11px; }
a img { border:none; }
ul, li { list-style-type:none; margin:0; padding:0; }
#wrapper { margin:0 auto; padding:0 0 30px; width:920px; }

/* Header */
#header { height:156px; }
.logo { float:left; }
.logo, .toptext { padding:28px 0 0 15px; }
.toptext { float:right; }
.toptext h1 { margin:0; padding:0; font-size:14px; }
.menu { height:50px; clear:both; padding-top:18px; background:url(../images/nav.gif) no-repeat scroll 0 18px; }
.menu li { float:left; width:230px; }
.menu li a { text-decoration:none; }
.menu li a div { background:url(../images/menu.gif) no-repeat; height:38px; padding:12px 0 0 15px; color:#FFF; font-size:14px;font-weight:bold; float:none; float:left; cursor:pointer; }
.menu li a .menu-border-left, .menu li a .menu-border-right { width:211px; }
.menu li a .menu-border-left { background-position:-4px 0; }
.menu li a .menu-center { width:215px; }
.menu li a:hover div, .menu li a:hover #menu-left, .menu li a:hover #menu-right { background-position:0 -50px; }
.menu li a:hover .menu-border-left { background-position:-4px -50px; }
#menu-left { float:left; background:url(../images/menu-left.gif) no-repeat; }
#menu-right { float:right; background:url(../images/menu-right.gif) no-repeat; }
#menu-left, #menu-right { width:4px; height:50px; padding:0; margin:0; }

/* Content */
#mid { background:transparent url(../images/content.gif) repeat-y scroll 0 0; margin:20px 0 0 15px; width:890px; }
.ads { width:728px; height:20px; margin:10px auto; }
.left { float:left; width:674px; }
.section { border-bottom:1px solid #DCDCDC; padding:0 10px 30px 0; }
.section h2 { margin:0; font-size:16px; }
.section ul { padding:0 0 0 10px; }
.section ul li { margin-bottom:5px; }
.arrow_right, .section ul li { padding:0 0 0 20px; background:url(../images/arrow_right.gif) no-repeat; }
a { border-bottom:1px solid #D7E1E9; color:#6385A1; text-decoration:none; }
a:hover { border-bottom:none; color:#80A1BB; }
p.link { margin:16px 0 0; }
.middle { border:medium none; margin:25px 0 0; }
.middle h3 { margin:3px 0 10px; font-size:14px; }
p.view_work { float:right; margin:0; padding:0 0 1px 19px; width:194px; }
.project { float:left; margin:0 30px 0 0; width:200px; }
.preview_container { height:144px; margin:15px 0 0; width:192px; padding:2px; border:solid 1px #ADADAD; }
.project .content { margin:8px 0 0; }
.project .content a { font-size:14px; line-height:17px; }
p.large { line-height:17px; margin:9px 0 0; }
.last-project { margin:0; }
.img-left { float:left; margin:10px 10px 10px 0; }
.img-right { float:right; margin:0 0 10px 10px; }
.moldura { padding:3px; background:#FFF; border:solid 1px #DCDCDC; }

.right { float:right; padding:0 0 27px; width:215px; }
.right h3, .boxes h3 { margin-top:0; font-size:14px; }
.highlight { color:#7AAA1B; }

.boxes { background:transparent url(../images/boxes.gif) repeat-y scroll 0 0; border-bottom:1px solid #DCDCDC; border-top:1px solid #DCDCDC; margin:0; width:890px; }
.box { float:left; margin:0 0 0 30px; padding:28px 0 27px; width:200px; }
.left-box { margin:0; }

/* Footer */
#footer { margin:0 0 0 15px; padding:26px 0; border-top:solid 1px #DCDCDC; }
#footer ul, #footer li { float:left; }
#footer li { margin-right:5px; }
#footer li a, #footer a { border-bottom:1px solid #E0E0E0; color:#6E6E66; text-decoration:none; }
#footer li a:hover, #footer a:hover { border-bottom:none; color:#8E8E86; }
#footer p#copyright { float:left; margin:0; }

/* Auxiliares */
.clear { clear:both; }
.ml_15 { margin-left:15px; }
.pt_15 { padding-top:15px; }
.mt_25 { margin-top:25px; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }