@charset "utf-8";
/* CSS Document */
.comp {
	/*background: #0000ff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/
    display: none;
}
	/*só vai desaparecer quando chegar a 600px*/
@media screen and (min-width:600px){
    .comp {
        display:block;
    }
}





 
a.classe3:link{
	text-decoration: none;
	color: #00509e;
	font-size: 1.5em;
	}
	
a.classe3:visited {
	text-decoration: none;
	color: #00509e;
	font-size: 1.5em;
	}
	
a.classe3:hover {
	text-decoration: none; 
	color: #ff9623;
	font-size: 1.5em;
}
a.classe3:active {
	text-decoration: none;
	color: #00509e;
	font-size: 1.5em;
	}
.classe3 {
	color: #00509e;
		font-size: 1.5em;
}


.cx_contato{
	background-color: #ff9623;
	color: #fff;
	border-radius: 20px;
	font-size: 1.5em;
	padding: 20px;
	margin-top: 10px;
}






.divimagem {
    background-size: auto ;
    background-position:center;
    width: 100%;
    height: 300px;
	background-repeat:no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;

}



.laranja{
	background-color: #ee7f00;
}

.laranja_claro_fundo{
	background-color: #ff9623;
}

.azul_claro_fundo{
	background-color: #09aeed;
}
.pele_fundo{
	background-color: #ffc285;
}
/* FONTES*/
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v11/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v11/gFXtEMCp1m_YzxsBpKl68iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v11/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.fonte_montserrat{
	font-family: 'Montserrat', sans-serif;
}

/* vietnamese */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: local('Anton Regular'), local('Anton-Regular'), url(https://fonts.gstatic.com/s/anton/v9/9Yb_jZb3zvMIiuTm_VeFqA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: local('Anton Regular'), local('Anton-Regular'), url(https://fonts.gstatic.com/s/anton/v9/KgPSGrLwjoSLN4ZBWvXSfQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: local('Anton Regular'), local('Anton-Regular'), url(https://fonts.gstatic.com/s/anton/v9/o-91-t7-bPc7W26HmS2N4Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.fonte_Anton{
	font-family: 'Anton', sans-serif;
}


.fonte_azul{
	color:#00509e;
}

.fonte_marron_escuro{
	color:#a05503;
}

.fonte_cor_branca{
	color: #fff;
}

.fonte_tamanho_secao{
	font-size: 2em;
font-weight: bold;
}
/*fim fontes*/

.fundo_azul{
	background-color: #00509e;
}
.barras{
	padding: 10px;
	text-align:right;
	border-top: 2px solid #09aeed;
	color: #09aeed;
}
.meia_curva_azul{
	background-image:url(../img/meia_curva_azul.png);
	height: 11px;
}

.espacaento_10{
	padding: 5px;
}




.fonte_arial_black{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
}

.fonte_arial{
	font-family: "arial";
}


/*paralax*/

#containerMiddle{
	max-height: 600px;
}

#rowContainerMiddle{	
	float: none;
	margin: 0 auto;
	margin-top: 30px;
}

.parallaxBar{
	margin-top: 110px;
	height:250px;
	background-color:#004c82;
	background: url(../img/paralax_360.png) 50% 0 fixed;
    position: relative; 
	
			font-size: 1.3em;
		color: #ff9623;
		padding-top: 0.4em;
	text-align:left;
}



@media (min-width:360px) {
	
	.parallaxBar{
		margin-top: 110px;
	height:190px;
	background-color:#004c82;
	background: url(../img/paralax_360_2.png) 50% 0 fixed;
    position: relative; 	
		font-size: 1.3em;
		color: #ff9623;
		padding-top: 0.4em;
	text-align:left;
}
}



@media (min-width:700px) {
	
	.parallaxBar{
	height:300px;
	background-color:#004c82;
	background: url(../img/paralax_700.png) 50% 0 fixed;
    position: relative; 	
	font-size: 2.5em;
		color: #ff9623;
		padding-top: 0.5em;
		text-align: left;
}
}


@media (min-width:800px) {
	
	.parallaxBar{
	height:300px;
	background-color:#004c82;
	background: url(../img/bgparallax_800_1280.png) 50% 0 fixed;
    position: relative; 
		font-size: 2.8em;
		color: #ff9623;
		padding-top: 0.4em;
		text-align: left;
}
}


@media (min-width:980px) {
	
	.parallaxBar{
	height:400px;
	background-color:#004c82;
	background: url(../img/bgparallax_980_1280.png) 50% 0 fixed;
    position: relative; 
		font-size: 3.4em;
		color: #ff9623;
		padding-top: 0.5em;
		text-align: left;
}
}


@media (min-width:1280px) {
	
	.parallaxBar{
	height:600px;
	background-color:#004c82;
	background: url(../img/bgparallax.png) 50% 0 fixed;
    position: relative; 
		font-size: 4em;
		color: #ff9623;
		padding-top: 1em;
		text-align: left;
}
}


@media (min-width:1920px) {
	
	.parallaxBar{
	height:470px;
	background-color:#004c82;
	background: url(../img/bgparallax_1920_900.png) 50% 0 fixed;
    position: relative; 
		font-size: 4em;
		color: #ff9623;
		padding-top: 1em;
		text-align: left;
}
}






.seja_um_doador {
	/*background: #0000ff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/
    display: none;
}
	/*só vai desaparecer quando chegar a 600px*/
@media screen and (min-width:600px){
    .seja_um_doador {
        display:block;
		font-size: 4em;
		color: #ff9623;
		padding-top: 2em;
    }
}

@media screen and (min-width:1024px){
    .seja_um_doador {
        display:block;
		font-size: 4em;
		color: #ff9623;
		padding-top: 2em;
    }
}