/*UTILITÁRIOS JOTADESIGNE*/

/*MARGIN TOP*/
.mT-0 {margin-top: 0px!important;}.mT-1 {margin-top: 1px!important;}.mT-2 {margin-top: 2px!important;}
.mT-4 {margin-top: 4px!important;}.mT-6 {margin-top: 6px!important;}.mT-8 {margin-top: 8px!important;}
.mT-3 {margin-top: 3px!important;}.mT-5 {margin-top: 5px!important;}.mT-10 {margin-top: 10px!important;}
.mT-15 {margin-top: 15px!important;}.mT-20 {margin-top: 20px!important;}.mT-25 {margin-top: 25px!important;}
.mT-30 {margin-top: 30px!important;}.mT-35 {margin-top: 35px!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;}

/*MARGIN BOTTOM*/
.mB-0 {margin-bottom: 0px!important;}.mB-1 {margin-bottom: 1px!important;}.mB-2 {margin-bottom: 2px!important;}
.mB-4 {margin-bottom: 4px!important;}.mB-6 {margin-bottom: 6px!important;}.mB-8 {margin-bottom: 8px!important;}
.mB-3 {margin-bottom: 3px!important;}.mB-5 {margin-bottom: 5px!important;}.mB-10 {margin-bottom: 10px!important;}
.mB-15 {margin-bottom: 15px!important;}.mB-20 {margin-bottom: 20px!important;}.mB-25 {margin-bottom: 25px!important;}
.mB-30 {margin-bottom: 30px!important;}.mB-35 {margin-bottom: 35px!important;}.mB-40 {margin-bottom: 40px!important;}
.mB-50 {margin-bottom: 50px!important;}.mB-60 {margin-bottom: 60px!important;}.mB-70 {margin-bottom: 70px!important;}

/*MARGIN LEFT*/
.mL-0 {margin-left: 0px!important;}.mL-1 {margin-left: 1px!important;}.mL-2 {margin-left: 2px!important;}
.mL-4 {margin-left: 4px!important;}.mL-6 {margin-left: 6px!important;}.mL-8 {margin-left: 8px!important;}
.mL-3 {margin-left: 3px!important;}.mL-5 {margin-left: 5px!important;}.mL-10 {margin-left: 10px!important;}
.mL-15 {margin-left: 15px!important;}.mL-20 {margin-left: 20px!important;}.mL-25 {margin-left: 25px!important;}
.mL-30 {margin-left: 30px!important;}.mL-35 {margin-left: 35px!important;}.mL-40 {margin-left: 40px!important;}
.mL-50 {margin-left: 50px!important;}.mL-60 {margin-left: 60px!important;}.mL-70 {margin-left: 70px!important;}

/*MARGIN RIGHT*/
.mR-0 {margin-right: 0px!important;}.mR-1 {margin-right: 1px!important;}.mR-2 {margin-right: 2px!important;}
.mR-4 {margin-right: 4px!important;}.mR-6 {margin-right: 6px!important;}.mR-8 {margin-right: 8px!important;}
.mR-3 {margin-right: 3px!important;}.mR-5 {margin-right: 5px!important;}.mR-10 {margin-right: 10px!important;}
.mR-15 {margin-right: 15px!important;}.mR-20 {margin-right: 20px!important;}.mR-25 {margin-right: 25px!important;}
.mR-30 {margin-right: 30px!important;}.mR-35 {margin-right: 35px!important;}.mR-40 {margin-right: 40px!important;}
.mR-50 {margin-right: 50px!important;}.mR-60 {margin-right: 60px!important;}.mR-70 {margin-right: 70px!important;}


/*PADDING TOP ============================ */
.pT-0 {padding-top: 0px!important;}.pT-1 {padding-top: 1px!important;}.pT-2 {padding-top: 2px!important;}
.pT-4 {padding-top: 4px!important;}.pT-6 {padding-top: 6px!important;}.pT-8 {padding-top: 8px!important;}
.pT-3 {padding-top: 3px!important;}.pT-5 {padding-top: 5px!important;}.pT-10 {padding-top: 10px!important;}
.pT-15 {padding-top: 15px!important;}.pT-20 {padding-top: 20px!important;}.pT-25 {padding-top: 25px!important;}
.pT-30 {padding-top: 30px!important;}.pT-35 {padding-top: 35px!important;}.pT-40 {padding-top: 40px!important;}
.pT-50 {padding-top: 50px!important;}.pT-60 {padding-top: 60px!important;}.pT-70 {padding-top: 70px!important;}

/*PADDING BOTTOM*/
.pB-0 {padding-bottom: 0px!important;}.pB-1 {padding-bottom: 1px!important;}.pB-2 {padding-bottom: 2px!important;}
.pB-4 {padding-bottom: 4px!important;}.pB-6 {padding-bottom: 6px!important;}.pB-8 {padding-bottom: 8px!important;}
.pB-3 {padding-bottom: 3px!important;}.pB-5 {padding-bottom: 5px!important;}.pB-10 {padding-bottom: 10px!important;}
.pB-15 {padding-bottom: 15px!important;}.pB-20 {padding-bottom: 20px!important;}.pB-25 {padding-bottom: 25px!important;}
.pB-30 {padding-bottom: 30px!important;}.pB-35 {padding-bottom: 35px!important;}.pB-40 {padding-bottom: 40px!important;}
.pB-50 {padding-bottom: 50px!important;}.pB-60 {padding-bottom: 60px!important;}.pB-70 {padding-bottom: 70px!important;}

/*PADDING LEFT*/
.pL-0 {padding-left: 0px!important;}.pL-1 {padding-left: 1px!important;}.pL-2 {padding-left: 2px!important;}
.pL-4 {padding-left: 4px!important;}.pL-6 {padding-left: 6px!important;}.pL-8 {padding-left: 8px!important;}
.pL-3 {padding-left: 3px!important;}.pL-5 {padding-left: 5px!important;}.pL-10 {padding-left: 10px!important;}
.pL-15 {padding-left: 15px!important;}.pL-20 {padding-left: 20px!important;}.pL-25 {padding-left: 25px!important;}
.pL-30 {padding-left: 30px!important;}.pL-35 {padding-left: 35px!important;}.pL-40 {padding-left: 40px!important;}
.pL-50 {padding-left: 50px!important;}.pL-60 {padding-left: 60px!important;}.pL-70 {padding-left: 70px!important;}

/*PADDING RIGHT*/
.pR-0 {padding-right: 0px!important;}.pR-1 {padding-right: 1px!important;}.pR-2 {padding-right: 2px!important;}
.pR-4 {padding-right: 4px!important;}.pR-6 {padding-right: 6px!important;}.pR-8 {padding-right: 8px!important;}
.pR-3 {padding-right: 3px!important;}.pR-5 {padding-right: 5px!important;}.pR-10 {padding-right: 10px!important;}
.pR-15 {padding-right: 15px!important;}.pR-20 {padding-right: 20px!important;}.pR-25 {padding-right: 25px!important;}
.pR-30 {padding-right: 30px!important;}.pR-35 {padding-right: 35px!important;}.pR-40 {padding-right: 40px!important;}
.pR-50 {padding-right: 50px!important;}.pR-60 {padding-right: 60px!important;}.pR-70 {padding-right: 70px!important;}

.separaIco {
  border-right: dotted 2px #d6d6d6;
  height: 20px;
  margin: 0px 1px 0px 1px;
  display: -webkit-inline-box;
}

/*Efeitos*/
.box-Shadow {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 5px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.15);}

.w100 {width: 100%!important;}

.txtItalic {text-decoration: italic!important;}
.txtCenter {text-align: center!important;}
.txtRight {text-align: right!important;}
.txtLeft {text-align: left!important;}
.txtJustify {text-align: justify!important;}

.txtLight{font-weight: 300!important;}
.txtMedium{font-weight: 500!important;}
.txtBold{font-weight: 700!important;}
.txtAlinhaVertical {vertical-align:middle!important;}
.adBlock {display:block!important;}

.txtUP {text-transform: uppercase;} /*Texto em caixa alta*/

.font-8 {font-size: 8px!important;}
.font-9 {font-size: 9px!important;}
.font-10 {font-size: 10px!important;}
.font-12 {font-size: 12px!important;}
.font-14 {font-size: 14px!important;}
.font-16 {font-size: 16px!important;}
.font-18 {font-size: 18px!important;}
.font-20 {font-size: 20px!important;}
.font-22 {font-size: 22px!important;}
.font-24 {font-size: 24px!important;}
.font-26 {font-size: 26px!important;}
.font-28 {font-size: 28px!important;}
.font-30 {font-size: 30px!important;}
.font-32 {font-size: 32px!important;}
.font-34 {font-size: 34px!important;}
.font-38 {font-size: 38px!important;}
.font-42 {font-size: 42px!important;}
.font-45 {font-size: 45px!important;}
.font-46 {font-size: 46px!important;}
.font-50 {font-size: 50px!important;}
.font-60 {font-size: 60px!important;}
.font-70 {font-size: 70px!important;}
.font-80 {font-size: 80px!important;}
.font-90 {font-size: 90px!important;}
.font-100 {font-size: 100px!important;}
.font-110 {font-size: 110px!important;}
.font-120 {font-size: 120px!important;}

/* Linhas de separação - Design*/
hr {margin-top: 15px; margin-bottom: 15px; border: 0; display: block; border-top: 1px solid #e4e4e4;}
.linhaSepara-100 {width:100%; border-bottom:solid 1px #CCC; margin-left:auto; margin-right:auto;}
.linhaSepara-25 {width:20%; border-bottom:solid 2px #CCC; margin-left:auto; margin-right:auto;}

.list-Cancel {list-style-type: none;}
.txt-noBreakline {white-space: nowrap;}
.txt-Breakline {white-space: normal;}

.displayGrid {display: grid;}
.displayInlineBlock {display:inline-block;}

.lH22 {line-height: 22px;}

.paddZero {padding:0;}

.divider-1 {height: 1px; width: 100%; background-color: rgba(204, 204, 204, 0.60); border: none;}
.divider-2 {height: 4px; width: 60px; background-color: #9cd74b; border: none; margin-left: 0;}
.divider-3 {
    height: 1px;
    display: -webkit-inline-box;
    /* border: dotted 1px #8BC34A; */
    width: 100%;
    margin: 25px 0px;
    background-color: rgba(0, 0, 0, 0.69);
    /* border: none; */
}

.floatLeft {float:left;}
.floatRight {float:right;}
.middle {vertical-align: middle;}
.anima-1 {transition: all 1s linear;}

/* Cores background*/
.back_color_pb-01 {background-color:#000;}  /*preto*/
.back_color_pb-02 {background-color:#333;}  /*cinza mais escuro*/
.back_color_pb-03 {background-color:#666;}  /*cinza escuro*/
.back_color_pb-04 {background-color:#999;}  /*cinza*/
.back_color_pb-05 {background-color:#ccc;}  /*cinza claro*/
.back_color_pb-06 {background-color:#E8EAEC;}  /*cinza mais claro*/
.back_color_pb-07 {background-color:#fff;}  /*branco*/

.colorBack-00 {background-color: #000;} /*preto*/
.colorBack-01 {background-color: #8b0000;} /*vermelho escuro*/
.colorBack-02 {background-color: #F44336;} /*vermelho*/
.colorBack-03 {background-color: #ff4500;} /*laranja avermelhado*/
.colorBack-04 {background-color: #ff8c00;} /*laranja*/
.colorBack-05 {background-color: #ffa500;} /*laranja claro*/
.colorBack-06 {background-color: #fdd214;} /*amarelo*/
.colorBack-07 {background-color: #ffff00;} /*amarelo claro*/
.colorBack-08 {background-color: #ccea18;} /*verde bem claro*/
.colorBack-09 {background-color: #66b132;} /*verde claro*/
.colorBack-10 {background-color: #008000;} /*verde*/
.colorBack-11 {background-color: #87cdfa;} /*azul bem claro*/
.colorBack-12 {background-color: #0292cd;} /*azul claro*/
.colorBack-13 {background-color: #0047fe;} /*azul*/
.colorBack-14 {background-color: #000080;} /*azul escuro*/
.colorBack-15 {background-color: #4a0082;} /*roxo*/
.colorBack-16 {background-color: #8000af;} /*roxo claro*/
.colorBack-17 {background-color: #ff00ff;} /*rosa*/
.colorBack-18 {background-color: #ed81ed;} /*rosa claro*/
.colorBack-19 {background-color: #8b4513;} /*marrom escuro*/
.colorBack-20 {background-color: #d2691e;} /*marrom claro*/
.colorBack-99 {background-color: #fff;} /*branco*/

/*COLOR FONTS*/
.color-00 {color: #000;} /*preto*/
.color-01 {color: #8b0000;} /*vermelho escuro*/
.color-02 {color: #F44336;} /*vermelho*/
.color-03 {color: #ff4500;} /*laranja avermelhado*/
.color-04 {color: #ff8c00;} /*laranja*/
.color-05 {color: #ffa500;} /*laranja claro*/
.color-06 {color: #fdd214;} /*amarelo*/
.color-07 {color: #ffff00;} /*amarelo claro*/
.color-08 {color: #ccea18;} /*verde bem claro*/
.color-09 {color: #66b132;} /*verde claro*/
.color-10 {color: #58b22f;} /*verde*/
.color-11 {color: #87cdfa;} /*azul bem claro*/
.color-12 {color: #76abcd;} /*azul claro*/
.color-13 {color: #0047fe;} /*azul*/
.color-14 {color: #000080;} /*azul escuro*/
.color-15 {color: #4a0082;} /*roxo*/
.color-16 {color: #8000af;} /*roxo claro*/
.color-17 {color: #ff00ff;} /*rosa*/
.color-18 {color: #ed81ed;} /*rosa claro*/
.color-19 {color: #8b4513;} /*marrom escuro*/
.color-20 {color: #d2691e;} /*marrom claro*/
.color-99 {color: #fff;} /*branco*/

body {
    background-color: #ececec;
    /* background-image: url(../img/fundo.jpg); */
    background-repeat: repeat-x;
    background-position: left top;}

a, a:link, a:visited {
	/*color: #000;*/
	font-weight: normal;
	text-decoration: none;
	/*width: 300px;
	height: 200px;*/
}
#topo {
    background-color: #404040;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 100%;
    display: table;
    padding-left: 10%;
    padding-right: 10%;
    /* height: 220px; */
}
#corpo {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 85%;
}

#corpo .box{
	float: left;
	width: 24%;
    margin-right: 2px;
}
@media (max-width: 1024px) {/* Se largura for menor ou igual */
    #corpo .box{
        width: 49%;
    }  
}
@media (max-width: 480px) {/* Se largura for menor ou igual */
    #corpo .box{
        width: 100%;
    }  
}

#corpo .box2{
    /*width: 24%;*/
    margin: auto;
}
#corpo .box img{
    width: 50%;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#rodape {
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 1000px;
	text-align: center;
	    display: table;
}


.logo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: left center;
    width: 40%;
    float: left;
}
.logo a  {
    display: block;
    background-size: 250px 125px;
    /* width: 400px; */
    height: 190px;
    color: #fff;
    text-indent: -10000px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: center;
}

.titulo_principal {
    font-family: inherit;
    width: 60%;
    float: left;
    text-align: right;
    background-repeat: repeat-x;
}

.titulo_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
}
.titulo2_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F00;
	margin-bottom: 10px;
	font-style: italic;
}


.texto_form {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
    border-radius: 0px;
    /* background-color: rgb(255, 255, 255); */
    padding: 20px;
    /* border: 1px solid #f1f1f1; */
}

.campo_form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    background-color: rgba(255, 255, 255, 0.68);
    border: 1px solid rgb(210, 210, 210);
    height: 16px;
    padding: 21px;
    border-radius: 5px;
    margin-left: 5px;
}
.campo_form2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: rgba(236, 236, 236, 0.36);
    font-weight: normal;
    color: #000!important;
    /* height: 16px; */
    padding: 13px;
    margin-left: 5px;
    border: 1px solid rgba(212, 212, 212, 0.46);
    border-radius: 5px;
}

.tab01 {
    background-color: rgb(230, 230, 230);
    padding: 25px;
    margin-bottom: 10px;
    border: 1px solid #e8e6e6;
}

.tab02 {
    background-color: rgb(235, 235, 235);
    padding: 25px;
    margin-bottom: 10px;
    border: 1px solid #e8e6e6;
}
.obrigatorio {
	background-color: #F2F2F2;
	padding: 25px;
	margin-bottom: 10px;
	border: 1px solid #C3C3C3;
}


h1, h2, h3, h4, h5, h6 {
	color: #FFF;
	font-weight: normal;
	font-family: "Swis721 BT";
}
h1 {
	font-size: 40px;
	font-style: italic;
	font-weight: normal;
	padding-top: 25px;
}
h2 {
	font-size: 14px;
	color: #F90;
	font-style: italic;
}
h3 {
	font-size: 12px;
	color: #F00;
	font-style: normal;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

h4 {
	font-size: 18px;
	color: #000;
	font-style: italic;
}

.cor_Branco {color:#fff!important;margin: 0; padding-top: 60px;}
.cor_Laranja {color:#F90!important;padding-bottom: 10px;}
.cor_Preto {color:#000!important;}



a.more {
	display: block;
	height: 12px;
	color: #000;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}

a.more:hover {
	color: #D78100;
	text-decoration: underline;
}

#todas_link {
	width: 100px;
	height: 30px;
	overflow: hidden;
	background: images/ico_rede01.gif) top left no-repeat;
	display: block;
	text-indent: 1;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #F90;
	border: 1px solid #C67700;
	padding: 6px;
	text-align: center;
}

#todas_link:hover {
	background-position: bottom left;
	color: #FFF;
	text-decoration: none;
}

.but {
    color: #282828;
    -webkit-transition: color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out;
    -ms-transition: color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
    text-decoration: none;
    font-weight: normal;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -ms-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    background-color: #efefef;
    border: solid 1px #fff;
    text-align: center;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    /* border-radius: 4px; */
    /* margin-left: 25px; */
    margin-top: 10px;
    /*background-image: url(../images/but-Prev.png);*/
    background-repeat: no-repeat;
    width: 100%;
    float: left;
    padding-top: 27px;
    padding-bottom: 25px;
    text-decoration: none;
    box-shadow: 1px 2px 2px #cecece;
}
.but:hover {
    text-decoration: none;
	color:#000;
	background-color: #EB911E;
}

.but2 {
    color: #282828;
    -webkit-transition: color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out;
    -ms-transition: color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
    text-decoration: none;
    font-weight: normal;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -ms-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    background-color: #EB911E;
    text-align: center;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 4px;
    /*background-image: url(../images/but-Prev.png);*/
    background-repeat: no-repeat;
    width: 100%;
    padding: 20px 45px;
}

.but2:hover {
    text-decoration: none;
    color:#000;
    background-color: #EBB41E;
}

.ico_construcao {
    width: 65px;
    margin: 0px 25px 6px 0px;
}


@media (max-width: 940px){
.logo {
    width: 100%;
    float: none;
    height: 180px;
}

.logo a {
    background-size: 250px 125px;
}

.titulo_principal {
    width: 100%;
    float: none;
    text-align: center;
}

h1 {
    font-size: 26px;
    margin-top: 0px;
}


}