@charset "utf-8";

section#TourList{
	height:auto;
	padding:130px 0 50px 0;
}

section#TourList > ul{
	display:block;
	height:auto;
	width:770px;

	margin:30px auto 0 auto;
}
section#TourList > ul > li{
	display:block;
	height:250px;
	width:750px;
	border:#ccc solid 1px;
	margin:10px;
	padding:10px;

	position:relative;
}
section#TourList > ul > li:hover{
	border-color:#abbe92;
}
section#TourList > ul > li > span{
	display:block;
	height:250px;
	width:200px;
	float:left;

	position:relative;
	overflow:hidden;
}
section#TourList > ul > li > span > img{
	display:block;
	height:100%;
	width:auto;

	position:absolute;
	top:50%;
	left:50%;

	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
		 -o-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
}


section#TourList > ul > li > h2{
	display:block;
	height:auto;
	width:530px;

	font-family: 'chunkfive_exregular';
	font-weight:normal;
	font-size:24px;
	color:#abbe92;

	padding:0 0 5px 20px;

	float:left;
}
section#TourList > ul > li > div{
	display:block;
	height:40px;
	width:530px;

	padding:0 0 15px 20px;
	float:left;
}
section#TourList > ul > li > div > span{
	display:inline-block;
	height:40px;
	line-height:20px;
	width:auto;

	border:#abbe92 dotted 1px;

	font-family: 'museo_sans300';
	font-size:11px;
	color:#666;
	text-align:center;

	padding:0 5px;
	margin:0 5px 0 0;
}
section#TourList > ul > li > div > span > b{
	display:block;
	height:20px;
	line-height:15px;

	font-family: 'museo_sans700';
	font-weight:normal;
	font-size:15px;
	color:#abbe92;
	text-align:center;
}

section#TourList > ul > li > p{
	display:block;
	height:auto;
	width:530px;

	font-family: 'museo_sans300';
	font-weight:normal;
	font-size:13px;
	color:#999;

	padding:0 0 0 20px;

	float:left;
}

section#TourList > ul > li > strong{
	display:block;
	height:auto;
	width:380px;

	font-family: 'museo_sans300';
	font-weight:normal;
	font-size:14px;
	color:#666;

	padding:0 0 0 20px;
	position:absolute;
	bottom:15px;
	left:210px;
}
section#TourList > ul > li > strong > b{
	font-family: 'museo_sans700';
	font-weight:normal;
	font-size:20px;
}
section#TourList > ul > li > a{
	position:absolute;
	right:20px;
	bottom:15px;

	border-color:#abbe92;
	background-color:#abbe92;
	color:#FFF;
}
section#TourList > ul > li > a:hover{
	border-color:#666;
	background-color:#666;
	color:#FFF;
}

/*======================================================================================================*/
/*																										*/
/*																										*/
/*																										*/
/*																										*/
/*																										*/
/*======================================================================================================*/

/*.calendar-section {*/
    /*padding:100px 0 0 0 !important;*/
/*}*/


section.TourDesc_Titulo{
	padding: 0 !important;
	margin-top: 148px;
}


section.TourDesc_Titulo:after{
	display:block;
	content:'';
	height:100%;
	width:100%;

	position:absolute;
	top:0;
	left:0;
	background-color:rgba(53,102,86,0);
}

section.TourDesc_Titulo > h1{
	position:relative;
	z-index:1;
}
section.TourDesc_Titulo > div{
	display:block;
	height:auto;
	width:100%;

	text-align:center;
	margin:30px 0 0 0;
}
section.TourDesc_Titulo > div > span{
	display:inline-block;
	height:40px;
	line-height:20px;
	width:auto;

	border:#abbe92 dotted 1px;

	font-family: 'museo_sans300';
	font-size:11px;
	color:#666;
	text-align:center;

	padding:0 10px;
	margin:0 5px;

	position:relative;
	z-index:1;
}
section.TourDesc_Titulo > div > span > b{
	display:block;
	height:20px;
	line-height:15px;

	font-family: 'museo_sans700';
	font-weight:normal;
	font-size:17px;
	color:#abbe92;
	text-align:center;
}

section.TourDesc_Titulo > div > span#Precio{
	background-color:#abbe92;
	color:#FFF;
	padding:0 20px;
}
section.TourDesc_Titulo > div > span#Precio > b{
	color:#FFF;
	font-weight:normal;
}


section.TourDesc_Titulo > p{
	display:block;
	height:auto;
	width:800px;

	font-family: 'museo_sans700';
	font-weight:normal;
	font-size:20px;
	color:#abbe92;
	text-align:center;

	margin:20px auto 0 auto;
	padding:0;
	position:relative;
	z-index:1;

}


section.Titulo_Blanco{
	padding:140px 0 !important;
}
section.Titulo_Blanco:after{
	background-color:rgba(53,102,86,0.5) !important;
}
section.Titulo_Blanco > h1{
	color:#FFF;
}
section.Titulo_Blanco > h1:after{
	background-color:#FFF;
}
section.Titulo_Blanco > div > span{
	border-color:#FFF;
	color:#FFF;
}
section.Titulo_Blanco > div > span > b{
	color:#FFF;
}
section.Titulo_Blanco > p{
	color:#FFF;
}




section.TourDesc_Desc{
	height:auto;
	padding:0 0 30px 0;
}

section.TourDesc_Desc > p{
	display:block;
	height:auto;
	line-height:16px;
	width:900px;

	margin:0px auto 0 auto;

	font-family: 'museo_sans300';
	font-weight:normal;
	font-size:13px;
	color:#666;
	text-align:justify;
}


section.TourDesc_Details{
	height:auto;
	padding:0px 0 50px 0;
	text-align:center;
}
section.TourDesc_Details a{
	border-color:#abbe92;
	background-color:#abbe92;
	color:#FFF;
}
section.TourDesc_Details a:hover{
	border-color:#666;
	background-color:#666;
}

section.TourDesc_Details > ul{
	display:table;
	width:900px;
	height:auto;

	margin:40px auto 0 auto;
}
section.TourDesc_Details > ul > div{
	display:block;
	height:auto;
	width:240px;

	float:right;
}
section.TourDesc_Details > ul > div > img{
	display:block;
	height:auto;
	width:240px;

	margin:0 0 20px 0;
}
section.TourDesc_Details > ul > li{
	display:block;
	height:auto;
	width:650px;

	float:left;
}
section.TourDesc_Details > ul > li > h3{
	display:block;
	height:auto;

	font-family: 'chunkfive_exregular';
	font-weight:normal;
	font-size:21px;
	color:#999;
	text-align:left;

	border-bottom:#ccc solid 1px;

	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
section.TourDesc_Details > ul > li > p{
	display:block;
	height:auto;

	font-family: 'museo_sans300';
	font-weight:normal;
	font-size:14px;
    color: #999;
    line-height: 18px;
	text-align:justify;

	padding:0 0 30px 0;
}

section.TourDesc_Map{
	height:auto;
	padding:30px 0;
}

section.TourDesc_Map > img{
	display:block;
	height:auto;
	width:900px;
	margin:20px auto 0 auto;
}

@media only screen and (max-width:1024px) {
    section#TourList {
        padding-top: 30px;
    }

	section#TourList > ul{
		display:block;
		height:auto;
		width:90%;

		margin:30px auto 0 auto;
		padding:0;
	}
	section#TourList > ul > li{
		display:table;
		height:auto;
		width:95%;
		padding:2.5%;
		margin:0 0 10px 0;
	}

	section#TourList > ul > li > span{
		display:block;
		height:200px;
		width:30%;
		float:left;

		position:relative;
		overflow:hidden;
	}
	section#TourList > ul > li > span > img{
		display:block;
		height:100%;
		width:auto;

		position:absolute;
		top:50%;
		left:50%;

		-webkit-transform:translate(-50%,-50%);
		   -moz-transform:translate(-50%,-50%);
			 -o-transform:translate(-50%,-50%);
				transform:translate(-50%,-50%);
	}

	section#TourList > ul > li > h2{
		display:block;
		height:auto;
		line-height:25px;
		width:65%;
		padding:0 0 5px 5%;
		float:right;
	}
	section#TourList > ul > li > div{
		display:block;
		height:auto;
		width:65%;

		padding:0 0 5px 5%;
		float:right;
	}
	section#TourList > ul > li > div > span{
		margin:0 5px 5px 0;
	}

	section#TourList > ul > li > p{
		display:block;
		height:auto;
		width:65%;

		padding:0 0 5px 5%;
		margin:0 0 50px 0;

		float:right;
	}




	/*======================================================================================================*/
	/*																										*/
	/*																										*/
	/*																										*/
	/*																										*/
	/*																										*/
	/*======================================================================================================*/

	section.TourDesc_Titulo{
		margin-top: 20px;
	}

	section.TourDesc_Titulo > div{
		margin:30px 0 0 0;
	}

	section.TourDesc_Titulo > p{
		display:block;
		height:auto;
		width:100%;

		margin:20px auto 0 auto;
		padding:0;
	}

	section.Titulo_Blanco{
		padding:100px 0 !important;
	}

	section.TourDesc_Desc{
		height:auto;
		padding:30px 0;
	}

	section.TourDesc_Desc > p{
		display:block;
		height:auto;
		line-height:16px;
		width:90%;

		margin:20px auto 0 auto;
	}

	section.TourDesc_Details{
		height:auto;
		padding:40px 0 50px 0;
	}
	section.TourDesc_Details > ul{
		display:table;
		width:90%;
		height:auto;

		margin:40px auto 0 auto;
	}
	section.TourDesc_Details > ul > div{
		display:none;
	}

	section.TourDesc_Details > ul > li{
		display:block;
		height:auto;
		width:90%;

		float:none;
		margin:0 auto;
	}

	section.TourDesc_Map{
		height:auto;
		padding:30px 0;
	}

	section.TourDesc_Map > img{
		width:90%;
	}

}