/******************************************************************/
/***************             MIS CAMBIOS           ****************/
/******************************************************************/
body {
    font-weight: normal;
}
#sp-main-body {
  padding: 5em 0;
}

.sp-page-title {
    padding: 2em 0;
}
.sp-page-title .breadcrumb {
    margin: 0.6em 0 0 0;
}
.sppb-btn{
    border: none;
}
.sppb-btn-primary.disabled, .sppb-btn-primary[disabled], fieldset[disabled] .sppb-btn-primary, .sppb-btn-primary.disabled:hover, .sppb-btn-primary[disabled]:hover, fieldset[disabled] .sppb-btn-primary:hover, .sppb-btn-primary.disabled:focus, .sppb-btn-primary[disabled]:focus, fieldset[disabled] .sppb-btn-primary:focus, .sppb-btn-primary.disabled:active, .sppb-btn-primary[disabled]:active, fieldset[disabled] .sppb-btn-primary:active, .sppb-btn-primary.disabled.active, .sppb-btn-primary[disabled].active, fieldset[disabled] .sppb-btn-primary.active {
    /*background-color: #c9c9c9;
    border-color: #c9c9c9;*/
}
.sppb-btn-primary.focus, .sppb-btn-primary:focus, .sppb-btn.focus, .sppb-btn:focus {
    box-shadow: none;
}
.sppb-addon-title a {
    color: #db291c;
}
.scrollup {
    right: 2%;
}

.bot-idavuelta-activo{ 
/*	background-color: #c9c9c9 !important;
    border-color: #c9c9c9 !important;*/
	background-color: #DA291C !important;
    color: #fff !important;
}
.bot-idavuelta-activo:hover{ 
	/*background-color: #DA291C !important;
    border-color: #DA291C !important;
	text-decoration: underline;*/
	background-color: #e45e54 !important;
}
.bot-idavuelta-inactivo{
	background-color: #fff !important;
    border: none;
    border-bottom: 1px solid #999 !important;
    border-radius: unset;
	color: #333 !important;
	pointer-events: none;
}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span{
	font-size: 1em; 
    text-transform: none;
}
@media all and (max-width: 1196px) {
	.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span{
		font-size: .9em;
	}
}

h3, .h3 {
    font-size: 21px;
}
h2, h3 {
	color:#DA291C;
}
h4, h5 {
	color:#5F2167;
}

b, strong {
    font-weight: 600;
    /*color: #555;*/
}
a { font-weight: 500; }
.sp-module .latestnews >div >a {
    font-weight: 600;
}
a:focus { color: #db291c; }
/*
a, a:visited { color: #ef544f; }
*/


.separator {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 1em 0 1em 0;
	font-size: 21px;
	color: #602968;
}
.separator::before, .separator::after {
	content: '';
	flex: 1;
	border-bottom: 2px solid #602968a1;

}
.separator::before {
	margin-right: 1em;
}
.separator::after {
	margin-left: 1em;
}


/**
 * Nested numbered list with correct indentation.
 *
 * Tested on Firefox 32, Chromium 37, IE 9 and Android Browser. Doesn't work on IE 7 and previous.
 * Source: https://gist.github.com/jirutka/32049196ab75547b7f47
 * Solo lo hacemos si esta dentro de un contenedor con estilo "listado" para que no nos rompa los menús
 */

.listado ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.listado ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

.listado ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

.listado li ol > li {
  margin: 0;
}

.listado li ol > li:before {
  content: counters(item, ".") " ";
}
/**/


/* Si no hay artículos que mostrar, escondemos el scroller: */
.articles-scroller .alert-warning {
	display: none;
    color: rgba(51,51,51,0.00);
    background: none;
    border: none;
}
.articles-scroller .alert {
    padding: 0;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}	


/*cambiar icono en el titulo de articulos
span.post-format  {
    background: none;
	
}
span.post-format .fa-thumb-tack::before {
    content: "\f071"; 
	color: #db291c;
    font-size: 34px;
}
*/

#sp-header .logo { height: auto !important; margin-top: 20px; margin-bottom: 10px; }
/* para arreglar tamaño del logo en explorer */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #sp-logo .logo img {
	  height: 50px;
		
	}
}

.helix-social-share-icon ul {
	list-style-type: none;
	padding-left: 0;
}
.helix-social-share-icon ul li { display:inline;}
.helix-social-share-icon ul li div { display:inline; margin-right:.3em;}
.helix-social-share .helix-social-share-icon ul li div a:hover, .helix-social-share .helix-social-share-icon ul li div a:focus {
    background: #ef544f !important;
    color: #fff;
}

.slogan, .slogan-negro, .slogan-blanco {
	text-align: center;
	padding: 10px 20px;
}
.slogan-blanco {
    background-color: rgba(255, 255, 255, 0.70);
    color: #232323 !important;
 }
.slogan, .slogan-negro {
    background-color: rgba(0,0,0,0.6);
	color: #E9E9E9 !important;
}
.slogan .sppb-addon-title, .slogan-negro .sppb-addon-title, .slogan-blanco .sppb-addon-title {
    font-weight: bold !important;
	margin-bottom: 20px;
    font-size: 30px !important;
    line-height: 30px !important;
}
.slogan-blanco h3, .slogan-blanco .sppb-addon-title {
	color:#DA291C !important;
}
.slogan-negro h3, .slogan-negro .sppb-addon-title, .slogan .sppb-addon-title {
	color:#fff !important;
}
.slogan p, .slogan-negro p, .slogan-blanco p {
 	font-size: 18pt !important;    
	font-weight: bold;
}

.slogan-cta {
	text-align: center;
    background-color: rgba(0,0,0,0.6);
    padding: 10px 20px;
    margin: 5% 25%;
    color: #fff;
    /*display: inline-block;*/
}
.slogan-cta a {
    color: rgb(255, 255, 255);
    background-color: rgba(237, 27, 46, 1);
	border: 2px solid #fff;
	border-radius: 4px;	
}
.slogan-cta a:hover{
	color: #DA291C !important;
    background-color: rgba(256, 256, 256, 1) !important;
}

.contenedor-rojo .sppb-row-container{
	border-radius: 6px;
	background-color: #DA291C;
	/*background: linear-gradient(-90deg, #ff0014, #ca0000);*/
	background: linear-gradient(-90deg, #DA291C, #ca0000);
	padding: 10px;
}
.boton-rojo{
    color: rgb(255, 255, 255);
    background-color: rgba(237, 27, 46, 0.01);
	border: 2px solid #fff;
	border-radius: 4px;	
}
.boton-rojo:hover{
	color: #DA291C !important;
    background-color: rgba(256, 256, 256, 1) !important;
}
/* Enlaces con icono */
.enlace-info:after{ 
   content: '\f05a'; 
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 2px 0px 5px;
   text-decoration:none;
}
.enlace-extreno:after{ 
   content: '\f08e'; 
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 2px 0px 5px;
   text-decoration:none;
}

/* Estilos para ARI MAgnific Popup */
.rl_tooltips-link {
    /*border-bottom: 1px dashed #DA291C;*/
	border: none;
    color: #DA291C;
    font-weight: 500;
}
.rl_tooltips-link:after{ 
   content: '\f05a'; 
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 2px 0px 5px;
   text-decoration:none;
}
.popover-title{
	font-weight: bold !important;
	Color: #DA291C;
}

/* Estilos para ARI MAgnific Popup */
.amp-link{
	/*border-bottom: 1px dashed #DA291C;*/
}
.amp-link:after{ 
   content: '\f05a'; 
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 2px 0px 5px;
   text-decoration:none;
} 
.mfp-iframe-holder .mfp-content {
    padding: 10px;
    background-color: #fff;
    border-radius: 6px;
}
.mfp-white-popup {
    border-radius: 6px;
}

/* Estilos para "JU TOOLTIP" */
/* NO LO USAMOS PORQUE "ROMPE" EL CARRUSEL DE ARTICULOS DE SPPB */
.jutooltip{
	cursor: pointer;
}
.jutooltip:after{ 
   content: '\f05a'; 
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 2px 0px 5px;
   text-decoration:none;
} 
.jutooltip-box-br, .jutooltip-box-bl, .jutooltip-box-tr, .jutooltip-box-tl{
	background: none !important;

}
.jutooltip-box-br{
	background-color: rgba(256, 256, 256,1.00) !important;
	border: 1px solid #777;
    border-radius: 6px;
	-webkit-box-shadow: 4px 2px 5px 0px rgba(0,0,0,0.43);
	-moz-box-shadow: 4px 2px 5px 0px rgba(0,0,0,0.43);
	box-shadow: 4px 2px 5px 0px rgba(0,0,0,0.43);
}
.jutooltip-arrow{
	display: none !important;
}

/* Estilos para JA Image Hotspot */
.cd-dropdown > span, .cd-active.cd-dropdown > span {
    color: #54585a;
	background: #ececec;
}
.cd-dropdown > span:after {
    background: #db291c;
}
.cd-dropdown ul {
    background: #F9F9F9;
    max-height: 200px;
    /*margin-top: 24px;*/
	    top: 34px;
}
.cd-dropdown ul li {
    margin-top: -32px;
}
.cd-active.cd-dropdown ul li:hover span, .cd-active.cd-dropdown ul li span:hover {
    color: #db291c;
}

/* Estilos para las fichas de comercios */
/* HAY QUE PONERLO EN LA PROPIA PAGINA O EN EL IFRAME NO COGE EL ESTILO */
.cabecera-ficha {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
} 


/* Estilos específicos TOP-BAR */
/*
#sp-top-bar {
    background-color: #54585A;
    color: #ffffff;
}
#sp-top-bar a {
    color: #ffffff;
}
#sp-top-bar a:hover {
    color: #ffdddc;
}
*/
#sp-top-bar {
    padding: 4px 0;
}

/* Estilos específicos BOTTOM */
#sp-bottom {
    padding: 3em 0px !important;
	font-size: 0.9em;
}
#sp-bottom h3 {
	color:#54585A;
}
@media all and (max-width: 766px) {
	#sp-bottom3{
		margin-bottom: 40px;
	}
}

/* Estilos específicos FOOTER */
#sp-footer{
    padding: 12px 0 28px 0;
    background: #612466;
}
#sp-footer1{
	text-align: left;
}
#sp-footer2{
	text-align: right;
    /*margin-top: -1.4em;*/
}
/* Enlaces para footer2 (avisos legales) */ 

.enlaces-footer {
    padding-top: 0px;
    font-size: 0.9em;
    margin-top: 0px !important;
}
    .enlaces-footer div {
        margin-bottom: -16px;
    }

.enlaces-footer h3{
    display: none;
}
.enlaces-footer ul{
    display: inline-flex !important;
}
.enlaces-footer ul li{
    border-bottom: none;
}
.enlaces-footer ul >li >a:before {
    font-family: Open Sans, sans-serif;
    content: "|";
    margin: 0 8px 0 8px ;
}
.enlaces-footer ul >li:first-child >a:before {
    font-family: Open Sans, sans-serif;
    content: none;
    margin: 0;
}


/* Nuevos colores Mobility ADO */
a {
  color: #DA291C;
}
a:hover {
  color: #e61c19;
}
.sp-megamenu-parent >li.active>a,
.sp-megamenu-parent >li:hover>a {
  color: #DA291C;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #DA291C;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #DA291C;
}
#offcanvas-toggler >i {
  color: #000000;
}
#offcanvas-toggler >i:hover {
  color: #DA291C;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #d80300;
  background-color: #DA291C;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #cf1917;
  background-color: #e61c19;
}
ul.social-icons >li a:hover {
  color: #DA291C;
}
.sp-page-title {
  background: #DA291C;
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul.menu >li {
  border: none;
}
.sp-module ul >li >a {
  color: #000000;
line-height: 26px;
}
.sp-module ul >li >a:hover {
  color: #DA291C;
}
.sp-module .latestnews >div >a {
  color: #000000;
}
.sp-module .latestnews >div >a:hover {
  color: #DA291C;
}
.sp-module .tagscloud .tag-name:hover {
  background: #DA291C;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #DA291C;
}
.search .btn-toolbar button {
  background: #DA291C;
}
.post-format {
  background: #DA291C;
}
.voting-symbol span.star.active:before {
  color: #DA291C;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #e61c19;
}
.entry-link,
.entry-quote {
  background: #DA291C;
}
blockquote {
  border-color: #DA291C;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #DA291C;
}
.sp-comingsoon body {
  background-color: #DA291C;
}
.pagination>li>a,
.pagination>li>span {
  color: #000000;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  color: #000000;
}
.pagination>.active>a,
.pagination>.active>span {
  border-color: #DA291C;
  background-color: #DA291C;
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  border-color: #DA291C;
  background-color: #DA291C;
}

/* Para lista de artículos */
.category-list{}
.category-list .input-mini {
    width: auto;
    font-size: 12px;
	border: none;
}
.category-list .filters{
	margin-bottom: 10px;
}
.category-list table{
	border: none !important;
}
.category-list table tr{
	background-color: white !important;
	border: none !important;
    border-bottom: dashed 1px #ccc !important;
}
.category-list table tr td{
	border: none !important;
}
.category-list .list-date{
	text-align: right;
}
.category-list .list-title a:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 6px;
   vertical-align: middle;
	content: "\f0da";
}
	
.category-list{
	
}



/* Para API Google Maps */
html, body, #map_canvas {               
  height: 100%;
}
#map_canvas {width: 100%; height: 300px; }
@media all and (min-width: 400px) {
	#map_canvas {width: 100%; height: 450px; }
}
@media all and (min-width: 760px) {
	#map_canvas {width: 100%; height: 600px; }
}


.label-info {
    background-color: #008CFF;
}
.label-info[href]:focus, .label-info[href]:hover {
    background-color: #0075D5;
}

.menu-lineas-portada li { width: 50%; float: left; }


/**********  para breezing forms  ************/
/*

	COPIA DE BREEZING FORMS
	
 ########## BreezingForms 1.7.1 QuickMode ##########
 @autor crosstec.de
 @copyright Copyright (C) 2010 crosstec.de. All rights reserved.
 ########################################
*/

/* ##### General BreezingForms Default styles ##### */

.bfCalendarResponsiveContainer .picker__button--today,
.bfCalendarResponsiveContainer .picker__button--clear{
    color: black !important;
    outline: none !important;
    border: none !important;
    text-shadow: none !important;
    height: auto !important;
    -moz-border-radius:  0 !important;
    -webkit-border-radius:   0!important;
    border-radius:  0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.bfCalendarResponsiveContainer .picker__select--year, .bfCalendarResponsiveContainer .picker__select--month{
    float: none !important;
    margin-left: .25em !important;
    margin-right: .25em !important;
    font-size: .8em !important;
    display: relative !important;
    width: auto !important;
    max-width: none !important;
    min-width: 1px !important;
}

@media (min-height:33.875em){
    .bfCalendarResponsiveContainer .picker__box{
        display: inline-block !important;
    }
}

@media (min-width: 24.5em){
    .bfCalendarResponsiveContainer .picker__select--month, .bfCalendarResponsiveContainer .picker__select--year {
        font-size: .8em !important;
        margin-top: -.5em !important;
    }
}

.bfQuickMode input[type="radio"]:checked + label:before {
    background: none;
    border: none;
    content: none;
}

.bfQuickMode input[type="checkbox"]:checked + label:before {
    background: none;
    border: none;
    content: none;
}

.bfQuickMode legend {
    background: none;
    font-weight: normal;
    padding: 0;
    margin: 0 0 12px 0;
    width: auto;
    height: auto;
    line-height: none;
	font-size: 18px;
}

.bfQuickMode .bfFieldset-br{
    margin-bottom: 10px;
}

.bfQuickMode .bfFieldset-wrapper{
    
}

.bfQuickMode input:focus, .bfQuickMode textarea:focus {
    box-shadow: none;
    outline: 0 none;
}

.bfQuickMode textarea:focus, .bfQuickMode input[type="text"]:focus, .bfQuickMode input[type="password"]:focus, .bfQuickMode input[type="datetime"]:focus, .bfQuickMode input[type="datetime-local"]:focus, .bfQuickMode input[type="date"]:focus, .bfQuickMode input[type="month"]:focus, .bfQuickMode input[type="time"]:focus, .bfQuickMode input[type="week"]:focus, .bfQuickMode input[type="number"]:focus, .bfQuickMode input[type="email"]:focus, .bfQuickMode input[type="url"]:focus, .bfQuickMode input[type="search"]:focus, .bfQuickMode input[type="tel"]:focus, .bfQuickMode input[type="color"]:focus, .bfQuickMode .uneditable-input:focus {
    box-shadow: none;
    outline: 0 none;
}

.bfQuickMode select, .bfQuickMode textarea, .bfQuickMode input[type="text"], .bfQuickMode input[type="password"], .bfQuickMode input[type="datetime"], .bfQuickMode input[type="datetime-local"], .bfQuickMode input[type="date"], .bfQuickMode input[type="month"], .bfQuickMode input[type="time"], .bfQuickMode input[type="week"], .bfQuickMode input[type="number"], .bfQuickMode input[type="email"], .bfQuickMode input[type="url"], .bfQuickMode input[type="search"], input[type="tel"], .bfQuickMode input[type="color"], .bfQuickMode .uneditable-input {
    /*border-radius: 0;*/
}

.bfQuickMode input, .bfQuickMode textarea, .bfQuickMode select {
    /*border-radius: 0;*/
}

.bfQuickMode .recaptchatable #recaptcha_response_field {
    position: relative !important;
    margin-top: 5px !important;
}


.bfQuickMode {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.bfQuickMode .bfFieldset-wrapper {
    /*margin-bottom: 10px;*/
}

.bfQuickMode .bfWrapperBlock {
	/*margin: 15px 0 10px 0;*/
}

.bfQuickMode .bfNoSection {
	margin: 10px 0;
}

.bfQuickMode fieldset .bfWrapperBlock {
	width: 100%;
	margin-bottom: 0px;
}

.bfQuickMode fieldset {
    /*margin-bottom: 10px;*/
    margin: 0;
}

.bfQuickMode label {
    vertical-align: top;
}

.bfQuickMode section.bfElemWrap {
    padding: 5px;
    margin: 0px 0px 0px 0px;
    position: relative;
    overflow: hidden;
}

.bfQuickMode span.bfElemWrap {
    padding: 5px;
    margin: 0px 10px 0px 0px;
    position: relative;
    float: left;
}

.bfQuickMode section input[type='text'], .bfQuickMode section textarea, .bfQuickMode section select {
    float: left;
    margin: 0px;
    width: 45%;
}

.bfQuickMode span input[type='text'], .bfQuickMode span textarea, .bfQuickMode span select  {
    width: auto;
    float: none;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode p:after, .bfQuickMode .bfInline:after {
    content: "."; 
    display: block; 
    height: 0;  
    clear: both; 
    visibility: hidden;
}

/* ##### inline ##### */

.bfQuickMode fieldset .bfWrapperInline, .bfQuickMode .bfNoSection .bfWrapperInline {
	width: 100%;
	max-width: 50%;
	float: left;
	/*position: relative;*/
}

/*.bfQuickMode fieldset.bfInline {
    margin: 0px 10px 10px 0px;
    width: 100%;
    max-width: 44%;
}*/

.bfQuickMode fieldset.bfInline {
    /*margin: 0px 10px 10px 0px;*/
    width: 90%;
    float: left;
}

.bfQuickMode fieldset.bfInline section {
    padding: 5px;
    margin: 0px 0px 0px 0px;
}

.bfQuickMode .bfInline .bfLabelLeft .bfElementGroupNoWrap input[type='text'] {
    width: 60%;
}

/* ##### page intro ##### */

.bfQuickMode .bfPageIntro {
    padding: 5px;
    margin: 0px 0px 10px 0px;
    background: none;
    border: none;
    font-weight: normal;
}

.bfQuickMode .bfPageIntro section {
    background: none;
}

/* ##### error messages #####*/

.bfQuickMode .bfErrorMessage {
    padding: 10px;
    margin-bottom: 10px;
    background: #ffeded;
    font-weight: bold;
    float: none;
    display: block;
    color: red;
}

/* ##### tooltip ##### */

.bfQuickMode span.bfTooltip {
    width: auto;
    padding: 0px 15px 0px 0px;
    margin: 0px;
    display: inline;
    background: transparent url('img/icon_info.png') top left no-repeat;
}

/* ##### Section Description #####*/

.bfQuickMode .bfSectionDescription {
    background: none;
    border: none;
    font-weight: normal;
}

.bfQuickMode .bfSectionDescription section {
    background: none;
    border: none;
}

/* ##### label and input field positions ##### */

.bfQuickMode .bfLabelTop label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.bfQuickMode .bfLabelTop input, .bfQuickMode .bfLabelTop textarea, .bfQuickMode .bfLabelTop select, .bfQuickMode .bfLabelTop button {
    float: none;
    width: auto;
}

.bfQuickMode .bfLabelLeft label {
    width: 45%;
    float: left;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode .bfLabelLeft input, .bfQuickMode .bfLabelLeft textarea, .bfQuickMode .bfLabelLeft select, .bfQuickMode .bfLabelLeft button  {
    /*width: auto;*/
    float: left;
    margin: 0px;
}

.bfQuickMode .bfLabelRight label {
    width: 45%;
    float: right;
    margin: 0px 0px 0px 10px; 
}

.bfQuickMode .bfLabelRight input, .bfQuickMode .bfLabelRight textarea, .bfQuickMode .bfLabelRight select, .bfQuickMode .bfLabelRight button {
    float: left;
    margin: 0px;
}

.bfQuickMode .bfLabelBottom label {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 99%;
    margin-top: 5px;
}

.bfQuickMode .bfLabelBottom input, .bfQuickMode .bfLabelBottom textarea, .bfQuickMode .bfLabelBottom select, .bfQuickMode .bfLabelBottom button {
    float: left;
    width: auto;
}

.bfQuickMode section.bfLabelBottom input,
.bfQuickMode section.bfLabelBottom textarea,
.bfQuickMode section.bfLabelBottom select,
.bfQuickMode section.bfLabelBottom button,
.bfQuickMode span.bfLabelBottom input,
.bfQuickMode span.bfLabelBottom textarea,
.bfQuickMode span.bfLabelBottom select,
.bfQuickMode span.bfLabelBottom button {
    margin: 0px 0px 20px 0px;
}

.bfQuickMode section.bfLabelBottom .bfSummarize {
    display: block;
    margin: 0px 0px 20px 0px;
}

.bfQuickMode span.bfLabelLeft label {
    width: auto;
    float: left;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode span.bfLabelLeft input, .bfQuickMode span.bfLabelLeft textarea, .bfQuickMode span.bfLabelLeft select, .bfQuickMode span.bfLabelLeft button {
    width: auto;
    float: none;
    margin: 0px;
}

.bfQuickMode span.bfLabelRight label {
    width: auto;
    float: right;
    margin: 0px 5px 0px 10px; 
}

.bfQuickMode span.bfLabelRight input, .bfQuickMode span.bfLabelRight textarea, .bfQuickMode span.bfLabelRight select, .bfQuickMode span.bfLabelRight button {
    width: auto;
    float: none;
    margin: 0px;
}

/* ##### required ##### */

.bfQuickMode .bfRequired {
    vertical-align: top;
    background: none;
    font-size: 100%;
    font-weight: bold;
    border: none;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    color: #f00;
    float: none;
}

/* ##### Element groups ##### */

.bfQuickMode .bfElementGroupNoWrap, .bfQuickMode .bfElementGroup, .bfQuickMode .bfCaptcha  {
    display: inline;
    margin: 0px;
    padding: 0px;
    float: none;
    background: none;
    border: none;
}

.bfQuickMode section.bfLabelTop .bfElementGroupNoWrap {
    width: 80%;
    float: left;
}

.bfQuickMode .bfLabelTop .bfElementGroup {
    width: 80%;
    float: left;
}

.bfQuickMode .bfLabelTop .bfElementGroupNoWrap,
.bfQuickMode .bfLabelTop .bfCaptcha {
    width: auto;
    padding-top: 10px;
}

.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap,
.bfQuickMode .bfLabelLeft .bfCaptcha {
    width: auto;
    background: none;
    float: left;
}

.bfQuickMode .bfLabelLeft .bfElementGroup,
.bfQuickMode .bfLabelRight .bfElementGroup,
.bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap {
    width: 45%;
    float: left;
}

.bfQuickMode .bfLabelRight .bfElementGroupNoWrap,
.bfQuickMode .bfLabelRight .bfCaptcha {
    width: auto;
    float: left;
}

.bfQuickMode section.bfLabelRight .bfElementGroupNoWrap {
    width: 45%;
    float: left;
}

.bfQuickMode span.bfLabelBottom .bfElementGroupNoWrap {
    width: auto;
}

.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap,
.bfQuickMode .bfLabelBottom .bfElementGroup,
.bfQuickMode .bfLabelBottom .bfCaptcha {
    float: left;
    width: 80%;
    padding-bottom: 20px;
}

.bfQuickMode .bfLabelLeft .bfElementGroup label,
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelTop .bfElementGroup label,
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelRight .bfElementGroup label,
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelBottom .bfElementGroup label,
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap label {
    width: auto;
    float: none;
    margin: 0px 10px 10px 0px;
    display: inline;
    position: static;
}

.bfQuickMode .bfLabelLeft .bfElementGroup input,
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelTop .bfElementGroup input,
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelRight .bfElementGroup input,
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelBottom .bfElementGroup input,
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap input {
    width: auto;
    float: none;
    margin: 3px 5px 0px 0px;
    display: inline;
}

/* ##### Captcha ##### */

.bfQuickMode .bfCaptcha {
    background: none;
    border:  none;
}

.bfQuickMode .bfCaptcha input {
    width: auto;
    float: left
}

.bfQuickMode .bfCaptcha img {
    vertical-align: middle;
}

.bfQuickMode .bfCaptcha .ff_capimg {
    margin-bottom: 10px;
}

/* ##### Summarize ##### */

.bfQuickMode .bfSummarize {
    font-weight: bold;
    display: table-cell;
}

.bfQuickMode .bfNotAvailable {
    color: #ccc;
}

/* ##### buttons ##### */

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    float: right;
}

.bfQuickMode .bfPrevButton {
    float: left;
}

.bfQuickMode button.bfCalendar {
    height: 25px;
    margin: 0px 0px 0px 5px;
    float: none;
}

.bfQuickMode button{
    box-shadow: none;
}

.ff_elem{
    box-shadow: none;
}

#bfCaptchaEntry {
    width: 196px;
}

/* ##### Uploader ##### */

#bfFileQueue {
	/*
	width: 400px;
	height: 300px;
	overflow: auto;
	border: 1px solid #E5E5E5;
	*/
	margin-bottom: 10px;
	position: absolute;
}

#bfSubmitMessage{
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
        -moz-border-radius-bottomright: 50px 25px;
        border-bottom-right-radius: 50px 25px;
}

#bfFileQueue{
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
        -moz-border-radius-bottomright: 50px 25px;
        border-bottom-right-radius: 50px 25px;
        z-index: 1100;
}

.bfFileQueueItem{
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin: 5px;
	padding: 10px;
}

.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}

.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}

.uploadifyQueueItem .cancel {
	float: right;
}

.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}

.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

@media all and (max-width: 767px) {
    .bfQuickMode .bfLabelLeft label,
    .bfQuickMode .bfLabelRight label{
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        float: none;
        margin: 0px 10px 0px 0px;
        display: block;
    }
    
    .bfQuickMode fieldset .bfWrapperInline, .bfQuickMode .bfNoSection .bfWrapperInline {
	width: 100%;
	max-width: 100%;
        min-width: 100%;
	float: none;
        display: block;
    }
    
    .bfQuickMode input[type=text], 
    .bfQuickMode textarea,  
    .bfQuickMode .uneditable-input,
    .bfQuickMode input[type=text]:hover, 
    .bfQuickMode textarea:hover,  
    .bfQuickMode .uneditable-input:hover,
    .bfQuickMode input[type=text]:focus, 
    .bfQuickMode textarea:focus,  
    .bfQuickMode .uneditable-input:focus{
         width: 90%;
         max-width: 90%;
         min-width: 90%;
     }
     .bfQuickMode select {
         width: 90%;
         max-width: 90%;
         min-width: 90%;
     }
     .bfQuickMode .bfElementGroup{
         width: 90%;
         max-width: 90%;
         min-width: 90%;
     }
     #ff_capimgValue {
        width: 90% !important;
        min-width: 90% !important;
        max-width: 90% !important;
    }
    #bfCaptchaEntry{
        width: 60% !important;
        min-width: 60% !important;
        max-width: 60% !important;
    }
    
    .bfQuickMode .bfElementGroupNoWrap,
    .bfQuickMode .bfElementGroup{
        width: 90% !important;
        min-width: 90% !important;
        max-width: 90% !important;
    }
}

.bfRecaptchaCustomControls,
.bfRecaptchaCustomResponseField{
    padding-top: 10px !important;
}

.bfRecaptchaCustomControls button{
    margin-right: 5px !important;
}

.bfRecaptchaCustomResponseField #recaptcha_response_field{
    width: 100% !important;
}

.bfRecaptchaCustom #recaptcha_image{
    width: 100% !important;
}

/**********  Modificaciones sobre breezing forms  ************/
.bfSubmitButton{
}
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
	float: left !important;
	background-color: #ce0000;
	border: none;
	margin-top:10px;
	transition: color 400ms, background-color 400ms, border-color 400ms;
	padding: 8px 16px;
    border-radius: 6px;
}
.bfQuickMode .bfNextButton span, .bfQuickMode .bfSubmitButton span, .bfQuickMode .bfCancelButton span {
    font-size: 18px;
    line-height: 1.33;
	color:#fff;
	font-weight:normal;
}
.bfQuickMode .bfNextButton:hover, .bfQuickMode .bfSubmitButton:hover, .bfQuickMode .bfCancelButton:hover {
	background-color:#af0000;
}
.bfCalendarResponsiveContainer .picker__select--month, .bfCalendarResponsiveContainer .picker__select--year {
    margin-left: 40px !important;
    display: inline-block;
}

/**********  AÑADIDOS  ************/
.cta-portada { background-color: rgba(255, 255, 255, 0.7);  }
.texto-sobre-foto { background-color: rgba(255, 255, 255, 0.85); padding:1em;  }
.derecha{ float:right; margin-left:10px; }
.izquierda{ float:left; margin-right:10px; }
.enlacepdf {
    background: url(../images/pdf.gif) no-repeat left center;
    padding: 0 0 0 18px;
}
.noticiadestacada{
	text-align: center;
    font-size: 2em;
	line-height: 1.1em;
	margin-top: .8em;
}
@media all and (max-width: 766px) {
	.noticiadestacada{
		font-size: 1.5em !important;
		line-height: 1.1em;
	}
}
.noticiadestacada a:before {
    font-family: FontAwesome;
    content: "\f071";
}
.noticiadestacada small{
	text-align: center;
    font-size: .5em;
	white-space: nowrap;
}
.noticiadestacada .latestnews div{
	margin-bottom: .8em;
}
	.visible-portada{ display:none; }
@media all and (max-width: 700px) {
	/* Para que no aparezca en tamaño movil */
	.oculto-portada{ display:none; }
	.visible-portada{ display:block; }
	}

/****** Botones transparentes para la imagen de portada *****/
.boton-imagen-portada {
height: 384px;
width: 100%;
background: none !important;
}
.boton-imagen-portada-movil {
height: 180px;
width: 100%;
background: none !important;
}

/*** para el mapa de OSM ***/
#mapaOSM{ border: 1px solid #ccc; }


.no-row-padding .sppb-row .sppb-col-sm-2,
.no-row-padding .sppb-row .sppb-col-sm-3,
.no-row-padding .sppb-row .sppb-col-sm-4,
.no-row-padding .sppb-row .sppb-col-sm-5,
.no-row-padding .sppb-row .sppb-col-sm-6,
.no-row-padding .sppb-row .sppb-col-sm-7,
.no-row-padding .sppb-row .sppb-col-sm-8,
.no-row-padding .sppb-row .sppb-col-sm-9,
.no-row-padding .sppb-row .sppb-col-sm-10,
.no-row-padding .sppb-row .sppb-col-sm-11{
  padding: 0;
  margin: 0;
}

.no-row-padding .sppb-addon-container .sppb-addon-single-image img,
.no-row-padding	.sppb-modal-selector img{
  width: 100%;
}

.sppb-addon-content a:hover img {
        filter: alpha(opacity=50); /* For IE8 and earlier */
        opacity: 0.5;
        -webkit-transition: opacity 400ms;
        -moz-transition: opacity 400ms;
        -ms-transition: opacity 400ms;
        -o-transition: opacity 400ms;
        transition: opacity 400ms;
}
.transp-10{
    opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
}
.transp-20{
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}
.transp-30{
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}
.transp-40{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.transp-50{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.transp-60{
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.transp-70{
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.transp-80{
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.transp-90{
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

.boton-linea{
	color: white !important; 
	background-color: #eb4947 !important;
}

/*loader:*/
.lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
	margin:81px 0;
  }
  .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
  }
  .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #DA291C;
    margin: -3px 0 0 -3px;
  }
  .lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
  }
  .lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px;
  }
  .lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
  }
  .lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px;
  }
  .lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
  }
  .lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px;
  }
  .lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
  }
  .lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px;
  }
  .lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
  }
  .lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px;
  }
  .lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
  }
  .lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px;
  }
  .lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
  }
  .lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px;
  }
  .lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
  }
  .lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px;
  }
  @keyframes lds-roller {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }