/*
Theme Name: Alfret
Description: Tema para WordPress.
Author: Alfret
Author URI: http://www.facebook.com/alfret.cc
version: 2.8.1
Tags: tema, alfret
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Fira+Sans+Extra+Condensed:200,300,400,600,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
*/



/**************************** TOURS ****************************/
.tours{padding-bottom: 10px;}
.tours h2{ font-size:42px; color:#AB1F1F; font-weight: normal; text-align: center; background: url(images/bg-tittlehome.png) bottom center no-repeat; padding: 20px 0px 30px; margin-bottom: 30px;}
.categorytours{text-align: center;}
.categorytours .item{ display: inline-block; width: 33%; min-width: 240px; max-width: 640px; vertical-align: top; border-radius:5px; position: relative; overflow: hidden;}
.categorytours .itemSingle{ display: inline-block; width: 100%; min-width: 240px; vertical-align: top; border-radius:5px; position: relative; overflow: hidden;}
.categorytours .item img{transition-duration: 0.2s;}
.categorytours .item:hover img{transform: scale(1.1) rotate(2deg);}
.categorytours .item .dias{ position: absolute; top: 0; right: 20px;  font-size: 30px; color: #fff; background: url(images/bg-dias.png)top center no-repeat; padding: 11px 12px 22px 11px; text-shadow: 1px 1px 2px #000; font-weight: normal;}
.categorytours .item .dias span{  font-size: 20px; color: #fff; display: block;}
.categorytours .ToursText{position: absolute; bottom: 0; background: url(images/shadow-tours.png)left bottom repeat-x; width: 100%; min-height: 140px;}
.ToursTextLeft{width: 62%; float: left; text-align: left; position: absolute; bottom: 5px; left: 0;}
.ToursTextLeft h3{ font-size: 25px; font-weight: 600; text-transform: uppercase; padding: 0px 0px 5px 5px; display: block; text-shadow: 3px 3px 4px #000;}
.ToursTextLeft h3 a{color: #fff; display: block; text-decoration:none;}
.ToursTextLeft h4{ font-size: 16px; color: #ccc; padding: 0px 0px 0px 10px; margin:0px 0 0px}
.ToursTextLeft p{ display: none; font-size: 16px; color: #ccc; padding: 0px 0px 5px 10px}
.ToursTextRight{width: 35%; float: right; position: absolute; bottom: 5px; right: 10px;}
.ToursTextRight h4{  font-size: 15px; font-weight:500; color: #f6d437; text-shadow: 1px 1px 2px #000; background: url(images/bg-precio.png)bottom center no-repeat;}
.ToursTextRight h4 span{ font-size: 36px;}
.ToursTextRight h5{ font-size: 14px; color: #afafaf; font-weight: 500;}
.ToursTextRight h5 span{text-decoration: line-through;}

.top{ width:1140px; margin:auto; height:100px;}
.toplogo{ width:170px; float:left;}
.toplogo img{ width:100%; height:auto;}
.menutop{ width:820px; float:right;}

.imagentour{position:relative; padding-top:20px; width:1140px; margin:auto;}
.imagentour img{ width:100%; height:auto;}
.imagentour h1{font-size:50px; color:#fff; text-shadow:2px 2px 2px #000; position:absolute; top:40px; left:20px;}

.iconstop{position:absolute; bottom:20px; left:30px;}
.diatour{background-color:#282828;color:#FFF; float:left; width:80px; padding:10px 0; border:dashed 1px #fff;}
.diatour p{ font-weight:500; color:#FFF; font-size:14px; text-align:center;}
.diatour strong{font-size:70px; font-weight:500; line-height:60px;}
.diatour+.diatour{background-color:#AB1F1F; margin-left:10px;}
.diatour+.diatour+.diatour{background-color:#A46911;}
.diatour+.diatour+.diatour strong{ font-size:50px; line-height:42px;}
.diatour+.diatour+.diatour+.diatour{ background-color:#23C354;}
.diatour+.diatour+.diatour+.diatour strong{ font-size:42px; line-height:37px;}
.diatour+.diatour+.diatour+.diatour+.diatour{}
.diatour+.diatour+.diatour+.diatour+.diatour strong{ font-size:40px; line-height:60px;}
.diatour+.diatour+.diatour+.diatour+.diatour+.diatour{}

.tourprecio{ position:absolute; bottom:20px; right:20px; background-color:#AB1F1F; overflow:hidden; padding:15px; font-size:18px;}
.tourprecio h4{  padding-left:15px; font-weight:500; color:#fff; width:120px; float:right; text-align:center;}
.tourprecio h4 strong{font-size:60px; font-weight:500; line-height:50px;}
.tourprecio h5{font-weight:500; color:#fff; width:60px; float:left; text-align:center; font-size:14px; padding-right:10px; border-right: dashed 1px;}
.tourprecio h5 strong{ font-size:26px; font-weight:200;}
.tourprecio h5 u{ font-size:26px; font-weight:200; text-decoration:line-through; color:#FFCC00;}




@media only screen and (min-width:640px) and (max-width: 2800px) {
	.mobile{display:none;}
}

@media only screen and (min-width: 240px) and (max-width: 480px) {
	.categorytours .item{ display:inherit; width:94%; margin:auto; margin-bottom:10px; min-width: 240px; min-height: 220px;}
	.categorytours .item img{width:100%; height:auto;}
	.imagentour{ padding-top:65px; width:100%;}
	.imagentour h1{color:#000; text-shadow:none; font-size:30px; position:inherit; top:inherit; left:inherit; text-align:center; padding:10px 0 5px;}
	.iconstop{ position:inherit; bottom:inherit; left:inherit; text-align:center; overflow:hidden;}
	.diatour {background-color: #282828; float:none;color: #FFF; width: 29.3%; padding: 10px 0; border: dashed 1px #fff; display: inline-block;vertical-align: top;}
	.diatour+.diatour{ margin-left:0;}
	.tourprecio{ position:inherit; bottom:inherit; right:inherit; width:76%; margin:10px auto;}
	.containertours{ width:100%;}
	.ContentLeft{ width:94%; margin:auto; float:none;}
	.content ul{margin:5px 0px 5px 10px;}
	.content h6{ text-align:center;}
	.content h6 strong{ display:inline-block;}
	.itinerarios{ overflow: scroll;}
	.colstour{ width:100%; float:none;}
	.colstour+.colstour{ margin-left:0;}
	.ContentRight{ width:94%; margin:auto; float:none;}
	.ToursTextLeft h3{ font-size: 18px; font-weight: 500; text-transform: uppercase; padding: 0px 0px 5px 10px; display: block; text-shadow: 1px 1px 3px #000;}
}