@charset "utf-8";

@font-face {
	font-family: 'MYRIADPROREGULAR';
	src: url('./MYRIADPROREGULAR.eot');
	src: local('MYRIADPROREGULAR'), 
	url('./MYRIADPROREGULAR.woff') format('woff'), 
	url('./MYRIADPROREGULAR.ttf') format('truetype');
}

html { width:100%; }

body { font-family: Verdana,'MYRIADPROREGULAR' !important; color:#4a4a4a; font-size:13px;}

a:link { color:#4a4a4a; text-decoration:none; }
a:visited { color:#4a4a4a; text-decoration:none; }
a:hover { color:#4a4a4a; text-decoration: none; }
a:active { color:#4a4a4a; text-decoration:none; }

p {margin:10px 0 12px 0;line-height:1.3em;}
strong, b {font-weight:bold;}
em { font-style:italic;}

/*------------------------------------------------------
header
------------------------------------------------------*/

/*------------------------------------------------------
Banner Top Principal
------------------------------------------------------*/

/*------------------------------------------------------
Home
------------------------------------------------------*/

.home .background_img_home {
    display: table;
    height: 100%;
    padding: 100px 0;
    text-align: center;
    color: white;
    background: url(../../img/meu_telhado_campinas.webp) no-repeat bottom center scroll;
    background-position: 30% 45%;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    
}

@media (max-width: 767px) {
    .home .background_img_home {
        display: none;
        height: 0px;
        padding: 0px;
    }
}

.home .right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.home .box_login_home {
    padding: 100px 0;
    background: url(../../img/relazione_logo.png) no-repeat bottom center scroll;
    background-color:#ffffff;
}

@media (max-width: 470px) {
    .home .box_login_home {
        background-size: contain;
    }

    .home .box_login_home {
        margin-top: -25%;
    }
}

.home .box-form-login {
    width: 450px;
    margin: 0 auto;
    background: #00d5ff;
    padding: 25px;
    border-radius: 25px;
}

/* @media (max-width: 767px) {
    .home .box-form-login {
        margin-top: -25%;
    }
} */

.home .box-form-login .box-form-login-logo {
    text-align: center;
}

.home .box-form-login .box-form-login-logo img {
    width: 100%;
}

.home .box-form-login .sub_tit_login {
    display: block;
    font-size: 1.3em;
    text-align:center;
    margin: 15px 0 15px 0;
}

.home .box-form-login form input {
    border-radius: 25px;
    border:none;
    background-color: #d7f6ff;
}

.home .box-form-login form button {
    border-radius: 25px;
    border:none;
    padding: 10px;
    width: 100%;
    background-color: #029cc6;
    color:#71e8ff;
    font-weight:bold;
}

.home .box-form-login form button:hover{
    background-color: #057a9a;
    color: #ffffff;
}

.home .box-form-login .linkRecoverySenha {
    display: block;
    text-align: center;
    margin-top: 5px;
}

.home .box-form-login .linkRecoverySenha a {
    
}

.home .box-form-login .linkRecoverySenha a:hover {
    text-decoration: underline;
}

.home .relazione_logo {

}

#contentCenter img{max-width: 100%; }
#contentCenter .btn { word-wrap:break-word;}

#contentCenter .leftHome {width:49%;float: left; text-align: center;}
#contentCenter .leftHome h2 {text-align: left;}
#contentCenter .leftHome p {text-align: left;display:block; min-height:75px;}


#contentCenter .rightHome {width:49%;float: right; text-align: center;}
#contentCenter .rightHome h2 {text-align: left;}
#contentCenter .rightHome p {text-align: left;display:block; min-height:75px;}

/*------------------------------------------------------
Content
------------------------------------------------------*/
#contentCenter {width:100%; max-width:1000px; margin:0px auto 0px auto;min-height:500px;}
#contentCenter h2 {margin:20px 0px 20px 0px;font-size: 1.5em;font-weight:none;display:block;}
#contentCenter h2 hr {margin: 10px 0px 0px 0px;border:1px solid #F26522; width:7%}

#contentCenter .alertSucesso {display: block; margin:30px 0px 0px 0px;padding:0px 5% 0px 5%}
#contentCenter .formLogin {display: block;margin:30px 0px 0px 0px;padding:0px 5% 0px 5% }

#contentCenter .opcoesSenha {padding:0px 0px 0px 0px;}
#contentCenter .opcoesSenha h3 {margin:0px 0px 10px 0px; font-size: 1.3em;}
#contentCenter .opcoesSenha ul {line-height: 2em;margin:0px 0px 0px 15px; display: inline-block;}
#contentCenter .opcoesSenha ul li {list-style-type: square; color: #F26522; padding:0px 20px 0px 0px; float:left;margin:0px 20px 0px 0px;}
#contentCenter .opcoesSenha ul li a:hover {text-decoration: underline;}

#contentCenter .linkRepClub {float: right;display:block;margin:-90px 20px 0px 0px;}

/*------------------------------------------------------
Pagina Contato
------------------------------------------------------*/
#contentCenter .boxContato {display: block;}
#contentCenter .textoContato {margin:0px 0px 10px 0px;}
#contentCenter .boxContato h3 {font-size: 1.1em;margin:15px 0px 5px 0px;font-weight:bold;}
#contentCenter .boxContato .boxleft {float: left; width:44%; margin-right:5%;}
#contentCenter .boxContato .boxright {float:right;width:44%}
#contentCenter .mapaContato {display: block; margin:18px 0px 0px 0px;}
#contentCenter .formContato {display: block; margin:20px 0px 0px 0px;}



/*------------------------------------------------------
Footer
------------------------------------------------------*/

.site-footer {padding: 0px; background: #111 none repeat scroll 0% 0%; color: #999;font-size: 13px;display:block;margin-top: 30px;}
.site-footer .container {width:100%;max-width: 1000px; margin: 0px auto 0px auto;}
.site-footer .footer-connect {box-sizing: border-box;}
.site-footer .footer-connect .container { width:100%;max-width: 1050px; margin: 0px auto; padding: 0px 30px; position: relative;}
.site-footer .footer-social {
    float: left;
    padding: 10px 18.5px;
    color: #FFF;
    background-color: #F26522;
    margin-top: -16px;
    position: relative;
    box-sizing: border-box;
}

.site-footer .footer-social label {
    font-size: 13px;
    margin-right: 10px;
    color: #222;
    line-height: 1.7;
}

.site-footer .footer-social a i {
    padding: 0px;
    border-radius: 50%;
    font-size: 13px;
    height: 1.8em;
    width: 1.8em;
    text-align: center;
    border: 1px solid #222;
    margin-bottom: -8px;
    color: #222;box-sizing: border-box;
}

.site-footer .footer-social::after {
    border-right: 9px solid #777;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0px;
    left: -9px;
    position: absolute;
    top: 0px;
}

.footer-social a {
    margin-right: 3px;
}

.site-footer .footer-social .fa {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    text-rendering: auto;
    box-sizing: border-box;
}

.site-footer .footer-social .fa img {margin-left:-1px;}

.site-footer .footer-columns { padding: 10px 0px; }
.site-footer .clearfix {display: block;}
.site-footer .footer-4-columns .footer-column { float: left; margin-right: 2.89999%;box-sizing: border-box; }
.site-footer .footer-4-columns .footer-4 { margin-right: 0px;}
.site-footer .footer-4-columns .footer-column aside {display:block;}
.site-footer .site-info-wrapper {background: #222 none repeat scroll 0% 0%; border-top: 1px solid #333; padding: 20px 0px; font-size: 12px; }

.site-footer .footer-columns .footer-column .widget {font-size: 13px; line-height: 1.8;padding-bottom: 0px; }
.site-footer .footer-columns .footer-column .widget a {text-decoration: none;}
.site-footer .footer-columns .footer-column .widget .widget-title {color: #EEE;font-size: 15px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: -0.1px;font-weight: 500;}
.site-footer .footer-columns .footer-column .widget .textwidget p {word-wrap: break-word;margin-top: 0px; margin-bottom: 15px;}

.site-footer #footer-1 {width: 24%;margin-left: -1%;}
.site-footer #footer-2 {width: 20%;}
.site-footer #footer-2 ul {display: block;margin: -10px 0px 0px 17px;}
.site-footer #footer-2 ul li { list-style-type:square;color:#F26522; padding: 6.20000px 0px;}
.site-footer #footer-2 ul li a {color:#999;}
.site-footer #footer-2 ul li a:hover {color:#EFEFEF; text-decoration:underline;}

.site-footer #footer-3 .widget-title {margin-bottom: 17px;}

.site-footer #footer-3 { width: 24%;}

.site-footer #footer-4 {width:24%;margin-right:-1%;margin-left:1.2%;padding-top:1.60000%; text-align: none;}

.site-footer .btn.btn-ghost { background: transparent none repeat scroll 0% 0%; border: 2px solid #FFF; border-radius: 3px; box-shadow: none !important; color: #FFF; }

.site-footer .contact-info-item {margin-bottom: 10px;}
.site-footer .contact-info-item .contact-text {
    display: block;
    float: left;
    width: 30px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 2px;
    position: relative;
}

.site-footer .contact-info-item .fa {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    font-size: inherit;
    text-rendering: auto;
}

.site-footer .contact-info-item .fa img {margin-top: -3px;}

.site-footer .footer-columns .contact-info-item .contact-value {
    margin-left: 0px;
}


.site-footer .widget-area .widget ul, .widget-area .widget ol {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style: outside none none;
    word-wrap: break-word;
    margin-top: 0px;
    box-sizing: border-box;
}

.site-footer .widget-area .widget ul li {
    list-style: outside none none;
    margin: 0px;
    padding: 4.66667px 0px;
}

.site-footer .footer-columns ul.hours span {
    float: right;
    font-weight: bold;
}

.site-footer .footer-columns ul.hours li {
    border-top: 1px dotted rgba(255, 255, 255, 0.1);
}

.site-footer .footer-columns ul.hours li:first-child {
    border-top: medium none;
}

.site-footer .footer-columns .contact-info-item .contact-text i {
    font-size: 16px;
}

.site-footer .contact-info-item .contact-text {
    text-transform: uppercase;
    letter-spacing: 1px;
}

/*------------------------------------------------------
AJAX Estilos
------------------------------------------------------*/

.processar {text-align: center;}
.processar .gifAnimado {}