@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: #FFF; /* Old browsers */

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:Myriadpro;	
}
.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/seminario-sesi-ssi/bg.png') no-repeat center center;	
}

header > div{
	overflow:hidden;
}

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

header .logotipo img{
	width:50%;
}
header h3{
	font-size: 18pt;
    color: #283347;
}
header h3 span{
	font-family:MyriadproBlackIt;	
	color:#e3ae2e;	
}

header h6{
	color:#283347;
	font-family:MyriadproItalic;
	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; */
	background-color: #547BBC;
	color:#FFFFFF;
	font-family:MyriadproIt;		
	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:#547bbc; */
	background-color: #AFCA08;
	padding:0 8%;
}



#section-2 h3{	
	font-family:MyriadproSemiBold;
	font-style:italic;	
	color:#FFFFFF;
}

#section-2 h6{
	font-size: 15px;
	margin-top:25px;
	font-family:Myriadpro;		
	color:#FFFFFF;
}

	
#section-3{
	background:#f0f0f0;
}
#section-3 h2{
	color:#283347;
	text-align:center;
	font-family:MyriadProSemiBold;
}

#section-3{
	background:#ffffff;
}

#section-4{
	background:url('../../img/custom/seminario-sesi-ssi/bg-section-4.png') no-repeat center center,#f0f0f0;		
}

#section-4 .programacao h3{
	color:#30476e;
	font-family:MyriadproSemiBold;
	font-style:italic;	
	font-size:30pt;
}
.programacao-coluna-1,.programacao-coluna-2{
	color:#30476e;
}
.programacao-coluna-1:before{
	content:'';
	background:url('../../img/custom/seminario-sesi-ssi/calendario_09.png') no-repeat center top;	
	width: 129px;
	height:150px;
	display:block;	
	margin:0 auto;
	background-size: contain;
}
.programacao-coluna-2:before{
	content:'';
	background:url('../../img/custom/seminario-sesi-ssi/calendario_10.png') no-repeat center top;	
	width: 129px;
	height:150px;
	display:block;	
	margin:0 auto;
	background-size: contain;
}

.programacao-coluna-1 h3,.programacao-coluna-2 h3{
	background: #30476e;
    color: #ffffff;
    padding: 4px 0px;
	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-size: 20pt;
}
#section-5 h5{
		color: #30476e;
    font-family: MyriadproSemiBold;
    font-style: italic;
    font-size: 14pt;
}

#section-5 h6{
		color: #30476e;
    font-family: MyriadproSemiBold;
    font-style: italic;
    font-size: 10pt;
}

#section-7{
	/* background-color:#559d93; */
	background-color: #AFCA08;
}

#section-7 h4{
	display:none;
}

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


/** 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;
	}
}