/* -------------------------------------------------- */
/* SOURCE CODE                                        */
/* -------------------------------------------------- */

* { margin:0; padding:0; border:none; list-style:none }

body { background:#fff url('../../imagens/bg.jpg') repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#58595b }

input, textarea, button, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#58595b }
input, textarea, select { padding:2px; border:1px solid #ddd; background-color:#fff }
button { padding:5px; background:#58595b; color:#fff; font-weight:bold; text-transform:uppercase; cursor:pointer }

a { text-decoration:underline; color:#179b48 }
a:hover { text-decoration:none }

.email { background:url('../../imagens/icon_email.png') left center no-repeat }
.celular { background:url('../../imagens/icon_celular.png') left center no-repeat }
.endereco { background:url('../../imagens/icon_endereco.png') left center no-repeat }

.nomb { margin-bottom:0 !important }


#wrap { position:relative; margin:0 auto; width:900px }


#header { float:left; width:900px; height:90px }

#header h1, #header h1 a { display:block; float:left; width:245px; height:90px }
#header h1 a { background:url('../../imagens/djcontel.jpg') no-repeat; text-indent:-9999px }
#header h1 a:hover { filter:alpha(opacity=80); -moz-opacity:80; opacity:0.8 }


#navigation { float:left; width:900px; height:35px; background:#58595b url('../../imagens/bg_navigation.jpg') no-repeat }

#navigation ul#menu { float:left; width:680px; height:35px }
#navigation ul#menu li { display:block; float:left; height:35px }
#navigation ul#menu li a { display:block; float:left; height:23px; padding:0 20px; padding-top:7px; border-bottom:5px solid #58595b; text-transform:uppercase; text-decoration:none; color:#fff }
#navigation ul#menu li a:hover { border-color:#179b48 }
#home #navigation ul#menu li a.home { border-color:#333 }
#sobre #navigation ul#menu li a.sobre { border-color:#333 }
#portfolio #navigation ul#menu li a.portfolio { border-color:#333 }
#projetos #navigation ul#menu li a.projetos { border-color:#333 }
#servicos #navigation ul#menu li a.servicos { border-color:#333 }
#parceiros #navigation ul#menu li a.parceiros { border-color:#333 }
#contato #navigation ul#menu li a.contato { border-color:#333 }

#navigation ul#social-media { float:right; width:220px; height:35px }
#navigation ul#social-media li, #navigation ul#social-media li a { display:block; float:right; width:32px }
#navigation ul#social-media li { height:35px; margin-right:10px }
#navigation ul#social-media li a { height:30px; border-bottom:5px solid #58595b; text-indent:-9999px }
#navigation ul#social-media li a:hover { border-color:#179b48 }
#navigation ul#social-media li a.twitter { background:url('../../imagens/icon_twitter.gif') no-repeat }
#navigation ul#social-media li a.facebook { background:url('../../imagens/icon_facebook.gif') no-repeat }
#navigation ul#social-media li a.linkedin { background:url('../../imagens/icon_linkedin.gif') no-repeat }
#navigation ul#social-media li a.orkut { background:url('../../imagens/icon_orkut.gif') no-repeat }
#navigation ul#social-media li a.deviantart { background:url('../../imagens/icon_deviantart.gif') no-repeat }


#portfolio-list { float:left; width:900px; height:240px; background-color:#fff }


#feature-list { width:900px; height:240px; position:relative; overflow:hidden }

ul#tabs { position:absolute; left:0; z-index:2; width:320px; background:url('../../imagens/bg_tabs.gif') no-repeat }
ul#tabs li img { float:left; margin:10px 10px 0 0; padding-right:10px; border-right:2px solid #179b48 }
ul#tabs li a { display:block; height:80px; padding:0 10px; outline:none; text-decoration:none; color:#58595b }
ul#tabs li a:hover { text-decoration:underline }
ul#tabs li a.current { background:url('../../imagens/bg_tab_current.png'); color:#fff }
ul#tabs li a.current:hover { text-decoration:none; cursor:default }
ul#tabs li a.current img { border-color:#fff }
ul#tabs li span { display:block }
ul#tabs li span.h3 { padding-top:20px; font-size:18px; font-weight:normal }

ul#output { position:absolute; right:0; width:613px; height:240px }
ul#output li { position:absolute; width:613px; height:240px }
ul#output li a { position:absolute; bottom:10px; right:10px; padding:10px; background:#179b48; font-size:11px; text-decoration:none; color:#fff }
ul#output li a:hover { background:#333 }


#content { float:left; width:880px; padding:30px 10px; background:#fff url('../../imagens/bg_content.jpg') no-repeat; text-align:justify; line-height:18px }

#content h2 { margin-bottom:30px; border-bottom:1px solid #ddd; font-size:22px; text-transform:uppercase; color:#179b48 }

#content h3 { margin-bottom:15px; font-size:18px; font-weight:normal; color:#333 }

#content h4 { margin-bottom:15px; font-size:14px }

#content ul.half { float:left; margin-bottom:15px }
#content ul.half li { display:block; float:left; width:440px }

#content .content-left { float:left; width:435px; margin-right:10px }
#portfolio #content .content-left { width:220px }

#content .content-right { float:left; width:435px }
#portfolio #content .content-right { width:650px }

#content ul.portfolio li, #content ul.portfolio li a { display:block; float:left; width:220px; height:90px }
#content ul.portfolio li a { text-indent:-9999px; color:#fff }
#content ul.portfolio li a:hover { filter:alpha(opacity=80); -moz-opacity:80; opacity:0.8 }
#content ul.portfolio li a.cidadevitrine { background:#fff url('../../imagens/portfolio/cidadevitrine.jpg') no-repeat }
#content ul.portfolio li a.royalduck { background:#fff url('../../imagens/portfolio/royalduck.jpg') no-repeat }
#content ul.portfolio li a.unitoledo { background:#fff url('../../imagens/portfolio/unitoledo.jpg') no-repeat }
#content ul.portfolio li a.gustavoedaniel { background:#fff url('../../imagens/portfolio/gustavoedaniel.jpg') no-repeat }
#content ul.portfolio li a.coopcred { background:#fff url('../../imagens/portfolio/coopcred.jpg') no-repeat }
#content ul.portfolio li a.mcata { background:#fff url('../../imagens/portfolio/mcata.jpg') no-repeat }

#content ul.projetos li, #content ul.projetos li a { display:block; float:left; width:220px; height:90px }
#content ul.projetos li a { text-indent:-9999px; color:#fff }
#content ul.projetos li a:hover { filter:alpha(opacity=80); -moz-opacity:80; opacity:0.8 }
#content ul.projetos li a.pottato { background:#fff url('../../imagens/projetos/pottato.jpg') no-repeat }

#content dl.servicos dt { float:left }
#content dl.servicos dd { padding-left:42px; margin-bottom:30px }

#content ul.parceiros li, #content ul.parceiros li a { display:block; float:left; width:220px; height:90px }
#content ul.parceiros li a { text-indent:-9999px; color:#fff }
#content ul.parceiros li a:hover { filter:alpha(opacity=80); -moz-opacity:80; opacity:0.8 }
#content ul.parceiros li a.ronaldoakira { background:#fff url('../../imagens/parceiros/ronaldoakira.jpg') no-repeat }
#content ul.parceiros li a.firmino { background:#fff url('../../imagens/parceiros/firmino.jpg') no-repeat }
#content ul.parceiros li a.cidadevitrine { background:#fff url('../../imagens/parceiros/cidadevitrine.jpg') no-repeat }
#content ul.parceiros li a.simtelco { background:#fff url('../../imagens/parceiros/simtelco.jpg') no-repeat }
#content ul.parceiros li a.hitspropaganda { background:#fff url('../../imagens/parceiros/hitspropaganda.jpg') no-repeat }
#content ul.parceiros li a.tertius { background:#fff url('../../imagens/parceiros/tertius.jpg') no-repeat }
#content ul.parceiros li a.focussistemas { background:#fff url('../../imagens/parceiros/focussistemas.jpg') no-repeat }
#content ul.parceiros li a.cacaioweb { background:#fff url('../../imagens/parceiros/cacaioweb.jpg') no-repeat }

#content .box { float:left; width:880px }
#content .box h3 { margin-bottom:10px }
#content .box p { margin-bottom:10px }


#content-left { float:left; width:570px; margin-right:10px }
#content-left .box { width:570px }

#frmContato input, #frmContato textarea, #frmContato select { width:70% }
#frmContato label { float:right; font-weight:bold }
#frmContato label.clear { font-weight:normal }


#content-right { float:right; width:300px }
#content-right p.icon { height:16px; margin-bottom:15px; padding-left:26px }


#footer { float:left; width:560px; height:85px; padding-left:340px; padding-top:45px; background:#fff url('../../imagens/bg_footer.jpg') no-repeat; font-size:11px; color:#999 }

#footer address { font-style:normal; padding-bottom:5px }

#footer ul li { display:block; float:left; height:16px; padding-left:21px; margin-right:10px }