/*-----------------------------------------------------------------------------
MECTROL                                                             14/07/2008
autor:     Webtask Serviços para Internet
email:     suporte@webtask.com.br | website:   www.webtask.com.br
-----------------------------------------------------------------------------*/
@import 'lib/reset.css';
@import 'lib/typography.css'; 
@import 'lib/forms.css';
@import 'lib/classes.css';
@import 'lib/grid.css';
@import 'lib/menu.css';
@import 'lib/rodape.css';
@import 'lib/cabecalho.css';
@import '../global/dialog_box.css';         
@import '../global/thickbox.css';                    
/* ---------------------------------------------------------------------------- */

/* configurações gerais */
/* ---------------------------------------------------------------------------- */
html, body {height:100%; margin:0; background: #fff url(../../images/default/bgGeral.jpg) repeat-x; color: #656667;}
.container {width: 940px; margin: 0 auto; position:relative; height:auto !important; height:100%; min-height:100%;}
a {outline: none;}
 
/* configurações específicas do site */
/* ---------------------------------------------------------------------------- */

/* chamada principal */
.menuLateral { margin-bottom: 70px; background: none; top: 140px; right: -4px;}
.menuLateral h2 { padding-top: 8px; margin-bottom: 10px; color: #fff;}
    .bgFlash { float: left; background: #fff; height: 280px; width: 658px; position: relative; top:-3px; left:0px; }
    .bgFlash embed {float: left; position: absolute; top: 0px; left: 4px; }
    /*novidades*/
    .novidades {float: left; width: 250px; position: relative; top:-5px; left: 0px; height: 195px;}
        .novidades li {float: left; clear: both; width: 100%; border-bottom: solid 1px #5777A1; cursor: pointer; 
            background: url(../../images/default/bgNovidade.jpg) repeat-x; padding: 4px 8px 0px 8px; height: 60px;}
        .novidades li:hover {background: #375581;}
        .novidades li h3 { color: #C9E4DB; height: 25px; overflow: hidden;}
        .novidades li p { color: #fff; font-size: 12px; overflow: hidden; height: 30px;}
        .linkbefore2 { float: right; padding-left: 24px; background:  url(../../images/default/arrow.jpg) left 4px no-repeat;}
        .linkbefore2 a {color: #93D2B4; font-size: 11px;}
        .linkbefore2 a:hover {color: #fff; }

/* Conteudo */
.mainbg { background: url(../../images/default/bgCont.jpg) repeat-y; margin-bottom: 140px; padding-left:20px; padding-bottom: 20px; position: relative; left:-3px; }
.detalheMainBg {background: url(../../images/default/detalheMainBg.jpg) no-repeat; position: absolute; bottom:-10px; left: -1px; width: 669px; height: 10px; }
.parceiros {background: url(../../images/default/PARCEIROS.jpg) no-repeat; position: absolute; bottom:-45px; right: 30px; width: 310px; height: 30px; }
.parceiros2 {background: url(../../images/default/PARCEIROS2.jpg) no-repeat; position: absolute; bottom:-45px; right: 30px; width: 310px; height: 30px; }
.parceiros3 {background: url(../../images/default/PARCEIROS3.jpg) no-repeat; position: absolute; bottom:-45px; right: 30px; width: 310px; height: 30px; }
.mainbg h2 { margin-top: 10px; width: 620px; border-bottom: solid 1px #EDEDED; color: #305184;}
h1.int { float: left; font-size: 22px; font-weight: bold; border-bottom: solid 1px #ccc; width: 605px; margin-bottom: 25px;}
h1.int span.blue {color: #305184;}
.someMensagens {display: none; float: left; position: relative; height: 1px; width: 1xp; overflow: hidden; text-indent: -7000px;}
#contatoRapido .linha { position: relative;}
#contatoRapido label { position: absolute; top: -2px; left: 10px; font-size: 12px;}

.areaInterna {width: 660px; float: left; min-height: 500px; background: url(../../images/default/bgCont.jpg) repeat-y; margin-bottom: 140px; padding-left:20px; padding-bottom: 20px; position: relative; left:-3px; top:-1px;}
    .engloba { float: left; border: 0;}
    .corrige { position: absolute; height: 268px; width: 3px; background: #305488; top: 0px;}
        .c1 {left: 0px;} .c2 {right: 16px;}

    /*premios*/
    .premio { float: left; width: 257px; float: left; height: 410px; margin: 3px 0px 0px 0px;
        position: relative; left: -10px; top:0px; }
    .premio2 { float: left; width: 115px; float: left; height: 140px; margin: 10px 0px 5px 13px; }
    .premios { float: left; margin-top: 17px;}
    
/* chamada produtos */  
.bgprod {background: url(../../images/default/bgprod.jpg) no-repeat; border-bottom: solid 1px #EDEDED;}
.linhaUnica { float: left; width: 600px; padding: 25px 10px 27px 10px; border-bottom:solid 1px #F0F0F0; overflow: hidden;}   
.linhaUnica ul { float: left; width: 150px; min-height: 100px; }   
.linhaUnica ul li {background: url(../../images/default/listadet.jpg) 0px 3px no-repeat; padding-left: 15px; 
    font-size: 12px; margin-bottom: 3px; }

.chamadaProd { float: left; width: 630px; height: 100px; }
.chamadaProd span { float: left; width: 105px; cursor: pointer; }
.chamadaProd img { border: solid 1px #ccc; padding: 1px; position: relative; }
.chamadaProd h3 { font-size: 14px; font-weight: bold; height: 40px; overflow: hidden; }

.linkbefore { float: right; margin-top: 10px; padding-left: 24px; background:  url(../../images/default/arrow.gif) 2px 4px no-repeat;}
.linkbefore a {color: #EA3335; font-size: 11px;}
.linkbefore a:hover {color: #93D2B4; }

.linhaHalf { float: left; width: 250px; height: 190px;}

.linhaHalf h2 {font-size: 18px; border: 0; margin: 15px 0;}
.linhaHalf img.manutancao {float: left; position: relative; top: 0px; left: 10px;}
.linhaHalf p { float: right; width: 142px; font-size: 12px; text-align: justify;}
                             
.contatoRapido .linha {float: left; width: 240px; padding: 1px; }
.contatoRapido .text {float: left; width: 100%; padding: 1px; font-size: 12px;}
.contatoRapido .textarea {float: left; width: 100%; height: 60px; padding: 1px; font-family: sans-serif; font-size: 12px;}

/*contato*/
.divide {float: left; width: 200px; height: 170px; font-size: 11px;}
.erroGrl {display: none;}
h3.mid {float: left; margin-bottom: 7px; width: 298px;}
.icoMapa { float: left; background: url(../../images/default/map.png) no-repeat; height: 20px; width: 99%; padding-left: 20px; margin: 5px 0; }
.formCont {position: relative; top:0px; left:35px;}
.sucesso { float: left; width: 90%; padding: 20px; text-align: center;
    border:solid 1px red; background: #E6EFC2; color: #264409; border-color: #C6D880;}

/*institucional*/
.imgtxt {float: right; padding: 1px; border: solid 1px #ccc; margin-bottom: 20px;}
.linhaUnica p {text-align: justify; font-size: 12px;}
.linhaUnica h3.t1 {font-size: 16px; font-weight: bold; margin-top: 30px; letter-spacing: 1px;}
.linhaUnica em { font-style: normal;}

.linhaUnica .bloco {float: right; width: 260px; padding-left: 20px;} 
.linhaUnica .b2 {float: right; border: solid 1px #ccc; width: 232px; padding: 10px; background: #F0F0F0; margin-bottom: 20px;} 
.linhaUnica .b2 p { font-size: 11px;} 
.linhaUnica .b2 h4 { font-size: 13px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: #110D0A; margin-bottom: 5px;} 

/* novidades */
h1.int { position: relative;}
h1.int small { position: absolute; right: 1px; bottom: 0px; font-size: 12px; font-weight: normal;}

ul.maisNovidades {float: left; width: 265px; margin-top: 30px;}
.maisNovidades li { float: left; width: 100%; margin-bottom: 5px; background: url(../../images/default/listadet.jpg) 0px 3px no-repeat; padding-left: 15px;}
.maisNovidades li.titulo { background: none; padding-left: 0px;}
.maisNovidades li a:hover { color: red;}
.titulo h2 { color: #2B4A78;}
.listaNovies { float: left; width: 585px; height: 50px; background: url(../../images/default/fundoLista.jpg) repeat-x;
    padding: 10px; margin-bottom: 10px;}
    .listaNovies a, listaNovies a:visited { font: bold 15px Arial; color: #595959; text-decoration: none; }
    p.hover {color: #375581; text-decoration: underline;}
    .listaNovies p { padding-left: 10px; }

/*SAC*/
.introducao {width: 590px; margin-bottom: 20px; text-align: justify;}

/*representantes*/
h3.title {margin-bottom: 20px; color: #D87013;}
.mapaBrasil {float: left; margin-left: 110px; margin-top: 20px; margin-bottom: 20px;}
.divide2 {float: left; width: 600px; border-top:solid 1px #F0F0F0; margin-bottom: 20px; padding-top: 10px;}
.divide2 address { font-size: 12px; }
.divide2 .logo { background: #FFFFFF; width: 100px; height: 100px; float: left; margin-right: 10px; }
.divide2 .content { float: left;}
.divide2 h3 { font-size: 17px; margin-bottom: 5px; font-weight: bold; color: #656667; }
a.icoVoltar { float: left; width: 99%; color: green; text-decoration: none; margin-top: 20px;
   background: url(../../images/default/voltar.png) no-repeat; text-indent: 20px;  }
   
/*produtos*/
.descriptionCat { float: left; width: 99%; padding-bottom: 20px; border-bottom: solid 1px #ddd; margin-bottom: 10px;
    text-align: justify; position: relative; left: 1px; top: -10px; }
.listaCategorias a { float: left; margin: 10px 25px 35px 15px; position: relative; text-decoration: none;}
.listaCategorias a.last { margin-right: 0; }
.listaCategorias a em { position: absolute; top:108px; left: 1px; color: #2D4D7C;
    width: 100%; text-align: center; font-size: 12px; letter-spacing: 0px; }
    .listaCategorias a:hover em { color:#D37538;}
h1.int a {text-decoration: none;}
h1.int a:hover {text-decoration: none;}
h1.int span { font-size: 80%; color: #D87013;}
    /*mostra*/
    h1.nomeProduto { float: left; width: 585px; padding: 6px 10px; background: #48729A url(../../images/default/topoProd.jpg) no-repeat; position: relative;
        top:-25px; left: 0; color: #fff; font-size: 24px;}
    .nomeProduto a { font-size: 14px; color: white; text-transform: uppercase; text-decoration: none;}
    ul.produtos {float: left; padding: 5px; width: 240px; position: relative; top:-5px; left: 0px; height: 195px; 
        background: #4A6A96; border: solid 1px #6A80A0; height: 145px;}
        ul.produtos li {float: left; clear: both; width: 100%;  cursor: pointer; padding: 4px 8px 0px 8px; height: 25px; margin-bottom: 5px; }
        ul.produtos li:hover h3 { text-decoration: underline;}
        ul.produtos li h3 { color: #fff; border-bottom: solid 1px #57759D;  font: bold 15px sans-serif; padding-bottom: 3px;
            background: url(../../images/default/donwload.jpg) no-repeat; padding-left: 25px; line-height: 25px; width: 200px; }
        ul.produtos span {color: #fff; font-size: 10px; position: absolute; bottom: 10px; left: 20px;}
     div.downPDF {color: #EBF0F4; padding-left: 50px; background: url(../../images/default/downPDF.jpg) no-repeat; float: left; width: 200px;
         font-size: 10px; padding-top: 3px; margin-top: 10px;  }
     div.downPDF a {color: #fff; text-decoration: none;}   
     div.downPDF a:hover {text-decoration: underline;}   
       
     p.descricao {font-size: 16px; font-family: sans-serif; margin-bottom: 30px; padding: 0px 10px; }
     h2.subtitulo {font:normal 26px 'Trebuchet MS'; color: #1d1d1d; border-bottom: solid 1px #E7E7E7; }
     img.tabelaTecnica {width: 590px; margin-bottom: 30px;} 
     div.modelo { margin-bottom: 50px; float: left;}                
     div.modelo table { float: left; margin-top: 25px; margin-right: 30px; border-collapse: collapse; width: 285px; height: 175px; }                
     div.modelo table:hover { cursor: pointer; }                
     div.modelo table:hover tbody td a { color: red;}                
     div.modelo table tbody td a { background: url(../../images/default/acroread.png) top right no-repeat; text-indent: -77777px; 
        overflow: hidden; font-size: 1px; width: 40px; height: 20px; float: right;}                
     div.modelo table.last { margin-right: 0; }                
     div.modelo table thead td { height: 20px; overflow: hidden; padding: 0 10px; font-family: sans-serif; font-size: 17px; text-transform: uppercase; color: #fff; }                
     div.modelo table td { border: solid 1px #BCBCBC;} 
     div.modelo table tbody td {text-decoration: underline; height: 120px; text-align: right; vertical-align: bottom; padding: 5px;}               
     div.modelo table tbody .descricao td {text-decoration: none; height: auto; vertical-align: top; text-align: left; padding: 5px;}               
     div.modelo table td.modelo { background: #444444; font:bold 12px arial; }
     
     /*orcamento*/
     .solicitaOrcamento {float: left; padding: 30px; position: absolute; top: 1px; left: 1px; width: 665px; background: #fff; z-index: 22222;}
     .solicitaOrcamento h1.citaOr { color: #626262; font: bold 21px arial; text-transform: uppercase; width: 600px;}
     .solicitaOrcamento p.citaOr { font-size: 14px; width: 600px;}
     .formOr { width: 100%; position: relative; float: left; border:solid 1px #CBCBCB; background: #F9F9F9 url(../../images/default/detForm.jpg) right top no-repeat; margin-top: 20px;}
     .formContent { float: left;  width: 450px; padding: 20px;}
     .formContent label { float: left; width: 400px; margin-bottom: 10px;}
     .formContent label span { float: left; font-size: 14px;}
     .formContent label input,
     .formContent label select { float: right; width: 290px; font-size: 14px; padding: 5px; border:solid 1px #CBCBCB; }
     .formContent label select { width: 302px;}
     .formContent label textarea { float: right; width: 290px; font-size: 14px; border:solid 1px #CBCBCB; }
     .formDets { float: right; position: absolute; bottom: 20px; right: 20px; }
     .formDets .button { float: right; margin-left: 10px; height: 25px; width: 100px; text-transform: uppercase; font-size: 12px; }
     
/*paginação*/
.paginacao {float: left; width: 100%;margin-top: 30px; float: left; }

/*Busca Rápida*/
.buscaRapida {position: absolute; top: 106px; right: 1px; width: 200px;}

.descricao p { margin: 0;}
.tabelaTecnica { margin-top: 30px; }                                                     

.loginRestrito { background: #eee; padding: 20px; border: solid 1px #ccc; float: left; margin-bottom: 30px;  }
.loginRestrito p { float: left; width: 98%;  }

#loading {background: gray; color:white; display:none; z-index: 777; padding: 4px; border: solid 1px #ccc; 
    position: fixed; top:5px; left: 5px;}

.twitterLink { position: absolute; top: 300px; left: 1px; width: 170px; height: 120px; text-indent: -77777px; overflow: hidden; }