@charset "utf-8";
/* CSS Document */

#mp_bass{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	min-height:140px;
	background:url(../cp-images/menu_maskb.png);
	background-size:auto 100%;
	background-repeat: repeat-x;
	background-position:center;
	z-index:25;
	transition-duration:500ms;
}

#mp_cont{
	position:absolute;
	top:40%;
	width:80%;
	height:25px;
	transition-duration:500ms;
}

.mp_celda{
	position:relative;
	display:inline-table;
	width:1px;
	background:rgba(102,102,102,1);
	height:20px;
	top:10px;
}

.mp_btn{
	position:relative;
	display:inline-table;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:25px;
	padding-right:25px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.95em;
	color:rgba(6,159,108,1);
	width:auto;
	min-width:70px;
	text-align:center;
	font-weight:bold;
	transition-duration:500ms;
	cursor:pointer;
}

.mp_btn:hover{

	color:rgba(30,85,67,1);
}

#mp_logo{
	position:absolute;
	left:10%;
	top:10px;
	width:12%;
	height:auto;
	background:url(../cp-images/mp_logo.jpg);
	background-size:100% 100%;
	border-radius: 50% 50% 50% 50%;
	box-shadow:#fff 0px 10px 12px;
	
}

@media only screen and (max-width: 1370px) {
	#mp_bass{
	min-height:100px;
	}
	#mp_cont{
		left:10%;
		top:40%;
		width:80%;
	}
	
	#mp_logo{
		left:10%;
}

@media only screen and (max-width: 950px) {
	#mp_cont{
	display:none;
	}
	#mp_logo{
		display:none;
	}
}

@media only screen and (max-width: 800px) {
	
}