@import url("general.css");

#seccion[header]{
	position:absolute;
	z-index:11;
	top:0;
	left:0;
	right:0;
	height:110px;
	background-color:#fff;
	/**/
	transition:height 0.4s ease;
	-moz-transition:height 0.4s ease;
	-ms-transition:height 0.4s ease;
	-o-transition:height 0.4s ease;
	-webkit-transition:height 0.4s ease;
}

#seccion[header][chico]{
	position:fixed;
	height:50px;
}

#seccion[header] #bot_menu{
	position:absolute;
	left:45px;
	top:45px;
	cursor:pointer;
}

#seccion[header] #bot_menu img{
	height:17px;
	width:auto;
}

#seccion[header][chico] #bot_menu{
	top:10px;
}

#seccion[header] #bot_menu #titulo{
	position:absolute;
	bottom:-10px;
	left:-3px;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	opacity:0;
	/**/
	transition:bottom 0.4s ease, opacity 0.4s ease;
	-moz-transition:bottom 0.4s ease, opacity 0.4s ease;
	-ms-transition:bottom 0.4s ease, opacity 0.4s ease;
	-o-transition:bottom 0.4s ease, opacity 0.4s ease;
	-webkit-transition:bottom 0.4s ease, opacity 0.4s ease;
}

#seccion[header] #bot_menu:hover #titulo{
	bottom:-20px;
	opacity:1;
}

#seccion[header][chico] #bot_menu:hover #titulo{
	display:none;
}

#seccion[header] #logo{
	position:absolute;
	left:50%;
	margin-left:-120px;
    height: auto;
	top:30px;
	cursor:pointer;
}

#seccion[header][chico] #logo{
	margin-left:-60px;
	top:8px;
}

#seccion[header] #logo img{
	width:240px;
	height:auto;
}

#seccion[header][chico] #logo img{
	width:120px;
	height:auto;
	/**/
	transition:height 0.4s ease;
	-moz-transition:height 0.4s ease;
	-ms-transition:height 0.4s ease;
	-o-transition:height 0.4s ease;
	-webkit-transition:height 0.4s ease;
}

#seccion[header] #correo{
	position:absolute;
	right:45px;
	top:40px;
	cursor:pointer;
}

#seccion[header] #correo a img{
	height:18px;
	width:auto;
}

#seccion[header][chico] #correo{
	top:15px;
}




#seccion[header] #correo #titulo{
	position:absolute;
	bottom:-10px;
	left:-24px;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	opacity:0;
	/**/
	transition:bottom 0.4s ease, opacity 0.4s ease;
	-moz-transition:bottom 0.4s ease, opacity 0.4s ease;
	-ms-transition:bottom 0.4s ease, opacity 0.4s ease;
	-o-transition:bottom 0.4s ease, opacity 0.4s ease;
	-webkit-transition:bottom 0.4s ease, opacity 0.4s ease;
}

#seccion[header][chico] #correo #titulo{
	font-size:12px;
}

#seccion[header] #correo:hover #titulo{
	bottom:-20px;
	opacity:1;
}
#seccion[header][chico] #correo:hover #titulo{
	
	bottom:-10px;
	opacity:1;
}
@media screen and (max-width: 980px) {
	
}

@media screen and (max-width: 700px) {
	#seccion[header]{
		position:fixed!important;
		height:50px !important;
	}
	#seccion[header] #bot_menu{
		top:15px;
	}
	
	#seccion[header] #bot_menu #titulo{
		display:none;
	}
	#seccion[header] #logo{
		position:absolute;
		left:50%;
		margin-left:-60px;
		top:10px;
		cursor:pointer;
	}
	
	#seccion[header] #logo img{
		width:120px;
		height:auto;
	}
	
	#seccion[header] #correo{
		top:20px;
	}
	
	#seccion[header] #correo #titulo{
		display:none;
	}
	
}