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


a:link {
	color: #0080C1;
	text-decoration:none;
}
a:visited {
	color: #EC7F29;
	text-decoration:none;

}
a:hover {
	color: #fff;
}
a:active {
	color: #000000;
}
	
	
/* Header*/
.back{
	background-image:url(../img/banner-MAPAdeRUTA.jpg) 100% 100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	padding:0;
	margin:0;
}

.back-header{
	background-image:url(../img/banner-MAPAdeRUTA.jpg);
	background-color: #0080C1;
	background-repeat:no-repeat;
	background-position:center top;
	/*filter: alpha(opacity=80); /*---- para que funcione en IE ----*/
  /*opacity: .80; /*--------- para en el resto de navegadores ----*/
	}
	
	.menu{
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
			
		.menu a{
		background-image: url(../img/btn_on1.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
	.menu a:hover{
			background-image: url(../img/btn_over1.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
		menu a:visited{
		background-image: url(../img/btn_off1.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
		.menu1{
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
	.menu1 a{
		background-image: url(../img/btn_on2.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
	.menu1 a:hover{
		background-image: url(../img/btn_over2.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
		menu1 a:visited{
		background-image: url(../img/btn_off2.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
		.menu2{
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
		.menu2 a{
		background-image: url(../img/btn_on3.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
	.menu2 a:hover{
		background-image: url(../img/btn_over3.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
		menu2 a:visited{
		background-image: url(../img/btn_off3.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
		.menu3{
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
		.menu3 a{
		background-image: url(../img/btn_on4.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
	.menu3 a:hover{
		background-image: url(../img/btn_over4.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
		menu3 a:visited{
		background-image: url(../img/btn_off4.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
	
	.menu4{
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
		.menu4 a{
		background-image: url(../img/btn_on5.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
	.menu4 a:hover{
		background-image: url(../img/btn_over5.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
		
		menu4 a:visited{
		background-image: url(../img/btn_off5.png);
		background-repeat:no-repeat;
		background-position: left 2px;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		line-height: 20px;
		font-weight: 300;
		font-size: 11px;
		color: #FFF;
		padding-top: 30px;
		text-align: left;
		padding-left:15px;
		margin-left:-13px;
		}
	
/* Body*/
	.b-body{
		background-color:#0080C1;
		}
		
		.b-timeline{
		background-color:#4855A3;
		}
	.title{
		font-family:Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		font-size:50px;
		font-weight:bold;
		color:#FFF;
			}
	
	.header{
		font-family:Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		font-size:18px;
		letter-spacing: 0.7px;
		line-height:25px;
		color:#FFF;
		text-align: right;
		padding-right: 10px;
		padding-left: 50px;
	}
	
	.txt{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:20px;
		color:#FFF;
		text-align:left;
		padding-left: 50px;
	}
		
	
	.subtitle{
		font-family:Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		font-size:25px;
		color:#FFF;
		line-height:50px;
			}
			
			/*Question*/
			.txt-q{
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		font-size: 15px;
		line-height:18px;
		color:#FFF;
		text-align: right;
		padding-left: 50px;
	}
	
				.txt-iz{
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		font-size: 15px;
		line-height:18px;
		color:#FFF;
		text-align: left;
		padding-left:60px;
	}
	
	.back-txt{
		background-color: #0080C1;
		height:30px;
		width:318px;
		border:thin;
		background-image:url(../img/fondo-MAPAdeRUTA.png);
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding-left:10px;
		color:#FFF;
		}
	
	.back2-txt{
		background-color: #0080C1;
		width:318px;
		height:135px;
		border:thin;
		background-image:url(../img/fondo1-MAPAdeRUTA.png);
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding-top:10px;
		padding-left:10px;
		color:#FFF;
		}
		
		.enviar {
		background-image:url(../img/btn_env.png);
		background-repeat:no-repeat;
		font-family: Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
		font-size: 15px;
		line-height:18px;
		color:#FFF;
		text-align: right;
		background-color:#0080C1;
	    border:none;
		cursor:hand;
		padding-left:27px;
		padding-top:-2px;
		}
			
	
/* Footer*/
.b-footer{
		background-color:#4855A3;
		}
		.txt-footer{
			font-family:Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
			font-size:10px;
			color:#FFF;
			text-align:left;
			}
			
			.txt-r{
			font-family:Eurostile, "Myriad Pro", "Arial Narrow", sans-serif;
			font-size:10px;
			color:#FFF;
			text-align: right;
			}