* {font-family: arial;font-size: 12pt;line-height: 12pt;padding: 0;}

.linkit a 		{ padding: 0 0 0 1em !important;}
.linkit.M a span 	{ font-size: 10pt !important;}
.mark 			{ padding: 0.5em 0 !important;}

.content	{position:relative; height: 600px; background: url("./i/MapaBack.jpg") no-repeat scroll left top #F2F2F2;overflow: hidden;width: 928px;}
.content>.Maps					{ background:transparent; float: left; /*height: 80%;*/ height: 500px; display: block;}
.content>.Maps>.Fase			{ 
	position:absolute; top:0; width:100%; float:left; display:block; height: 600px;
	background:transparent;
	opacity:0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	z-index:49;
}
.content>.Maps>.Fase.active		{ 
	display:block; opacity:1;
	z-index:50;
}
.content>.Maps>.Fase>.descrip	{ 
	float:right; width:42%; background:#fff; height:100%; padding: 40px 15px 20px;
	box-sizing:border-box; -moz-box-sizing:border-box;opacity:0;
	position: absolute;right: -100%;z-index:55;
	-webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
	
	-webkit-transition: right 0.3s ease, opacity 0.5s ease;
	-moz-transition: right 0.3s ease, opacity 0.5s ease; 
	-o-transition: right 0.3s ease, opacity 0.5s ease; 
	transition: right 0.3s ease, opacity 0.5s ease; 
}
.content>.Maps>.Fase>.lamina{ 
	float:left; width:60%; background:transparent; height:100%; padding:0px;
	box-sizing:border-box; -moz-box-sizing:border-box;opacity:0;
	position: relative;left:50%;
	background: url("i/fase1.png") no-repeat scroll 0 0 transparent;
	
	-webkit-transition: left 0.5s ease, opacity 0.3s ease;
	-moz-transition: left 0.5s ease, opacity 0.3s ease; 
	-o-transition: left 0.5s ease, opacity 0.3s ease;
	transition: left 0.5s ease, opacity 0.3s ease;
}
.content>.Maps>.Fase.active>.lamina{ 
	left: 0;
	opacity:1;
}
.content>.Maps>.Fase.active>.descrip	{ 
	right: 0;
	opacity:1;
}
.content>.Maps>#Fase1>.lamina{ background: url("i/fase1.png") no-repeat scroll 0 0 transparent;}
.content>.Maps>#Fase2>.lamina{ background: url("i/fase2.png") no-repeat scroll 0 0 transparent;}
.content>.Maps>#Fase3>.lamina{ background: url("i/fase3.png") no-repeat scroll 0 0 transparent;}
.content>.Maps>#Fase4>.lamina{ background: url("i/fase4.png") no-repeat scroll 0 0 transparent;}
.content>.Maps>#Fase5>.lamina{ background: url("i/fase5.png") no-repeat scroll 0 0 transparent;}
.content>.Maps>#Fase6>.lamina{ background: url("i/fase6.png") no-repeat scroll 0 0 transparent;}

.content > .Maps > .Fase > .descrip > h3,
.content > .Maps > .Fase > .descrip > h3 * 	{ font-family: RTVEfontR,Tahoma,serif; font-size:16pt; color:#69085A; font-weight: normal;}
.content > .Maps > .Fase > .descrip > h3	{ line-height: 16pt; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
.content > .Maps > .Fase > .descrip > h3 >span	{ font-size: 12pt; color: #a00057; line-height: 20pt;}
.content > .Maps > .Fase > .descrip > p {font-family: RTVEfontSansR,Tahoma,serif; font-size: 11pt; line-height: 11pt; color: #555; padding:5px 0px !important;}
.content>.navigation>.Fase		{ display:inline; float:left; width:auto;}

.content>.navigation			{
	float: left;width: 100%;/*height: 15%;*/
	height: 80px; background:rgba(105,8,90,.7); _background:#69085A;padding: 2px 0px;
	text-align: center;
	position:absolute; bottom: 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px;
	z-index:100;
}
.content>.navigation>.Fase		{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	display: inline;
	float: left;
	height: 100%;
	margin: 0px;
	/*padding: 0 5px;*/
	position: relative;
	width: 16.6%;
	cursor:pointer;
}
.content>.navigation>.Fase h3	{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	font-family: RTVEfontR,Tahoma,serif; font-size: 10.5pt; color: #fff; font-weight: normal;
	position: absolute;z-index:2;/*top:0;*/ width: 100%; text-align:left; margin:0px; padding:5px;
	position:absolute; background: none repeat scroll 0 0 rgba(105, 8, 90, 0.9);bottom: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.content>.navigation>.Fase span	{
	float:left;width:100%; background:#d2b4cd; height:0%;
	opacity:0;position: absolute;z-index:1;top:0; left:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease; 
}
.content>.navigation>.Fase:hover span{
	height:100%;opacity:1;
}
.content>.navigation>.Fase.active span{
	/*background:#fff;*/
	height:100%;opacity:1;
}
.content>.navigation>.Fase:hover h3, .content>.navigation>.Fase.active h3	{
	/*color:#69085A;*/
}

.content>.navigation>#Fase1 span{background:url("./i/btnFase1.jpg") no-repeat scroll 50% 50% transparent}
.content>.navigation>#Fase2 span{background:url("./i/btnFase2.jpg") no-repeat scroll 50% 50% transparent}
.content>.navigation>#Fase3 span{background:url("./i/btnFase3.jpg") no-repeat scroll 50% 50% transparent}
.content>.navigation>#Fase4 span{background:url("./i/btnFase4.jpg") no-repeat scroll 50% 50% transparent}
.content>.navigation>#Fase5 span{background:url("./i/btnFase5.jpg") no-repeat scroll 50% 50% transparent}
.content>.navigation>#Fase6 span{background:url("./i/btnFase6.jpg") no-repeat scroll 50% 50% transparent}

#tanque{ width:52px; height:43px; background:url('./i/tanque.png') no-repeat center center transparent;
	position:absolute; top:52px; left: 320px;z-index: 200;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out; 
	-o-transition: all 1s ease-out; 
	transition: all 1s ease-out;
	}
#tanque.Fase1{ 
	-webkit-transform: translate(48px, -30px); 
	-moz-transform: translate(48px, -30px); 
	-o-transform: translate(48px, -30px); 
	transform: translate(48px, -30px); 
}
#tanque.Fase2{ 
	-webkit-transform: translate(70px, 62px); 
	-moz-transform: translate(70px, 62px); 
	-o-transform: translate(70px, 62px); 
	transform: translate(70px, 62px); 
}
#tanque.Fase3{ 
	-webkit-transform: translate(70px, 0px); 
	-moz-transform: translate(70px, 0px); 
	-o-transform: translate(70px, 0px); 
	transform: translate(70px, 0px); 
}
#tanque.Fase4{ 
	-webkit-transform: translate(8px, 40px); 
	-moz-transform: translate(8px, 40px); 
	-o-transform: translate(8px, 40px); 
	transform: translate(8px, 40px); 
}
#tanque.Fase5{ 
	-webkit-transform: translate(-20px, 140px); 
	-moz-transform: translate(-20px, 140px); 
	-o-transform: translate(-20px, 140px); 
	transform: translate(-20px, 140px); 
}