﻿
a {
    color: Black;
    text-decoration: none;
}

    a:hover {
        color: #FF6600;
        text-decoration: none;
    }

.navbar-nav > li > a {
    font-size: 16px;
}

.clear{ clear: both; }
.MP0{ margin:0px; padding:0px; }
body { font-family: 'Open Sans', sans-serif; overflow-x: hidden; }

.close1{
	float:right;
	font-size:21px;
	font-weight:700px;
	line-height:1;
	color:#000;
	
	}

.btnColorwhatsapp {
    background: #10d204;
    padding: 30px 0px 30px 0px;
    text-decoration: none;
    color: White;
}

    .btnColorwhatsapp:hover {
        background: #0aad00;
        text-decoration: none;
        color: White;
    }


.chatflutuante{width:165px; height:159px; right:73%; top: 70%; float:left;  position:fixed; z-index:9999; 

 -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;

}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.font15{ font-size:15px; font-weight:bold;    }
.font18{ font-size:18px; font-weight:bold;    }
.font22{ font-size:22px; font-weight:bold;    }
.font30{ font-size:30px; font-weight:bold;    }

/* Margin TOP BOT */
.mTop5{ margin-top:5px; }
.mTop10{ margin-top:10px; }
.mTop20{ margin-top:20px; }

/* PADDING TOP BOT */
.pTop5{ padding-top:5px; }
.pTop10{ padding-top:10px; }
.pTop20{ padding-top:20px; }
.pTop30{ padding-top:30px; }

.pBot40{ padding-bottom:40px; }


.mBot5{ margin-bottom: 5px; }
.mBot10{ margin-bottom: 10px; }
.mBot20{ margin-bottom: 20px; }


/* Margin TOP BOT */
.mTB10{ margin-top:10px; margin-bottom: 10px; }
.mTB20{ margin-top:20px; margin-bottom: 20px; }
.mTB30{	margin-top:30px; margin-bottom: 30px; }
.mTB40{	margin-top:40px; margin-bottom: 40px; }

/* Padding TOP BOT */
.pTB10{ padding-top:10px; padding-bottom: 10px; }
.pTB20{	padding-top:20px; padding-bottom: 20px; }
.pTB30{ padding-top:30px; padding-bottom: 30px; }
.pTB40{	padding-top:40px; padding-bottom: 40px; }


.corTxt { color:#605E5E }

.FontTitle03{ font-weight:bold; font-size:50px; }


#conceitosOPC a {color: White; font-size:16px; text-decoration:none;}
#conceitosOPC a:hover {text-decoration:none;}

.btn_laranja { background:#FF6600; padding:20px; margin:3px;}
.btn_laranja:hover { background:rgba(222, 80, 33, 1)}

.imgCirculo { background:#FF6600; padding:15px; width:100px; height:100px;} 
.imgCirculo2 { background:#FF6600; color:White; font-size:70px; text-align:center; width:100px; height:100px;} 
.imgCirculo3 { background:#006cb7; padding:5px; width:150px; height:150px;}
.imgCirculo4 { padding:20px; width:130px; height:130px;} 

.txtBorder { font-size:15px; border-style: solid; border-color:#FF6600; border-bottom-width: 1px; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
.txtModulos { font-size: 12px;}
.txtModulos2 { font-size: 10px;}
.txtModulos3 { font-size: 27px; font-weight:bold;}


.btnColor{ background:#006cb7; text-decoration:none; color:White;}
.btnColor:hover{ background:#FF6600; text-decoration:none; color:White;}

.btnColor2{ background:black; padding:10px; text-decoration:none; color:White;}
.btnColor2:hover{ background:#FF6600; text-decoration:none; color:White;}

.btnColor3{ background:#FF6600; padding:10px; text-decoration:none; color:White;}
.btnColor3:hover{ background:black;  text-decoration:none; color:White;}

.btnColor4{ background:#FF6600; padding:4px; text-decoration:none; color:White;}
.btnColor4:hover{ background:#006cb7;  text-decoration:none; color:White;}

.btnColor5{ background:#FF6600; padding:30px 0px 30px 0px; text-decoration:none; color:White;}
.btnColor5:hover{ background:#006cb7;  text-decoration:none; color:White;}

.btnColor6{ background:#006cb7; padding:4px; text-decoration:none; color:White;}
.btnColor6:hover{ background:#2a6494;  text-decoration:none; color:White;}

.btnColorModal{ background:#FF6600; padding:10px; text-decoration:none; color:White;}
.btnColorModal:hover{ background:#006cb7;  text-decoration:none; color:White;}
.btnColorModal:link{ background:#006cb7;  text-decoration:none; color:White;}
.btnColorModal:visited{ background:#006cb7;  text-decoration:none; color:White;}
.btnColorModal:active{ background:#006cb7;  text-decoration:none; color:White;}

.btnColorModalDownload{ background:#FF6600; font-size:25px; padding:25px 80px 25px 80px;; text-decoration:none; color:White;}
.btnColorModalDownload:hover{ background:#006cb7;  text-decoration:none; color:White;}
.btnColorModalDownload:link{ background:#006cb7;  text-decoration:none; color:White;}
.btnColorModalDownload:visited{ background:#006cb7;  text-decoration:none; color:White;}
.btnColorModalDownload:active{ background:#006cb7;  text-decoration:none; color:White;}

.modal-header {
    padding: 15px;
    border-bottom: 0px;
}


.membership-pricing-table {
    width: 920px
}

.membership-pricing-table table .icon-no,.membership-pricing-table table .icon-yes {
    font-size: 22px
}

.membership-pricing-table table .icon-no {
    color: #a93717
}

.membership-pricing-table table .icon-yes {
    color: #209e61
}

.membership-pricing-table table .plan-header {
    text-align: center;
    font-size: 48px;
    border: 1px solid #e2e2e2;
    padding: 25px 0
}

.membership-pricing-table table .plan-header-free {
    background-color: #eee;
    color: #555
}

.membership-pricing-table table .plan-header-blue {
    color: #fff;
    background-color: #61a1d1;
    border-color: #3989c6
}

.membership-pricing-table table .plan-header-standard {
    color: #fff;
    background-color: #ff9317;
    border-color: #e37900
}

.membership-pricing-table table td {
    text-align: center;
    width: 15%;
    padding: 7px 10px;
    background-color: #fafafa;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

.membership-pricing-table table,.membership-pricing-table table td {
    border: 1px solid #ebebeb
}

.membership-pricing-table table tr td:first-child {
    background-color: transparent;
    text-align: right;
    width: 24%
}

.membership-pricing-table table tr td:nth-child(5) {
    background-color: #FFF
}

.membership-pricing-table table tr:first-child td,.membership-pricing-table table tr:nth-child(2) td {
    -webkit-box-shadow: none;
    box-shadow: none
}

.membership-pricing-table table tr:first-child th:first-child {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: #e2e2e2
}

.membership-pricing-table table tr:first-child th .pricing-plan-name {
    font-size: 22px
}

.membership-pricing-table table tr:first-child th .pricing-plan-price {
    line-height: 35px
}

.membership-pricing-table table tr:first-child th .pricing-plan-price>sup {
    font-size: 45%
}

.membership-pricing-table table tr:first-child th .pricing-plan-price>span {
    font-size: 30%
}

.membership-pricing-table table tr:first-child th .pricing-plan-period {
    margin-top: -7px;
    font-size: 25%
}

.membership-pricing-table table .header-plan-inner {
    position: relative
}

.membership-pricing-table table .recommended-plan-ribbon {
    box-sizing: content-box;
    background-color: #dc3b5d;
    color: #FFF;
    position: absolute;
    padding: 3px 6px;
    font-size: 11px!important;
    font-weight: 500;
    left: -6px;
    top: -22px;
    z-index: 99;
    width: 100%;
    -webkit-box-shadow: 0 -1px #c2284c inset;
    box-shadow: 0 -1px #c2284c inset;
    text-shadow: 0 -1px #c2284c
}

.membership-pricing-table table .recommended-plan-ribbon:before {
    border: solid;
    border-color: #c2284c transparent;
    border-width: 6px 0 0 6px;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    z-index: 90
}

.membership-pricing-table table .recommended-plan-ribbon:after {
    border: solid;
    border-color: #c2284c transparent;
    border-width: 6px 6px 0 0;
    bottom: -5px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 90
}

.membership-pricing-table table .plan-head {
    box-sizing: content-box;
    background-color: #ff9c00;
    border: 1px solid #cf7300;
    position: absolute;
    top: -33px;
    left: -1px;
    height: 30px;
    width: 100%;
    border-bottom: none
}