/* 
    Document   : style
    Created on : 09/04/2013, 01:59:19
    Author     : Alex
    Description:
        Css do site
*/

body { 
    display: block;
    padding: 0;
    margin: 0;
    background: #B0ADB1 url('../img/layout/topo.png') no-repeat;
    background-position: center top;
    overflow-x:hidden;
    height:100%;
    width:100%;
    font-family: Calibri, arial;
}

.clear {clear: both}

#topo {
    width: 990px;
    height: 200px;
    margin: 10px auto 0 auto;
}

#topo-logo {
    width: 280px;
    height: 185px;
    float: left;
    margin: 10px 0 0 0;
}

#topo-direito {
    width: auto;
    height: auto;
    float: right;
    text-align: right;
}

#topo-direito .email {
    font-family: Calibri, arial;
    font-size: 20px;
    color: #68676C;
    margin: 0 0 5px 0;
}

#topo-direito .mailto {
    color: #68676C;
    text-decoration: none;
}

#topo-direito .mailto:hover {
    color: #B20000;
    text-decoration: none;
}

#topo-direito .fone {
    font-family: Calibri, arial;
    font-size: 23px;
    color: #68676C;
    font-weight: bold;
    margin: 4px 10px 0 0;
    float: right;
}

#topo-direito .foneN {
    font-family: Calibri, arial;
    font-size: 30px;
    color: #68676C;
    font-weight: lighter;
    float: right;
}
#topo-direito .foneN2 {
    font-family: Calibri, arial;
    font-size: 30px;
    color: #68676C;
    margin-top: -5px;
    float: right;
}

#topo-direito #lupa {
    width: 69px;
    height: 51px;
    background: url('../img/layout/lupa.png') no-repeat;
    float: right;
    margin: 10px 0 5px 0;
}

#topo-direito #form-busca {
    width: 180px;
    height: 27px;
    background: #000;
    float: right;
    border-radius: 4px;
}

#topo-direito #form-busca .input-busca {
    float: left;
    width: 135px;
    margin: 0 0 0 12px;
    background: #000;
    border: 0;
    color: #FFF;
    font-family: Calibri, arial;
    font-size: 18px;
    padding: 2px 0 0 0;
    
}

#topo-direito #form-busca .btn-enviar{
    width: 25px;
    height: 23px;
    background: url('../img/layout/btn-busca.png') no-repeat; 
    float: right;
    border: 0;
    margin: 2px 2px 0 0;
    cursor: pointer;
}

#topo-direito #menu {
    width: 450px;
    height: 25px;
    float: left;
    margin: 6px 25px 0 0;
}

#topo-direito #menu #item {
    width: auto;
    float: left;
    font-family: Calibri, arial;
    font-size: 18px;
    color: #68676C;
    padding: 0 16px;
}

#topo-direito #menu #item a {
    color: #68676C;
    text-decoration: none;
}

#topo-direito #menu #item a:hover {
    color: #B20000;
    text-decoration: none;
}

#topo-direito #menu #itemHome {
    width: 20px;
    float: left;
    margin: 0 8px 0 0;
}

#meio {
    width: 100%;
    overflow:hidden;
    height:555px;
    position:absolute;
    background: url('../img/layout/meio2.jpg') repeat; 
}

#wrapper {
    width:100%;
    height:100%;
    position:absolute;
    top:0;left:0;
    overflow:hidden;
    background: url('../img/layout/meioCima.png') center top no-repeat; 
}

#mask {
    width:500%;
    height:100%;
}
.content {
    width:990px;
    height:555px;
    margin:0 auto;
    position:relative;
    padding: 25px 0 0 0;
}

.selected {
    color: #B20000;
}

.item {
    width: 20%;
    height: 100%;
}

#meio-baixo {
    width: 100%;
    height: 140px;
    background: #E5E5E5;
    margin: -74px 0 0 0;
}

#meio-baixo-meio {
    width: 990px;
    height: 140px;
    margin:0 auto;
}

#meio-baixo-dir {
    width: 450px;
    height: 140px;
    float: right;
    position: relative;
    z-index: 7500;
}

#meio-baixo-ate {
    width: 278px;
    height: 189px;
    float: right;
    margin-top: -70px;
    position: relative;
    z-index: 500;
}

#meio-baixo-redes {
    width: auto;
    float: left;
}

#meio-baixo-redes #fCon {
    font-family: Calibri, Arial;
    font-size: 16px;
    font-weight: bolder;
    color: #000;
    margin: 10px 0 0 0;
    line-height: 16px;
}

#meio-baixo-redes #iconeRede {
    width: 42px;
    float: left;
    margin: 20px 0 0 0;
}

#rodape {
    width: 100%;
    height: 40px;
    background: #000;
}

#rodape-meio {
    width: 990px;
    margin: 0 auto;
}

#rodape-meio #creditos {
    width: 179px;
    margin: 10px 0 0 0;
    float: left;
}

#rodape-meio #endere {
    width: auto;
    float: right;
    text-align: right;
    color: #FBC03B;
    font-family: Calibri, Arial;
    font-size: 21px;
    margin: 8px 0 0 0;
}

/* Páginas */
#home-conteudo {
    width: 990px;
    height: 400px;
    padding: 25px 0 0 0;
}

#home-conteudo #bola {
    width: 247px;
    height: 247px;
    float: left;
}

/* Bolas */
.ch-grid {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 990px;
}
 
.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}
 
.ch-grid:after {
    clear: both;
}
 
.ch-grid li {
    width: 227px;
    height: 229px;
    display: inline-block;
    margin: 0 0 0 16px;
    box-shadow: -10px 10px 15px #000;
    border-radius: 50%;
}

.ch-item {
    width: 227px;
    height: 229px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: default;
    transition: all 0.4s ease-in-out;
}

.ch-img-1 {background: url(../img/layout/001.png);}
.ch-img-2 {background: url(../img/layout/002.png);}
.ch-img-3 {background: url(../img/layout/003.png);}
.ch-img-4 {background: url(../img/layout/004.png);}

.ch-info {
    position: absolute;
    background: rgba(63,147,147, 0.8);
    width: inherit;
    height: inherit;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
    text-align: center;
}

.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    padding: 65px 0 0 0;
    height: 140px;
    font-family: Calibri, Arial;
    text-shadow:
        0 0 1px #fff,
        0 1px 2px rgba(0,0,0,0.3);
}

.link-bolas {
    color: #FFF;
    text-decoration: none;
}

.link-bolas:hover {
    color: #CCC;
}

.ch-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
    opacity: 0;
    transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
    display: block;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
    font-family: Calibri, Arial;
}
 
.ch-info p a:hover {
    color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.1),
        0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
    transform: scale(1);
    opacity: 1;
}

.ch-item:hover .ch-info p {
    opacity: 1;
}
/* Bolas */

#outdoor {
    width: 990px;
    height: 169px;
    position: relative;
    z-index: 999;
    margin: 460px auto 0 auto;
}

#quem-somos-conteudo {
    width: 940px;
    height: 350px;
    background: url('../img/layout/quem-somos.png') repeat;
    border-radius: 5px;
    padding: 5px 25px;
}

h1 {
    font-size: 28px;
    color: #FFF;
    padding: 5px 0 0 0;
    margin: 0;
    line-height: 24px;
    font-family: Calibri, Arial;
}

.texto {
    font-size: 15px;
    color: #FFF;
    line-height: 15px;
    font-family: Calibri, Arial;
}

#contato-conteudo {
    width: 940px;
    height: 350px;
    background: url('../img/layout/contato.png') repeat;
    border-radius: 5px;
    padding: 5px 25px;
}

#servicos-conteudo {
    width: 940px;
    height: 350px;
    background: url('../img/layout/servicos.png') repeat;
    border-radius: 5px;
    padding: 5px 25px;
}

#fotos-conteudo {
    width: 940px;
    height: 350px;
    background: url('../img/layout/fotos.png') repeat;
    border-radius: 5px;
    padding: 5px 25px;
}

#meio-pagina {
    
}

#bolas-baixo {
    width: 550px;
    height: 135px;
    position: relative;
    z-index: 8000;
    margin: 25px 0 0 10px;
}

/* Bolas2 */
.ch-grid2 {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 600px;
}
 
.ch-grid2:after,
.ch-item2:before {
    content: '';
    display: table;
}
 
.ch-grid2:after {
    clear: both;
}
 
.ch-grid2 li {
    width: 124px;
    height: 123px;
    display: inline-block;
    margin: 0 0 0 16px;
    box-shadow: -10px 10px 15px #000;
    border-radius: 50%;
}

.ch-item2 {
    width: 124px;
    height: 123px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: default;
    transition: all 0.4s ease-in-out;
}

.ch-img-5 {background: url(../img/layout/005.png);}
.ch-img-6 {background: url(../img/layout/006.png);}
.ch-img-7 {background: url(../img/layout/007.png);}
.ch-img-8 {background: url(../img/layout/008.png);}

.ch-info2 {
    position: absolute;
    background: rgba(63,147,147, 0.8);
    width: inherit;
    height: inherit;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
    text-align: center;
}

.ch-info2 h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    padding: 37px 0 0 0;
    height: 70px;
    font-family: Calibri, arial;
    text-shadow:
        0 0 1px #fff,
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info2 p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
    opacity: 0;
    transition: all 1s ease-in-out 0.4s;
}

.ch-info2 p a {
    display: block;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
    font-family: 'Open Sans', Arial, sans-serif;
}
 
.ch-info2 p a:hover {
    color: rgba(255,242,34, 0.8);
}

.ch-item2:hover {
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.1),
        0 1px 2px rgba(0,0,0,0.1);
}

.ch-item2:hover .ch-info2 {
    transform: scale(1);
    opacity: 1;
}

.ch-item2:hover .ch-info2 p {
    opacity: 1;
}
/* Bolas */


.img {
    float: left;
    margin: 0 15px 15px 0;
    border-radius: 5px;
}

.img2{border-radius: 5px;}

.outdoor {
    margin: -140px 0 0 0;
}

.link-albuns {
    color: #FFF;
    text-decoration: none;
    font-family: Calibri, Arial;
}

.link-albuns:hover {
    color: #FBC03B;
}

.link-voltar {
    color: #FFF;
    text-decoration: none;
    font-family: Calibri, Arial;
    font-size: 14px;
    margin: 0 0 0 15px;
}

.link-voltar:hover {
    color: #FBC03B;
}

.link-busca {
    color: #FFF;
    text-decoration: none;
    font-family: Calibri, Arial;
    font-size: 17px;
    margin: 0 0 10px 15px;
}

.link-busca:hover {
    color: #FBC03B;
}

#contato-esquerdo {
    width: 360px;
    height: auto;
    float: left;
}

.input {
    width: 340px;
    height: 30px;
    background: #000;
    border-radius: 5px;
    color: #FFF;
    font-family: Calibri, Arial;
    font-size: 15px;
    margin: 15px 0 0 0;
    padding: 0 10px;
    border: 0;
}

.text_area {
    width: 340px;
    height: 100px;
    background: #000;
    border-radius: 5px;
    color: #FFF;
    font-family: Calibri, Arial;
    font-size: 15px;
    margin: 15px 0 0 0;
    padding: 5px 10px;
    border: 0;
}

.btn_enviar {
    width: 77px;
    height: 24px;
    background: url(../img/layout/btn_enviar.png);
    border: 0;
    cursor: pointer;
    margin: 15px 0 0 0;
    float: right;
}

#contato-direito {
    width: 420px;
    height: auto;
    float: right;
}

#contato-direito-item {
    width: auto;
    height: 87px;
}

#contato-direito-item-img {
    height: 71px;
    width: auto;
    margin: 0 15px 0 0;
    float: left;
}

#texto-endereco {
    color: #000;
    font-family: Calibri, Arial;
    font-size: 21px;
    float: left;
    width: 300px;
    font-weight: bold;
    margin: 5px 0 0 0;
}

.mail {
    color: #000;
    font-family: Calibri, Arial;
    font-size: 20px;
    float: left;
    width: 300px;
    margin: 20px 0 0 0;
    text-decoration: none;
}

.mail:hover {
    color: #FFF;
}

.fones {
    color: #000;
    font-family: Calibri, Arial;
    font-size: 30px;
    float: left;
    width: 300px;
    margin: 10px 0 0 0;
    font-weight: normal;
    line-height: 25px;
}

.enviando {
    color: #FFF;
    font-family: Calibri, Arial;
    font-size: 18px;
    font-weight: bolder;
    float: right;
    margin: 13px 0 0 0;
    display: none;
}



.scroll-pane {
    width: 935px;
    height: 285px;
    overflow: auto;
}
.jp-container{
    width:935px;
    height:285px;
    position:relative;
    float: left;
}

#fot {
    width: 168px;
    height: 140px;
    float: left;
    text-align: center;
    margin: 0 15px 15px 0;
}

#fotimg {
    width: 168px;
    height: 128px;
    overflow: hidden;
    border-radius: 5px; 
}