@import url('../fonts/helvetica.css');


/*
    ---- Mensagens de erro  ----
*/
.message_sucesso{
    position: fixed!important;
    z-index: 9999;
    width: 400px;
    padding: 10px 0;
    top:50%;
    left: 50%;
    text-align: center;
    font:15px cambria;
    color: #194a19;
    margin-top: -30px;
    margin-left: -200px;
    background: #ddebdf;
    border:1px solid #339933;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0px 4px #666666;
    -moz-box-shadow: 0 0px 4px #666666;
    box-shadow: 0 0px 4px #666666;
}

.message_erro{
    position: fixed!important;
    z-index: 9999;
    width: 400px;
    padding: 10px 0;
    top:50%;
    left: 50%;
    text-align: center;
    font:15px cambria;
    color: #890606;
    margin-top: -30px;
    margin-left: -200px;
    background: #f5bcbc;
    border:1px solid #890606;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0px 4px #666666;
    -moz-box-shadow: 0 0px 4px #666666;
    box-shadow: 0 0px 4px #666666;
}


/*=====================================================
                geral
=====================================================*/


html{
    overflow-x: hidden;
    float: left;
    width: 100%;
    height: auto;
} 

body{
    float: left;
    width: 100%;
    height: 100%;
} 

*{
    font-family: arial;
    color:#000;
}

nav a, h1, h2, .endereco p, footer *{
    font-family: helveticaneueregular;    
}

ul, ol, h1, h2, h3, h4, h5 {list-style:none}

a {text-decoration:none; outline:0;  cursor: pointer;}
a:active {outline:none;}

select, label, button, input[type="submit"] { cursor: pointer;}

img {border:0;}


.both{
    clear: both;
}

.margin-auto{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.left{
    float: left;
}

.right{
    float: right;
}

.divCompleta{
    width: 100%;
}

.conteudo{
    width: 980px;
}

.display-block{
    display: block;
}



/*=====================================================
                Sprite
=====================================================*/

.logo-comaq-topo, .logo-rodape, .jcarousel-prev-horizontal, .jcarousel-next-horizontal, .ico-facebook,
.ico-telefone, .logo-inove
{ display: block; background: url('../images/sprite.png') no-repeat; }

.logo-comaq-topo{ background-position: -0px -0px; width: 224px; height: 173px; }
.logo-rodape { background-position: -0px -173px; width: 141px; height: 99px; }
.jcarousel-prev-horizontal { background-position: -141px -173px; width: 16px; height: 48px; }
.jcarousel-next-horizontal { background-position: -157px -173px; width: 16px; height: 48px; }
.ico-facebook { background-position: -0px -272px; width: 85px; height: 32px; }
.ico-telefone { background-position: -173px -173px; width: 31px; height: 31px; }
.logo-inove { background-position: -141px -221px; width: 69px; height: 24px; }


/*=====================================================
                TOPO
=====================================================*/
.topo{
    position: relative;
    z-index: 4;
    background: url('../images/back-topo.png') top center repeat-x;
    height: 269px;
}

.topo > section > a.logo-comaq-topo{
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.topo > section > a.logo-comaq-topo:hover{
    filter: alpha(opacity=100);
}

.topo > section > a.logo-comaq-topo .voltar-home{
    float: right;
    margin: 132px -105px 0 0;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    letter-spacing: 2px;
    font:13px helveticaneueregular;  
    color:#fff;
}
.topo > section > a.logo-comaq-topo .voltar-home:hover{
    filter: alpha(opacity=100);
}
.topo > section > a.logo-comaq-topo .voltar-home.home-noselected{
    display: none;
}

.topo > section > a.selected{
    opacity: 10!important;
    filter: alpha(opacity=100);
}


.central-atendimento{
    margin: 5px 25px 0 0;
    width: 140px;
}

.central-atendimento .ico-telefone{
    margin-top: 16px;
}
.central-atendimento .texto{
    width: 100px;
    font-size: 16px;
    line-height: 17px;
    font-weight: bold;
    color:#05243b;    
}
.central-atendimento .numero{
    font:bold 15px helveticaneueregular; 
}

.ico-facebook{
    margin: 26px 24px 0 0;
}

/*=====================================================
               Menu
=====================================================*/

.topo > section > nav{
    margin: 46px 0 0 200px;   
    width: 535px\9;
}
.topo > section > nav ul li{
    float: left;
    margin: 0 12px 0 0;
}
.topo > section > nav ul li a{
    color:#fff;
    font-size: 17px;
    font-weight: bold;
    padding: 3px 7px;
}
.topo > section > nav ul li a.selected,
.topo > section > nav ul li a:hover{  
    -webkit-box-shadow:3px 3px 3px #000;
    -moz-box-shadow: 3px 3px 3px #000;
    box-shadow: 3px 3px 3px #000;
    background: #05243b;    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}



/*=====================================================
    Conteudo
=====================================================*/

.conteudo-paginas{
    margin-top: -115px;
    background: url('../images/back-conteudo.jpg') top center repeat-x;
    min-height: 536px;
}
.conteudo-paginas .conteudo{
    overflow: hidden;
    margin-top: 0;
    padding-bottom: 10px;
    background: url('../images/sombra-cont.png') bottom center no-repeat #fff;
    height: auto;
}

.titulo-paginas{
    margin-top: 80px;
    padding:0 0 20px 20px;
    width: 97%;
    font:bold 33px arial;
    color:#031e32;
}

/*=====================================================
    footer
=====================================================*/

.rodape{
    height: 214px;
    background: url('../images/back-rodape.png') bottom center repeat-x;
}

.logo-rodape{
    margin-top: 71px;
}


.rodape > footer > p{
    float: left;
    width: 215px;
    margin: 70px 0 0 20px;
    font-size: 18px;
    color:#fff;
}


/*=====================================================
    footer menu
=====================================================*/

.rodape > footer > nav{
    margin: 40px 0 0 90px;
    font-size: 15px;
    font-weight: bold;
    color:#fff;
    width:460px\9;
}
.rodape > footer > nav ul li{
    float: left;
    padding: 34px 0;
    background: url('../images/combra-menu-rodape.png') left center no-repeat;
}
.rodape > footer > nav ul li a{
    padding:7px 10px;
    color:#fff;
}
.rodape > footer > nav ul li a:hover,
.rodape > footer > nav ul li a.selected{
    color:#ed1c24;
}

/*=====================================================
    footer direitos e logo inove
=====================================================*/


.rodape > footer > span{
    clear: both;
    width:245px;
    margin: 15px 225px 0 355px;
    font-size: 16px;
    text-align: right;
    color:#fff;
}
.rodape > footer > .logo-inove{
    opacity: 0.6;
    margin: 9px 0 0;    
}