/*
************
* =header
************
*/
#header {
	position: absolute;
	max-width:290px;
	width: 20%;
	height: 100%;
	text-align: center;
    box-shadow: 1px 0 7px rgba(0, 0, 0, 0.5);
	z-index: 100;
	min-width: 230px;
	background: none repeat scroll 0 0 #FFFFFF;
}
#header h1{
	text-indent: -9999px;
	height: 0px;
}
#header img{
	height: auto;
	width: 80%; 
	margin: 30px auto;
	transition: all 0.4s ease 0s;
}

#header img:hover{
	opacity:0.7;
}

#header > hr:first-child{
	margin-top: 60px;
}

#header > hr {
    background-color: #000000;
    height: 1px;
    width: 30%;
}

#header hr not(.mostrador){
	background-color: black;
	width: 90px;
	color: black;
	height: 1px;
}
#busca{
	margin-top: 40px;
}
nav a{
	text-decoration: none;
	font-family: 'Quicksand', sans-serif;
	color: black;
	position: relative;
}
nav a:hover {
	color: #afafaf;
}
.menu_top li{
	margin: 15px 0;
	font-size: 1.5em;
	line-height: 1.2;
	overflow: hidden;
}
ul.menu_top {
	list-style: none;
	margin: 40px 0;
	padding: 0;
}
li.current-page-ancestor hr.mostrador,li.current-menu-item hr.mostrador, li.current-menu-ancestor hr.mostrador{
	height: 2px;
}
hr.mostrador{
	width: 400px;
	color: rgb(241,106,109);
	background-color: rgb(241,106,109);
	height: 0px;
	margin-top: 1.1em;
	position: absolute;
	left: 0;
	transition: all 0.5s ease-in-out 0s;
}
/*
************
* =icones
************
*/
a i {
	text-align: center;
	transition: all 0.4s ease 0s;
	-moz-backface-visibility: hidden;
}
a i:hover{
	opacity: 0.7;
	-moz-backface-visibility: hidden;
}
#busca{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 70px;
}
#redes_sociais {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;
}
#redes_sociais a{
	margin-left: 15px;
}
#redes_sociais a:first-child{
	margin: 0;
}
#redes_sociais a i{
	line-height: 36px;
}
.icone_fb {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url("assets/icones/fb.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.icone_yt {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url("assets/icones/yt.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.icone_twitter {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url("assets/icones/twitter.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.icone_busca {
	display: block;
	float:left;
	width: 25px;
	height: 25px;
	background-image: url("assets/icones/busca.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}

.icone_insta {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url("assets/icones/instagram.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}