/* ==========================================================================



   Normatização CSS



   ========================================================================== */

html {



	height:100%;
	 margin: 0px;
    padding:0px;
-webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */


}


body {
    margin: 0px;
    padding:0px;







    line-height: 1.5;



    



    color: #444;



	height:100%;



}
/*.texto_forte {
    font-size: 44px;
    color: #002D59;
    letter-spacing: -3px;
    text-align: center;
}*/
.texto_forte_internas {
        font-size: 42px;
    color: #395E9B;
    letter-spacing: -1px;
    text-align: center;
}

.arial_black {
font-size: 3.4em;
color:#333;
font-family:"Arial Black", Gadget, sans-serif;
text-align:center;
margin:20px;
}
.conheca {
	width:340px;
	height:50px;
	padding-left:25px;
	padding-left:25px;
	padding:14px;
	background:#FFFF00; 
	font-size:18px;
	color:#06F;
	text-decoration:none;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	border-radius:20px;
	
	}
.conheca:hover {
	border:1px solid #FBCB0B;
	color:#333;
	background:#FBCB0B;
	}	





.subtituloblue {



color:#0066CC; 



font-family: 'hero_lightlight'; 



text-decoration:none;



}



.subtitulocinza {



color:#999; 



font-family: 'hero_lightlight'; 



text-decoration:none;



}



.subtituloblack {



color:#000; 



font-weight:bold;



font-family: 'hero_lightlight'; 



text-decoration:none;



}



	.acesso {



	border-radius:8px;



	padding:8px;	



	border:0px solid #F4F4F4;



	color:#FFF;



	text-decoration:none;



	font-size:15px;



}



.acesso:hover {



text-decoration:none;







}



.texthomeP {



color:#FFF; text-shadow:2px 2px 2px #02547B; font-size:20px; 



}



.texthomeP2 {



padding-top:100px; color:#FFF; font-size:13px;



 



}



.criarconta {



	border:2px solid #04CDB0; 



	padding:8px;	



	padding-left:10px; 



	padding-right:10px; 



	border-radius:8px;



	color:#0D84FB;



	text-decoration:none;



	font-size:14px;	



}





.criarconta:hover {



	text-decoration:none;



	 /*background: rgba(0,0,0,0.3);*/







}

.criarcontaverde {






	padding:14px;	



	padding-left:16px; 



	padding-right:16px; 



	border-radius:8px;



	background-color:#3DD732;


    color:#FFFFFF;
	text-decoration:none;

    font-weight:bold;

	font-size:18px;	



	}
	.coluna ul li {
	text-align:left;
	list-style:none;
	font-size:13px;
	font-weight:normal;
	}
#depoimentos100 {



width:100%; 



height:200px;



color:#333;



padding-top:0px;



}



#depoimentos_centro {



width:1000px;



margin:0 auto;



}



#depoimento {



width:50%;



float:left;



padding-right:40px;







}



#namidia100 {



width:100%; 






height:140px;



color:#FCFCFC;



padding-top:40px;



}



#namidia_centro {



width:1000px;



margin:0 auto;



}



#namidia {



width:50%;



float:left;



padding-right:40px;







text-align:center;



}

#namidia a img {
width:210px;
}





.topo-new {



width:100%; 



padding-left:5%; 



padding-top:10px; 



padding-right:5%; 



height:54px; 



float:left;



}



.div-logo-new {



width:300px; 



height:40px; 

margin:-3px;

float:left;



}



.logo-new{



width:220px;






}



.div-acesso {



width:auto; 



height:75px; 



float:right;  



padding-top:5px;



}







.btn_Conta {



    color: #FFF;



    border-radius: 5px;



    padding-left: 10px;



    padding-right: 10px;



    padding-top: 8px;



    padding-bottom: 8px;



    background: #04CDB0;



	margin:0 auto;



	text-decoration:none;



}



#home {height:100%;}



*, *:before, *:after {



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



}



.faixa {



width:100%; float:left;





color:#000;






}



#LoginInicial {



    width: 100%;



    height: 140px;



    margin: 0 auto;



    border-radius: 15px;



    text-align: center;



}



#LoginInicial h1{

color:#FFF;

font-size:3.2em;



text-shadow:2px 2px 2px #02547B;







margin-bottom:0px;



}



#LoginInicial h3{



font-size:1.4em;






color:#CCCCCC;



}







#LoginInicial p{



margin-top:5px; 



font-weight:normal;







color:#ddd;



}




.btn_cadastro {



    border: 0px;



    padding: 20px;



	padding-top:10px;



	padding-bottom:10px;



    text-align: center;



    color: #FFF;
    
    font-weight:normal;



    font-size: 16px;



    background: #00CC00;



	text-decoration:none;



	height:45px;



	border-top-right-radius:20px;
	border-bottom-right-radius:20px;

    margin-left:-7px;
    margin-top:1px;
    
}



.btn_cadastro:hover {



text-decoration:none;



}



.validate input[type="password"] {



    border-radius: 4px;



    -moz-border-radius: 4px;



    padding: 7px;



    color: #333;



    height: 30px;



    border: 1px solid #DDD;



}







.input_login {



    border: 0px;



	



}



#preco {



width:100%;



height:40px;



text-align:center;



padding-top:4px;



font-family: arial black;



font-size: 1.5em;



color: #09F;



}



.valorPlano {



    font-size: 3em;



    font-family: "Arial Black", Gadget, sans-serif;



    color: #666;



	



	



}



a:hover {



    text-decoration: underline;



}



.mes {



font-size:12px;







}



.criar_conta {



width:160px;



height:40px;



    border: 0px;



    padding-top: 8px;



	padding-bottom:8px;



	padding-left:10px;



	padding-right:10px;



	margin-left:10px;



    text-align: center;



    color: #FFF;



    font-size: 14px;



    background: #04CDB0;



	border-radius:4px;



}



.criar_conta {



text-decoration:none;



}



.criar_conta:hover {



text-decoration:none;



}



/* ==|== Estilos Principais ================================================== */







.container {



    /*max-width: 1128px;*/



    margin: 0 auto;



	height:100%;



}







img,



picture,



video,



embed {



    max-width: 100%;



}







.header {



    width: 100%;



    height: 65px;



    margin-top: 3.6em;



    margin-bottom: 3.6em;



	top: 0;



    left: 0;



    margin: 0 0 0px 0;



    position: fixed;



	background:#FFF;



	padding-top:10px;



	border-bottom:1px solid #ddd;



	box-shadow:1px 2px 2px #CCC;



}



#precos {



padding-top:60px;



}



#recursos {



padding-top:60px;



}



#suporte {



padding-top:60px;



}



.logo {



    float: left;



    width: 188px; /*234px / 1128px */  



	margin-top:10px;



	margin-left:1%;



}







.menu {



    width: 300px; /*840px / 1128px */



    float: left;



	



}







.menu ul {



    float: right;



}







.menu li {



    font-size: 1.4em;



    margin-left: 2em;



    margin-top: 1em;



    display: inline-block;



}







.menu li a {



    color: #666;



	text-decoration:none;



	font-weight:bold;



}



.menu li a:hover {



color: #04CDB0;



}



.caixa_btn_login {



width:200px;



height:50px;



float:right;



padding-top:14px;



}



.entrar{



text-decoration:none;



font-size:1.2em;



color:#666;



}



.entrar:hover {



font-weight:bold;



text-decoration:none;}



.fontBranco {



text-decoration:none;



color:#FFF;



font-size:16px;



}



.banner {



    width:100%;



	background: url('../imgs/sistema_gestao_online.jpg'); 



    height:100%;



float:left;


}







.caixa { 



    width: 100%; /* 264px / 1128px */



    
    background: rgba(0,100,380,0.8);



	height:100%;



}






















.caixa p {



    font-weight: 200;



    color: #fff;



}







.coluna {



    width: 20.404255319149%; /* 264px / 1128px */



    float: left;



    margin-left: 2%; /* 24 / 1128px */



}



.coluna h2{







font-size:18px;



font-weight:bold;



text-align:center;



color:#333333;



}



.plano {



    width: 18%; /* 264px / 1128px -- 23.404255319149%*/



    float: left;



	border:1px solid #ccc;



	float:left;



	padding-top:10px;



	background:#FFFFFF;



	height:520px;



	padding-bottom:10px;



	margin-left:1%;



	border-radius:3px;



}



.plano:hover {



	border:2px solid #DDD;







}



	.principal {



width:98%;



height:auto;



float:left;



margin:1%;



}



.coluna:last-child {



    margin-right: 0;



}





















.footer {



    width: 100%;



    margin-top: 2.4em;



    margin-bottom: 2.4em;



    float: left;



    clear: both;



	text-align:center;







}







.footer p {



    margin-bottom: 0;



}



.footer a {



text-decoration:none;



color:#000000;



}



.footer small {



    font-size: 1.4em;



}







.footer a {



    font-size: 1em;



}



.plano ul li {



font-size: 1.4em;



list-style:none;



margin-left:-20px;



margin-top:10px;







}



.plano ul li a {



    font-size: 1em;



	text-decoration:none;



	color:#333;



	font-weight:normal;



}



.textoSuporte {



font-size:11px;



text-align:center;



margin-top:10px;



}



#rodape_home100 {



	width:100%;



	height:auto;

padding-top:30px;

	    background: linear-gradient(40deg, #0479EE, #0D84FB);
    transition: background 0.25s ease;
    -webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    -ms-transition: background 0.25s ease;






	float:left;



	}	



#rodape_home {



	width:1000px;



	height:auto;



	margin:0 auto;



	}	



#rodape_left {



	width:620px;



	height:auto;



	float:left;



	}



#rodape_logo {



	width:200px;



	height:80px;



	margin-top:40px;



	float:left;



	}



#rodape_logo a{



	display: block;



  	text-indent: -9000px;



 	background:url(../imgs/logo_gestor_rodape.png);



  	background-repeat:no-repeat;



	width:160px;



	height:80px;



	}



	



#rodape_links {



	width:200px;



	height:auto;



	float:left;



	margin-left:10px;



	margin-bottom:10px;
	padding-top:10px;



	}



#rodape_links ul {



margin-top:-10px;



}	



.infoRodape {



color:#FFFFFF; text-decoration:none 



}



#rodape_links ul li{



	margin-left:-40px;



	}	



#rodape_links ul li {



	list-style:none;



	text-align:left;



	}	



#rodape_links ul li a{



	color:#FFF;



	font-size:12px;



	text-decoration:none;



	}	



#rodape_links h3 {



color:#FFFFFF;



font-size:18px;



}



#rodape_right h3 {



	font-size:12px;



	text-decoration:none;



	color:#f4f4f4;



	} 



#rodape_right {



	width:280px;



	height:50px;



	padding-left:10px;



	float:left;



	text-align:right;



}



#LoginInicialBtn {display:none;



}



.diferenciais {



background-color:#0066FF;







margin-top:0px;



float:left;



width:100%;



}



.diferenciaisHome {



width:1000px; margin:0 auto; height:80px;



}



.diferencialHome {



width:auto; float:left; height:80px; padding-top:10px; color:#CCFF00; font-size:20px;



margin-right:30px;



}







.vantagens {



width:100%;






margin-top:15px;



float:left;



}







.vantagensHome {



width:1000px; margin:0 auto; height:80px;



}



.vantagemHome {



width:auto; float:left; height:80px; padding-top:10px; 



color:#000; 



font-size:20px;



margin-right:30px;



}

.vantagemHome h3

{
    font-size:14px;
}







/* ==========================================================================



   Media Queries



   ========================================================================== */



@media screen and (max-width: 1280px) {



.banner {



background: url('../imgs/sistema_gestao_online_1280.jpg'); 




}



}



@media screen and (max-width: 1380px) {



.banner {



background: url('../imgs/sistema_gestao_online_1400.jpg');


}



}



@media screen and (max-width: 1600px) {



.banner {



background: url('../imgs/sistema_gestao_online_1600.jpg');



}



}







@media screen and (max-width: 1128px) {











#LoginInicialBtn {display:none;}



.banner{



width:100%;



height:100%;}



.container {



        padding: 0 2.4em 0 2.4em;



    }



	 .principal {



width:100%;



height:auto;



float:left;	



    }







}







@media screen and (max-width: 768px) {
body, html {width:100%; padding:0px; margin:0px;}
.hideMobile {display:none;}
#rodape_home100 {
    margin:0px;
    padding:0px;
}
#conteudo {width:98%; margin-left:2%; height:auto;}
#rodape_home{
    width:80%;
    margin:0px;
    margin-left:15%;
    float:left;
}
#rodape_logo {
    width:40%;
    margin-left:20%;
}
#rodape_links {
    width:100%;
}
#rodape_left {
    width:100%;
     height:auto;
}
#rodape_right {
     width:100%;
     height:auto;
}

#depoimentos100 {



width:100%;  



height:auto;



color:#666;



background:#FFF;



margin-bottom:40px;



}



#depoimentos_centro {



width:100%;



margin:0 auto;



}



#depoimento {



width:100%;



float:left;



padding-right:0px;



text-align:center;







}



#namidia100 {



width:100%;  



height:auto;



color:#666;



background:#FFF;



}



#namidia_centro {



width:100%;



margin:0 auto;



}



#namidia {



width:100%;



float:left;



padding-right:0px;



text-align:center;



margin-bottom:30px;






}





.diferenciais {



background-color:#FFF;



}



.diferenciaisHome {



width:auto; margin:0 auto; height:80px;



}



.diferencialHome {



width:100%; margin:0 auto; height:80px; padding-top:10px; color:#000000; font-size:20px;



margin-top:10%;



margin-bottom:4%;



margin-left:2%;



}







.vantagens {



background-color:#FFF;



}



.vantagensHome {



width:auto; margin:0 auto; height:80px;



}



.vantagemHome {



width:100%; margin:0 auto; height:80px; padding-top:10px; color:#000000; font-size:20px;



margin-top:10%;



margin-bottom:4%;



margin-left:2%;



}







.banner{



width:100%;



height:100%;



background: url('../imgs/sistema_gestao_online_mobile.jpg');



margin-top:-80px;



}







    .caixa {



        width: 100%;
        padding:0px;


    }



    


    .coluna {



        width: 100%;



        margin-right: 0%;



    }



	.plano {



        width: 100%;



        margin-right: 0%;



		margin-bottom:1%;



		height:auto;



		margin-left:0;



    }



	#LoginInicialBtn {display:none;}



	.foto p img {



	width:30%;



	}



	.foto p {



	text-align:center;}







    .coluna:nth-child(even) {



       margin-right: 0;



    }







    .logo {



        margin-top: 1.2em;



    }



	 .principal {



width:100%;



height:auto;



float:left;	



    }



}











@media screen and (max-width: 718px) {



   



#LoginInicialBtn {display:none;



text-align:center;



}







   .banner {



        margin:0;

        

        height: 100%;



		width:100%;



	

    }







    .caixa {



        position: relative;



        display: block;



        float: left;



        width: 100%;
        
       
        
        margin-top:0px;


    }







    .caixa h1 {



        font-size: 2.5em;



    }







    .principal {



width:100%;



height:auto;



float:left;	



    }



.foto p img {



	width:20%;



	}



}







@media screen and (max-width: 640px) {



.banner{



width:100%;



height:100%;



margin-bottom:5em;







}



#LoginInicial {display:none;}



#LoginInicialBtn {display:block;



text-align:center;



padding-top:0px;



}



#LoginInicialBtn h4{



color:#FFF;



font-size:3em;







margin-bottom:0px;



margin-top:30px;



}



    .menu {



        width: 100%;



    }



   



    .menu ul {



        float: left;



        font-size: 0.8em;



    }







    .menu li:first-child {



        margin-left: 0;



    }



	.foto p img {



	width:26%;



	}







}











@media screen and (max-width: 520px) {







    .coluna {



        width: 100%;



        margin-right: 0;



    }



	.plano {



        width: 100%;



        margin-right: 0;



		height:auto;



    }







    .caixa {



         padding: 2.2em 2em 2.2em 2em;



    }







     .banner {



	 	width:100%;



        height: 100%;



		margin-bottom:30px;



    }







    .caixa {



        position: relative;



        display: block;



        float: left;



        width: 100%



    }



	.foto p img {



	width:40%;



	}







    


#LoginInicial {display:none;}



#LoginInicialBtn {display:block;



text-align:center;



padding-top:30px;



}



#LoginInicialBtn h4{



color:#FFF;



font-size:3em;







}







}



@media screen and (max-width: 450px) {

.hideMobile {display:none;}

#LoginInicial {display:none;}



   






	.foto p img {



	width:30%;



	}



#LoginInicialBtn {display:block;



text-align:center;



padding-top:0px;



}



#LoginInicialBtn h4{



color:#FFF;



font-size:3em;







}







}











.clearfix:before,



.clearfix:after {



    content: " "; 



    display: table; 



}







.clearfix:after {



    clear: both;



}







.clearfix {



    *zoom: 1;



}







/*  INICIO MENU RESPONSIVO /*/



/* CSS Document */



.back-menu-mobile {



    position:fixed;



    width: 100%;



    background: #FFF;



    top: 0;



    display: none;



    z-index: 99999;



    height: 65px;



}







.display-menu-mobile {



    display: none;



    background: #fff;



}







#logo-mobile {



    display: block;



    width: 200px;



    height: auto;



    margin: 14px auto;



	margin-top:20px;



}







.link-menu {



    background: url(../imgs/menu-mobile.png);



    width: 32px;



    height: 32px;



    position: absolute;



    top: 50%;



    margin-top: -16px;



    right: 15px;



    cursor: pointer;



}







.menu-mobile {



    width: 100%;



    margin: 0 auto;



    display: table;



}







.menu-mobile li {



    margin: 10px auto;



	list-style:none;



}







.abas-mobile {



    



    display: block;



    text-decoration: none;



    text-align: center;



    font-size: 14px;



    line-height: 40px;



    color: #aaa;



    letter-spacing: 1px;



    -moz-transition: all .2s linear;



    -webkit-transition: all .2s linear;



    -o-transition: all .2s linear;



    transition: all .2s linear;



}







.abas-mobile:hover {



    color: #2a2a2a;



}



@media screen and (max-width:768px) {



    .back-menu-mobile {



        display: block;



    }



	



.topo-new {



display:none;}



.div-logo-new {



display:none;



}



.header {



display:none;



}



.banner {


margin-top:0px;



}



	.btn_cadastro {



    height: 55px;



	width:80%;



    border: 0px;



    padding-top: 15px;



    text-align: center;



    background:#ffdb07; 
    color:#06F;



    font-size: 20px;




	border-radius:3px;



    margin:0 auto;



}



}







/* FIM MENU RESPONSIVO*/