#banner{
	width:100%;
	display:inline-block;
	}
#container{
	width:1024px;
	margin:0 auto;
	overflow:hidden;
	white-space: nowrap;
	}
.anim_block{
	width:1024px;
	margin:0 auto;
	display:inline-block;
	padding:0 !important;
	}
#top_margin{ width:100%; height:3px; background-color:#004d71; }
#nav_banner .banner_anchor{
	float:left;
	width:25%;
	background-color:#09F;
	border-top-style:solid;
	border-top-width:5px;
	border-top-color:#09F;
	text-align:center;
	padding-top:20px;
	padding-bottom:17px;
	overflow:hidden;
	
	transition:all 0.2s ease-in-out;
	
	cursor:pointer;
	}
#nav_banner .banner_anchor p{ color:#004d71; font-family: 'Cantarell', sans-serif; font-weight:bold; margin:0px; margin-bottom:5px; font-size:18px; }
#nav_banner .banner_anchor samp{ color:#FFFFFF; font-family: 'Cantarell', sans-serif; font-style:oblique; opacity:0.5; transition:all 0.2s ease-in-out; }

#nav_banner .banner_anchor:hover{
	border-top-color:#004d71;
	}
#nav_banner .banner_anchor:hover samp{
	opacity:1;
	}
#nav_banner .active samp{
	opacity:1;
	}
.active{
	border-top-color:#004d71 !important;
	}
#img_slider{
	width:400px;
	position:relative;
	float:right;
	margin-bottom:-5px;
	margin-top:50px;
	}
.info_container_slide{
	float:left;
	margin-left:20px;
	}
.info_container_slide p{
	font-family: 'Cantarell', sans-serif;
	margin-top:100px;
	color:#004d71;
	font-weight:bold;
	font-size:25px;
	margin-bottom:5px;
	}
.info_container_slide div{
	font-family: 'Cantarell', sans-serif;
	font-style:italic;
	font-size:30px;
	color:#004d71;
	margin-bottom:15px;
	}
.info_container_slide samp{
	font-family: 'Cantarell', sans-serif;
	color:#004d71;
	font-size:40px;
	font-weight:bold;
	}

@media (max-width: 1200px){
	#container, .anim_block{
		width:100%;
		}
	#nav_banner .banner_anchor p{
		font-size:15px;
		color:#FFF;
		}
	#nav_banner .banner_anchor samp{
		display:none;
	}
	#img_slider{width:50%; height:auto;}
	.info_container_slide p{}
	.info_container_slide div{}
	.info_container_slide samp{ display:none;}
}
@media (max-width: 1000px){
	#nav_banner .banner_anchor p{
		display:none;
	}
	#nav_banner .banner_anchor{
		width:20%;
		margin-left:2.5%;
		margin-right:2.5%;
	}
	/*tamanho das letras do banner*/
	#banner p{
		font-size:100% !important;
		}
	#banner samp{
		font-size:14% !important;
		display:block;
		}
	#banner div{
		font-size:100% !important;
		}
}
@media (max-width: 600px){
	#img_slider{width:100%}
	.info_container_slide samp{}
	.info_container_slide p{font-size:25px;}
	.info_container_slide div{font-size:30px;
	}
	}