@charset "utf-8";
/* CSS Document */


/*RESET*/
*, *:before, *:after{
    margin: 0;
    padding: 0;
    outline: 0;

    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 1em;
    font-weight: 400;

    line-height: 1.2;
    letter-spacing: 0em;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

h1{font-size: 2em; font-weight: 300;}
h2{font-size: 1.8em; font-weight: 400;}
h1{font-size: 1.5em; font-weight: 600;}
p{margin-bottom: 15px;}
p:last-child{margin-bottom: 0;}
b, strong{font-weight: bold;}
mark{padding: 5px 10px; background-color: #eee;}
ul{list-style: none;}
img{border: none; max-width: 100%; vertical-align: middle;}
small{font-size: 0.75em; color: #555;}
a{text-decoration: none;}
a img{border: 0;}

a, p, h1, h2, h3, h4, h5, button, span, label {font-family: 'Open Sans', sans-serif;}

/*PALETA*/
/*BACKGROUND*/
/*

cores

5f6060

*/
.bg-body{background-color: #fff; color: #000;}
.bg-blue{background-color: #15234b; color: #fff;}
.bg-blue-light{background-color: #00b0f0; color: #fff;}
.bg-green{background-color: #01565b; color: #fff;}
.bg-green-light{background-color: #027e86; color: #fff;}
.bg-grey{background-color: #cccbcb; color: #000;}
.bg-grey-light{background-color: #f6f6f6; color: #000;}
.bg-yellow{background-color: #d09e00; color: #fff}


/*FONT SIZE*/
.fonttitillium { font-family: 'Titillium Web', sans-serif;}
.fontzero{font-size: 0em !important;}
.fontsize1{font-size: 1em;}
.fontsize1b{font-size: 1.5em;}
.fontsize2{font-size: 2em;}
.fontsize2b{font-size: 2.5em;}
.fontsize3{font-size: 3em;}
.fontsize3b{font-size: 3.5em;}
.formatacao_texto {
    font-size: 1em !important;
    line-height: 1.5 !important;
    text-indent: 0% !important;
}

/*CONTAINER*/
.container{float: left; width: 100%;}
.content{width: 85%; margin: 0 7.5%; padding:20px 0;}
.content-page{padding: 60px 0;}


/*HELPERS*/
.textshadow{text-shadow: 1px 1px 0 #000;}
.boxshadow{-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);}
.radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.round{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.last{margin-right: 0 !important;}
.clear{clear: both;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.padding-full {padding:2%;}
.padding-top-bottom {padding:2% 0;}
.padding-left-right {padding:0 2%;}
.paddingzero {padding:0;}


/*text align*/
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-uppercase {text-transform:uppercase;}
.text-justificado {text-align:justify; }
.text-indent {text-indent:5%;}
.text-line-height {line-height: 1.5}

/*float*/
.float-left{float: left !important;}
.float-right{float: right !important;;}
.float-none{float: none !important;;}

/*display*/
.display-block{display: block;}
.display-inblock{display: inline-block;}
.display-inline{display: inline;}
.display-none{display: none;}

/*BOX*/
.box{width: auto; float: left;}
.box-line{float: left; width: 100%;}

.box-small{width: 22.75%; margin-right: 3%;}
.box-medium{width: 30%; margin-right: 5%;}
.box-large{width: 46.5%; margin-right: 7%;}
.box-full{width: 100%; margin: 0;}


/*********************************  POP UP *****************************************/

.box-popup-delete {
    position: fixed;
    border: 0px solid #ccc;
    float: left;
    width: 45%;
    padding: 2%;
    margin: 5%;
    z-index: 1001;
    top: 100px;
    left: 50%;
    margin-left: -260px;
}

.box-popup-delete {
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    z-index: 1000;
    display: none;
}


.box-popup-item {position: fixed;
                 border: 0px solid #ccc;
                 float: left;
                 width: 45%;
                 padding: 2%;
                 margin: 5%;
                 z-index: 1001;
                 top: 100px;
                 left: 50%;
                 margin-left: -260px;
                 background-color: #15234b;
                 color: #fff;
}

.box-popup {
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    z-index: 1000;
}

.box-popup-item-titulo {
    color: #fff;
    text-align: center;
    font-weight: -500;
    font-size: 1.6em;
}

.box-popup-btn {
    color: #fff;
    float: left;
    width: 40%;
    margin: 4% 30% 2% 30%;
    text-align: center;
    padding: 2%;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 50px;
    font-size: 1em;
    text-transform: uppercase;
    background-color: #15234b;
}

.box-popup-btn:hover {
    background-color: #00b0f0;
}

.box_form_pesquisa {
    float: left;
    width: 100%;
}

.box_form_pesquisa input[type=text]{
    float: left;
    width: 100%;
    padding: 1.5%;
    border: 1px solid #ccc;
    font-size: 1.1em;
}


/*************** BOTÃO WHATSAPP ***************/

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25D366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    padding-top: .8%;
    z-index: 999;
}

.my-float {
    margin-top: 22px;
}