/* CSS Reset ======================================================================= */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align: baseline;font-family: inherit;font-weight: inherit;font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0;}
:focus {outline: 0;}
body {background: white;line-height: 1;color: black;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

body{background: url(../imgs/fundoSite.gif) top center no-repeat #fff;line-height:15px; font-family:Arial, Helvetica, sans-serif; }
form {margin: 0; padding: 0; }
a{color:#000;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}

#all{width:945px;margin:0 auto;}

/*////// HEADER //////*/
#hd{width:945px; height:135px; margin:0;}
#hd .logo{width:244px; height:66px;padding:25px 0 0 15px;}

/*////// MIOLO //////*/
#md{width:945px; }
#md .banner{border:12px #333 solid;width:921px; height:233px; background:#fff;}
#md #mdCt{width:945px;background: url(../imgs/miolo_trans.png) repeat-y top center; float:left;padding:0 0 32px 0;}

#md #mdCt #colA{width:274px; float:left;}
#md #mdCt #colA .mn{width:274px;height:188px;margin:22px 0 0 0;}
#md #mdCt #colA .mn .home{width:154px; height:36px;padding:5px 2px;}
#md #mdCt #colA .mn .home a{display:block;background:url(../imgs/bt_home.png) no-repeat 0 0;width:154px;height:36px;}
#md #mdCt #colA .mn .home a:hover{background:url(../imgs/bt_home.png) no-repeat 0 -36px;}
#md #mdCt #colA .mn .empresa{width:117px; height:36px;padding:5px 2px;}
#md #mdCt #colA .mn .empresa a{display:block;background:url(../imgs/bt_empresa.png) no-repeat 0 0;width:117px;height:36px;}
#md #mdCt #colA .mn .empresa a:hover{background:url(../imgs/bt_empresa.png) no-repeat 0 -36px;}
#md #mdCt #colA .mn .portfolio{width:109px; height:36px;padding:5px 2px;}
#md #mdCt #colA .mn .portfolio a{display:block;background:url(../imgs/bt_portfolio.png) no-repeat 0 0;width:109px;height:36px;}
#md #mdCt #colA .mn .portfolio a:hover{background:url(../imgs/bt_portfolio.png) no-repeat 0 -36px;}
#md #mdCt #colA .mn .contato{width:187px; height:36px;padding:5px 2px;}
#md #mdCt #colA .mn .contato a{display:block;background:url(../imgs/bt_contato.png) no-repeat 0 0;width:187px;height:36px;}
#md #mdCt #colA .mn .contato a:hover{background:url(../imgs/bt_contato.png) no-repeat 0 -36px;}

#md #mdCt #colA .fc{width:270px;padding:39px 2px 0 2px;}
#md #mdCt #colA .fc .tit{font-size:20px; font-weight:700;color:#000; text-transform:uppercase;}
#md #mdCt #colA .fc .com{font-size:13px; font-weight:700;color:#000;text-transform:uppercase;padding:5px 0 0 0;}
#md #mdCt #colA .fc .form{width:270px;padding:15px 0;}
#md #mdCt #colA .fc .form .nome{ background: url(../imgs/fundoForm.png) no-repeat; width:260px; height:26px;padding:2px;margin:0 0 6px 0;}
#md #mdCt #colA .fc .form .nome input{width:240px; height:18px;padding:2px 5px; border:none; background:#dcff7b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
#md #mdCt #colA .fc .form .email{ background: url(../imgs/fundoForm.png) no-repeat; width:260px; height:26px;padding:2px;margin:0 0 6px 0;}
#md #mdCt #colA .fc .form .email input{width:240px; height:18px;padding:2px 5px; border:none; background:#dcff7b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
#md #mdCt #colA .fc .form .txtA{width:270px; height: 56px;}
#md #mdCt #colA .fc .form .txtA .msg{background: url(../imgs/fundoForm1.png) no-repeat; width:228px; height:56px;padding:2px;margin:0;float:left;}
#md #mdCt #colA .fc .form .txtA .msg textarea{width:213px; height:50px;padding:2px 5px; border:none; background:#dcff7b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
#md #mdCt #colA .fc .form .txtA .btn{width:29px; height:56px;padding:0 0 5px 0; float:left;}
#md #mdCt #colA .fc .txt{font-size:13px; font-weight:700;color:#000;text-transform:uppercase;padding:15px 0 0 0; text-align:center;}
#md #mdCt #colA .fc .fone{font-size:26px; font-weight:700;color:#000; text-transform:uppercase; text-align:center;padding:5px 0 0 0;}

#md #mdCt #colA .nvInt{width:260px;margin:25px 0 0 11px;}
#md #mdCt #colA .nvInt .tit{font-size:18px; font-weight:700;color:#000; text-transform:uppercase;}
#md #mdCt #colA .nvInt .news{width:255px; height:70px;margin:20px 5px 20px 0; float:left;}
#md #mdCt #colA .nvInt .news .img{width:89px; height:47px; border:#333 3px solid; float:left;}
#md #mdCt #colA .nvInt .news .titNv{font-size:12px; font-weight:700; color:#000;padding:0 0 0 105px;}
#md #mdCt #colA .nvInt .news .txt{font-size:10px; font-weight:100; color:#000;padding:4px 0 0 105px;}

#md #mdCt #colB{width:636px; float:left;margin:18px 0 0 23px;}
#md #mdCt #colB .tb{width:636px;padding:0 0 0 11px;}
#md #mdCt #colB .tb .tit{font-size:30px; font-weight:700;color:#000; text-transform:uppercase;padding:10px 0 0 11px;}
#md #mdCt #colB .tb .com{font-size:18px; font-weight:700;color:#000;text-transform:uppercase;padding:10px 0 0 11px;}
#md #mdCt #colB .tb .thumbs{width:636px;margin:20px 0 0 0;}
#md #mdCt #colB .tb .thumbs .tbs{width:190px; float:left;margin-right:20px;margin-bottom:14px;background-color:#333;}
#md #mdCt #colB .tb .thumbs .tbs a{width:190px; float:left;padding:6px 6px 8px 6px;background-color:#333;}
#md #mdCt #colB .tb .thumbs .tbs a:hover{width:190px; float:left;background-color:#444;}
#md #mdCt #colB .tb .thumbs .tbs .img{width:190px; height:66px;}
#md #mdCt #colB .tb .thumbs .tbs .txt{ width:188px; height:40px;}
#md #mdCt #colB .tb .thumbs .tbs .txt .seg{font-size:12px; color:#939393; text-transform:uppercase; font-weight:700;padding:3px 0 0 0;}
#md #mdCt #colB .tb .thumbs .tbs .txt .segInt{font-size:12px; color:#939393; text-transform:uppercase; font-weight:700;padding:12px 0 0 0;}
#md #mdCt #colB .tb .thumbs .tbs .txt .nome{font-size:13px; color:#fff; font-weight:700;padding:8px 0 0 0;}
#md #mdCt #colB .tb .thumbs .lk{ text-align:left; color:#000; font-size:15px; font-weight:700; text-transform:uppercase; clear:both;padding:5px 0 0 11px;}
#md #mdCt #colB .tb .thumbs .lk a{color:#000;}

#md #mdCt #colB .nv{width:636px;margin:25px 0 0 11px;}
#md #mdCt #colB .nv .tit{font-size:18px; font-weight:700;color:#000; text-transform:uppercase;}
#md #mdCt #colB .nv .news{width:302px; height:70px;margin:17px 15px 0 0; float:left;}
#md #mdCt #colB .nv .news .img{width:89px; height:47px; border:#333 3px solid; float:left;}
#md #mdCt #colB .nv .news .titNv{font-size:14px; font-weight:700; color:#000;padding:0 0 0 105px;}
#md #mdCt #colB .nv .news .txt{font-size:11px; font-weight:100; color:#000;padding:8px 0 0 105px;}

#md #mdCt #colB .ep{width:647px;margin:15px 0 0 0;}
#md #mdCt #colB .ep .tit{font-size:22px; font-weight:700;color:#000;text-transform:uppercase;padding:10px 0 30px 11px; line-height:22px;}
#md #mdCt #colB .ep p{font-size:13px; color:#000; line-height:20px;clear:both;}
#md #mdCt #colB .ep .imgEmpresa{ border:#333 6px solid; float:left;width:380px; height:180px;margin:0 10px 20px 0;}
#md #mdCt #colB .ep .imgEmpresa1{ border:#333 6px solid; float:left;width:220px; height:180px;}
#md #mdCt #colB .ep .imgOgra{ border:#333 6px solid;width:620px; height:290px;margin:0 10px 20px 0; }
#md #mdCt #colB .ep .imgCopa{ border:#333 6px solid;width:396px; height:290px;margin:0 10px 20px 115px; }


#md #mdCt #colB .ctInt{width:470px;margin:20px 20px;}
#md #mdCt #colB .ctInt .form{width:470px;padding:15px 0;}
#md #mdCt #colB .ctInt .form .nome{ background: url(../imgs/formIntNome.png) no-repeat; width:460px; height:26px;padding:2px;margin:0 0 6px 0;}
#md #mdCt #colB .ctInt .form .nome input{width:440px; height:18px;padding:2px 5px; border:none; background:#dcff7b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
#md #mdCt #colB .ctInt .form .email{ background: url(../imgs/formInt.png) no-repeat; width:410px; height:26px;padding:2px;margin:0 0 6px 0;}
#md #mdCt #colB .ctInt .form .email input{width:390px; height:18px;padding:2px 5px; border:none; background:#dcff7b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
#md #mdCt #colB .ctInt .form .empresa{ background: url(../imgs/formInt.png) no-repeat; width:410px; height:26px;padding:2px;margin:0 0 6px 0;}
#md #mdCt #colB .ctInt .form .empresa input{width:390px; height:18px;padding:2px 5px; border:none; background:#dcff7b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
#md #mdCt #colB .ctInt .form .fone{ background: url(../imgs/formIntFone.png) no-repeat; width:190px; height:26px;padding:2px;margin:0 0 6px 0;}
#md #mdCt #colB .ctInt .form .fone input{width:170px; height:18px;padding:2px 5px; border:none; background:#dcff7b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
#md #mdCt #colB .ctInt .form .txtA{width:460px; height: 116px;}
#md #mdCt #colB .ctInt .form .txtA .msg{background: url(../imgs/formIntTextarea.png) no-repeat; width:410px; height:116px;padding:2px;margin:0;float:left;}
#md #mdCt #colB .ctInt .form .txtA .msg textarea{width:395px; height:110px;padding:2px 5px; border:none; background:#dcff7b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
#md #mdCt #colB .ctInt .form .txtA .btn{width:29px; height:56px;padding:0 0 5px 0; float:left;}
#md #mdCt #colB .ctInt .txt{font-size:13px; font-weight:700;color:#000;text-transform:uppercase;padding:15px 0 0 0; text-align:center;}
#md #mdCt #colB .ctInt .telefone{font-size:26px; font-weight:700;color:#000; text-transform:uppercase; text-align:center;padding:5px 0 0 0;}
#md #mdCt #colB .ctInt .btn{width:45px; height:116px; padding:0 0 0 5px;}
#md #mdCt #colB .ctInt .ob{font-size:11px; color:#000; padding:0 0 10px 0;}
#md #mdCt #colB .ctInt .btnV{float:right;margin:50px 0 0 0;width:92px; height:29px;}


div.proyecto{
padding:6px 6px 8px 6px;
width:190px;
float:left;
margin-right:14px;
margin-bottom:14px;
background-color:#333;
}	

div.proyecto_hover{
padding:6px 6px 8px 6px;
width:190px;
float:left;
margin-right:14px;
margin-bottom:14px;
background-color:#444;
}

.titPromo{ font-size:16px; color:#000; font-weight:700;padding:10px 0; text-transform:uppercase;}

/*////// RODAPÉ //////*/
#ft {width:945px; height:28px; background:url(../imgs/img_rodape.png) no-repeat center; float:left;margin:0 0 30px 0;}
#ft .copyright{font-size:10px; color:#919191; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left;padding:7px 42px 0 96px;}
#ft .dados{font-size:10px; color:#919191; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;float:left;padding:7px 38px 0 0;}
#ft .dados a{color:#919191;}
#ft .dados a:hover{color:#fff;}
#ft .icofb{float:left;padding:7px 25px 0 0;width:53px; height:14px;}
#ft .icotw{float:left;padding:7px 0 0 0;width:56px; height:14px;}