@charset "utf-8";
/* CSS Document */


/* RESET */
/* *{ margin: 0px; padding: 0px;} */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img{ border: none;}

a, p{ color: #FFF;}
p{ cursor: default; font: normal 12px/160% Verdana, Arial; margin: 0 10px 7px 10px; text-align: justify;}
li{ cursor: default; list-style: none;}
a:hover{ color: #00B5FD;}
a:focus{ outline: none;}

body{ background: #272727;  color: #FFF;}

/* Footer Fix */
html, body { height: 100%;}
* html #site{ height: 100%;}
#site{ min-height: 100%; position: relative;}
#footer{ position: absolute; bottom: 0px;}
/* End of Footer Fix */


/* CLASS */
.clear{ clear: both; font-size: 0; height: 0px; line-height: 0px;}
.floatLeft{ float: left;}
.floatRight{ float: right;}

.box{ background: url(../images/bgStripe.png); margin: 20px 11px; padding: 20px;}
.boxRounded{ background: #222; border: 1px solid #595959;}

.external{ background: url(../images/ico-external.gif) no-repeat right center; padding-right: 15px;}
.mail{ background: url(../images/ico-mail.gif) no-repeat left center; padding-left: 15px;}

a#goTop{ background:url(../images/goTop.png) no-repeat center top; cursor: pointer; position: fixed; z-index: 9999; bottom: 0px; right: 0px; width: 44px; height: 49px;}
a#goTop:hover{ background:url(../images/goTop.png) no-repeat center bottom;}
a#goTop span{ display: none;}

/* HEADERS */
h1,h2,h3{ cursor: default;}
h1{ border-bottom: 1px solid #666; color: #FFF; font: normal 24px/130% "Trebuchet MS", Verdana; margin: 0 0 15px; padding: 0 10px; text-align: left;}
h2{}
h3{ color: #FFF; font: normal 16px/130% "Trebuchet MS", Verdana; margin: 0;}


/* SITE */
#site{ width: 100%;}
#ie6{ display: none;}

/* TOP */
#topBg{  background: url(../images/topBg.png) repeat-x center top #454545; width: 100%; height: 100px;}
#top{ margin: 0 auto; width:970px;}
#top #logo{ float: left; margin: 6px 0 0;}


/* MENU */
#menu{ float: right; list-style: none; margin: 49px 21px 0 0;}
#menu li{ float: left;}
#menu a *{ display: none;}
#menu a,
#menu a .hover{ background: url(../images/menuBgFull2.png) 0 0 no-repeat; display: block; position: relative; height: 33px; width: 118px;}
#menu a .hover{ cursor: pointer;}


#menu a.home{ background-position: 0 0; width: 125px;}
#menu .highlight a.home:hover,
#menu a.home .hover{ background-position: 0px -66px; width: 125px;}
#menu li.selected a.home,
#menu li.selected a.home .hover{ cursor: default; background-position: 0px -33px;}

#menu a.servicos{ background-position: -125px 0px;}
#menu .highlight a.servicos:hover,
#menu a.servicos .hover{ background-position: -125px -66px;}
#menu li.selected a.servicos,
#menu li.selected a.servicos .hover{ cursor: default; background-position: -125px -33px;}

#menu a.portfolio{background-position: -243px 0;}
#menu .highlight a.portfolio:hover,
#menu a.portfolio .hover{ background-position: -243px -66px;}
#menu li.selected a.portfolio,
#menu li.selected a.portfolio .hover{ cursor: default; background-position: -243px -33px;}

#menu a.parceiros{ background-position: -361px 0;}
#menu .highlight a.parceiros:hover,
#menu a.parceiros .hover{ background-position: -361px -66px;}
#menu li.selected a.parceiros,
#menu li.selected a.parceiros .hover{ cursor: default; background-position: -361px -33px;}

#menu a.contato{ background-position: -361px 0; width: 124px;}
#menu .highlight a.contato:hover,
#menu a.contato .hover {background-position: -361px -66px; width: 124px;}
#menu li.selected a.contato,
#menu li.selected a.contato .hover{ cursor: default; background-position: -361px -33px;}


/* MIDDLE */
#middle{ background: #272727; padding-bottom: 72px;}


/* CONT */
.cont{ margin: 0 auto; width: 950px;}
.contSeparator{ background: url(../images/contSeparatorBg.png) #0005CE center; border-bottom: 1px solid #000; border-top: 1px solid #000; clear:both; width: 100%; height: 4px; line-height: 3px;}


/* FOOTER */
#footer{ background: #2A2A2A url(../images/footerBg.png) repeat-x bottom; display: inline; width: 100%; height: 72px;}
#footer a{ color: #FFF; cursor: pointer; text-decoration: none;}
#footer a:hover{ color: #00B5FD; text-decoration: underline;}
#footer .cont{ padding-top: 24px;}
#footer .contSeparator{ border-bottom: 1px solid #595959; clear:none;}
#footer ul,
#footer p.valid{ color: #FFF; font: normal 11px/150% Verdana;}
#footer ul{ float: left; margin-left: 20px; display: inline;}
#footer ul li{ border-right: 1px solid #999; float: left; padding: 0 8px;}
#footer p.valid{ float: right; margin-right: 20px; text-align: left; display: inline;}
#footer p.valid a{ background: url(../images/valid.png) left bottom no-repeat; margin-left: 17px; padding-left: 17px;}


/* HOME */
.home #midTitle{ background: url(../images/midTitleBg.png) repeat-x center top; border-bottom: 1px solid #000; border-top: 1px solid #000; width: 100%; height: 118px}
.home #midTitle .midFrase{ float: left; margin: 8px 0 0 36px;}
.home #midTitle .midImgPort{ float: right; margin: 0px 20px 0 40px;}
.home #empresa{ float: left; width: 550px; display: inline;}
.home #empresa p{ margin: 11px 10px;}
.home #servicos{ float: left; width: 275px; display: inline;}
.home #servicos ul{ margin-left: 30px;}
.home #servicos ul li{ color: #FFF; font: normal 12px/150% Verdana; list-style: url(../images/ico-listOn.png); margin-top: 3px; }
.home #servicos a{ clear: both; display: block; font: normal 14px "Trebuchet MS", Verdana; margin: 20px 10px 0; text-align: center;}
.home #ultimosProjetos{ float: left; width: 550px; display: inline;}
.home #ultimosProjetos .boxRounded{ display: inline; float: left; margin: 0 10px; width: 318px;}
.home #ultimosProjetos .boxRounded img{ background: #222 url(../images/ajax-loader.gif) center center no-repeat; margin: 0 4px; border: 1px solid #333; width: 309px; height: 194px;}
.home #ultimosProjetos .boxRounded a{ clear: both; display: block; font: normal 20px "Trebuchet MS", Verdana; margin: 4px 15px 0; text-align: left; text-decoration: none;}
.home #ultimosProjetos ul{ float: right; width: 210px; margin-bottom: 11px;}
.home #ultimosProjetos ul li{ border-bottom: 1px solid #666; color: #FFF; cursor: pointer; font: normal 12px/150% Verdana; list-style: none; padding: 5px 0 5px 5px;}
.home #ultimosProjetos ul li a{ background: url(../images/ico-listOn.png) left center no-repeat; padding-left: 15px; text-align: left; text-decoration: none;}
.home #ultimosProjetos ul li a:hover{ background: url(../images/ico-list.png) left center no-repeat; color: #00B5FD; display: block;}
.home #ultimosProjetos a{ display: block; font: normal 14px/150% "Trebuchet MS", Verdana; text-align: right;}
.home #entreContato{ float: left; width: 275px; display: inline;}
.home #entreContato img{ margin: 15px 5px 0 5px;}
.home #entreContato h3{ margin: 10px 0 10px 10px;}
.home #entreContato p{ margin-top: 15px;}
.home #entreContato p.phones{ margin: 10px 0 25px; line-height: 250%; text-align: center;}
.home #entreContato a{ cursor: pointer; font: normal 14px "Trebuchet MS", Verdana; text-decoration: underline;}
.home #entreContato a:hover{ color: #00B5FD;}

/* SERVIÇOS */
.servicos #midServCont{ background: #454545 url(../images/midPortContBg.png) repeat-x center top; border-top: 1px solid #868686; padding: 8px 0; width: 100%;}
.servicos #midServCont div.cont { margin: 0 auto; width: 940px; padding: 0 10px;}
.servicos #midServCont div.cont div{ float: left; width: 290px; padding: 0 10px;}
.servicos #midServCont div.cont div.mid{ border-right: 1px #777 dashed; border-left: 1px #777 dashed;}
.servicos #midServCont div.cont div h3{ border-bottom: 1px solid #777; font-size: 18px; margin: 0 0 10px; padding: 0 13px;}
.servicos #midServCont div.cont div ul{ margin-left: 14px;}
.servicos #midServCont div.cont div ul li{ background: url(../images/valid.png) left center no-repeat; color: #FFF; float:left; font: normal 14px/20px "Trebuchet MS", Verdana; list-style: none; padding-left: 18px; text-align: left; width: 250px;}
.servicos .cont .box{ margin: 20px auto; width: 800px;}
.servicos .cont .box h3,
.servicos .cont .box p{ text-align: justify;}
.servicos .cont .box p.link{ font: normal 14px "Trebuchet MS", Verdana; margin: 20px 0 10px; text-align: right;}
.servicos .cont .boxRounded{ float: right; margin-left: 30px; width:317px; height: 194px;}
.servicos .cont .boxRounded img{ padding: 0 4px;}


/* PORTFOLIO */
.portfolio #midPortTit{ background: #2D2D2D url(../images/midPortTitBg.png) repeat-x center top; border-bottom: 1px solid #000; width: 100%; line-height: 23px}
.portfolio #midPortTit ul{ margin: 0 auto; width: 820px; height: 22px;}
.portfolio #midPortTit ul li{ color: #FFF; float: left; font: normal 13px/22px "Trebuchet MS", Verdana; list-style: none; margin-right: 30px;}
.portfolio #midPortTit ul li.last{ margin-right: 0;}
.portfolio #midPortTit ul li a{ display: block; text-decoration: none; padding: 0 7px;}
.portfolio #midPortTit ul li.current a{ color: #00B5FD; font-weight: bold;}
.portfolio #midPortTit ul li img{ padding: 0 7px 0 0;}
.portfolio #midPortCont{ background: #454545 url(../images/midPortContBg.png) repeat-x center top; border-top: 1px solid #868686; padding: 8px 0; width: 100%;}
.portfolio #midPortCont ul li{ color: #FFF; float: left; font: normal 10px/16px Verdana; list-style: none; width: 190px;}
.portfolio #midPortCont ul li a{ float: right; line-height: 16px; text-align: left; text-decoration: none; width: 130px;}
/*.portfolio #midPortCont ul li a:visited{ color: #999;}*/
.portfolio #midPortCont ul li a:hover{ color: #FFF; font-weight: bold;}
.portfolio #midPortCont ul li span { width:50px;}
.portfolio #midPortCont ul li span.icoSpace1{ padding: 0 0 0 11px;} 
.portfolio #midPortCont ul li span.icoSpace2{ padding: 0 0 0 22px;} 
.portfolio #midPortCont ul li span.icoSpace3{ padding: 0 0 0 33px;} 
.portfolio #midPortCont ul li span.icoSpace4{ padding: 0 0 0 44px;}
.portfolio #midPortCont ul li span img{ padding: 4px 0 0 3px;}
.portfolio .boxPort{ background: url(../images/bgStripe.png); margin: 0 auto; padding: 35px 30px; width: 900px;}
.portfolio .boxPort .portDesc{ float: right; width: 275px;}
.portfolio .boxPort .portDesc h1{ border: none; margin: 0 0 4px;}
.portfolio .boxPort .portDesc small{ border-top: 1px solid #444; color:#999; display: block; font: normal 10px/120% Verdana; margin: 0 0 10px; padding: 0 10px; text-align: right;}
.portfolio .boxPort .portDesc ul{ margin: 10px 20px 15px 25px;}
.portfolio .boxPort .portDesc ul li{ font: normal 14px/22px "Trebuchet MS", Verdana; list-style: url(../images/ico-listOn.png) square;}
.portfolio .boxPort .portDesc ul li.site{ list-style: url(../images/icoPort-Site.png);}
.portfolio .boxPort .portDesc ul li.site a{ background: url(../images/ico-external_gray.gif) no-repeat right center; border-left: 1px dotted #666; color: #999; font: normal 10px/120% Verdana; margin-left: 5px; padding: 0 17px 0 10px; text-transform: lowercase;}
.portfolio .boxPort .portDesc ul li.site a:hover{ background: url(../images/ico-external_white.gif) no-repeat right center; color: #FFF;}
.portfolio .boxPort .portDesc ul li.logotipo{ list-style: url(../images/icoPort-Logotipo.png);}
.portfolio .boxPort .portDesc ul li.cartao{ list-style: url(../images/icoPort-Cartao.png);}
.portfolio .boxPort .portDesc ul li.papelaria{ list-style: url(../images/icoPort-Papelaria.png);}
.portfolio .boxPort .portDesc ul li.anuncio{ list-style: url(../images/icoPort-Anuncio.png);}
.portfolio .boxPort .portDesc ul.gallery{ margin-right: 0;}
.portfolio .boxPort .portDesc ul.gallery li{ float: left; list-style: none; list-style-image: none; margin: 5px 5px 5px 0;}
.portfolio .boxPort .portDesc ul.gallery li a{ background: #222; border: 1px solid #666; display:block; padding: 4px; width: 45px; height: 45px;}
.portfolio .boxPort .portDesc ul.gallery li a.logotipo{ border-bottom: 1px solid #06F;}
.portfolio .boxPort .portDesc ul.gallery li a.site{ border-bottom: 1px solid #FF0;}
.portfolio .boxPort .portDesc ul.gallery li a.cartao{ border-bottom: 1px solid #0C0;}
.portfolio .boxPort .portDesc ul.gallery li a.anuncio{ border-bottom: 1px solid #F00;}
.portfolio .boxPort .portDesc ul.gallery li a.papelaria{ border-bottom: 1px solid #C60;}
.portfolio .boxPort .portDesc ul.gallery li a:hover{ background: #222; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
.portfolio .boxPort .portDesc ul.gallery li a.selected{ border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
.portfolio .boxPort .portDesc ul.gallery li a.none{ border: none;}
.portfolio .boxPort .boxRounded{ border: 1px solid #595959; float: left; width: 600px; height: 288px;}
.portfolio .boxPort .boxRounded .ampliar { background: url(../images/bgTransparent.png); color: #FFF; font: normal 13px/16px "Trebuchet MS", Verdana; padding: 5px 10px; position: absolute; bottom: 0; right: 0;} 
.portfolio .boxPort .boxRounded img{ background: #222 url(../images/ajax-loader.gif) no-repeat center center; margin: 0 4px; width: 592px; height: 288px;}


/* PARCEIROS */
/*.parceiros #midServCont{ background: #454545 url(../images/midPortContBg.png) repeat-x center top; border-top: 1px solid #868686; padding: 8px 0; width: 100%;}
.parceiros #midServCont #list{ float: left;}
.parceiros #midServCont #list li{ float:left; margin: 0 45px 0 15px;}
.parceiros #midServCont ul{ margin-left: 15px;}
.parceiros #midServCont ul li{ color: #FFF; font: normal 14px/20px "Trebuchet MS", Verdana; list-style: none; text-align: left;}
.parceiros #midServCont ul li a{ background: url(../images/ico-listOn.png) left center no-repeat; padding-left: 15px; text-align: left; text-decoration: none;}
.parceiros #midServCont ul li a:hover{ background: url(../images/ico-list.png) left center no-repeat; color: #00B5FD; padding-left: 15px; display: block; text-decoration: underline;}
.parceiros #midServCont ul li a:visited{ color: #777;}*/
.parceiros .cont .box{ margin: 20px auto; width:800px;}
.parceiros .cont .boxRounded{ float: left; margin: 10px 39px; width: 319px; display: inline; }
.parceiros .cont .boxRounded img{ border: 1px solid #333; margin: 0 4px;}
.parceiros .cont .boxRounded a{ background: url(../images/ico-external.gif) no-repeat right center; font: normal 14px/22px "Trebuchet MS", Verdana; padding: 0 15px;}

/*  CONTATO */
#contato{ background: #222 url(../images/contatoBg.png) repeat-x top; border-bottom: 1px solid #444; display: none; width: 100%;}
#contato .cont{}
#contato img.floatLeft{ margin: 30px 10px;}
#contato #contatoText{ float: left; margin: 10px 0; width: 235px;}
#contato #contatoText p{ text-align: left; margin-top: 15px;}
#contato #contatoText h3{ margin: 10px;}
#contato #contatoForm{ border-left: 2px solid #444; border-right: 2px solid #444; float: left; margin: 15px 20px; width: 390px;}

#form{}
#form label{ padding-right: 5px; display:block; color: #FFF; font: normal 14px/20px "Trebuchet MS", Verdana; text-align:right; width:90px; float:left;}
#form input,
#form textarea{ background: #CCC url(../images/inputBg.jpg) top repeat-x; float:left; font: normal 11px/150% Verdana, Arial; padding:2px 2px; border:solid 1px #666; margin:0 0 8px 10px; width: 260px;}
#form textarea{ height: 100px;}
#form input:focus,
#form textarea:focus{ background: #DDD; border: solid 1px #FFF}

#contato #formPanel{ float: left; width: 110px}
#contato input#submit_btn{ background: url(../images/bt-send.jpg) top no-repeat; border: none; float: left; margin: 60px auto 95px; padding: 0px; width: 103px; height: 33px; text-decoration: none;}
#contato #submit_btn:hover{ background-position: bottom;}

#contato #message{ border-left: 2px solid #444; border-right: 2px solid #444; float: left; margin: 15px 20px; width: 390px; height:193px; text-align: center;}
#contato #message img{ margin: 70px 0 0 20px; float:left }
#contato #message h2{ font: normal 16px/48px "Trebuchet MS", Verdana; margin: 70px 20px 0; text-align: right;}
#contato #message p{ font: bold 12px/150% "Trebuchet MS", Verdana; margin: 20px; text-align: center;}
#contato #formClose{ font: normal 11px/150% Verdana; margin-top: 188px; text-align: right; text-decoration: none; width: 110px; z-index: 1}