/* 
    Document   : estilo
    Created on : 01/08/2013, 14:23:44
    Author     : ideal 5
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

#wrap_menu #menu #navigation ul li, #wrap_menu #menu #navigation ul li a{list-style: none; display: inline; padding:4px; font-family: 'Pathway Gothic One', sans-serif;font-size:20px;}

#conteudo h1{font-size:20px; margin-top:20px; font-weight: bolder;margin-bottom: 10px; }
#conteudo #col_esq h1{font-family: 'News Cycle', sans-serif;font-size: 48px;line-height: 65px;margin-bottom: 10px; color:#667}

#nav-dots span h1{font-family: 'Pathway Gothic One', sans-serif;font-size:18px; color:#ccc; position:absolute; width: 228px; left:20px;top: 0px; text-align: left; }
#nav-dots span p{position:absolute; width: 228px; left:5px;top: 140px; }
#nav-dots span img{position:absolute; left:0px; top: 40px; }
#nav-dots span img#vejamais{position:absolute; left:141px; top: 240px; text-align: right; }

#rodape #rodape_esq h1{font-family: 'Pathway Gothic One', sans-serif;font-size:20px; color:white;}
#rodape #rodape_esq h2{font-size:13px; color:#ccc;}

#bottom_esq #bottom_rodape_esq ul li{list-style: none; text-decoration-line: underline;}
#bottom_esq #bottom_rodape_esq ul li a{text-decoration: underline; color:#ccc; line-height: 25px;}

#bottom_esq #bottom_rodape_dir ul li{list-style: none; text-decoration-line: underline; display:inline-block; margin-top:10px; margin-right:5px;}

#rodape_dir{margin-top:20px; margin-left:30px;}
#rodape_dir ul li{list-style: none; text-decoration-line: underline; color:#ccc; margin-top:15px;}

#rodape_dir p{margin-top:30px; color:#ccc;}

h1{font-size:30px; color:#a02323; margin-top:30px;}
h2{font-size:30px; color:#a02323; }

/** FORMULÁRIO **/
.rounded{
    margin-left:50px;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 1px solid #fff;
    background-color:#fff;
    color:#4e4e50;
    font-family:arial;
    font-size:14px;
}

.frm-inp{
    height:20px;
    *height:18px;
    width:246px;
    margin-left:0px;
    margin-bottom:5px;
    padding-left:10px;
}

#inp-select{
    border:solid 1px #ccc;
    line-height: 28px;
    height:32px;
    width:412px;
    color:#999;
}

#inp-select-home{
    border:solid 1px #ccc;
    line-height: 28px;
    height:22px;
    *height:20px;
    width:258px;
    color:#999;
}

#enviar{
    float:right;
    margin-right: 45px;
    background: url(../img/enviar.png);
    width:105px;
    height:29px;
    border: 0px solid #FFFFFF;
    margin-left:26px;
}

#enviar:hover{
    cursor:pointer;
}

#formulario{
    position: absolute;
    top:40px;
    width:304px;
}

/* ------------------------------------------------------------------------- */

/* tooltip -----------------------------------------------------------------*/
.tooltip div a{
    display:block;
    height:18px; 
    padding-right:10px; 
    position:relative; 
    text-decoration:none;
}

#social-fone strong{
    width:205px;
}

#social-atendimento strong{
    width:130px;
}

#social-mail strong{
    width:90px;
}

.tooltip div a strong {
    font-weight:normal; 
    position:absolute; 
    left:20px; top:-1px; 
    color:#fff;
    padding:3px;
    z-index:9999;
    text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
    background:#000;
    -moz-border-radius:3px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-border-radius:3px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius:3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
}
/* ------------------------------------------------------------------------- */

#form_login{width:280px; height:260px; margin:0 auto; margin-top:20px; margin-left:23px;}
#form_login label{display:block; font:bold 12px Arial;}
#form_login input{width:260px; height:34px; font-size:16px; line-height:34px; margin-bottom:10px;}
#form_login button{width:215px; height:53px; position: absolute; margin-left:25px; background:url(../images/bg-bt1.jpg) left top no-repeat; border:none; font:bold 14px Arial; color:#FFF;}
#form_login button:hover{color:#000;}


.box-bt-submit{width:175px; height:40px; float:right; margin-top:20px;}

form button{border:none;}

.bt-submit{width:175px; height:40px; color:#FFF; font:bold 14px Arial; text-align:center; border:none; line-height:40px; background:url(../img/bg-bt2.png) left top no-repeat; border:none; cursor:pointer;}
.bt-submit:hover{background:url(../images/bg-bt2.png) left -40px no-repeat; color:#069;}

.tbform-padrao textarea.textarea{width:80%;}
.tbform-padrao input.text{width:80%;}
.tbform-padrao input.text2{width:39%;}
.tbform-padrao select.select{width:80%;}

.tbform-padrao tr.contato_orc_first td a{display:none;}
.tbform-padrao tr.contato_orc td a{margin-left:10px; color:#880101; font-weight:bold;}
.tbform-padrao tr.contato_orc td a:hover{text-decoration:underline; color:#df0c0c;}

#dados-add{margin-bottom:20px;}

#melhorias .m1{width: 700px;font-size: 16px; color:#a02223;font-weight: bold; position:absolute; top:180px; left:180px;}
#melhorias .m2{width: 500px;font-size: 16px; color:#a02223;font-weight: bold; position:absolute; top:350px; left:180px;}
#melhorias .m3{width: 700px;font-size: 16px; color:#a02223;font-weight: bold; position:absolute; top:530px; left:180px;}
#melhorias .m4{width: 600px;font-size: 16px; color:#a02223;font-weight: bold; position:absolute; top:720px; left:120px;}
#melhorias .m5{width: 600px;font-size: 16px; color:#a02223;font-weight: bold; position:absolute; top:920px; left:240px;}
#melhorias .m6{width: 350px;font-size: 16px; color:#a02223;font-weight: bold; position:absolute; top:1050px; left:500px;}

#melhorias h1{font-size:30px; margin-top:20px; margin-left:20px;font-weight: bolder;margin-bottom: 10px; color: white;}
#diferenciais h1{font-size:30px; margin-top:20px; margin-left:20px;font-weight: bolder;margin-bottom: 10px; color: white;}

#diferenciais ul li{text-decoration: none; list-style: none; color:white; font-size:18px; font-weight: bold;  height:44px;}
#diferenciais ul{position:absolute; top:168px; left:40px;}

#diferenciais .tit{position:absolute; top:120px; left:440px; list-style: none; display:inline;}
#diferenciais ul.tit li{margin-left:80px;list-style: none; display:inline;}