/*font*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);


/* GERAIS -------------------------------------------------------------*/

html,body {
    font-family: 'Open Sans', Arial, serif;
	margin:0;
	padding:0;
	overflow-x:hidden;
}

*{
	margin:0px auto;
	padding:0px 0px;	
}

ul{
    list-style: none;
}

a {
    text-decoration: none;
    border: none;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
a:hover {
    text-decoration: none;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;	
}

p {
    margin-top:1em;
}

hr{
	width:6%;
	border-top: 5px solid #ffde00;
	margin-top:1.5%;
}

img {
    border: none;
}

.conteudo{
    max-width:85%;
    height: 100%;
}

.no-margin-right {
  margin-right :0 !important;
}

.top-2% {
  margin-top:2% !important;
}

.text-left{
	text-align:left !important;
}

.corte-direita{
	width: 0;
	height: 0;
	float:right;
	border-bottom: 180px solid #fff;
	border-left: 2000px solid transparent;
}

.corte-esquerda{
	width: 0;
	height: 0;
	float:left;
	border-bottom: 160px solid #fff;
	border-left: 2000px solid transparent;
}

.corte-topleft{
	width: 0;
	height: 0;
	border-top: 160px solid #fff;
	border-right: 2000px solid transparent;
}

/* HEADER -------------------------------------------------------------*/

.logo{
	width:100%;
	position:relative;
	float:left;
	text-align:center;
	padding:10% 0 25% 0;
}

.logo-menu{
	position:relative;
	float:left;
}

.line{
	line-height:35px;
}

.deptos{
	float:left;
	width:40%;
	margin-top:3%;
}

.icones{
	width:100%;
	padding:1% 1%;
	height:80px;
}

/* MENU -------------------------------------------------------------*/

.menu{
    position:relative;
    float:right;
	margin:2% 0;
}

.menu a {
	padding: 5px 10px;
    display: block;
	border: 1px solid #fff;
	color: #ffffff;
}

.menu a:hover {
	background:#ffde00;
	border: 1px solid #ffde00;
    color:#000;
}

.fb{
    position:relative;
    float:right;
	margin:2% 1%;
}

.inscricao{
    position:relative;
    float:right;
	margin:2% 1%;
}

.inscricao a{
	color:#fff;
}

nav{
	width:100%;
    position: relative;
    float:left;
	padding:10px 0px;
	background: #919191; /* Old browsers */
	background: -moz-linear-gradient(left,  #919191 0%, #c9c9c9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #919191 0%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #919191 0%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#c9c9c9',GradientType=1 ); /* IE6-9 */
	z-index:9999;
}

nav a{
	position:relative;
    float:right;
	padding: 10px 25px;
    display: block;
	font-size:0.85em;
    color: #535353;
}

nav a:hover{
    color:#000;
}



#menuHeader {
			/*position: fixed;
			bottom:0;*/
			width:100%;
			
}


.menu-fixo  {
		    position:fixed !important;
		    top: 0;
			height:40px;
		}
		
		
.menu-mob{
	height:90%;
	position:fixed;
	float:left;
	bottom:0;
	padding:5%;
	background: rgba(0,0,0,0.8);
	z-index:9999;
	display:none;
}

.menu-mob h1{
	font-size:1.4em;
	font-weight:700;
	color:#ffde00;
	margin-top:30px;	
}

.menu-mob a{
	font-size:1.0em;
	font-weight:700;
	line-height:2.5em;
	color:#fff;
}

.menu-mob a:hover{
	color:#ffde00;	
}

.menu-conteudo{
	width:100%;
    position:relative;
    float:left;
	padding:10px 0px;
	background: #cecece; /* Old browsers */
	background: -moz-linear-gradient(left,  #cecece 0%, #eaeaea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #cecece 0%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #cecece 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 */
}

.menu-conteudo a{
	position:relative;
    float:right;
	padding: 10px 25px;
    display: block;
	font-size:0.85em;
    color: #535353;
}

.menu-conteudo a:hover{
    color:#000;
}

/* CONTEÚDO -------------------------------------------------------------*/

.base{
	width:100%;
    height:100%;
	float:left;
	position:relative;
	background:#fff;
}

.banner{
	width:100%;
	height:auto;
	background: #000 url(../images/capa.png) fixed;
	float:left;
	position:relative;
}

.bem-vindo{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	background:#fff;
}

.bem-vindo-title{
	width:100%;
	height:160px;
	float:left;
	position:relative;
	text-align:center;
	background: #000 url(../images/bem-vindo.png) fixed no-repeat;
	padding:60px 0;
	margin-bottom:30px;
}

.assessoria-title{
	width:100%;
	height:160px;
	float:left;
	position:relative;
	text-align:center;
	background: #000 url(../images/assessoria-bg.png) fixed no-repeat;
	padding:60px 0;
	margin-bottom:30px;
}

.contabeis-title{
	width:100%;
	height:160px;
	float:left;
	position:relative;
	text-align:center;
	background: #000 url(../images/contabeis-bg.png) fixed no-repeat;
	padding:60px 0;
	margin-bottom:30px;
}

.escrita-fiscal-title{
	width:100%;
	height:160px;
	float:left;
	position:relative;
	text-align:center;
	background: #000 url(../images/escrita-fiscal-bg.png) fixed no-repeat;
	padding:60px 0;
	margin-bottom:30px;
}

.departamento-title{
	width:100%;
	height:160px;
	float:left;
	position:relative;
	text-align:center;
	background: #000 url(../images/pessoal-bg.png) fixed no-repeat;
	padding:60px 0;
	margin-bottom:30px;
}

.pessoal-title{
	width:100%;
	height:160px;
	float:left;
	position:relative;
	text-align:center;
	background: #000 url(../images/pessoal-bg.png) fixed no-repeat;
	padding:60px 0;
	margin-bottom:30px;
}

.diferenciais-title{
	width:100%;
	height:160px;
	float:left;
	position:relative;
	text-align:center;
	background: #000 url(../images/diferenciais-bg.png) fixed no-repeat;
	padding:60px 0;
	margin-bottom:30px;
}

.bem-vindo h1{
	font-size:1.8em;
	color:#fff;
	font-weight:300;
}

.bem-vindo p{
	margin:0 0 3% 0;
	font-size:0.85em;
	color:#535353;	
}

.frame-bem-vindo-1{
	width:98%;
	float:left;
	position:relative;
	border:1px solid #999;
	padding:1%;
}

.frame-bem-vindo-2{
	width:94%;
	float:left;
	position:relative;
	border:1px solid #999;
	padding:1% 3% 4% 3%;
}

.frame-bem-vindo-2 h1{
	font-size:1.8em;
	color:#535353;
	font-weight:300;
	text-transform:uppercase;
	text-align:left !important;
	margin-top:35px;
}

.frame-bem-vindo-2 h2{
	font-size:1.6em;
	color:#535353;
	font-weight:300;
	text-align:left !important;
}

.frame-bem-vindo-2 a{
	padding:20px;
	background:#ffde00;
	font-size:0.9em;
	color:#000;
	text-transform:uppercase;
}

.frame-bem-vindo-2 a:hover{
	padding:20px;
	background:#000;
	color:#CCC;
}

.col-left{
	float:left;
	position:relative;	
}

.col-right{
	float:right;
	position:relative;	
}

.empresa{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	padding:0 0 70px 0;
	background: #000 url(../images/nossa-empresa.png) fixed no-repeat;	
}

.empresa h1{
	font-size:1.8em;
	color:#fff;
	font-weight:300;
}

.empresa h2{
	font-size:1.6em;
	color:#000;
	font-weight:300;
}

.empresa p{
	font-size:0.85em;
	color:#000;	
}

.empresa-bg{
	width:92%;
	float:left;
	position:relative;
	background: rgba(255,222,0,0.5);
	text-align:center;
	padding:4%;
}

.valores{
	width:100%;
	float:left;
	position:relative;
	padding:40px 0;
}

.frame-valores{
	width:27.5%;
	float:left;
	position:relative;
	border:1px solid #999;
	padding:1%;
	margin-right:5%;
	text-align:center;
}

.frame-valores-2{
	width:96%;
	float:left;
	position:relative;
	border:1px solid #999;
	padding:2%;
}

.frame-valores h1{
	font-size:1.2em;
	color:#535353;
	font-weight:600;
	text-transform:uppercase;
}

.frame-valores p{
	font-size:0.85em;
	color:#535353;	
}

.face-2{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	background: #000 url(../images/fb-area.png) fixed no-repeat;
	padding:60px 0 0 0;
}

.face-2 figure{float:left; position:relative;margin-left:35%;margin-right:1%;}
.face-2 article{float:left; position:relative; text-align:left !important;margin-left:1%;}
.face-2 article hr{width:30%;border-top: 5px solid #ffde00; margin-top:15px; float:left; position:relative;}
.face-2 article h1{font-size:1.8em;color:#fff;text-transform:uppercase; font-weight:600;}
.face-2 article h2{font-size:1.5em;color:#fff; font-weight:600;}
.face-2 article h3{font-size:1.2em;color:#fff;font-weight:300;text-transform:uppercase;}

.servicos{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
}

.servicos h1{
	font-size:1.8em;
	color:#535353;
	font-weight:300;
	margin:3% 0 0 0;
}

.servicos h2{
	font-size:1.4em;
	color:#535353;
	font-weight:300;
}

.servicos p{
	font-size:0.85em;
	color:#535353;
}

.col-3{
	width:32%;
	float:left;
	position:relative;
	margin-right:2%;
	margin-top:5%;	
}

.icon-servicos{
	float:left;
	position:relative;
	margin-right:10px;	
}

.servicos a{
	padding:10px 20px;
	background:#ffde00;
	color:#000;
	font-size:0.85em;
	font-weight:500;
}

.servicos a:hover{
	background:#000;
	color:#ffde00;
}

.publis{
	width:100%;
	float:left;
	position:relative;
	background: #000 url(../images/pub-bg.png) fixed no-repeat;
	padding:0 0 120px 0;
	margin:50px 0 0 0;
}

.publis h1{
	font-size:1.6em;
	color:#000;
	font-weight:300;
	text-transform:uppercase;
}

.publis p{
	font-size:0.85em;
	color:#000;
}

.magazine{
	width:40%;
	float:left;
	position:relative;
	background:rgba(255,255,255,0.7);
	padding:5%;
	margin:80px 0 0 0;
}

.informa{
	width:40%;
	float:left;
	position:relative;
	background:rgba(255,222,0,0.7);
	padding:5%;
	margin:80px 0 0 0;
}

.pub-figure{
	width:20%;
	float:left;
	position:relative;
}

.pub-article{
	width:80%;
	float:left;
	position:relative;	
}

.uteis{
	width:100%;
	float:left;
	position:relative;
	margin-top:5%;
	text-align:center;
}

.uteis h1{
	font-size:1.8em;
	color:#535353;
	font-weight:300;
	margin:3% 0 0 0;
}

.uteis h2{
	font-size:1.2em;
	color:#535353;
	margin:3% 0 0 0;
}

.uteis p{
	font-size:0.85em;
	color:#535353;
}

.uteis2{
	width:40%;
	float:right;
	position:relative;
	text-align:center;
}

.uteis2 h1{
	font-size:1.8em;
	color:#535353;
	font-weight:300;
	margin:3% 0 0 0;
}

.uteis2 h2{
	font-size:1.2em;
	color:#535353;
	margin:3% 0 0 0;
}

.uteis2 p{
	font-size:0.85em;
	color:#535353;
}

.links-left{
	width:49%;
	float:left;
	position:relative;
	margin-right:1%;
	margin-bottom:2%;		
}

.links-left-texto{
	width:75%;
	float:left;
	position:relative;
	margin-right:5%;
	text-align:right !important;
}

.links-left-icon{
	width:20%;
	float:left;
	position:relative;
}

.links-left-icon a{
	float:left;
	position:relative;
	padding:25px;
	background:#fff;
	border:1px solid #ffde00;
	border-radius:6px;
	color:#ffde00;
}

.links-left-icon a:hover{
	background:#ffde00;
	border:1px solid #ffde00;
	color:#fff;
}

.links-right2{
	width:100%;
	float:left;
	position:relative;
	margin-left:1%;
	margin-bottom:2%;
}

.links-right{
	width:49%;
	float:left;
	position:relative;
	margin-left:1%;
	margin-bottom:2%;
}

.links-right-texto{
	width:75%;
	float:right;
	position:relative;
	margin-right:5%;
	text-align:left !important;
}

.links-right2-texto{
	width:75%;
	float:left;
	position:relative;
	margin-right:5%;
	text-align:left !important;
}

.links-right2-texto h2{
	float:right;
}

.links-right-icon{
	width:20%;
	float:left;
	position:relative;
}

.links-right-icon a{
	float:left;
	position:relative;
	padding:25px;
	background:#fff;
	border:1px solid #ffde00;
	border-radius:6px;
	color:#ffde00;
}

.links-right-icon a:hover{
	background:#ffde00;
	border:1px solid #ffde00;
	color:#fff;
}

.links-right2-icon{
	width:20%;
	float:left;
	position:relative;
}

.links-right2-icon a{
	float:left;
	position:relative;
	padding:25px;
	background:#fff;
	border:1px solid #ffde00;
	border-radius:6px;
	color:#ffde00;
}

.links-right2-icon a:hover{
	background:#ffde00;
	border:1px solid #ffde00;
	color:#fff;
}

.contato{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	background: #000 url(../images/contato.png) fixed no-repeat;
	padding:45px 0 5px 0;
	margin-top:5%;
}

.contato h1{
	font-size:1.8em;
	color:#fff;
	font-weight:300;
}

.contato h2{
	font-size:1.2em;
	color:#ffde00;
	font-weight:600;
}

.contato h3{
	font-size:1.0em;
	color:#ffde00;
	font-weight:600;
}

.contato p{
	font-size:0.85em;
	color:#fff;
}

.contato a{color:#fff;}
.contato a:hover{color:#ffde00;}

.info-contato{
	width:48%;
	float:left;
	position:relative;
	margin-top:5%;
	margin-right:2%;
	text-align:left !important;
}

.form-contato{
	width:48%;
	float:left;
	position:relative;
	margin-top:5%;
	margin-left:2%;
	text-align:left !important;
}

/*Palestra--------------------------------------------------------------*/

.palestra{
	max-width:900px;
}

.conteudo-palestra{
	text-align-last:left;
}
.conteudo-palestra img{
	float:left;
	width:50%;
	margin-right:2%;
	margin-bottom: 6%;
}


.conteudo-palestra .envio {
    width: 11%;
    float: left;
    height: 40px;
    border-radius: 10px;
    background: #ffde00;
    color: #000;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    margin: 1%;
    text-align: center !important;
    padding-top: 1%;
    padding-left: 2%;
}

.conteudo-palestra .envio a{
	color:#000;
}
/* FIELD ---------------------------------------------------------------*/


.field-full{
	width:92%; 
	padding:4%;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #fff;  
	color:#cccccc; 
	margin-bottom:5px; 
	background:none;	
}

.field-half{
	width:38%; 
	padding:4%;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #fff;  
	color:#cccccc; 
	margin-bottom:5px;
	margin-right:7%; 
	background:none;	
}

.field-full-branco{
	width: 96%; 
	padding: 2%; 
	border: 1px solid #cccccc;  
	color:#666; 
	margin-bottom: 5px; 
	border-radius: 5px; 
	background: #fff;
	float:left;
	position:relative;
}

.field-half-branco{
	width: 45.5%; 
	padding: 2%; 
	border: 1px solid #cccccc;  
	color:#666;
	margin-right:0.5%;
	margin-bottom: 5px; 
	border-radius: 5px; 
	background: #fff;
	float:left;
	position:relative;	
}

.msg{
	width:92%;
	font-family: 'Open Sans', Arial, serif; 
	font-size:0.9em; 
	padding:4%;
	margin-top:30px;
	border:1px solid #fff; 
	color:#CCC; 
	margin-bottom: 5px;  
	background:none;
}

.msg-branca{
	width: 96%;
	font-family: 'Open Sans', Arial, serif; 
	font-size: 0.8em; 
	border: 1px solid #cccccc;  
	color:#666;
	padding:2%;
	margin-bottom: 5px; 
	border-radius: 5px; 
	background: #FFF;
}

.button{
	font-weight:bold;
	cursor:pointer;
	float:left;
	color:#000;
	text-align:center;
	background:#ffde00;
	border:none;
	margin:10px 0 10px 0;
	padding:15px 20px;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.button:hover {
	background: #000;
	color:#ffde00;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}


/* FOOTER -------------------------------------------------------------*/

footer{
    width:100%;
    padding:20px 0;
    background-color:#ffde00;
    color:#000;
    text-align: center;
	position:relative;
	float:left;
	text-transform:uppercase;
	font-size:0.9em;
}

footer a{color:#000;}
footer a:hover{color:#666;}

/* POP UP IE -------------------------------------------------------------*/


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:99000;
  background-color:#333;
  display:none;
  max-width:100%;
}

  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:auto;
  display:none;
  z-index:99999;
}

#boxes #dialog2 {
  background:transparent; 
  width:100%;
  margin:0 auto;
  text-align:center;
  
}

.close{
 width:50px;
    display:block; 
 margin-left: 0;
 line-height: 1;
 cursor: pointer;
 color: #fff;
 text-align: center;
 text-shadow: 0 -1px 1px #c73a64;
 / Background gradient /
 background: #c73a64;
 / Border style /
 margin-top: 10px;
 margin-right: 30px;
 margin-bottom: 10px;
 padding-top: 6px;
 padding-right: 8px;
 padding-bottom: 6px;
 padding-left: 8px;
 background-color:#FF0;
 background-position: 0% 0%;
}

#area{
	width:100%;
	max-width:600px;
}

img{
	max-width:100%;
}

@media only screen and (max-width:1440px){
	.conteudo-palestra img{

	margin-bottom: 10%;
	margin-right:4%;
	}


	.conteudo-palestra .envio {
    width: 16%;
	padding-left:5%;

	}
}

@media only screen and (max-width:1200px){
	
.deptos{
		width:100%;
}

.uteis2{
	width:100%;
}

.icones{
	height:200px;
}

@media only screen and (max-width:1024px){
	nav{display:none;}
	.frame-bem-vindo-1{text-align:center !important;}
	.frame-bem-vindo-2{text-align:center !important;}
	.frame-bem-vindo-2 h1{text-align:center !important;}
	.frame-bem-vindo-2 h2{text-align:center !important;}
	.frame-valores{
	 width:98%;
	 float:left;
	 padding:1%;
	 margin-right:0%;
	 margin-bottom:5%;
	 }
	 
	.banner{background: #000 url(../images/capa.png) scroll;}
	.bem-vindo-title{background: #000 url(../images/bem-vindo.png) scroll no-repeat;}
	.assessoria-title{background: #000 url(../images/assessoria-bg.png) scroll no-repeat;}
    .contabeis-title{background: #000 url(../images/contabeis-bg.png) scroll no-repeat;}
    .escrita-fiscal-title{background: #000 url(../images/escrita-fiscal-bg.png) scroll no-repeat;}
	.departamento-title{background: #000 url(../images/pessoal-bg.png) scroll no-repeat;}
	.pessoal-title{background: #000 url(../images/pessoal-bg.png) scroll no-repeat;}
	.diferenciais-title{background: #000 url(../images/diferenciais-bg.png) scroll no-repeat;}
	
	.col-3{
	width:100%;
	float:left;
	position:relative;
	margin-right:0%;
	margin-top:5%;
	margin-bottom:5%;	
	}
	
	.magazine{
	width:90%;
	float:left;
	position:relative;
	background:rgba(255,255,255,0.7);
	padding:5%;
	margin:80px 0 0 0;
	}
	
	.informa{
	width:90%;
	float:left;
	position:relative;
	background:rgba(255,222,0,0.7);
	padding:5%;
	margin:0;
	}
	
	.links-left{
	width:100%;
	float:left;
	position:relative;
	margin-right:0%;
	margin-bottom:60px;		
	}
	
	.links-right{
	width:100%;
	float:left;
	position:relative;
	margin-left:0%;
	margin-bottom:60px;
    }
	


}

@media only screen and (max-width:600px){
	
	.menu-mob{
	width:92%;
	height:92%;
	padding:4%;
	background: rgba(0,0,0,0.8);
	text-align:center !important;
	}
	
	.uteis hr{display:none;}
	
	.pub-figure{
	width:100%;
	text-align:center;
    }

    .pub-article{
	width:100%;
	text-align:center;	
    }
	
	.links-left-texto{
	width:100%;
	float:left;
	position:relative;
	margin-right:0%;
	text-align:center !important;
	}
	
	.links-left-icon{
	width:100%;
	float:left;
	margin-top:60px;
	position:relative;
	text-align:center !important;
	}

    .links-left-icon a{float:none;}
	
	.links-right-texto{
	width:100%;
	margin-right:0%;
	text-align:center !important;
	}
	
	.links-right-icon{
	width:100%;
	text-align:center !important;
	margin-top:60px;
	}
	
	.links-right-icon a{float:none;}
	
	.info-contato{
	width:100%;
	margin-top:5%;
	margin-right:0%;
	text-align:center !important;
	}
	
	.form-contato{
	width:100%;
	float:left;
	position:relative;
	margin-top:5%;
	margin-left:0%;
	text-align:center !important;
	}
	
	.field-half{
	width:92%; 
	padding:4%;
	color:#cccccc; 
	margin-bottom:5px;
	margin-right:0%; 
	background:none;	
	}
	
	.palestra input.envio {
    width: 100%;
	}
	
	.conteudo-palestra img{
		width: 100%;
	}
	
	.conteudo-palestra .envio{
		width: 40%;
	}
	
	
}

@media only screen and (max-width:450px){
    .logo img{width:100%;}
}