/* FONTES ------------------------------------------------------------------------------------------------------------------------------------------------ */

@font-face{font-family:"DIN-Light-IE";	src: url("http://www.cofipabc.com.br/fontes/din-light.eot");}
@font-face{font-family:"DIN-Light";	src: url("http://www.cofipabc.com.br/fontes/DIN-Light.ttf");}
		
@font-face{font-family:"DIN-IE"; src: url("https://ssl8967.websiteseguro.com/cofipabc1/fontes/din.eot");}
@font-face{font-family:"DIN"; src: url("https://ssl8967.websiteseguro.com/cofipabc1/fontes/DIN.ttf");}

@font-face{font-family:"DIN-Medium-IE"; src: url("http://www.cofipabc.com.br/fontes/din-medium.eot");}
@font-face{font-family:"DIN-Medium"; src: url("http://www.cofipabc.com.br/fontes/DIN-Medium.ttf");}
		
@font-face{font-family:"DIN-Bold-IE"; src: url("http://www.cofipabc.com.br/fontes/din-bold.eot");}
@font-face{font-family:"DIN-Bold"; src: url("http://www.cofipabc.com.br/fontes/DIN-Bold.ttf");}

@font-face{font-family:"DIN-Black-IE"; src: url("http://www.cofipabc.com.br/fontes/din-black.eot");}
@font-face{font-family:"DIN-Black";	src: url("http://www.cofipabc.com.br/fontes/DIN-Black.ttf");}


/* TEXTOS GERAL------------------------------------------------------------------------------------------------------------------------------------------------- */


.tit{font-family: 'DIN', 'DIN-IE', Tahoma; font-size:18pt; color: #fc9804; line-height: 140%; letter-spacing:-1;}

.titVD{font-family: 'DIN', 'DIN-IE', 'sans-serif'; font-size:18pt; color: #5d9773; text-decoration: none;}

.titTOP{font-family: 'DIN', 'DIN-IE', Tahoma; font-size:18pt; color: #fff; line-height: 120%;}

.txtGD{font-family: 'DIN', 'DIN-IE', Tahoma; font-size:14pt; color: #404041; font-weight: 400; line-height: 120%;}

.txt{font-family: 'DIN', 'DIN-IE', Tahoma; font-size:12pt; color: #404041; font-weight: 300; line-height: 140%; letter-spacing:0;}

.titHOME{font-family: 'DIN-Bold', 'DIN-Bold-IE', Tahoma; font-size:20pt; color: #5d9773; font-weight: 400; line-height: 110%; letter-spacing: -1px; margin: -10px 0 20px 0;}

.txtHOME{font-family: 'DIN', 'DIN-IE', Tahoma; font-size:12pt; color: #404041; font-weight: 400; line-height: 160%;}

.txtWH{font-family: 'DIN', 'DIN-IE', Tahoma; font-size:12pt; color: #fff; font-weight: 300; line-height: 130%; letter-spacing:0;}

.txtPPQWH{font-family: 'DIN', 'DIN-IE', Tahoma; font-size:10pt; color: #fff; font-weight: 300; line-height: 130%; letter-spacing:0;}





/* LINKS-------------------------------------------------------------------------------------------------------------------------------------------------------- */


A.noticia:link{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:12pt; color: #404041; line-height: 120%; text-decoration: none;}
A.noticia:visited{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:12pt; color: #404041; line-height: 120%; text-decoration: none;}
A.noticia:hover{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:12pt; color: #404041; line-height: 120%; text-decoration: underline;}

A.Vertodas:link{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:12pt; color: #fc9804; text-decoration: none;}
A.Vertodas:visited{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:12pt; color: #fc9804; text-decoration: none;}
A.Vertodas:hover{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:12pt; color: #fc9804; text-decoration: underline;}

A.Lermais:link{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:12pt; color: #5d9773; text-decoration: none;}
A.Lermais:visited{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:12pt; color: #5d9773; text-decoration: none;}
A.Lermais:hover{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:12pt; color: #5d9773; text-decoration: underline;}

A.titVD:link{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:18pt; color: #5d9773; text-decoration: none;}
A.titVD:visited{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:18pt; color: #5d9773; text-decoration: none;}
A.titVD:hover{font-family:'DIN', 'DIN-IE', 'sans-serif'; font-size:18pt; color: #5d9773; text-decoration: underline;}




/* FORMULÁRIOS --------------------------------------------------------------------------------------------------------------------------------------------- */

form input{margin:0px 0px 3px 0px; background-color:#FFFFFF; border:1px solid #bcbec0; padding:12px 12px; font-family:'DIN', 'DIN-IE', Tahoma; font-size:12pt;}

form textarea{margin: 0px 0px 3px 0px; background-color:#FFFFFF; border:1px solid #bcbec0; padding:12px 12px; font-family:'DIN', 'DIN-IE', Tahoma; font-size:12pt;}

form select{margin:0px 0px 3px 0px; background-color:#FFFFFF; border:1px solid #bcbec0; padding:12px 12px; font-family:'DIN', 'DIN-IE', Tahoma; font-size:12pt; color: #959595;}

.botaoForm {border:0px; padding:0px;}

.botaoForm{margin:0px 5px 0px 0px; padding:5px 6px; background-color:#25754e; font-family:'DIN', 'DIN-IE', Tahoma; color:#fff;font-size:12pt; cursor: pointer;}
.botaoForm:hover{margin:0px 5px 0px 0px; padding:5px 6px; background-color:#75ab8a; font-family:'DIN', 'DIN-IE', Tahoma; color:#fff; font-size:12pt;}

.botaoPQ{margin: 5px 0; border: 0; padding:2px 5px; background-color:#25754e; text-decoration:none; font-family:'DIN', 'DIN-IE', Tahoma; color:#fff;font-size:10pt; cursor: pointer;}
.botaoPQ:hover{background-color:#75ab8a;}

.btCADASTRO{margin: 20px 0px; background-color:#949495; padding:5px 8px; border:2px solid #5d5d5e; font-family:'DIN', 'DIN-IE', sans-serif; color:#5d5d5e; font-size:18pt;}
.btCADASTRO:hover{margin: 20px 0px; background-color:#949495; padding:5px 8px; border:2px solid #fff; font-family:'DIN', 'DIN-IE', sans-serif; color:#fff; font-size:18pt;}



/* IMAGENS & TABELAS --------------------------------------------------------------------------------------------------------------------------------------------- */

.fxH{width:100%; height:1px; background:#fc9804; margin: 5px 0px;}

.fontesentrada{
	float: left;
	width: 100%;
	margin: 5px 0 10px 0;
	border-bottom: 1px solid #cacaca;
	padding: 5px;
	background: #e6e7e8;
	}
	
.tiposdocs{
	float:left;
	width:130px;
	margin: 0 10px;
	border: 1px solid #fff;
	padding: 10px 0;
	text-align:center;
	transition: all 150ms linear;
	cursor: pointer;
	}
	
.tiposdocs:hover{
	border: 1px solid #cacaca;
	background: #f2f2f2;
	}


/* POPUPS ------------------------------------------------------------------------------------------------------------------------------------------------------- */

#ppCADASTRESE{
   position: fixed;
   top: 25%;
   left: 50%;
   margin: -75px 0 0 -250px;
   width: 400px;
   padding: 20px 50px 30px 50px;
   background:url(imagens/lay_wh90.png);
   box-shadow: 0px 0px 20px #000000;
   display: none;
   z-index:9999999;
}

#ppUSUARIO{
   position: fixed;
   top: 25%;
   left: 50%;
   margin: -75px 0 0 -300px;
   width: 500px;
   padding: 20px 50px 30px 50px;
   background:url(imagens/lay_wh90.png);
   box-shadow: 0px 0px 20px #000000;
   display: none;
   z-index:9999999;
}



/* RESTRITO --------------------------------------------------------------------------------------------------------------------------------------- */
	
.lista{
	float: left;
	margin: 0 0 20px 0; 
	width: 100%;
	border: 1px solid #fff;
	padding: 10px;
	text-decoration: none;
	transition: all 150ms linear;
	}
	
.lista:hover{
	border: 1px solid #cacaca;
	background: #f6f6f6;
	}
	
.lista img{
	width: 50px;
	margin: 0 20px 5px 0;
	}
	
.lista h1{
	margin: 0 0 2px 0;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: -1px;
	color: #5d9773;
	}
	
.lista h2{
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	color: #000;
	}
	
.lista h3{
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	color: #ff9900;
	}
	

	
	
/***********************************************************************************/
/* MÍDIA QUERIES */
/***********************************************************************************/


/* 1200px – Desktops, notebooks com monitores widescreen --------------------------*/

@media screen and (max-width: 1920px){

}



/* 960px – Tablets no formato paisagem e alguns monitores mais antigos ------------*/

@media screen and (max-width: 1750px){

.bnn_PortasAbertas{
	top: 150px;
	}

}


/* 768px – Tablets no formato retrato, como o iPad --------------------------------*/

@media screen and (max-width: 1550px){

.bnn_PortasAbertas{
	top: 200px;
	}

}


/* 480px – Smartphones no formato paisagem com tela pequena -----------------------*/

@media screen and (max-width: 1350px){

.bnn_PortasAbertas{
	top: 250px;
	}

}


/* 480px – Smartphones no formato paisagem com tela pequena -----------------------*/

@media screen and (max-width: 1150px){

.bnn_PortasAbertas{
	top: 280px;
    left: 50%;
    margin: -500px 0 320px 0;
	width: 400px;
	padding: 10px 20px;
	}
	
.bnn_PortasAbertas h1{
	font-size: 24px;
	}
	
.bnn_PortasAbertas h2{
	font-size: 16px;
	}

}


/* 320px – Smartphones no formato retrato com tela pequena ------------------------*/

@media screen and (max-width: 479px){

}