.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
}
.clearfix {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

body{
	font-family: Verdana;
	margin:0;
	padding:0;
}

#mp_cpt{
	float:left;
}
#mp_cpt .mp_tab{
	margin:0;
	padding:0;
	background: #87b0cc;
	background: -moz-linear-gradient(top,  #87b0cc 0%, #d1e7f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87b0cc), color-stop(100%,#d1e7f4));
	background: -webkit-linear-gradient(top,  #87b0cc 0%,#d1e7f4 100%);
	background: -o-linear-gradient(top,  #87b0cc 0%,#d1e7f4 100%);
	background: -ms-linear-gradient(top,  #87b0cc 0%,#d1e7f4 100%);
	background: linear-gradient(to bottom,  #87b0cc 0%,#d1e7f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87b0cc', endColorstr='#d1e7f4',GradientType=0 );
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
#mp_cpt .mp_tab li{
	position:relative;
	list-style:none;
	float:left;
	width:50%;
}
#mp_cpt .mp_tab li.selected{
	background:#fff;
	-webkit-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;	
}
#mp_cpt .mp_tab li:nth-child(2).selected{
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;	
}
#mp_cpt .mp_tab li a{
	color:#004782;
	font-weight:bold;
	font-size:0.625em;
	display:block;
	line-height:2.9em;
	height:2.9em;
	text-decoration:none;
	text-align:center;
}
#mp_cpt .mp_ctn{
	float:left;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	font-size:100%;
	line-height:1.125em;
	width:23.125em;
	height:10.5625em;
	background:url("../images/bck_map.png") no-repeat 0 0;
}
.mp_blck{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	font-size:100%;
	line-height:1.125em;
	width:23.125em;
	height:10.5625em;
	background:url("../images/bck_map.png") no-repeat 0 0;
}
.mp_alerts{
	position:absolute;
	z-index:2;
	width:23.125em;
	height:10.5625em;
}
.mp_alerts div{
	position:absolute;
}
.mp_alerts div span{
	float:left;
	position:absolute;
	width:23.125em;
	height:10.5625em;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-99999px;
}
.mp_alerts .mp_date{
	color:#fff;
	font-size:62.5%;
	line-height:1.1em;
	width:17%;
	float:left;
	margin:.8em 0 0 3.5em;
	animation: fadein .5s;
    -moz-animation: fadein .5s; /* Firefox */
    -webkit-animation: fadein .5s; /* Safari and Chrome */
    -o-animation: fadein .5s; /* Opera */
}
.mp_alerts .mp_date span{
	font-weight:bold;
	font-size:115%;
	line-height:1.5em;
}
.button{
	float:right;
	position:relative;
	top: 11.7em;
	background:#bd1b1b;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-size:.75em;
	padding:.14em .5em;
	margin:0 .5714285714285714em 0 0;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
}
.cantabrico_este.n_0{
	background-image:url('../images/0/cante.png');
}
.cantabrico_este.n_1{
	background-image:url('../images/1/cante.png');
}
.cantabrico_este.n_2{
	background-image:url('../images/2/cante.png');
}
.cantabrico_este.n_3{
	background-image:url('../images/3/cante.png');
}
.cantabrico_este.n_4{
	background-image:url('../images/4/cante.png');
}

.cantabrico_oeste.n_0{
	background-image:url('../images/0/cantw.png');
}
.cantabrico_oeste.n_1{
	background-image:url('../images/1/cantw.png');
}
.cantabrico_oeste.n_2{
	background-image:url('../images/2/cantw.png');
}
.cantabrico_oeste.n_3{
	background-image:url('../images/3/cantw.png');
}
.cantabrico_oeste.n_4{
	background-image:url('../images/4/cantw.png');
}

.galicia_norte.n_0{
	background-image:url('../images/0/galn.png');
}
.galicia_norte.n_1{
	background-image:url('../images/1/galn.png');
}
.galicia_norte.n_2{
	background-image:url('../images/2/galn.png');
}
.galicia_norte.n_3{
	background-image:url('../images/3/galn.png');
}
.galicia_norte.n_4{
	background-image:url('../images/4/galn.png');
}

.galicia_sur.n_0{
	background-image:url('../images/0/gals.png');
}
.galicia_sur.n_1{
	background-image:url('../images/1/gals.png');
}
.galicia_sur.n_2{
	background-image:url('../images/2/gals.png');
}
.galicia_sur.n_3{
	background-image:url('../images/3/gals.png');
}
.galicia_sur.n_4{
	background-image:url('../images/4/gals.png');
}
.cadiz.n_0{
	background-image:url('../images/0/cad.png');
}
.cadiz.n_1{
	background-image:url('../images/1/cad.png');
}
.cadiz.n_2{
	background-image:url('../images/2/cad.png');
}
.cadiz.n_3{
	background-image:url('../images/3/cad.png');
}
.cadiz.n_4{
	background-image:url('../images/4/cad.png');
}

.canarias_oeste.n_0{
	background-image:url('../images/0/canw.png');
}
.canarias_oeste.n_1{
	background-image:url('../images/1/canw.png');
}
.canarias_oeste.n_2{
	background-image:url('../images/2/canw.png');
}
.canarias_oeste.n_3{
	background-image:url('../images/3/canw.png');
}
.canarias_oeste.n_4{
	background-image:url('../images/4/canw.png');
}

.canarias_este.n_0{
	background-image:url('../images/0/cane.png');
}
.canarias_este.n_1{
	background-image:url('../images/1/cane.png');
}
.canarias_este.n_2{
	background-image:url('../images/2/cane.png');
}
.canarias_este.n_3{
	background-image:url('../images/3/cane.png');
}
.canarias_este.n_4{
	background-image:url('../images/4/cane.png');
}
.estrecho.n_0{
	background-image:url('../images/0/est.png');
}
.estrecho.n_1{
	background-image:url('../images/1/est.png');
}
.estrecho.n_2{
	background-image:url('../images/2/est.png');
}
.estrecho.n_3{
	background-image:url('../images/3/est.png');
}
.estrecho.n_4{
	background-image:url('../images/4/est.png');
}
.alboran.n_0{
	background-image:url('../images/0/alb.png');
}
.alboran.n_1{
	background-image:url('../images/1/alb.png');
}
.alboran.n_2{
	background-image:url('../images/2/alb.png');
}
.alboran.n_3{
	background-image:url('../images/3/alb.png');
}
.alboran.n_4{
	background-image:url('../images/4/alb.png');
}
.melilla.n_0{
	background-image:url('../images/0/mel.png');
}
.melilla.n_1{
	background-image:url('../images/1/mel.png');
}
.melilla.n_2{
	background-image:url('../images/2/mel.png');
}
.melilla.n_3{
	background-image:url('../images/3/mel.png');
}
.melilla.n_4{
	background-image:url('../images/4/mel.png');
}
.levante_sur.n_0{
	background-image:url('../images/0/vals.png');
}
.levante_sur.n_1{
	background-image:url('../images/1/vals.png');
}
.levante_sur.n_2{
	background-image:url('../images/2/vals.png');
}
.levante_sur.n_3{
	background-image:url('../images/3/vals.png');
}
.levante_sur.n_4{
	background-image:url('../images/4/vals.png');
}

.levante_norte.n_0{
	background-image:url('../images/0/valn.png');
}
.levante_norte.n_1{
	background-image:url('../images/1/valn.png');
}
.levante_norte.n_2{
	background-image:url('../images/2/valn.png');
}
.levante_norte.n_3{
	background-image:url('../images/3/valn.png');
}
.levante_norte.n_4{
	background-image:url('../images/4/valn.png');
}

.cataluna_sur.n_0{
	background-image:url('../images/0/bcns.png');
}
.cataluna_sur.n_1{
	background-image:url('../images/1/bcns.png');
}
.cataluna_sur.n_2{
	background-image:url('../images/2/bcns.png');
}
.cataluna_sur.n_3{
	background-image:url('../images/3/bcns.png');
}
.cataluna_sur.n_4{
	background-image:url('../images/4/bcns.png');
}

.cataluna_norte.n_0{
	background-image:url('../images/0/bcnn.png');
}
.cataluna_norte.n_1{
	background-image:url('../images/1/bcnn.png');
}
.cataluna_norte.n_2{
	background-image:url('../images/2/bcnn.png');
}
.cataluna_norte.n_3{
	background-image:url('../images/3/bcnn.png');
}
.cataluna_norte.n_4{
	background-image:url('../images/4/bcnn.png');
}

.baleares_oeste.n_0{
	background-image:url('../images/0/balw.png');
}
.baleares_oeste.n_1{
	background-image:url('../images/1/balw.png');
}
.baleares_oeste.n_2{
	background-image:url('../images/2/balw.png');
}
.baleares_oeste.n_3{
	background-image:url('../images/3/balw.png');
}
.baleares_oeste.n_4{
	background-image:url('../images/4/balw.png');
}

.baleares_este.n_0{
	background-image:url('../images/0/bale.png');
}
.baleares_este.n_1{
	background-image:url('../images/1/bale.png');
}
.baleares_este.n_2{
	background-image:url('../images/2/bale.png');
}
.baleares_este.n_3{
	background-image:url('../images/3/bale.png');
}
.baleares_este.n_4{
	background-image:url('../images/4/bale.png');
}
.mp_legend{
	position:absolute;
	z-index:3;
}
.mp_legend div{
	width:19.625em;
	min-height:7.5em;
	color:#fff;
	margin:.6875em 0 0 2.5em;
	border-radius:5px;
	-webkit-border-radius:5px;
	background:url('../images/bck-legend.png');
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}
.mp_legend ul{
	font-size:.5625em;
	margin:1.8em 0 0 1.8em;
	padding:0;
	float:left;
}
.mp_legend ul li{
	list-style:none;
	line-height:1.2em;
	height:1.2em;
	padding-bottom:.22em;
	display:block;
}
.mp_legend ul li span{
	float:left;
	width:2em;
	height:1.2em;
	margin-right:.5em;
	overflow:hidden;
	text-indent:-9999px;
}
.mp_legend p{
	font-size:.75em;
	float:left;
	width:180px;
	padding:0 .6153846153846154em 0 1em;
}
.level_0{
	background:#afafaf;
}
.level_1{
	background:#66ff33;
}
.level_2{
	background:#e1fe1e;
}
.level_3{
	background:#f88b21;
}
.level_4{
	background:#f00;
}
.mp_nav{
	position:absolute;
	z-index:4;
}
.mp_nav ul{
	float:left;
	width:1.625em;
	margin:0.55em 0.375em 0 0.3125em;
	padding:0;
}
.mp_nav ul li{
	float:left;
	list-style:none;
	width:1.625em;
}
.mp_nav ul li a{
	float:left;
	width:1.625em;
	height:1.625em;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-indent:-9999px;
	margin-bottom:0.3125em;
	background:#a4bfe6 url('../images/icons.png') no-repeat 0 0;
}
.mp_nav ul li a.oleaje{
	background-position:0 0;
}
.mp_nav ul li a.nivel{
	background-position:0 -36px;
}
.mp_nav ul li a.combinada{
	background-position:0 -108px;
}
.mp_nav ul li a.oscilaciones{
	background-position:0 -72px;
}
.mp_nav ul li a.help{
	background-position:0 -144px;
}
.mp_nav ul li a:hover{
	-webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.5);
	-moz-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.5);
	box-shadow:inset 0 0 10px 0 rgba(0,0,0,.5);
}

.mp_nav ul li a.sel{
	background-color:#ff5f00;
}
.mp_nav ul li a.sel.oleaje{
	background-position:-36px 0;
}
.mp_nav ul li a.sel.nivel{
	background-position:-36px -36px;
}
.mp_nav ul li a.sel.combinada{
	background-position:-36px -108px;
}
.mp_nav ul li a.sel.oscilaciones{
	background-position:-36px -72px;
}
.mp_nav ul a:hover.help{
	background-color:#ff5f00;
	background-position:-36px -144px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.mp_nav ul li a.sel:hover{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.mp_slider{
	background:#fcb927;
	position:absolute;
	top:168px;
	z-index:2;
	font-weight:bold;
	height:1.3125em;
	width:23.125em;
	border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
}
.mp_slider .marquee{
	width: 25.28571428571429em;
	padding:0 .5714285714285714em;
	font-size: .875em;
	color:#fff;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
   /* animation: marquee 50s linear infinite;
	-webkit-animation: marquee 50s linear infinite;*/
}
.mp_slider .marquee .notice{
	margin-right:24em;
}
.mp_slider .marquee .notice span{
	color:#111;
	font-size: .8571428571428571em;
	font-style:italic;
}
/* ANIMATION */

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*@keyframes marquee {
    0%   { text-indent: 25.28571428571429em }
    100% { text-indent: -185em }
}
@-moz-keyframes marquee {
    0%   { text-indent: 25.28571428571429em }
    100% { text-indent: -185em }
}
@-webkit-keyframes marquee {
    0%   { text-indent: 25.28571428571429em }
    100% { text-indent: -185em }
}
@-o-keyframes marquee {
    0%   { text-indent: 25.28571428571429em }
    100% { text-indent: -185em }
}*/