/* CSS personalizado propio para la web de Valencia 4.0 */


/* Cargar fuente */

@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot');
src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff') format('woff'),
url('../fonts/fontawesome-webfont.ttf') format('truetype'),
url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}


/* Banderas: idiomas */

div.mod-languages ul li.lang-active{background-color:#F6F6F6 !important;padding:0px 5px 3px;border-radius:3px}

/* Home */

#sp-top-bar {padding:3px;border-bottom:1px solid #ffffff;}

#topsl-1 {
	color:#fff;
	text-align:right;
	padding: 30px 20px;
}

.logo-image {
    height: 70px !important;
    width: 240px !important;
}

#sp-title .rokin {font-size:0.8rem;}


.breadcrumb{padding:0.2rem 1rem;background-color:#f6f6f6;border-top:1px solid #ffffff;border-bottom:1px solid #dcdcdc;font-size:0.9rem; height:2.2rem;}


/* Menu principal */
.sp-megamenu-wrapper ul.sp-megamenu-parent li.sp-menu-item>a{text-transform:uppercase;}


/* Menu desplegable */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge){font-size:1.0rem;color:#c6c6c6;line-height:42px;display:block;padding:0 10px 0 20px;cursor:pointer;border-bottom:1px solid #c6c6c6;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{padding:0;}

.sp-dropdown .sp-dropdown-inner ul.sp-dropdown-items li.sp-menu-item>a{text-transform:none;}


/* Main Body */

#sp-main-body{padding:100px 0 0 0;margin:0;}

p.intro {font-family: Open Sans, Arial, Helvetica, sans-serif;font-size:1.1rem;line-height:1.5rem;}

/* Iguala los márgenes del content-top y el main-body */
.container-fluid {padding:0;margin:0;}


/* Headings */

h1, .article-header h1, .article-header div[itemprop="headline"] h1 {font-size:3.2rem;text-transform:uppercase;}
div[itemprop="headline"] h1 {font-size:3.2rem;text-transform:uppercase;}

.article-details .article-header h1, .article-details .article-header h2 {font-size:3.2rem;}


h2, .article-header h2, .article-header div[itemprop="headline"] h2 {font-size:2.6rem;text-transform:uppercase;}
h2 a{font-size:2.6rem}
.article-list .article .article-header h2 a{color:#990000; font-size:1.8rem}
.article-list .article .article-header h2 a:hover {color:#000000;}

h3 {margin-top:2.8rem;text-transform:uppercase;}
h3.sinmargen {margin-top:0;}

h4 {margin-top:2.0rem;}



/* Bottom */

#sp-bottom{padding:0 0 30px 0;margin:0;}
#sp-bottom .sp-module{margin-bottom:20px}


/* Modulos */

.sp-module {padding:0;}

#sp-left .sp-module,#sp-right .sp-module {padding:0;margin-top:40px;border:1px solid #ccc;border-radius:3px; background-color:#f6f6f6;}

#sp-left .sp-module .sp-module-content h4,#sp-right .sp-module .sp-module-content h4 {font-size:1.4rem;line-height:1.5rem;}

#sp-left .sp-module .sp-module-title,#sp-right .sp-module .sp-module-title{color:#ffffff;padding:18px 5px 18px 15px;margin:0 0 25px;font-family: "Raleway", Arial, Helvetica, sans-serif;font-size:1.2rem;font-weight:500;border:1px solid #990000;background-color:#990000;text-transform: uppercase;}

#sp-left .sp-module .sp-module-content,#sp-right .sp-module .sp-module-content {padding:0 20px 20px 20px;font-size:1.0rem;line-height:1.4rem;}

#sp-left .sp-module ul>li, #sp-right .sp-module ul>li {display:block;border-bottom:1px solid #dcdcdc;border-top:1px solid #ffffff; background: url(../../../images/home4/arrow2.png) no-repeat 0px center;padding:0 0 0 15px;}

#sp-left .sp-module ul>li:first-child, #sp-right .sp-module ul>li:first-child{border-top:none}

#sp-left .sp-module ul>li>a,#sp-right .sp-module ul>li>a{font-size:1.1rem;color:#990000;display:block;padding:5px 0;line-height:1.8rem;padding:2px 0}

#sp-left .sp-module ul>li>a:hover, #sp-right .sp-module ul>li>a:hover, #sp-left .sp-module ul>li>a:active, #sp-right .sp-module ul>li>a:active, #sp-left .sp-module ul>li>a:focus, #sp-right .sp-module ul>li>a:focus{color:#333;}


/* suffix blanco */
.sp-module.blanco {background: #ffffff;}

#sp-left .sp-module.blanco,#sp-right .sp-module.blanco {border:1px solid #ccc;border-radius:3px; background-color:#ffffff;}

#sp-left .sp-module.blanco .sp-module-title,#sp-right .sp-module.blanco .sp-module-title{color:#333;background-color:#fff;border-left:1px solid #ccc;border-top:none;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}

#sp-left .sp-module.blanco .sp-module-content,#sp-right .sp-module.blanco .sp-module-content {}


/* suffix blanco2 con titulo rojo */
.sp-module.blanco2 {background: #ffffff;}

#sp-left .sp-module.blanco2,#sp-right .sp-module.blanco2 {border:1px solid #ccc;border-radius:3px; background-color:#ffffff;}

#sp-left .sp-module.blanco2 .sp-module-title,#sp-right .sp-module.blanco2 .sp-module-title{color:#fff;background-color:#990000;}


/* suffix dark */
.sp-module.dark {background: #000000;}

#sp-left .sp-module.dark,#sp-right .sp-module.dark {color: #999;border:1px solid #ccc;border-radius:3px; background-color:#000000;}

#sp-left .sp-module.dark .sp-module-title,#sp-right .sp-module.dark .sp-module-title{color:#fff;background-color:#000000;border:1px solid #333;}

.sp-module.dark h4 {color: #999;}


/* botones */

#qbook {
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	background: #990000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	float: right;
	font-size: 1.0rem;
	font-weight: 500;
	word-spacing: 8px;
	height: 32px;
	line-height: 33px;
	margin: 0;
	padding: 0 18px;
	right: 0;	
	text-transform: uppercase;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#qbook:hover {
	background: #333;
	color: #ccc;
}

#qbookd {
	background: #333;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	float: right;
	font-size: 0.875rem;
	font-weight: 600;
	word-spacing: 8px;
	height: 32px;
	line-height: 33px;
	margin: 0;
	padding: 0 18px;
	right: 0;	
	text-transform: uppercase;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#qbookd:hover {
	background: #ccc;
	color: #333;
}


#centro {
margin:0 auto 0 auto; width:100%;
text-align:center;
font-size:1.25rem;
}



/* Articulos */
#sp-main-body{padding:50px 0 70px 0}

.article-list .article{margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:3px}


/* Read more */
.article-list .article .readmore{text-align:right;}

.article-list .article .readmore a{color:#fff;font-weight:400;font-size:0.9rem;line-height:1.1rem;font-family: "Raleway", Arial, Helvetica, sans-serif;text-transform:uppercase;background-color:#990000;padding:5px 10px;}

.article-list .article .readmore a:hover,.article-list .article .readmore a:active,.article-list .article .readmore a:focus{background-color:#000000;color:#fff;}


/* Bullets (listados) */
ul.checkicon {list-style:none;overflow:inherit;padding:5px 0 5px 0;position:relative;margin:1.4em 0 2em 0;padding:0}
ul.checkicon li {}
ul.checkicon li:before {font-family:"FontAwesome";font-size:1.2rem;color:#990000;content:"\f00c";}


/* Social */
.article-social-share .social-share-icon ul li a{border:1px solid #e9e9e9;}
.article-details .article-ratings-social-share{padding:0.3rem 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin-bottom:1rem}
.article-social-share .social-share-icon ul li a:hover,.article-social-share .social-share-icon ul li a:focus{background:#990000;}


/* Article info */
.article-details .article-info{margin-bottom:2.5rem;margin-top:1.8rem;font-size:1.3rem;}

.sp-scroll-up:hover,.sp-scroll-up:active,.sp-scroll-up:focus{color:#fff;background:#990000}


/* Page navigation */

.btn-secondary{background-color:#990000;border-color:#990000}
.btn-secondary:hover{background-color:#000000;border-color:#000000}

.btn-group-sm>.btn,.btn-sm{margin-right:1.4rem;font-size:1.1rem;}


/* Galeria SP Easy Image Gallery */

.speasyimagegallery-album-description {font-size:1.1rem;}


/* Mapas Leaflet */

#map,
#map3,
#map4,
#map5,
#map6,
#map7 {
	height: 360px;
	border:3px solid #fff;
	box-shadow:rgb(160,160,160) 0px 0px 4px;
	margin:0 0 20px 0;
}
#map2 {
	height: 650px;
	border:3px solid #fff;
	box-shadow:rgb(160,160,160) 0px 0px 4px;
	margin:0 0 20px 0;
}
#map8,
#map9,
#map10,
#map11 {
	height: 430px;
	border:3px solid #fff;
	box-shadow:rgb(160,160,160) 0px 0px 4px;
	margin:0 0 20px 0;
}


/* Blockquote */

blockquote{padding:0 0 0 15px;margin:0 0 24px;border-left:5px solid #e0e0e0}blockquote p{margin-bottom:0;font-size:1rem;font-weight:300;line-height:1.25}blockquote small{display:block;line-height:24px;color:#909090}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #e0e0e0;border-left:0}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote.pull-right small:before{content:''}blockquote.pull-right small:after{content:'\00A0 \2014'}blockquote:after,blockquote:before,q:after,q:before{content:""}address{display:block;margin-bottom:24px;line-height:24px}


/* Marcos imagenes */

.img-shadowitem {
  float:left;
  background-color:#fff;border:1px solid #ddd;padding:4px;
  margin: 0 10px 5px 0px !important;
  margin: 0 10px 5px 0px;
}

.img-shadowitem2 {
  background-color:#fff;border:1px solid #ddd;padding:4px;
  margin: 0 10px 5px 0px !important;
  margin: 0 10px 5px 0px;
}

.img-shadowitem3 {
  float:left;
  margin: 0 10px 5px 0px !important;
  margin: 0 10px 5px 0px;
}

.img-shadowitem4 {
  margin: 0 0 40px 0 !important;
  margin: 0 0 40px 0;
}

.clr {
clear:both;
}


/* Banners e imagenes con marco y centrados */

.centrado {text-align:center;margin:60px auto 80px;}
.centrado img {text-align:center;margin:40px auto 60px;}
.centrado-corto img {text-align:center;margin:30px auto;}
.centrado-muycorto img {text-align:center;margin:10px auto;}
.marco {border: solid 1px #ddd;padding:0.3rem;}


/* Dos columnas en un item */
.contenedor-flex {display:flex;flex-direction:row;}
.flex-izq {width:50%;margin:5px;padding:5px;border:1px solid #fff;}
.flex-dcha {width:50%;margin:5px;padding:5px;border:1px solid #fff;}


/* Tablas */
.table-responsive {margin-top:2.0rem;}
.table{--bs-table-striped-color:#5e5f60;}
table.table-striped thead {color: #5e5f60;}
table.table-striped td {color: #5e5f60;border-style: solid;border-bottom-color: #cccccc;}


/* Tablas Listado de items de una Categoria */
.list-hits .badge .bg-primary {background-color:#990000;}
table.category thead>tr,table.category tbody>tr{border:1px solid #dcdcdc;}
table.category thead>tr th,table.category thead>tr td,table.category tbody>tr th,table.category tbody>tr td{padding:10px}
table.category thead>tr{background-color:#222222;color:#fff;border-bottom:2px solid #dcdcdc;text-transform:uppercase;}
table.category thead>tr a{color:#fff;}

table.category tbody>tr td.list-hits .badge {background:none;}

table.category tbody>td 
.list-hits {background:none;}


/* Listas no usar
ul {
  list-style-image: url(../../../images/home4/dot.gif);
}
*/


/* Footer */

#sp-footer {border-top:1px solid #777;}
#sp-footer ul.menu li{margin:0 5px;}
#sp-footer1 {color: #999;}
#sp-footer2 .sp-module .sp-module-content ul.menu>li>a {padding-left: 10px;border-left: 1px solid #777;}
#sp-footer2 .sp-module .sp-module-content ul.menu>li>a:hover {color: #fff;}



/* Pie SEO */

#pie {
	margin:0 auto 0 auto;
	width:100%;
	height:160px;
	background-color:#fff;
}
#pie2 {
	margin: 0 auto 0 auto;
	width: 100%;
	padding: 0 2em 2em;
	background-color:#fff;
	color:#999;
	font-size:small;
}

.pie3 {
  text-align: center;
  margin-bottom: 0px;
  margin-top: 0px;
  color:#999;
  font-size:1.2em;
}


/* Top ten */

.contenedor-flex2 {display:flex;flex-direction:row;border: solid 1px #ddd;padding:0.6rem;}
.flex-izq2 {width:27%;margin:0px;padding:0px;}
.flex-dcha2 {width:73%;margin:0px;padding:0px;}
.flex-centro2 {font-family:"FontAwesome", Arial, Helvetica, sans-serif;width:100%;margin:0px;padding:0px;color:#990000;background:#F1F1F1;border-bottom:solid 3px #ddd;text-align:right;border-left:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 15px 5px 5px;font-weight:300;font-size:1.2rem;line-height:28px;}

h2.topten {font-size:1.4rem;font-family:"FontAwesome", Arial, Helvetica, sans-serif;margin:0 0 0.6rem 0;padding:0;text-transform:uppercase;}

p.topten {margin:0;padding:0px;}


/* Listado hoteles */

.contenedor-flex3 {display:flex;flex-direction:row;margin:0;padding:0;}
.flex1 {width:33%;margin:0;padding:0;}
.flex2 {width:33%;margin:0;padding:15px 5px 0 15px;background:#F1F1F1;border-left:solid 3px #fff;}
.flex3 {width:34%;margin:0;padding:10px 10px 0 10px;background:#F5F5F5;border-top:solid 1px #F1F1F1;border-left:solid 3px #fff;}

.flex1 img {width: 100%;display: block;}

.flex2 ul {margin-bottom:0;}

.contenedor-flex4 {display:flex;flex-direction:row;margin:0;padding:0;border-top:solid 3px #fff;}
.flex4 {width:66%;margin:0px;background:#dddddd;padding:5px 15px 5px 15px;}
.flex5 {display:flex;justify-content:center;align-items:center;width:34%;margin:0;padding:10px;background-color:#990000;border-left:solid 3px #fff;}
.flex5 a:link, .flex5 a:visited {color:#ffffff;}
.flex5 a:hover, .flex5 a:active, .flex5 a:focus {color:#990000;}

.qhotel .article {padding:5px;}
.qhotel .article-list .article {border:solid 1px #C1C1C1;border-radius:3px;}
.qhotel .article-info {margin:0;padding:0;}
.qhotel .article-header {padding:10px 0 0 10px;}

.flex4 h4 {font-family:"FontAwesome", Arial, Helvetica, sans-serif;color:#990000;font-weight:300;font-size:1.4rem;margin:0;padding:0;}

.hmap {margin:0;float:right;display:inline;}

.hrating {margin:0;float:right;display:inline;font-size:1.1rem;color:#fff;background:#990000;font-weight:400;padding:0 10px;}

h4.prices {font-family:"FontAwesome", Arial, Helvetica, sans-serif;font-weight:300;font-size:1.4rem;margin:0;padding:0;text-align:center;}

.hprices {float:right;display:inline;color:#990000;font-size:1.8em;font-family:Arial, Helvetica, sans-serif;font-weight:600;margin:0;padding:0;}

.hh {margin:15px 0 5px 0;}


/* Anuncios bottom-top */

.contenedor-flex5 {display:flex;flex-direction:row;margin:0 0 20px 0;padding:0;font-size:1.0rem;line-height:1.4rem;}
.flex51 {width:33%;margin:0;padding:20px;background:#E3E3E3;border:1px solid #fff;}
.flex52 {width:33%;margin:0;padding:20px;background:#E3E3E3;border:1px solid #fff;margin-left:10px;}
.flex53 {width:34%;margin:0;padding:20px;background:#E3E3E3;border:1px solid #fff;margin-left:10px;}

.contenedor-flex5 h4{font-size:1.3rem;font-weight:500;line-height:1.5rem;}


/* Menu abajo completo */

#sp-user1 {background-color:#333;background-size:cover;}
#sp-user1 .sp-module .sp-module-content {margin:0;padding:0;}

.contenedor-flexhome {display:flex;flex-direction:row;margin:0;padding:0;font-family:"Raleway", Arial, Helvetica, sans-serif;line-height:1.2rem;font-size:1.0rem;}
.flexhome1 {width:20%;margin:0 0 1em 0;}

.contenedor-flexhome .flexhome1 h3{font-family:"Raleway", Arial, Helvetica, sans-serif;font-size:1.4rem;color:#fff;padding:0 0 0 30px;margin:1.2em 0 1em 0;text-transform:uppercase;}

#sp-user1 .sp-module .sp-module-content .contenedor-flexhome .flexhome1 ul>li {list-style:none;text-transform:uppercase;margin:0 0 1em 0;}
#sp-user1 .sp-module .sp-module-content .contenedor-flexhome .flexhome1 .smalltext {text-transform:none;font-size:0.8rem;}
#sp-user1 .sp-module .sp-module-content .contenedor-flexhome .flexhome1 ul>li>a {color:#999;}
#sp-user1 .sp-module .sp-module-content .contenedor-flexhome .flexhome1 ul>li>a:hover {color:#fff;}




/* Hoteles Near */

#centro2 {
margin:40px auto 40px auto; width:100%;
text-align:center;
}

.htitle {
font-family:'FontAwesome', Arial;
font-size:1.5rem;
color:#fff;
background-color:#990000;
padding:10px 20px;
}

.htitle2 {
font-family:'FontAwesome', Arial;
font-size:1.2rem;
color:#fff;
background-color:#990000;
padding:0.8rem 1.2rem;
}

/* Aumentar tamaño del icono de Offcanvas (=) Menu */
.burger-icon { width: 35px; } 
.burger-icon > span { height: 4px; }

/* Cambia color X cerrar Offcanvas Menu */
.offcanvas-active .burger-icon > span,
#modal-menu-toggler.active .burger-icon > span 
{ background-color: #990000; width: 25px; height: 2px;}


/* Offcanvas (=) Menu color enlaces activos */
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover {color:#666;}


/* Offcanvas (=) Menu completamente desplegado */
.menu-parent .menu-child{display: block !important;}
.menu-parent .menu-toggler{display: none !important;}


/* Iframe del buscador de hoteles */
.embed-container1 iframe {width:550px;height:230px;}


/* Boton "Featured" cambiar en bootstrap.min */
:root{--bs-danger-rgb:153,0,0;}


/* Muestra Offcanvas Menu más pronto (al reducirse a 1280px) */
@media screen and (max-width: 1280px) {
    .sp-megamenu-parent {
        display: none !important;
    }
    #offcanvas-toggler {
        display: flex !important;
    }
}

/* Reduzco el espacio entre menu items a partir de 1400px) */
@media screen and (max-width: 1400px) {
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {padding: 0 10px;}
}


/* Phone version */

@media screen and (max-width: 575px) {
#sp-header {height:60px;}
.logo-image {height:60px !important;width:230px !important;}
.breadcrumb{display:none;}
.com-content #sp-main-body {padding: 20px 0;}
.contenedor-flex {display:flex;flex-direction:column;}
.flex-izq {width:100%;}
.flex-dcha {width:100%;}
.contenedor-flex3 {display:flex;flex-direction:column;margin:0;padding:0;}
.flex1 {width:100%;}
.flex2 {width:100%;border-left:0;padding:5px 5px 5px 15px;border-top:solid 1px #F1F1F1}
.flex3 {width:100%;border-left:0;border-top:solid 1px #fff;}
.contenedor-flex5 {flex-direction:column;margin:0 0 10px 0;}
.flex51 {width:100%;margin:0 0 10px 0;}
.flex52 {width:100%;margin:0 0 10px 0;}
.flex53 {width:100%;margin:0;}
.flex51 img, .flex52 img, .flex53 img {margin:0 0 10px 0;padding:0;}
.contenedor-flex5 h4{margin:0;padding:0;}
.contenedor-flexhome {flex-direction:column;}
.flexhome1 {width:100%;margin:0 0 1em 0;}
#sp-footer1 {width:100%;text-align:center;}
#sp-footer2 {width:100%;text-align:center;}
#sp-footer ul.menu li{margin:0 0.2rem 0 0;}
#sp-footer2 .sp-module .sp-module-content ul.menu>li>a {padding-left:0.3rem;}
.article-details .article-header h1, .article-details .article-header h2 {font-size:2.8rem;}
#map2 {height: 22rem;}
.embed-container1 iframe {width:100%;height:230px;}
}