@import 'https://fonts.googleapis.com/css?family=Architects+Daughter|Kanit|Titillium+Web';
*{
	border:0;
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
body{
	background-color: #F0F0F0;
	font-family: 'Titillium Web', sans-serif;
    background: url("img/fn1.jpg") no-repeat center center fixed;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

	#contenido{
		color: #434343;
		background: #FFFFFF;
	}

	section{
		margin: 0 auto;
		max-width: 1000px;
		width: 95%;
		-webkit-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.75);
	}


	#slider{
		position: relative;
		background: #383737;
		width: 100%;
		height: 350px;
		margin: 0 auto;
	}
		#slider img{
			z-index: 9;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			left:0;
			right:0;
			object-fit: cover;
		}

		.slidesjs-pagination{
			text-align: center;
			width: 100%;
			z-index: 10;
			position: absolute;
			top: 0px;
			background: rgba(0, 0, 0, 0.4);
			list-style: none;
			font-size: 13px;
		}
	.slidesjs-pagination li{
		float: left;
	}
	.slidesjs-pagination li:hover{
		background: #5A5A5A;
	}
	.slidesjs-pagination li a{
		display: block;
		padding: 4px 10px;
		color: #FFFFFF;
		text-decoration: none;
	}
	#slider .active{
		background: #868686;
	}

	#reproducir{
		background: #0086F4;
		width: 100%;
		padding: 12px;
		box-sizing: border-box;
		color: #FFFFFF;
		text-align: center;
		font-size: 18px;
		cursor: pointer;
	}
		#reproducir span{
			font-size: 20px;
			margin-bottom: -3px;
		}




	#inlb{
		text-align: right;
		margin-right: 17px;
		font-size: 18px;
		color: #5d5d5d;
	}
		#inlb img{
			width: 20px;
			margin-bottom: -4px;
		}

		#bAb{
			cursor: pointer;
			font-size: 18px;
			background: transparent;
			color: #00D118;
			font-weight: bold;
			margin-left: 20px;
			font-family: 'Titillium Web', sans-serif;
		}
		#bCe{
			cursor: pointer;
			font-size: 18px;
			background: transparent;
			color: #A90101;
			font-weight: bold;
			margin-left: 20px;
			font-family: 'Titillium Web', sans-serif;
		}


		#tit{
			position: absolute;
			z-index: 100;
			margin-top: 210px;
			text-align: left;
			margin-left: 20px;
			width: 95%;
			max-width: 990px;
			box-sizing: border-box;
		}
			#tit p{
				color: #FFFFFF;
				font-size: 38px;
				line-height: 1.05em;
				text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
			}

	#dest_descripcion{
		padding: 10px 70px;
		box-sizing: border-box;
		color: #666666;
	}


	.serv{
		background: #FCAC0B;
		color: #003360;
		width: 100%;
		padding: 10px 20px;
		box-sizing: border-box;
	}
		.servi{
			display: inline-block;
		}
		.info{
			display: inline-block;
			width: 200px;
			float: right;
		}
			.inf{
				width: 185px;
				padding: 8px 18px;
				box-sizing: border-box;
				background: #005896;
				color: #FFFFFF;
				margin: 5px;
				display: inline-block;
				font-size: 18px;
			}
	#contenido b{
		font-size: 18px;
		color: #192E4B;
	}

	.mapa{
		background: #FFFFFF;
		padding: 25px 15px;
		box-sizing: border-box;
	}
		.mapa p{
			color: #3A3A3A;
			font-size: 15px;
		}
		#MiniMapa{
			margin-top: 5px;
			height: 300px;
			width: 100%;
		}

	#comment{
		background: #F7F7F7;
		padding: 15px;
		box-sizing: border-box;
	}

	.share{
		text-align: right;
		margin: 0 auto;
		max-width: 1000px;
		width: 95%;
		margin-top: 5px;
	}
		.share a{
			padding: 5px;
			box-sizing: border-box;
			background: transparent;
			color: #FFFFFF;
			font-size: 19px;
			cursor: pointer;
			text-decoration: none;
		}
			.share a:hover{
				background: rgba(0, 0, 0, 0.4);
			}

			.share img{
				width: 28px;
				margin-bottom: -7px;
			}

	#comp{
		display: none;
		float: right;
		margin-top: 5px;
		background: #FFFFFF;
		padding: 20px;
		width: 165px;
		box-sizing: border-box;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
	}



	#bRutaGoogle{
		position: fixed;
		z-index: 200;
		bottom: 25px;
		right: 25px;
		cursor: pointer;
		padding: 8px 17px;
		font-size: 16px;
		-webkit-border-radius: 3;
		-moz-border-radius: 3;
		border-radius: 3px;
		color: #FFFFFF;
		background: #0684FA;

		-webkit-box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.75);
		box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.75);
	} #bRutaGoogle:hover, #bHorario:hover{
		background: #047AE7;
	}




@media screen and (max-width: 800px){
	#slider{
		height: 338px;
	}
	#slider img{
		height: 400px;
	}
	#MiniMapa{
		height: 250px;
}

@media screen and (max-width: 650px){
	#slider{
		height: 240px;
	}
	#slider img{
		height: 300px;
	}



	.slidesjs-pagination{
		font-size: 8px;
	}
	.slidesjs-pagination li a{
		padding: 2px 5px;
	}

	#MiniMapa{
		height: 200px;
	}


	#tit{
		margin-top: 170px;
	}
		#tit p{
			font-size: 27px;
		}

	#dest_descripcion{
		padding: 10px 10px;
		box-sizing: border-box;
		color: #666666;
	}

	#bRutaGoogle{
		bottom: 25px;
		right: 15px;
	}
}