/*
	Reb Shortcodes CSS
*/

/*
 *		Tabs and toggle
 *	-----------------------------------------------------------
 */
/* Tabs content */

.tab-shortcode {
	clear: both;
	float: none !important;
	width: auto !important;
	}
.tab-shortcode .tabs-nav,
.tab-shortcode .tabs-nav li.active a,
.tab-shortcode .tabs-nav li a:hover {
	border-bottom-color: #2185c5;
}
.tab-shortcode .tabs-nav {
	list-style: none outside none!important;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	/* border-bottom-color: in Functions.php */
	}
.tab-shortcode .tabs-nav li {
	float: left;
	margin: 0 2px 0px!important;
	overflow: hidden;
	padding: 0!important;
	position: relative;
	}
.tab-shortcode .tabs-nav li.active a{
	color: #444;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	/* border-bottom-color: in Functions.php */
}

.tab-shortcode .tabs-nav li a {
	color: #aaa;
	display: block;
	font-size: 19px;
	font-weight: 700;
	padding: 0px 25px;
	height: 60px;
	line-height: 55px;
	text-decoration: none;
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
.tab-shortcode .tabs-nav li a:hover {
	transition:all 0.1s ease 0s;
		-webkit-transition:all 0.1s ease 0s; 
		-moz-transition:all 0.1s ease 0s; 
		-o-transition:all 0.1s ease 0s;
	color: #444;
	border-bottom-style: inset;
	border-bottom-width: 3px;
	/* border-bottom-color: en Functions.php */
}
.tab-shortcode .tabs-container {
	margin: -1px 0 30px;
	overflow: hidden;
	width: 100%;
}

.tabs-container .tab-content {
	padding: 25px 15px;
}
@media screen and (max-width: 1014px) /*and (min-width: 768px)*/ {
	.tab-shortcode .tabs-nav li a {
		font-size: 17px;
		padding: 0px 15px;
		}
}

@media screen and (max-width: 599px) {
	.tab-shortcode .tabs-nav li a {
		padding: 0px 15px;
	}
}
/* Toggle content */
.toggleItem {
	/*border-bottom: 1px solid #ddd;*/
	margin-bottom: 10px;
	background: #fff;
	/*box-shadow: 0 1px 3px rgba(0,0,0,.3);*/
}
	.toggleItem h4				{ font-size: 17px; background-color: #f3f3f3; margin: 0; padding: 0; border-bottom: 1px solid #d9d9d9; }		
	.toggleItem h4 a			{ display: block; margin: 0; line-height: 40px; text-decoration: none; color: #444; }		
	.toggleItem h4 a:hover		{ color: #06c; }
	.toggleItem h4 i 		 	{ margin: 0 20px 0 0; width: 40px; height: 40px; line-height: 40px; text-align: center; float: left; position: relative; transition: all 0.2s ease 0s; }
	.toggleItem h4:hover i,
	.toggleItem h4 i.icon-chevron-down	{ color: #06c; }
	.toggleItem .togTitle		{ display: block; outline: none; }
	.toggleItem .togTitle:hover	{ /*background: #f5f5f5; box-shadow: 0 1px 3px #6aa9e7;*/ }
	.toggleItem .togDesc		{ padding: 0; margin: 0; background: #f6f6f6; box-shadow: 0 1px 2px #c2c2c2;  }
	.toggleItem .togDesc-inner	{ padding: 20px; margin: 0 20px; overflow: hidden; }
	/* Sidebar and footer mods */
	.widget .toggleItem h4 a 	{ padding: 0.7em 0; }
	.widget .toggleItem .togDesc-inner { margin-left: 8px; margin-right: 8px; }
	.footerTop .toggleItem 		{ border-color: rgba(255,255,255,0.15); }

/* Backup *
	.toggleItem {
		/*border-bottom: 1px solid #ddd;
		margin-bottom: 10px;
		background: #fff;
		box-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
		.toggleItem h4				{ font-size: 17px; background-color: #f3f3f3; margin: 0; padding: 0; border-bottom: 1px solid #d9d9d9; }		
		.toggleItem h4 a			{ display: block; margin: 0; line-height: 40px; text-decoration: none; color: #444; }		
		.toggleItem h4 a:hover		{ color: #2883dd; }
		.toggleItem h4 i 		 	{ margin: 0 20px 0 0; width: 40px; height: 40px; line-height: 40px; text-align: center; float: left; position: relative; transition: all 0.3s ease 0s; }
		.toggleItem h4:hover i,
		.toggleItem h4 i.icon-chevron-down	{ background-color: #549ce4; color: #fff; border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px; }
		.toggleItem .togTitle		{ display: block; outline: none; }
		.toggleItem .togTitle:hover	{ background: #f5f5f5; box-shadow: 0 1px 3px #6aa9e7; }
		.toggleItem .togDesc		{ padding: 0; margin: 0; background: #f6f6f6; box-shadow: 0 1px 2px #c2c2c2;  }
		.toggleItem .togDesc-inner	{ padding: 20px; margin: 0 20px; overflow: hidden; }
		/* Sidebar and footer mods *
		.widget .toggleItem h4 a 	{ padding: 0.7em 0; }
		.widget .toggleItem .togDesc-inner { margin-left: 8px; margin-right: 8px; }
		.footerTop .toggleItem 		{ border-color: rgba(255,255,255,0.15); }
*/

/*
 *		Menu Content-area
 *	-----------------------------------------------------------
 */
#content-area ul.menu {
	list-style: none!important;
	float: left;
	margin: 0 20px 20px 20px;
	display: block;
	width: auto;
	max-width: 275px;
}
#content-area ul.menu li {
	margin: 0;
	padding: 0;
	border: solid 1px #ccc;
	border-bottom: none;
}
/* First and Last child */
#content-area  ul.menu li:first-child {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	/* background-color en fuctions.php */
	padding-left: 10px;
	color: #fff;
}
#content-area .menu .list-ul a {
    color: #fff;
	/* background-color en fuctions.php */
}
#content-area  ul.menu li:last-child {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
    border-bottom: solid 1px #ccc;
}
/* Menu links */
#content-area .menu a {
    display: block;
    position: relative;
    padding: 10px 15px;
    color: #444;
}
#content-area .menu a:hover {
    background: #f1f1f1;
	text-decoration: none;
}
#content-area .menu a:before {
    margin-right: 16px!important;
	font-size: 23px;
}
#content-area .menu a span {
    color: #999;
    font-size: .8em;
    margin-left: 10px;
}
/* Current Menu Item */
#content-area .menu .current-menu-item {
    background: rgba(0, 0, 0,.1);
	border-left: solid 4px #dd4b39;
}

/*
 *		Menu Content-area Down
 *	-----------------------------------------------------------
 */
#content-area ul.content_menu_down {
	list-style: none!important;
	float: left;
	margin: 10px 0 20px!important;
	background-color: #dbebf8;
	background-repeat: no-repeat;
	background-position: 15px 25px;
	padding: 15px 10px 15px 100px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	border-radius: 3px;
	border: 1px solid #bfdff4;
	width: 100%;
	box-sizing: border-box;
	min-height: 115px;
}
/* Image background */
#content-area ul.note {
    background: #dbebf8 url(images/box-note.png) no-repeat 20px 25px;
}
#content-area ul.gastronomia {
    background-image: url(images/box-gastronomia.png);
}
#content-area ul.vida_nocturna {
    background-image: url(images/box-vida_nocturna.png);
}
#content-area ul.clima {
    background-image: url(images/box-clima.png);
}
#content-area ul.compras {
    background-image: url(images/box-compras.png);
}
#content-area ul.direcciones {
    background-image: url(images/box-direcciones.png);
}
#content-area ul.fiestas {
    background-image: url(images/box-fiestas.png);
}
#content-area ul.idioma {
    background-image: url(images/box-idioma.png);
}
#content-area ul.informacion {
    background-image: url(images/box-informacion.png);
}
#content-area ul.transporte {
    background-image: url(images/box-transporte.png);
}
#content-area ul.sitios_turisticos {
    background-image: url(images/box-sitios_turisticos.png);
}
#content-area ul.ciudad {
    background-image: url(images/box-ciudad.png);
}
#content-area ul.calendario {
    background-image: url(images/box-calendario.png);
}
#content-area ul.estaciones {
    background-image: url(images/box-estaciones.png);
	background-size: 75px;
}
#content-area ul.bus {
    background-image: url(images/box-bus.png);
}
#content-area ul.train {
    background-image: url(images/box-train.png);
}
#content-area ul.map {
    background-image: url(images/box-map.png);
}

/* First and last child */
#content-area ul.content_menu_down li:first-child {
	float: none;
	font-size: 1em;
	font-weight: 700;
	margin-left: -10px;
	border-right: none;
}
#content-area ul.content_menu_down li:last-child {
    border-right: none;
}
/* Menu content down */
#content-area ul.content_menu_down li {
	margin: 3px 0;
	padding: 0 2px;
	float: left;
	border-right: solid 1px #999;
	font-size: 15px;
}
#content-area ul.content_menu_down a {
	padding: 10px;
	color: #333;
}
#content-area ul.content_menu_down a:before {
	content: none;
}
#content-area ul.content_menu_down a:hover {
	background: #fff;
	border-radius: 3px;
	text-decoration: none;
}

/*
 *		Page Layout Columns
 *	-----------------------------------------------------------
 */
.col-1-3, .col-2-3, .col-1-2, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5 { float: left; margin-right: 4.5%; }

	/* 	.class			% size			# of columns
	---------------------------------------------------------------------*/
		.col-1-1		{ float: none;  }	/* full width (not required) */
		.col-1-2		{ width: 47.7%; }	/* 1/2 width */
		.col-1-3		{ width: 30.3%; }	/* 1/3 width */
		.col-2-3		{ width: 65.1%; }	/* 2/3 width */
		.col-1-4		{ width: 21.6%; }	/* 1/4 width */
		.col-3-4		{ width: 73.8%; }	/* 3/4 width */
		.col-1-5		{ width: 16.4%; }	/* 1/5 width */
		.col-2-5		{ width: 37.3%; }	/* 2/5 width */
		.col-3-5		{ width: 58.2%; }	/* 3/5 width */
		.col-4-5		{ width: 79.1%; }	/* 4/5 width */
	
	/* last column */	
	.last { margin-right: 0 !important; }
	.col-1-2:last-child, .col-1-3:last-child, .col-2-3:last-child, .col-1-4:last-child, .col-3-4:last-child, 
	.col-1-5:last-child, .col-2-5:last-child, .col-3-5:last-child, .col-4-5:last-child	{ margin-right: 0; }

/*
 *		Buttons
 *	-----------------------------------------------------------
 */
input[type="submit"],
input[type="button"],
.btn,a.btn {
	display: inline-block; zoom: 1; *display: inline; margin: 0 4px 0 0; padding: .35em 1.1em; outline: none; cursor: pointer; vertical-align: baseline; background: #3a4a61; 
	border: 1px solid #3a4a61; border-color: rgba(0,0,0,.1); color: #fff; font-size: 14px; line-height: 1.5;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.08); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.08);  box-shadow: 0 1px 2px rgba(0,0,0,.08);
	-webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
	/* -webkit-background-clip: padding-box; */ /* smoother borders with webkit - but causes issues on transparent borders and "background-color" instead of "background" */
	}

	/* button hover styles */
	input[type="submit"]:hover,
	input[type="button"]:hover,
	a.btn:hover,
	.btn:hover { 
		background-color: #4B5C74;
		/* shadows */
		-webkit-box-shadow: 0 3px 6px -3px rgba(0,0,0,.6); -moz-box-shadow: 0 3px 6px -3px rgba(0,0,0,.6); box-shadow: 0 3px 6px -3px rgba(0,0,0,.6);}

	/* button active styles */
	input[type="submit"]:active,
	input[type="button"]:active,
	a.btn:active,
	.btn:active { 
		-webkit-box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.4); -o-box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.4); box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.4) }

	/* primary button text color and text-decoration (mainly necessary for links */
	.btn, .btn:hover, a.btn:link, a.btn:visited, a.btn:hover { color: #fff; text-decoration: none; }

	/* big buttons */
	input[type="submit"].large, input[type="button"].large, .btn.large, a.btn.large { font-size: 16px; line-height: 1.3; padding: .5em 1.3em .5em; }

	/* small buttons */
	input[type="submit"].small, input[type="button"].small, .btn.small, a.btn.small { font-size: 11px; line-height: 1.3; padding: .3em 1em .4em; }

	/* impact buttons */
	input[type="submit"].impactBtn, input[type="button"].impactBtn, .btn.impactBtn, a.btn.impactBtn, a.btn.impactBtn:link, a.btn.impactBtn:visited { 
		font-weight: bold;
		font-size: 1.25em;
		background-color: #EB3B4D;
		/* gradient overlay */
		background-image: -moz-linear-gradient(top, rgba(255,255,255,.15) 0%, rgba(0,0,0,0.15) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.15)), color-stop(100%,rgba(0,0,0,0.15)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,0.15) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,0.15) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,0.15) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,.15) 0%,rgba(0,0,0,0.15) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26FFFFFF', endColorstr='#26000000',GradientType=0 );
		/* border radius */
		-webkit-border-radius: 2px; 
	       -moz-border-radius: 2px; 
	            border-radius: 2px; }
	input[type="submit"].impactBtn:hover,
	input[type="button"].impactBtn:hover,
	.btn.impactBtn:hover,
	a.btn.impactBtn:hover,
	a.btn.impactBtn:active { 
		/* gradient overlay */
		background-image: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,0.2) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,0.2)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,0.2) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,0.2) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,0.2) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,.2) 0%,rgba(0,0,0,0.2) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33FFFFFF', endColorstr='#33000000',GradientType=0 ); }

	/* misc. styles */
	button::-moz-focus-inner,
	.btn::-moz-focus-inner { border: 0; padding: 0; } /* removes extra padding in FF */
	.btn { -webkit-appearance: none; }
	.rgba .btn[style] { border-color: rgba(0,0,0,.05) !important; } /* forces a slight border on shortcode buttons with custom colors */

	/* icons on buttons */
	.btn i[class^="icon-"] { font-size: 1.2em; margin-right: 5px; min-width: 1em; display: inline-block; }



/*
 *		Boxes
 *	-----------------------------------------------------------
 */
.box {	
	background-color: #F6F6F6;
	border-radius: 10px;
	box-shadow: 0 0 7px #ccc;
	clear: both;
	margin-bottom: 20px;
	padding: 20px;
	word-wrap: break-word;
}
	.box div{padding-left:54px; min-height:50px;}
	.box.shadow{
		-webkit-box-shadow: 2px 2px 7px rgba(153, 153, 153, 0.6);
		   -moz-box-shadow: 2px 2px 7px rgba(153, 153, 153, 0.6);
				box-shadow: 2px 2px 7px rgba(153, 153, 153, 0.6);
		border: 1px solid #aaa;
	}
		.box.shadow div{padding:0;}
	.box.info {background:#d6f6ff;}
		.box.info div{	background:url(images/box-info.png) no-repeat left top;}
	.box.success{background:#e2f2cb;}
		.box.success div{background:url(images/box-success.png) no-repeat left top;}
	.box.warning{ background:#fffddb;}
		.box.warning div{background:url(images/box-warning.png) no-repeat left top;}
	.box.error{ background:#ffe6e2;	}
		.box.error div{background:url(images/box-error.png) no-repeat left top;}
	.box.download{background:#e2f2cb;}
		.box.download div{background:url(images/box-download.png) no-repeat left top;}
	.box.note{background:#FFFFE2;}
		.box.note div{background:url(images/box-note.png) no-repeat left top;}

/*
 *		Miscelaneos
 *	-----------------------------------------------------------
 */
/* #Link external (lext) */
.link .external {
	background:url(images/external-link.png) no-repeat scroll right center transparent;
	padding-right:13px
}

/* Clear */
.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	width: 100%;
}
/* Más y more*/
.mas,
.more {
	margin: 15px 10px 30px 20px;
	background: #f5f5f5;
	padding: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #eee;
	font-family: Roboto,HelveticaNeue,Arial,sans-serif;
    font-size: 16px;
}
.mas i,
.more i {
	color:#f1a248
}
.more .icon-plus-square:after { /* Más información */
    content: "Más información:";
    color: #444;
    font-size: 15px;
    font-family: Roboto,HelveticaNeue,Arial,sans-serif;
    margin: 0 1px 0 7px;
    vertical-align: bottom;
	text-transform: none!important;
}

.mas{
	background: url(/img/mas.gif) 20px center no-repeat;
    padding: 10px 40px;
    font-weight: 500;
}

/* Unordered list */
ul.icons {
	list-style: none!important;
	margin: 10px 0 20px!important;
}
ul.icons li {
	margin-left: 40px;
	padding: 5px 0;
}
	@media screen and (max-width: 770px) {
		.col-1-3 ul.icons li { /* solo li en 3 columnas */
			margin-left: 10px;
		}
	}
/* Count list number */
.count_list {
	clear: both;
	margin: 30px 0 10px;
	min-height: 40px;
	padding: 15px 0 0 60px !important;
}
.count_list span {
	border: 3px solid #ec877e;
	color: #ec877e;
	border-radius: 50%;
	font-size: 20px;
	font-weight: 700;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
	float: left;
	display: table-cell;
	margin: -5px 15px 0 -40px
}
.count_list h2 {
	border-bottom: none !important;
	margin: 0 !important;
	display: table-cell !important;
}
/* Title box ------------------- */
.titlebox {
    clear: both;
    border: 1px solid #ccc;
    margin: 30px 0 40px;
    padding: 30px 30px 20px;
    position: relative;
    border-radius: 8px;
    box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 10%);
	/* para cuando dentro hay col-1-3 */
	display: flex;
    flex-direction: column;
}
	@media screen and (max-width: 480px) {
		/* solo li en 3 columnas */
		.titlebox {
			padding: 25px 15px 10px;
		}
	}
.titlebox > strong:first-child {
	background: none repeat scroll 0 0 #fff;
    float: left;
    font-size: 20px;
    font-weight: 500;
    left: 11px;
    line-height: 18px;
    padding: 0 10px;
    position: absolute;
    top: -10px;
    letter-spacing: 0.5px;
}

/* Spacer */
.spacer {
	display: block;
	height: 20px;
	clear: both;
	overflow: hidden;
}

/*		Heading
---------------------------------------------------------------*/
.heading-style-default {
	padding: 2px 0;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	clear: both;
}
.heading-style-default .heading-inner {
	padding: 1em 0.5em;
	border-top: 4px solid #eee;
	border-bottom: 4px solid #eee;
}
.heading.heading-align-left { text-align: left; }
.heading.heading-align-left .su-heading-inner { padding-left: 0.2em; }
.heading.heading-align-right { text-align: right; }
.heading.heading-align-right .su-heading-inner { padding-right: 0.2em; }
.heading.heading-align-center { text-align: center; }


/*		Shortcode > Empresa
-----------------------------------*/
.empresa-short {
	border-bottom: 1px solid #ddd;
	padding: 10px 20px;
	min-height: 65px;
	font-size: 0.96em;
	display: flex;
	clear: both;
}
.empresa-short:nth-child(odd) {
	background-color: transparent;
}
.empresa-short:nth-child(even) {
	background-color: #f4f4f4;
}
	.empresa-short strong {
		font-weight: 500;
	}
.empresa-short-right {
	display: block;
}
	.empresa-short-right div {
		padding-bottom: 1px;
	}
.empresa-logo,
.empresa-photo {
	max-width: 150px;
	float: left;
	margin: 0 20px;
    display: flex;
    align-items: center;
}
.empresa-logo img,
.empresa-photo img {
	border-radius: 5px;
}
.empresa-title {
	font-weight: 500;
	font-size: 19px;
}
	.empresa-title .icon-taxi {
		font-size: 20px;
	}
/*		Shortcode > Datos
-----------------------------------*/
.datos-short {
    margin-bottom: 20px;
}
.datos-title {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
}
.datos-short-right-margin {
    margin-left: 5px;
	line-height: 27px;
}
.datos-distance i.i-margin.icon-map-marker,
.datos-ubication i.i-margin.icon-map-marker {
    margin: 0 8px 0 13px;
}


/*		Shortcode > Hotel
-----------------------------------*/
.hotel-short {
    padding: 10px 0 15px;
    font-size: 15px;
}
.hotel-title {
    font-size:17px;
	font-weight:700;
	color:#8b2f24;
}
.hotel-star {
	font-size:14px;
	color:#878787;
}
.hotel-desc {
    padding: 10px 0;
}