@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed);

@font-face {
    font-family: Myriadpro;
    src: url("../../fonts/MYRIADPRO-REGULAR.ttf") format("opentype");
}

@font-face {
    font-family: Myriadpro;
    font-weight: bold;
    src: url("../../fonts/MYRIADPRO-BOLD.ttf") format("opentype");
}
@font-face {
    font-family: MyriadproIt;
	font-style:italic;
    src: url("../../fonts/MyriadPro-It.ttf") format("opentype");
}



@font-face {
    font-family: MyriadproBlackIt;
    font-weight: bold;
	font-style:italic;
    src: url("../../fonts/MyriadPro_Black_Italic.ttf") format("opentype");
}
@font-face {
    font-family: MyriadproLightItalic;
    font-weight: light;
	font-style:italic;
    src: url("../../fonts/MyriadPro-LightIt.ttf") format("opentype");
}

@font-face {
    font-family: MyriadproItalic;
    font-weight: light;
	font-style:italic;
    src: url("../../fonts/MyriadPro-It.ttf") format("opentype");
}

@font-face {
    font-family: MyriadproSemiBold;    
    src: url("../../fonts/Myriad_Pro_Semibold_Italic.ttf") format("opentype");
}



/***** HELPERS *****/
.p-0{padding:0!important;}
.p-15{padding:15px;}
.m-t-25{margin-top:25px;}
.m-b-25{margin-bottom:25px;}
.m-l-25{margin-left:25px;}
.m-r-25{margin-right:25px;}
.m-25{margin:25px;}
.m-t-50{margin-top:50px;}
.m-b-50{margin-bottom:50px;}
.m-l-50{margin-left:50px;}
.m-r-50{margin-right:50px;}
.m-50{margin:50px;}


.col-2e5{
	width:20%;
	float:left;
}



/***** HELPERS *****/



/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0aa3a5+0,207cca+52,364c91+100 */
   /* background: url(../../img/custom/canpat/fundotopo.jpg) center center; */

    font-family:Myriadpro;

}
header > img{
	width:52%;
}

form .form-group .error{
	color:#f64830;
	font-size:0.7rem;
}

.clearfix {zoom: 1;}
.clearfix:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
/* ----- HEADINGS ----- */

h1,h2,h3,h4,h5,h6,p{
	color:#30476e;
	font-family:Neo Sans Pro, sans-serif;	
}
.noTitle{
	overflow:visible;
}
.img-center img{
    display: block;
    margin: 0 auto;
}

.bodyField {
	overflow:visible;
}


/* ----------------------------------------------- */
/* HEADER */ 
/* ----------------------------------------------- */
header {        	
	text-align:center;
	padding:0;
    overflow:hidden;
    background: url(../../img/custom/canpat/fundotopo-2019.jpg) no-repeat center center;
    padding-bottom: 30px;
}

header > div{
	overflow:hidden;
}

header .logotipo h3{
	display:none;	
	color:#ffffff;
}

/* header .logotipo img{
	width:50%;
} */
header h3{
	font-size: 18pt;
    color: #FFFFFF;
}
header h3 span{
    /* font-family:MyriadproBlackIt;	 */    
	font-family:Neo Sans Pro, sans-serif;	
	color:#e3ae2e;	
}
header strong{
    color: #ffffff;
}
header h6{
	color:#FFFFFF;
	/* font-family:MyriadproItalic; */
	font-family:Neo Sans Pro, sans-serif;	
	font-size:15pt;
}

.content-wrapper{
	width: 100%;    
	margin: 0 auto;
}



.noTitle{
	overflow:visible;
}
.img-center img{
    display: block;
    margin: 0 auto;
}

.bodyField {
	overflow:visible;
}

.btn-interesse,.btn-interesse:visited,.btn-interesse:link{
	padding:6px 20px;
	border-radius:12px;	
	background-color:#030404;
	color:#FFFFFF;
	/* font-family:MyriadproIt;		 */
	font-family:Neo Sans Pro, sans-serif;	
	font-size:14pt;
	text-decoration:none;	
}
.btn-interesse:hover{
	-webkit-transition: background 300ms ease-in;
	-moz-transition: background 300ms ease-in;
	-ms-transition: background 300ms ease-in;
	-o-transition: background 300ms ease-in;
	transition: background 300ms ease-in;
	background-color:#314750;
	text-decoration:none;
}

.imgWrapper{
	width: 100%;
	height:86px;
	margin: 0 auto;
}
#section-2{   
	/* background-color: rgba(0,0,0,.5); */
	background: #003000;
	/* padding:0 8%; */
    /* margin-top: 30px; */
}



#section-2 h3{	
	/* font-family:MyriadproSemiBold;
	font-style:italic;	 */
	font-family:Neo Sans Pro, sans-serif;	
	color:#FFFFFF;
    font-size: 28px;
}

#section-2 h6{
	/* margin-top:25px; */
	/* font-family:Myriadpro; */
	font-family:Neo Sans Pro, sans-serif;			
	color:#FFFFFF;
    font-size: 15px;
   line-height: 20px;
   /* text-align: justify; */
}

	
#section-3{
	background:#f0f0f0;
}
#section-3 h2{
	color:#283347;
	text-align:center;
	/* font-family:MyriadProSemiBold; */
	font-family:Neo Sans Pro, sans-serif;	
}

#section-3{
	background:#ffffff;
}

#section-4{
	/* background:url('../../img/custom/canpat/fundomeio.jpg') #f0f0f0;		 */
	background: white;
}

#section-4 .programacao h3{
    color:#30476e;
	/* font-family:MyriadproSemiBold;
	font-style:italic;	 */
	font-family:Neo Sans Pro, sans-serif;	
	font-size:30pt;
}
#section-4 h3 strong{
    /* color:#30476e; */
    color: #2F4521;
}
.programacao-conteudo{
    color:#30476e;
    /* color: #2F4521; */
}
/* .programacao-conteudo:before{
	content:'';
	background:url('../../img/custom/seminario-sesi-ssi/dia10.png') no-repeat center top;	
	width: 129px;
	height:150px;
	display:block;	
	margin:0 auto;
} */

.programacao-conteudo h3{
	/* background: #30476e; */
    color: #30476e;
    padding: 6px 6px;
	font-size:12pt;
}


#map-wrapper{
	width:450px;
	height:350px;
	display:block;
	margin:0 auto;
}


#section-5{
	background-color:#FFFFFF;
	color:#30476e;
}
#section-5 h3{
	color: #30476e;
    /* font-family: MyriadproSemiBold;
    font-style: italic; */
	font-family:Neo Sans Pro, sans-serif;	
    font-size: 20pt;
}
#section-5 h5{
		color: #30476e;
    /* font-family: MyriadproSemiBold;
    font-style: italic; */
	font-family:Neo Sans Pro, sans-serif;	
    font-size: 14pt;
}

#section-5 h6{
		color: #30476e;
    /* font-family: MyriadproSemiBold; */
    font-style: italic;
	font-family:Neo Sans Pro, sans-serif;	
    font-size: 14px;
}

#section-7{
    background-color:#559d93;
    /* display: -webkit-box; */
}

#section-7 h4{
	display:none;
}

#section-10 img{
	width:80%;
}
#section-10 h3{
	display:none;
	
}

footer{
	bottom: 0;
    width: 100%;
    /*height: 259px;*/
    line-height: 60px; /* Vertically center the text there */
    background-color: #004a70;	
}

footer .footer-info{
	font-family: 'SourceSansPro', sans-serif;
	font-size:11px;
	color: #ffffff;
	line-height: 15px;
    padding-top: 5px;
}
footer div{
	overflow:visible;
}
.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}
.iconeSocial{
    color: #ffffff;
    margin-left: 15px;
}
.fa-20px {
    font-size: 20px !important;
}
#direitos{
    /* height: 250px; */
    padding-top: 5px;
}
.alinhaEsquerda {
    text-align: right;
}

.fab {
    font-family: Font Awesome\ 5 Brands;
}
/** mobile  media queryes**/
@media only screen and (max-width: 375px) {
	#map-wrapper{
		display:none;
	}
}

#cabecalho{
		display:none;
}

#cabecalho {
	background: #004a70;
	position:fixed;
	width:100%;
	z-index:999;
	/* border-bottom:#FFF solid 1px; */
}
#cabecalho > .nivel2 > .nivel3 {
	width:978px;
	height:32px;
	margin:0px auto;
	overflow:hidden;	
}
#cabecalho ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#cabecalho li {
	margin:0px;
	padding:0px;
}

#cabecalho .casas {
	list-style:none;
	float:left;	
}
#cabecalho .casas li {
	float:left;
	display:block;
	height: 8px;	
	margin-top: 13px;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #0078b4;
}
#cabecalho .casas li.ultimo {
	margin-right: 0px;
	padding-right: 0px;

	border-right: none;
}
#cabecalho .casas li a {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:10px;
	color:#82d0f5;
	margin:0px 0px 10px;

	text-decoration:none;
	line-height:10px;
}
#cabecalho .casas li a:hover {
	color:#FFF;
}
#cabecalho .casas .selected a {
	color:#FFF !important;
}

#cabecalho .contatos {
	list-style:none;
	float:right;	
}
#cabecalho .contatos li {
	float:left;
	display:block;

	height: 8px;
	
	margin-top: 13px;
	margin-right: 8px;
	padding-right: 8px;

	border-right: 1px solid #0078b4;
}

#cabecalho .contatos li.ultimo {
	margin-right: 0px;
	padding-right: 0px;

	border-right: none;
}
#cabecalho .contatos li a {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:10px;
	color:#82d0f5;
	margin:0px 0px 10px;
	text-decoration:none;
	line-height:10px;
}
#cabecalho .contatos li a:hover {
	color:#FFF;
}
/* --- >>> CABECALHO <<< --- */


@media only screen and (min-width: 992px) {
	#cabecalho{
		display:block;
	}
}


/* footer */
.footer {
    font-family: Arial, Helvetica, sans-serif !important;    
    color: white;
    font-size: 12px;   
    padding-top: 12px;
    padding-bottom: 5px;
    bottom: 0;
    width: 100%;
    background-color: #004a70;    
}
.alinhaMedia{
    text-align: left;
}


@media only screen and (max-width: 550px) {
	.logotipo.noTitle img{
		width: 95%;
	}
	.programacao-conteudo h3{
		text-align: center !important;
	}
}
@media only screen and (max-width: 991px) { 
	#component_33775{
		max-width: 100% !important
	}	
}