#layout_everything {
	
}

#layout_header { z-index: 50;}
#layout_middle { z-index: 40;}
#layout_footer { z-index: 20;}

/*-------------------------------------------*/

#layout_header {
	margin-bottom: 20px;
	background-color: #00113d;
}


	#layout_header > div.max-width {
		min-height: 169px;
		padding-top: 23px;
		background-image: url(../images/onda.jpg);
		background-position: top left;
		background-color: #fff;
	}
	#layout_header > div.max-width:after {
		display: block;
		position: absolute;
		z-index: 20;
		bottom: 0px;
		left: 150px;
		width: 1500px;
		height: 4px;
		content: '';
		background-color: #F8C400
	}
	#layout_header > div.max-width:before {
		display: block;
		position: absolute;
		z-index: 10;
		left: 960px;
		top: 0px;
		width: 500px;
		height: 169px;
		content: '';
		background-color: #fff
	}

		#logo {
			z-index: 5;
			width: 398px;
			max-width: 100%;
			height: auto;
			margin-left: 80px;
			margin-right: 20px;
		}

		#layout_header address {
			float: right;
			padding-top: 30px;
			text-align: right;
			font-family: 'myriad-pro';
			font-size: 16px;
			line-height: 1.3em;
			color: #0d183e;
		}
			#layout_header address .telefone {
				font-size: 30px;
				line-height: 1em;
			}
				#layout_header address .telefone .ddd {
					padding-top: 10px;
					font-size: 18px;
					line-height: 1em
				}

				#layout_header address .telefone img {
					margin-top: 6px;
				}

	/*-----------------------*/

	#menu {
		margin-top: 0px;
		margin-bottom: 0px;
		background-color: #0d183e;
	}	
		#menu ul {
			text-align: justify;
			font-size: 0px;
			line-height: 0px;
		}
		#menu ul:after {
			display: inline-block;
			width: 100%;
			content: '';
		}

			#menu li {}
			
				#menu li a {
					display: block;

					padding: 5px;
					
					font-family: 'myriad-pro';
					font-weight: 400;
					font-size: 18px;
					line-height: 20px;
					color: #eac22d;
					text-transform: uppercase;

					transition-property: background-color;
					transition-duration: 0.6s;
				}

				#menu li:hover > a {
					color: #0d183e;
					background-color: #F8C400;
				}

				#menu li ul {
					display: none;
					position: absolute;
					left: 0px;
					width: 200px;
					margin: 0px;
					background-color: #1e985f;
				}
				#menu li:hover > ul {
					display: block;
				}
					#menu li ul li, 
					#menu li ul li a {
						width: 100%
					}

/*-------------------------------------------*/

#slider {	
	width: 100%;
	margin-top: -10px;
}

	#slider_content {
		height: 400px;
	}

		#slider .slide {
			position: absolute;
			left: 0px;
			right: 0px;
			bottom: 0px;

			width: 100%;
			height: 100%;
			text-align: center;
		}
			#slider .slide .photo {
				width: 100%;
				height: 100%;
				border-radius: 5px;
			}

				#slider .slide .photo img {
					width: auto;
					height: 100%;
				}

			#slider .slide .texto {
				position: absolute;
				left: 0px;
				right: 0px;
				bottom: 20px;
				text-align: left;
			}

				#slider .texto .conteudo {
					width: auto;
					padding: 20px;
					color: #fff;
					
					font-size: 32px;
					line-height: 1.2em;

					background-color: rgba(0, 0, 0, 0.3);
				}

/*---------------------------*/

	#slider .botoes {
		position: absolute;
		z-index: 200;
		right: 0px;
		left: 0px;
		bottom: 20px;
	}

		#slider .pad {
			width: 36px;
			min-height: 96px;

			padding: 10px;
			margin-right: 0px;
			text-align: center;
		}

			#slider .botoes a {
				width: 16px;
				height: 16px;
				border: solid 1px #fff;
				border-radius: 20px;
				margin-bottom: 10px;
				background-color: transparent;
			}

			#slider .botoes a.atual {
				background-color: #fff
			}

			#slider .botoes a:last-child {
				margin-bottom: 0px;
			}
				
/*---------------------------------------*/

#layout_middle {
	margin-bottom: 20px;
}
	#middle_content {}

/*-------------------------------------------*/

#layout_footer {
	padding-top: 20px;
	color: #fff;
	background-color: #0d183e;
}

	#layout_footer .facebook {
		width: calc(100% - 345px);
		margin-right: 20px;
	}

		#layout_footer .facebook .fb_iframe_widget, 
		#layout_footer .facebook span, 
		#layout_footer .facebook span iframe {
			display: block;
			width: 470px !important;
			max-width: 100%;
		}

	#layout_footer address {
		width: 325px;
	}

		#layout_footer address > div {
			margin-bottom: 20px;
		}

			#layout_footer .titulo {
				margin-bottom: 5px;
				font-weight: 700;
				text-transform: uppercase;
			}

			#layout_footer .numero {
				font-size: 40px;
				line-height: 1em;
			}
				#layout_footer .numero .ddd {
					padding-top: 18px;
					margin-right: 10px;
					font-size: 18px;
					line-height: 1em;
				}	


	#copyright_e_creditos {
		padding-top: 8px;
		padding-bottom: 8px;


		font-family: 'myriad-pro';
		font-size: 12px;
		line-height: 1.3em;
		color: #0d183e;
		background-color: #eac22d;
	}

		#creditos {
			float: right;
		}

/*---------------------------------------*/

#bem_vindo {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #a6a4a4;
	margin-bottom: 20px;
	background-color: #e7e7e7;
}

/*----------------------------------------------*/

#open_menu_mobile {
	display: none;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 10px;
	font-size: 20px;
	line-height: 1em;
	color: #fff;
	text-align: center;
	background-color: #002e5d;
}
#open_menu_mobile:before {
	display: inline-block;
	vertical-align: top;
	width: 31px;
	height: 20px;
	margin-right: 15px;

	content: '';

	background-image: url(../images/menu-mobile.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

#open_menu_mobile.fixo {
	position: fixed;
	left: 0px;
	top: 0px;
	box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.25);
}


/*----------------------------------*/

#menu_mobile {
	display: none;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 10;

	width: 0px;
	height: 100vh;
	overflow: hidden;

	transition-property: width;
	transition-duration: 0.5s;
}

#menu_mobile.aberto {
	width: 200px;
}

	#menu_mobile .conteudo {
		width: 200px;
		height: 100vh;
	}

	#menu_mobile a {
		display: block;
		padding: 10px 10px 10px 15px;
		color: #bbb;
		font-size: 14px;
		line-height: 1em;
	}

	#menu_mobile .fechar {
		text-align: center;
		color: #fff;
		font-size: 14px;
		line-height: 20px;
		background-color: #666;
	}
	#menu_mobile .fechar:before {
		display: inline-block;
		vertical-align: top;
		width: 14px;
		height: 14px;		
		margin-right: 7px;
		margin-top: 3px;

		content: '';

		background-image: url(../images/menu-fechar.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center center;
	}

	#menu_mobile ul {
		list-style: none;
		
		margin: 0px;
		
		width: 100%;
		height: calc(100% - 34px);
	
		overflow-x: hidden;
		overflow-y: auto;

		background-color: #343434;
	}
		#menu_mobile li {
			border-bottom: solid 1px #232121;
			margin: 0px;
		}

/*---------------------------------------------*/

#agenda .meses {
	width: 250px;
	background-color: #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.20)
}

/*---------------------------------------------*/

#matricule_se {
	padding: 10px;
	padding-left: 20px;
	border-radius: 100px;
	margin-bottom: 60px;
	text-transform: uppercase;
	font-family: 'myriad-pro';
	font-size: 22px;
	line-height: 28px;
	color: #0d183e;
	background-color: #e3e3e3;
	box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.25);
}
	#matricule_se .button-like {
		float: right;
		margin-bottom: 0px;
	}