/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

html 
{
    overflow-x: hidden;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
li, a, h1, h2, h3, p, span {font-family: "museo", Arial, Tahoma; color: #333333;}
a 
{
    font: 18px/60px "museo", Arial, Tahoma;
    color: #363636;
}

.texto 
{
    font-size: 18px;
    line-height: 20px;
    color: #fff !important;
}

h1 
{
    width: 100%;
    color: #fff;
    font-size: 55px;
    line-height: 57px;
    font-weight: 300;
    margin-top: 75px;
    margin-bottom: 50px;
    float: left;
}

h2 
{
    width: 100%;
    float: left;
    font-size: 40px;
    line-height: 42px;
    color: #353535;

    font-weight: 300;
}

.menu 
{
    padding: 0 !important;
    position: fixed;
    top: 70px; left: 50%;
    z-index: 999;
    margin-left: -480px !important;
    pointer-events: none;
}

.nav
{
    height: 60px;

    background: #fff;
    padding: 0 15px;
    border-radius: 5px;
    float: right;
    pointer-events: auto;
    margin-right: 10px;

    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;

    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}

.nav:hover 
{
    -moz-box-shadow: 0px 0px 5px #aaa;
    -webkit-box-shadow: 0px 0px 5px #aaa;
    box-shadow: 0px 0px 5px #aaa;
}

.nav li 
{
    float: left;
}

.nav .sep 
{
    width: 1px;
    height: 35px;

    background: #fff;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 15px;

    -moz-box-shadow: 0px 0px 5px #666;
    -webkit-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
}


.section
{
    width: 100%;
    height: 100%;
    min-height: 900px;
    min-width: 1000px;


    float: left;
}

#home{ background: #ffffff; }
#empresa
{ 
    background: #00aeef; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#00aeef) to(#0077e0)); /*old webkit*/
    background: -webkit-linear-gradient(#00aeef, #0077e0); /*new webkit*/
    background: -moz-linear-gradient(#00aeef, #0077e0); /*gecko*/
    background: -ms-linear-gradient(#00aeef, #0077e0); /*IE10*/
    background: -o-linear-gradient(#00aeef, #0077e0); /*opera 11.10+*/
    background: linear-gradient(#00aeef, #0077e0); /*future CSS3 browsers*/
}
#produtos
{ 
    background: #e458a8; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e458a8) to(#da1770)); /*old webkit*/
    background: -webkit-linear-gradient(#e458a8, #da1770); /*new webkit*/
    background: -moz-linear-gradient(#e458a8, #da1770); /*gecko*/
    background: -ms-linear-gradient(#e458a8, #da1770); /*IE10*/
    background: -o-linear-gradient(#e458a8, #da1770); /*opera 11.10+*/
    background: linear-gradient(#e458a8, #da1770); /*future CSS3 browsers*/ 
}
#destaques
{ 
    background: #ffde00; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffde00) to(#ffd100)); /*old webkit*/
    background: -webkit-linear-gradient(#ffde00, #ffd100); /*new webkit*/
    background: -moz-linear-gradient(#ffde00, #ffd100); /*gecko*/
    background: -ms-linear-gradient(#ffde00, #ffd100); /*IE10*/
    background: -o-linear-gradient(#ffde00, #ffd100); /*opera 11.10+*/
    background: linear-gradient(#ffde00, #ffd100); /*future CSS3 browsers*/ 
}
#atendimento
{ 
    background: #373737; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#373737) to(#0c0c0c)); /*old webkit*/
    background: -webkit-linear-gradient(#373737, #0c0c0c); /*new webkit*/
    background: -moz-linear-gradient(#373737, #0c0c0c); /*gecko*/
    background: -ms-linear-gradient(#373737, #0c0c0c); /*IE10*/
    background: -o-linear-gradient(#373737, #0c0c0c); /*opera 11.10+*/
    background: linear-gradient(#373737, #0c0c0c); /*future CSS3 browsers*/ 
}

.voltar-topo 
{
    width: 52px;
    height: 52px;

    background: #fff url( ../../_images/diversos/up.png) center 30px no-repeat;
    float: left;
    position: fixed;
    bottom: 20px;
    right: 50px;
    
    display: none;

    border-radius: 50%;

    border-right: 4px rgba(0, 0, 0, .2) solid;
    border-left: 4px rgba(255, 255, 255, .2) solid;
    border-top: 4px rgba(0, 0, 0, .2) solid;
    border-bottom: 4px rgba(255, 255, 255, .2) solid;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

    font-size: 10px;
    line-height: 30px;
    text-align: center;

    -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
         -o-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
}

.voltar-topo:hover 
{
    background: #fff url( ../../_images/diversos/up.png) center 25px no-repeat;

    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

}

.container 
{
    width: auto;
    height: auto;

    float: left;
}


/*
    HOME
*/
.logo 
{
    width: 234px;
    height: 129px;

    display: block;
    margin-top: 20px;
    float: left;

    /*background: url( ../../_images/diversos/logo.jpg) 0 0 no-repeat;*/
}

#home .fone 
{

    font-size: 18px;
    line-height: 25px;
    float: right;

    margin-top: 30px;

    background: url(../../_images/diversos/fone.jpg) 0 0 no-repeat;
    padding-left: 20px;
}

.banner 
{
    width: 100%;
    height: 378px;
    float: left;

    margin-top: 20px;
    border-radius: 10px;
    background: #fff;
    /*overflow: hidden;*/

    position: relative;

    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
       -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
            box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
}

#home .col-3
{
    margin-bottom: 60px;
}

.col-3 p 
{
    width: 90%;
    float: left;
    font-size: 14px;
    line-height: 16px;
    margin-top: 20px;
}

#home .col-3 .img-container.first
{
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;
    position: relative;
    z-index: 2;
}


#home .col-3 .img-container.last
{
    position: absolute;
    top: 240px; right: 0;
    z-index: 0;
}

.img-container
{
    float: left;
    display: block;
}

.sombra-maior, .sombra-menor
{
    position: relative;
}

.sombra-maior:after
{
    content: url(../../_images/diversos/sombra-maior.png);
    width: 268px;
    height: 19px;

    display: block;
    position: absolute;
    bottom: 0; left: -5px;
    z-index: -1;
}

.sombra-menor:after
{
    content: url(../../_images/diversos/sombra-menor.png);
    width: 188px;
    height: 19px;

    display: block;
    position: absolute;
    bottom: -10px; left: -30px;
    z-index: -1;
}

.saiba-mais
{
    line-height: 34px;
    float: right;
    padding: 0 10px;
    border-radius: 6px;

    background: #373737; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3a3a3a) t202020(#0c0c0c)); /*old webkit*/
    background: -webkit-linear-gradient(#3a3a3a, #202020); /*new webkit*/
    background: -moz-linear-gradient(#3a3a3a, #202020); /*gecko*/
    background: -ms-linear-gradient(#3a3a3a, #202020); /*IE10*/
    background: -o-linear-gradient(#3a3a3a, #202020); /*opera 11.10+*/
    background: linear-gradient(#3a3a3a, #202020); /*future CSS3 browsers*/ 


    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;

    color: #fff;
    text-shadow: 2px 2px 2px #000000;
}

.saiba-mais:hover
{
    background: -moz-radial-gradient(center center , farthest-side, #0073de, #0064bb) repeat-x;
    background: -webkit-gradient(radial, 20% 20%, 20, 20% 20%, 60, from(#0073de), to(#0064bb)) repeat-x;
}

#home .destaques ul 
{
    float: left;
    width: 100%;
    margin-top: 20px;
}

#home .destaques ul li 
{
    float: left;
    margin-bottom: 20px;
}

#home .destaques .data
{
    width: 50px;
    height: 100%;
    text-align: center;
    float: left;
    line-height: 25px;
}

#home .destaques .destaque
{
    float: left;
    width: 260px;
}

#home .destaques .destaque p {margin: 0;}
#home .destaques .destaque p:hover { text-decoration: underline; }

.circle-maior
{
    width: 218px;
    height: 218px;

    border-radius: 50%;
    float: left;
    background: #fff;
    position: relative;
    z-index: 100;
    /*overflow: hidden;*/

    -moz-box-shadow: 0px 0px 7px #bbb;
    -webkit-box-shadow: 0px 0px 7px #bbb;
    box-shadow: 0px 0px 7px #bbb;

    margin-top: 20px;
}

.circle-maior .mask-circle-maior
{
    width: 218px;
    height: 218px;

    border-radius: 50%;
    float: left;
    background: #fff;
    position: relative;
    z-index: 105;
    display: block;
    overflow: hidden !important;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.circle-maior ul li, .circle-menor ul li   
{
   position: absolute;
   top: 0; left: 300px;
}

.circle-maior ul li img
{
    width: 200px;
}

.circle-maior.sombra-maior:after
{
    left: -20px;
    bottom: -15px;
    z-index: -150;
}

.circle-menor.sombra-menor:after
{
    bottom: -16px;
}

.mask 
{
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    float: left;
    border-radius: 50%;
    position: relative;

    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}


.circle-menor
{
    width: 116px;
    height: 116px;

    border-radius: 50%;
    float: left;
    background: #fff;
    position: absolute;
    top: 100px; right: 10px;
    z-index: 0;

    -moz-box-shadow: 0px 0px 7px #bbb;
    -webkit-box-shadow: 0px 0px 7px #bbb;
    box-shadow: 0px 0px 7px #bbb;

    margin-top: 20px;
}

.mask-circle-menor
{
    width: 116px;
    height: 116px;

    border-radius: 50%;
    float: left;
    background: #fff;
    position: absolute;
    top: 0; right: 0;
    z-index: 0;

    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    overflow: hidden;
}

.mask-circle-menor img 
{
    width: 100px;
}

#home .produtos .titulo
{
    width: 86%;
    float: left;
    font-size: 18px;
    margin-top: 30px;
    margin-left: 20px;
	text-align:center;
}

#home .produtos .setas 
{
    width: 150px;
    float: left;
    margin-top: 20px;
    margin-left: 80px;
}

#home .produtos .proximo, #home .produtos .anterior
{
    width: 30px;
    height: 30px;

    display: block;
    float: left;
    background: red;
    border-radius: 50%;

    background: #373737 url(../../_images/diversos/ant.png) 8px center no-repeat; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3a3a3a) to(#202020)) url(../../_images/diversos/ant.png) 8px center no-repeat; /*old webkit*/
    background: -webkit-linear-gradient(#3a3a3a, #202020) url(../../_images/diversos/ant.png) 8px center no-repeat; /*new webkit*/
    background: -moz-linear-gradient(#3a3a3a, #202020) url(../../_images/diversos/ant.png) 8px center no-repeat; /*gecko*/
    background: -ms-linear-gradient(#3a3a3a, #202020) url(../../_images/diversos/ant.png) 8px center no-repeat; /*IE10*/
    background: -o-linear-gradient(#3a3a3a, #202020) url(../../_images/diversos/ant.png) 8px center no-repeat; /*opera 11.10+*/
    background: linear-gradient(#3a3a3a, #202020) url(../../_images/diversos/ant.png) 8px center no-repeat; /*future CSS3 browsers*/ 
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
}

#home .produtos .proximo:hover
{
    background: #0073de url(../../_images/diversos/prox.png) 10px center no-repeat;    
}

#home .produtos .anterior:hover
{
    background: #0073de url(../../_images/diversos/ant.png) 8px center no-repeat;    
}

#home .produtos .proximo
{
    background: #373737 url(../../_images/diversos/prox.png) 10px center no-repeat; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3a3a3a) to(#0c0c0c)) url(../../_images/diversos/prox.png) center center no-repeat; /*old webkit*/
    background: -webkit-linear-gradient(#3a3a3a, #202020) url(../../_images/diversos/prox.png) 10px center no-repeat; /*new webkit*/
    background: -moz-linear-gradient(#3a3a3a, #202020) url(../../_images/diversos/prox.png) 10px center no-repeat; /*gecko*/
    background: -ms-linear-gradient(#3a3a3a, #202020) url(../../_images/diversos/prox.png) 10px center no-repeat; /*IE10*/
    background: -o-linear-gradient(#3a3a3a, #202020) url(../../_images/diversos/prox.png) 10px center no-repeat; /*opera 11.10+*/
    background: linear-gradient(#3a3a3a, #202020) url(../../_images/diversos/prox.png) 10px center no-repeat; /*future CSS3 browsers*/ 
    float: right;
}



/*
    EMPRESA
*/
#empresa .texto
{
    width: 620px;
    margin-bottom: 20px;
}

#empresa .container
{
    margin-bottom: 50px;
}

#empresa .logos 
{
    width: 350px;
    float: right;
}

#empresa .logos .bndes 
{
    width: 107px;
    height: 107px;
    float: right;
    background: #fff url( ../../_images/diversos/bndes.jpg) center center no-repeat;

    border-radius: 50%;
    margin-right: 50px;
    position: relative;
    z-index: 100;
    margin-top: 100px;
}

#empresa .logos .bndes:after
{
    left: -80px;
    bottom: 3px;
    z-index: -1;
}

.face{
    width: 25px;
    height: 25px;
    background: url( /_images/diversos/icone-facebook.png) center center no-repeat;
    float: right;
    margin-top: 28px;
    margin-right: 10px;

}

#empresa .logos .img-empresa1
{
    width: 350px;
    height: 338px;

    display: block;
    background: url(../../_images/diversos/empresa1.png?v2) 0 0 no-repeat;
    float: right;
}


/*
    PRODUTOS
*/
#produtos .slider 
{
    width: 100%;
    height: 450px;
    float: left;

    /*background: lightblue;*/
    position: relative;
}

#produtos .slider .center 
{
    width: 400px;
    height: 400px;

    background: #fff;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 2;

    -moz-box-shadow: 0px 0px 7px #bbb;
    -webkit-box-shadow: 0px 0px 7px #bbb;
    box-shadow: 0px 0px 7px #bbb;
}

#produtos .slider .left
{
    width: 185px;
    height: 185px;

    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 120px; left: 400px;

    -moz-box-shadow: 0px 0px 7px #bbb;
    -webkit-box-shadow: 0px 0px 7px #bbb;
    box-shadow: 0px 0px 7px #bbb;
}

#produtos .slider .right
{
    width: 185px;
    height: 185px;

    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 120px; right: 150px;

    -moz-box-shadow: 0px 0px 7px #bbb;
    -webkit-box-shadow: 0px 0px 7px #bbb;
    box-shadow: 0px 0px 7px #bbb;
}

#produtos .slider .prox 
{
    width: 61px;
    height: 61px;

    /*background: #fff;*/
    position: absolute;
    top: 40%; right: 0;
    border-radius: 50%;
    border: 5px #fff solid;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}

#produtos .slider .prox:before
{
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 35%; left: 30%;
    border-right: 5px solid #fff;
    border-top: 5px solid #fff;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#produtos .slider .prox:hover:before
{
    border-right: 5px solid #dc2b84;
    border-top: 5px solid #dc2b84;
}

#produtos .slider .prox:hover
{
    background: #fff;
    border: 5px solid #fff;
}

#produtos .slider .ant 
{
    width: 61px;
    height: 61px;

    /*background: #fff;*/
    position: absolute;
    top: 40%; left: 0;
    border-radius: 50%;
    border: 5px #fff solid;

    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}

#produtos .slider .ant:hover:before
{
    border-left: 5px solid #dc2b84;
    border-top: 5px solid #dc2b84;
}

#produtos .slider .ant:hover
{
    background: #fff;
    border: 5px solid #fff;
}

#produtos .slider .ant:before
{
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 35%; left: 35%;
    border-left: 5px solid #fff;
    border-top: 5px solid #fff;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#produtos .descricao
{
    width: 680px;
    float: left;
    margin-left: 150px
}

span.title
{
    width: 100%;
    float: left;
    color: #fff;
    font-weight: 500;
    font-style: italic;
}

#produtos .descricao p 
{
    width: 100%;
    margin-top: 15px;
    float: left;
    color: #fff;
} 

#produtos .left img, 
#produtos .right img
{
    width: 200px;
} 

#produtos .center img
{
    width: 400px;
}

#produtos .center ul li, 
#produtos .left ul li, 
#produtos .right ul li 
{
    display: block;
    position: absolute;
    top: -10%; left: 40%;
}




/*
    DESTAQUE
*/



#destaques ul, #destaques ul li
{
    height: auto;
    float: left;
}

#destaques ul
{
    width: 580px;
    margin-bottom: 40px;
    margin-top: 10px;
}

#destaques ul li
{
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

#destaques ul li a span:hover
{
    text-decoration: underline;
}

#destaques .data 
{
    width: 50px;
    height: 100%;
    text-align: center;
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding-top: 5px;
}


#destaques .destaque
{
    width: 89%;
    float: left;
    padding-left: 10px;
    line-height: 16px;
    font-size: 14px;
}

#destaques .destaque .title
{
    margin-bottom: 5px;
}

.destaque-detalhe
{
    width: 70%;
    float: left;
    margin-bottom: 50px;
}

.destaque-detalhe p 
{
    margin-top: 20px;
    float: left;
}

.mais-destaques
{
    width: 28%;
    min-height: 250px;
    float: right;
    /*background: lightblue;*/
    
}

.mais-destaques h3
{
    width: 100%;
    font-size: 25px;
    line-height: 28px;
    float: left;

}

.mais-destaques .ver-mais
{
    float: right;
    font-size: 16px;
    line-height: 18px;
    text-indent: italic;  
}
.mais-destaques .ver-mais:hover{ text-decoration: underline; }

.mais-destaques ul
{
    width: 100% !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.fonte
{ 
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 30px !important;
    float: left;
}

.fonte a
{
    font-size: 14px;
    line-height: 16px;
}

.mais-destaques .data-destaque
{
    width: 50px;
    float: left;
    text-align: center;
}

.mais-destaques .conteudo
{
    width: 80%;
    float: right;
}

.mais-destaques ul li
{
    width: 100%;
    float: left;
}

.mais-destaques ul li a
{
    float: left;
    line-height: 16px !important;
    font-size: 14px !important;
}

.container-galeria
{
    width: 70%;
    float: left;
    padding-top: 30px;
    margin-bottom: 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.galeria
{
    width: 100% !important;
    float: left;
    margin-bottom: 0 !important;
}

.galeria li:hover, .lista-doc a:hover
{
    background: rgba(255,255,255,.8);

    border-right: 1px rgba(0,0,0,.3) solid;
    border-bottom: 1px rgba(0,0,0,.3) solid;  
} 

.galeria li 
{
    width: 150px !important;
    float: left;
    padding: 5px;
    border-radius: 3px;
    background: rgba(255,255,255,.3);

    border-right: 1px rgba(255,255,255,.4) solid;
    border-bottom: 1px rgba(255,255,255,.4) solid;

    margin-left: 10px;
    margin-bottom: 10px !important;
    cursor: pointer;

    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}

.galeria li:nth-child(4n+1)
{
    margin-left: 0px !important;
}


.lista-doc a
{
    width: 200px;
    float: left;
    background: red;
    margin-right: 10px;
    font-size: 16px;
    line-height: 18px;
    margin-top: 20px;
    padding: 10px;
    border-radius: 3px;
    background: rgba(255,255,255,.3);
    border-right: 1px rgba(255,255,255,.4) solid;
    border-bottom: 1px rgba(255,255,255,.4) solid;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}

.container-arquivos 
{
    width: 70%;
    float: left;
    margin-bottom: 80px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.lista-doc h5 
{
    width: 100%;
    float: left;
}

.lista-doc span
{
    font-size: 12px;
    line-height: 14px;
}


/*
    ATENDIMENTO
*/
.white
{
    color: #fff;
}

#atendimento p 
{
    font-size: 14px !important;
    line-height: 16px ;
}

#atendimento .container
{
    width: 620px;
    float: left;
}

#atendimento .infos
{
    width: 340px;
    min-height: 20px;
    margin-bottom: 90px;

    float: right;
}

#atendimento h2 
{
    float: left;
    margin-top: 40px;
}

.formulario
{
    float: left;
    margin-top: 40px; 
}

.input 
{
    height: 44px;
    float: left;
    border: 0;
    padding: 0 10px;
    margin-bottom: 10px;
    border-radius: 7px;
    text-transform: uppercase;

    font: 18px/44px "museo", Arial, Tahoma;
    color: #666;
}
 .mensagem
{
    height: 244px;
    float: left;
    border: 0;
    padding: 0 10px;
    margin-bottom: 10px;
    border-radius: 7px;
    text-transform: uppercase;

    font: 18px/44px "museo", Arial, Tahoma;
    color: #666;
}

.enviar 
{
    height: 34px;

    line-height: 34px;
    float: right;
    padding: 0 10px;
    border-radius: 6px;
    font: 18px/34px "museo", Arial, Tahoma;

    background: -moz-radial-gradient(center center , farthest-side, #0073de, #0064bb) repeat-x;
    background: -webkit-gradient(radial, 20% 20%, 20, 20% 20%, 60, from(#0073de), to(#0064bb)) repeat-x;


    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
    border: 0;

    color: #fff;
}

.enviar:hover
{
    cursor: pointer;
}

.int { width: 600px; }
.mid { width: 46%; }
.cent{ width: 93%;}

#mapa
{
    width: 100%;
    height: 334px;

    background: #fff;
    border-radius: 7px;
    float: left;
}

.localizacao
{
    margin-top: 20px;
    margin-bottom: 80px;
}

.content
{
    width: 100%;
    float: left;
}

.localizacao .endereco
{
    color: #fff;
    font-size: 18px;
    line-height: 25px;
}

.localizacao .endereco li 
{
    color: #fff;
}

.download
{
    height: 43px;
    padding-left: 50px;
    padding-right: 10px;
    float: left;
    background: #fff url( ../../_images/diversos/download.jpg) 0 0 no-repeat ;
    display: block;
    font-size: 14px;
    line-height: 43px;
    margin-top: 20px;

    border-radius: 5px;

    color: #303030;
}

.download:hover
{
    text-decoration: underline;
}

.mensagem-atencao
{
    font: 16px/20px "museo", Arial, Tahoma;
    color: #fff;
    margin-bottom: 20px;
}

.formulario h3 
{
    color: #fff;
}

label
{
    font: 16px/20px "museo", Arial, Tahoma;
    color: #fff;
    margin-bottom: 5px;
    float: left;
}


.paginacao
{
    width: 100%;
    margin-top: 30px;
    border-top: 1px rgba( 0, 0, 0, 0.1) solid;
    float: left;
    padding-top: 30px;
}

.paginacao .paginacao-item
{
    width: 25px;
    height: 25px;
    float: left;
    line-height: 25px;
    margin-left: 5px;
    text-align: center;
}

.paginacao .pags 
{
    background: #fff;
    border-radius: 50%;


    font-size: 13px;
    line-height: 25px;
    text-align: center;

    border: 1px #fff solid;

    -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
         -o-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
}

.paginacao .pags:hover, .paginacao .pags.ativo-pag
{
    background: none;
    border: 1px #fff solid;
}

.paginacao .proxima, .paginacao .anterior
{
    width: auto !important;
}


.ball
{
    width: 50px;
    height: 50px;

    position: absolute;
    top: 0; left: 0;

    background: rgba( 255, 255, 255, .3);
    border-radius: 50%;
    pointer-events:none;
}

.enviar-arquivos
{
    background: #fff url( /_images/diversos/enviar-arquivos.jpg) 0 0 no-repeat !important;
}




/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 Grid 
*/
.col-3
{
    width: 310px;
    min-height: 150px;

    float: left;

    margin-top: 30px;
    position: relative;
}

.col-3:nth-child(3n+2)
{
    margin-left: 25px;
    margin-right: 25px;
}

.brown
{
    color: #353535 !important;
}


.container-in{
    width: 100%;
    float: left;
    max-height: 447px;
	min-height: 160px;
}

.pull-left
{
    float: left;
}

.pull-right
{
    float: right;
}
/*
 * Image replacement
 */

 .mt-0 { margin-top: 0 !important; }
 .mt-10 { margin-top: 10px !important; }
 .mt-20 { margin-top: 20px !important; }
 .mt-30 { margin-top: 30px !important; }
 .mt-40 { margin-top: 40px !important; }
 .mt-50 { margin-top: 50px !important; }
 .mt-60 { margin-top: 60px !important; }
 .mt-70 { margin-top: 70px !important; }
 .mt-80 { margin-top: 80px !important; }
 .mt-90 { margin-top: 90px !important; }
 .mt-100 { margin-top: 100px !important; }

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Wrapper
 */
.wrapper {
    width: 980px;
    margin: 0 auto;
    /*background: lightblue;*/
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}