/*+clearfix {*/
body#bExperiencias .contenido_experiencia:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
body#bExperiencias .contenido_experiencia
{
display: block;
*height: 1px;
}
@media (max-width: 867px)
{
#bRuta.bInfoRuta div.divColDchamp:after, #bRuta.bInfoRuta div.divColDchamp aside#datosViaje p.freequote:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
#bRuta.bInfoRuta div.divColDchamp, #bRuta.bInfoRuta div.divColDchamp aside#datosViaje p.freequote
{
display: block;
*height: 1px;
}
}
/*+}*/
#ContenidoCuerpo nav
{
padding: 15px 0;
font-size: 0.8em;
}
#ContenidoCuerpo nav a
{
color: #000;
text-decoration: none;
margin: 0px 5px;
}
h1.titular_1
{
font-size: 200% !important;
font-weight: 300 !important;
text-align: center !important;
padding: 15px 0px;
}
h2.titular_4
{
font-size: 100% !important;
margin-top: 4px !important;
margin-bottom: 4px !important;
}
h1.andando
{
background: url("../imgs/background_ruta_andando.png") no-repeat scroll right 40px transparent;
}
h1.bici
{
background: url("../imgs/background_ruta_bicicleta.png") no-repeat scroll right 40px transparent;
}
h1.andando_bici
{
background: url("../imgs/background_ruta_andando_bicicleta.png") no-repeat scroll right 40px transparent;
}
h2.titular_2
{
font-size: 2.5em !important;
font-weight: 300 !important;
text-align: left !important;
padding: 5px 0 !important;
}
h2.titular_3
{
font-size: 1.3em !important;
font-weight: 300 !important;
text-align: center !important;
padding: 5px 0 !important;
}
h2.titular_3 a
{
font-weight: 300 !important;
font-size: inherit !important;
}
p.descripcion
{
font-size: 0.8em !important;
}
aside ul#enlaces
{
}
aside ul#enlaces li
{
list-style: outside none none;
padding: 3px 10px 5px 10px;
margin: 6px 0px 6px 0px;
background-color: #779D5D;
}
aside ul#enlaces li a
{
background: url("../imgs/flecha_bton.png") no-repeat scroll 99.5% center transparent;
display: block;
color: #FFFFFF !important;
font-weight: 300;
font-size: 15px !important;
text-align: left !important;
}
.ContenedorTramos
{
background: url("../imgs/background_linea_tramos_abajo.png") no-repeat scroll top center transparent;
}
.ltramo
{
background: url("../imgs/background_linea_tramos.png") no-repeat scroll top center transparent;
margin-top: 50px;
padding-top: 50px;
}
.ltramo header
{
border-bottom: 1px solid #D4D4D4;
}
h2.tramoscaminos
{
font-size: 2.5em !important;
font-weight: 300 !important;
text-align: center !important;
padding: 15px 0px !important;
}
.tramoscaminos
{
margin: 20px auto;
clear: left;
width: 100%;
float: left;
text-align: center;
font-size: 120% !important;
font-weight: 300 !important;
text-align: center !important;
}
div.titularlessgrey
{
background-color: #EDEDED;
padding: 7px 0px;
color: #585858 !important;
font-weight: bold !important;
font-size: 0.95em !important;
text-align: center;
clear: both;
}
.divColIzTramos.col-md-4
{
width: 40%;
float: left;
}
.divColDchaViajes.col-md-7
{
width: 59%;
float: right;
}
@media (max-width: 992px)
{
.divColDchaViajes.col-md-7
{
width: 100%;
float: none;
}
.divColIzTramos.col-md-4
{
width: 100%;
float: left;
}
}
.divColIzTramos p, .divColDchaViajes p
{
color: #B7B6B6;
padding: 0 10px;
padding-top: 15px;
}
.divColIzTramos div.cab
{
padding: 10px 0 20px 10px;
text-align: left;
}
.divColDchaViajes div.cab
{
padding: 10px 10px 10px 0;
text-align: right;
}
.divColIzTramos #maptramos
{
float: left;
margin: 0 0 30px 0;
max-width: 216px;
}
.divColIzTramos #maptramos img
{
max-width: 216px;
}
.divColIzTramos #datostramos
{
float: left !important;
padding-top: 12px;
margin-top: 0 !important;
padding-left: 10px;
}
.divColIzTramos #datostramos .datostramo
{
height: 98px !important;
overflow: hidden;
padding-bottom: 0px !important;
padding-left: 10px !important;
font-size: 0.80em !important;
margin: 3px 0 6px;
}
.divColIzTramos #datostramos .datostramo p
{
font-weight: 300 !important;
padding: 0 !important;
line-height: 0.6em !important;
color: #555555 !important;
}
.divColIzTramos #datostramos .datostramo p:nth-child(3)
{
float: left;
}
.divColIzTramos #datostramos .datostramo p:nth-child(2)
{
float: left;
clear: left;
margin: 0 10px 0 0;
}
.divColIzTramos #datostramos .datostramo span
{
display: inline-block;
padding: 4px 0px;
}
.divColIzTramos #datostramos .datostramo span.titulo
{
text-transform: uppercase;
font-weight: 700;
padding: 0px;
padding-bottom: 5px !important;
}
.divColIzTramos #datostramos .datostramo a.titulo
{
text-transform: uppercase;
font-weight: 700;
display: inline-block;
font-size: 1.0em !important;
}
.divColIzTramos #datostramos .datostramo span.etiqueta
{
font-weight: 700;
padding-right: 5px;
}
.divColDchaViajes .fichaRuta
{
float: left;
display: block;
margin-right: 5px;
overflow: hidden;
height: 235px;
background-position: center center;
position: relative;
}
.bBuscarViajesAlea #divRutasCamino .fichaRuta
{
object-fit: cover !important;
width: 49.2%;
margin: 0.4%;
}
.bBuscarViajesAlea #divRutasCamino .fichaRuta img
{
object-fit: cover !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
}
.bBuscarViajesAlea #divContenedorRutasCamino
{
margin-top: 0 !important;
}
.divColDchaViajes .fichaRuta .datos
{
float: left;
background: url("../imgs/background_semigrey.png") repeat top left;
width: 220px;
height: 90%;
position: absolute;
right: 10px;
top: 10px;
font-size: 0.9em !important;
}
.divColDchaViajes .fichaRuta .datos p.titulo
{
text-transform: uppercase;
font-weight: 700;
padding-bottom: 6px !important;
color: #FFFFFF;
}
.divColIzTramos .fichaRuta
{
float: left;
display: block;
overflow: hidden;
height: 235px;
margin: 0px 15px 15px 0px;
background-position: center center;
position: relative;
}
body.bTiposRutas #divRutasCamino .divColIzTramos .fichaRuta
{
width: 49.2%;
margin: 0.4%;
}
#bInicio.bViajesTipo #divRutasCamino .divColIzTramos .fichaRuta
{
object-fit: cover !important;
width: 49.2%;
margin: 0.4%;
}
#bInicio.bViajesTipo #divRutasCamino .divColIzTramos .fichaRuta img
{
object-fit: cover;
width: 100%;
}
body#bBlogs.bRegiones #divRutasCamino .divColIzTramos .fichaRuta img
{
object-fit: cover !important;
width: 100% !important;
/*height: 100% !important;*/
}
body#bBlogs.bRegiones #divRutasCamino .divColIzTramos .fichaRuta
{
object-fit: cover !important;
width: 49.2% !important;
margin: 0.4% !important;
}
#bBlogs.bRegiones .wrapper2 .box2
{
width: 31.5%;
margin: 0.5% !important;
float: left;
}
#bBlogs.bBuscarViajesAlea .wrapper2 .box2
{
width: 31.5%;
margin: 0.5% !important;
float: left;
}
#bBlogs.bBuscarViajesAlea .wrapper2 .box2:nth-child(3n+4)
{
clear: left;
}
@media (max-width: 530px)
{
#bBlogs.bRegiones .wrapper2 .box2
{
width: 100%;
margin: 0.5% 0.5% 20px 0.5% !important;
float: left;
}
#bBlogs.bBuscarViajesAlea .wrapper2 .box2
{
width: 100% !important;
margin: 0.5% 0.5% 20px 0.5% !important;
float: left;
}
#bBlogs.bFichaRegion .titularlessgrey
{
padding-left: 10px !important;
padding-right: 10px !important;
width: 96% !important;
margin-bottom: 20px;
}
}
@media (max-width: 992px)
{
#bBlogs.bBuscarViajesAlea .wrapper2 .box2
{
width: 48%;
margin: 0.5% 0.5% 20px 0.5% !important;
float: left;
}
#bBlogs.bBuscarViajesAlea .wrapper2 .box2:nth-child(3n+4)
{
clear: none;
}
#bBlogs.bBuscarViajesAlea .wrapper2 .box2:nth-child(2n+3)
{
clear: left;
}
}
#bInicio.bTiposRutas #encuentratucamino2 #ContenidoCuerpo section article .divColDchamp aside img
{
display: none;
}
.bRegiones.bFichaRegion .bArtBlog .divColIzdamg
{
width: 100% !important;
}
.bRegiones.bFichaRegion .bArtBlog
{
padding: 0 !important;
}
.bRegiones.bFichaRegion .bArtBlog .divColIzdamg h1.titular_2
{
height: auto !important;
line-height: 0.8rem;
}
body#bBlogs.bRegiones.bFichaRegion .bArtBlog .divColIzdamg p.resumen
{
height: auto !important;
min-height: 30px !important;
padding: 5px 10px !important;
line-height: 1rem !important;
}
.bRegiones.bFichaRegion .bArtBlog div section + a
{
display: block;
clear: both;
text-align: center;
padding: 10px;
}
body.bTiposRutas #divRutasCamino .divColIzTramos .fichaRuta img
{
width: 100% !important;
/*height: auto;*/
object-fit: cover;
/*width: 50px;*/
/*height: 100px;*/
/*width: auto !important;*/
overflow: hidden !important;
}
body#bInicio.bCasasRurales #encuentratucamino #divRutasCamino .divColIzTramos .fichaRuta
{
width: 49.2%;
margin: 0.4%;
}
body#bInicio.bCasasRurales #encuentratucamino #divRutasCamino .divColIzTramos .fichaRuta h3
{
line-height: 1rem;
}
body#bInicio.bCasasRurales #encuentratucamino #divRutasCamino .divColIzTramos .fichaRuta img
{
object-fit: cover;
width: 100%;
}
body.bTiposRutas #divRutasCamino .divColIzTramos .fichaRuta h3
{
line-height: 0.9rem;
}
#bRuta.bFichaViaje .divColIzdamg ul.cajaInfo li
{
width: 48%;
display: inline-block;
vertical-align: top;
margin: 1%;
float: none;
}
#bRuta.bFichaCasaRural .divColDchamp aside#datosViaje
{
position: relative;
width: 235px;
z-index: 0;
}
@media (max-width: 867px)
{
#bRuta.bFichaViaje .ContenedorPpal .divColDchamp
{
width: 100%;
}
#bSeccionWeb .ContenedorPpal .divColDchamp
{
width: 100%;
}
#bRuta.bFichaViaje .ContenedorPpal article .divColIzdamg a img
{
width: 100%;
}
#bRuta.bFichaViaje .divColIzdamg ul.cajaInfo li
{
width: 48%;
display: inline-block;
margin: 1%;
float: none;
}
#bRuta.bFichaViaje .divColIzdamg ul.cajaInfo
{
text-align: center;
margin-bottom: 30px !important;
}
#bRuta.bFichaViaje .divColIzdamg #ficha_ruta .precio
{
width: 100%;
}
#bRuta.bFichaViaje #ficha_ruta #incluye, #bRuta.bFichaViaje #ficha_ruta #noincluye, #bRuta.bFichaViaje #ficha_ruta #opcional
{
width: 100%;
}
#bRuta.bFichaViaje .divColDchamp aside#datosViaje
{
width: 100%;
position: relative;
}
#bRuta.bFichaViaje .div2Cols .divColDchamp #datosViaje p.freequote img
{
width: auto !important;
}
#bRuta.bFichaViaje .div2Cols .divColDchamp #datosViaje p.freequote
{
text-align: center;
clear: both;
}
#bRuta.bFichaViaje .ContenedorPpal .dia_itinerario .contenido_dia_itinerario .contenido_iti_dcha
{
width: 100%;
}
#bRuta.bFichaViaje .ContenedorPpal .dia_itinerario .contenido_dia_itinerario .imgPpalDiaRuta
{
width: 100%;
text-align: center;
margin: 15px 0;
}
#bRuta.bFichaViaje .divColDchamp aside#datosViaje ul#navegacion
{
display: none;
}
#bRuta.bFichaViaje .ContenedorPpal .divColDchamp figure
{
margin: 0 auto;
}
#bRuta.bFichaCasaRural .ContenedorPpal .divColDchamp
{
width: 100% !important;
}
#bRuta.bFichaCasaRural .ContenedorPpal .divColDchamp #map_canvas
{
width: 100% !important;
}
#bRuta.bFichaCasaRural .ContenedorPpal article .divColIzdamg #ficha_ruta
{
width: 97% !important;
}
#bRuta.bFichaCasaRural .ContenedorPpal article .divColIzdamg #ficha_ruta ol li
{
width: 96% !important;
}
#bRuta.bFichaCasaRural .ContenedorPpal article .divColDchamp aside#datosViaje
{
position: relative;
width: 100%;
}
#bRuta.bFichaCasaRural .ContenedorPpal article .divColDchamp aside#datosViaje p.freequote
{
width: auto;
text-align: center;
margin: 0 auto;
clear: both;
}
#bRuta.bFichaCasaRural .ContenedorPpal article .divColDchamp aside#datosViaje p.freequote img
{
width: auto;
}
.bBuscarViajesAlea #divRutasCamino .fichaRuta
{
object-fit: cover !important;
width: 100%;
margin: 0.4%;
}
}
.divColIzTramos .fichaRuta .datos
{
float: left;
background: url("../imgs/background_semigrey.png") repeat top left;
width: 220px;
height: 90%;
position: absolute;
right: 10px;
top: 10px;
font-size: 0.9em !important;
}
.divColIzTramos .fichaRuta .datos p.titulo
{
text-transform: uppercase;
font-weight: 700;
padding-bottom: 6px !important;
color: #FFFFFF;
}
#bCamino .divColDchaViajes .fichaRuta .datos p.titulo, #bCamino .divColDchaViajes .fichaRuta .datos p.titulo a, .divColDchaViajes .fichaRuta .datos p.titulo,
.divColDchaViajes .fichaRuta .datos p.titulo a, .divColIzTramos .fichaRuta .datos p.titulo, .divColIzTramos .fichaRuta .datos p.titulo a
{
color: #FFFFFF !important;
}
.divColDchaViajes .fichaRuta .datos p.titulo a, .divColDchaViajes .fichaRuta .datos p.titulo a:hover
{
text-transform: uppercase;
font-weight: 700;
padding-bottom: 6px !important;
color: #FFFFFF;
}
.divColDchaViajes .fichaRuta .datos p.subtitulo
{
color: #DDD;
font-weight: 400;
padding-top: 3px;
line-height: 1rem !important;
}
.divColDchaViajes .fichaRuta .datos p.precio
{
color: #DF9A05;
font-size: 1.1em !important;
line-height: 1.1rem !important;
margin-top: 0 !important;
padding-top: 10px !important;
}
.divColDchaViajes .fichaRuta .datos p.precio span
{
clear: both;
display: block;
font-size: 0.65em !important;
}
.divColIzTramos .fichaRuta .datos p.titulo a, .divColIzTramos .fichaRuta .datos p.titulo a:hover
{
text-transform: uppercase;
font-weight: 700;
padding-bottom: 6px !important;
color: #FFFFFF;
}
.divColIzTramos .fichaRuta .datos p.subtitulo
{
color: #DDD;
font-weight: 400;
padding-top: 3px;
}
#bCamino .divColIzTramos .fichaRuta .datos p.subtitulo, #bCamino .divColIzTramos .fichaRuta .datos p.subtitulo a
{
}
.divColIzTramos .fichaRuta .datos p.precio
{
color: #DF9A05;
font-size: 1.1em !important;
line-height: 1.1rem !important;
}
.divColIzTramos .fichaRuta .datos p.precio span
{
clear: both;
display: block;
font-size: 0.65em !important;
}
.divColDchaViajes .fichaRuta .datos .tramos
{
position: absolute;
/*float: right;*/
/*margin: 0 0 10px 0;*/
bottom: 15px;
right: 0;
font-size: 0.70em !important;
color: #FFF;
font-weight: 400 !important;
}
@media (max-width: 867px)
{
.divColDchaViajes .fichaRuta .datos .tramos
{
position: relative;
float: right;
margin: 0 0 10px 0;
bottom: 0;
}
}
.divColDchaViajes .fichaRuta .datos .medio
{
position: absolute;
bottom: 15px;
left: 0;
font-size: 0.70em !important;
color: #FFF;
font-weight: 400 !important;
}
.divColDchaViajes .fichaRuta .datos .medio img
{
position: absolute;
height: auto;
width: auto;
bottom: -5px;
}
.divColDchaViajes .fichaRuta .datos .medio img.andando
{
padding-left: 5px;
}
.divColDchaViajes .fichaRuta .datos .medio img.bici
{
padding-left: 10px;
}
.divColDchaViajes .options
{
float: left;
padding-bottom: 25px;
padding-top: 0px;
}
.divColDchaViajes .options span
{
float: left;
padding-left: 0px;
padding-right: 10px;
}
.divColDchaViajes .options .andando
{
background: url("../imgs/background_btn_andando_black.png") no-repeat scroll center 10px #EDEDED;
border-radius: 3px;
padding: 35px 0px 10px 0;
width: 153px;
float: left;
color: #000;
line-height: 1em;
margin-right: 10px !important;
text-align: center;
font-size: 0.75em;
}
.divColDchaViajes .options .andando:hover
{
background: url("../imgs/background_btn_andando.png") no-repeat scroll center 10px #669B43;
color: #FFF;
}
.divColDchaViajes .options .andando_seleccionado
{
background: url("../imgs/background_btn_andando.png") no-repeat scroll center 10px #669B43;
color: #FFF;
border-radius: 3px;
padding: 35px 0px 10px 0;
width: 153px;
float: left;
line-height: 1em;
margin-right: 10px !important;
text-align: center;
font-size: 0.75em;
}
.divColDchaViajes .options .bicicleta
{
background: url("../imgs/background_btn_bicicleta_black.png") no-repeat scroll center 10px #EDEDED;
border-radius: 3px;
padding: 35px 0px 10px 0;
width: 153px;
float: left;
color: #000;
line-height: 1em;
margin-right: 10px !important;
text-align: center;
font-size: 0.75em;
}
.divColDchaViajes .options .bicicleta:hover
{
background: url("../imgs/background_btn_bicicleta.png") no-repeat scroll center 10px #669B43;
color: #FFF;
}
.divColDchaViajes .options .bicicleta_seleccionado
{
background: url("../imgs/background_btn_bicicleta.png") no-repeat scroll center 10px #669B43;
color: #FFF;
border-radius: 3px;
padding: 35px 0px 10px 0;
width: 153px;
float: left;
line-height: 1em;
margin-right: 10px !important;
text-align: center;
font-size: 0.75em;
}
.divColDchaViajes .options .bicicleta_andando
{
background: url("../imgs/background_btn_andandoybicicleta_black.png") no-repeat scroll center 10px #EDEDED;
border-radius: 3px;
padding: 35px 0px 10px 0;
width: 153px;
float: left;
color: #000;
line-height: 1em;
margin-right: 10px !important;
text-align: center;
font-size: 0.75em;
}
.divColDchaViajes .options .bicicleta_andando:hover
{
background: url("../imgs/background_btn_andandoybicicleta_black.png") no-repeat scroll center 10px #669B43;
color: #FFF;
}
.divColDchaViajes .options .bicicleta_andando_seleccionado
{
background: url("../imgs/background_btn_andandoybicicleta.png") no-repeat scroll center 10px #669B43;
color: #FFF;
border-radius: 3px;
padding: 35px 0px 10px 0;
width: 153px;
float: left;
line-height: 1em;
margin-right: 10px !important;
text-align: center;
font-size: 0.75em;
}
.divColDchaViajes .options .seleccion
{
float: right;
}
#divTramosCamino
{
float: left;
}
#divRutasCamino
{
float: left;
width: 100%;
min-height: 200px;
}
.especiaRut #divRutasCamino
{
float: left;
min-height: 1500px !important;
}
.FixedCompartir
{
}
.FixedCompartir2
{
}
.NOFixedCompartir
{
position: static;
}
.div2ColsCamino
{
float: left;
padding: 10px 0 15px 0;
width: 100%;
}
.ayudaoperadora
{
background: url("../imgs/background_operadora_ayuda.jpg") repeat scroll left top transparent;
height: 161px;
position: relative;
}
#bCamino.bFichaCamino .col-md-6.ayudaoperadora
{
width: calc(50% - 18px);
float: left;
clear: none;
margin: 15px 9px 25px;
}
#bCamino.bFichaCamino .col-md-6.caminomoto
{
width: calc(50% - 18px);
float: left;
clear: none;
margin: 15px 9px 25px;
}
.caminomoto
{
background: url("../imgs/background_harley.jpg") left top / 100% 100% no-repeat scroll transparent;
height: 161px;
position: relative;
}
.divColDcha50 .titularBanner
{
float: right;
padding: 10px 15px;
font-size: 1.8em;
width: 250px;
text-align: right;
line-height: 1.2em;
}
.divColDcha50 .textolink
{
position: absolute;
bottom: 10px;
width: 90%;
background: url("../imgs/flecha_bton.png") no-repeat scroll 98.5% center #779D5D;
opacity: 0.85;
margin: 0px 10px;
padding: 5px 20px 5px 10px;
color: #FFF !important;
font-weight: 300;
font-size: 0.80em !important;
}
.divColDcha50 .textolink a
{
color: #FFF !important;
display: block;
}
#fwsliderEDU
{
background: url("../archivos/caminos/banner_frances.jpg") no-repeat fixed center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body#bTramo
{
padding: 10px;
}
body#bTramo #ContenidoCuerpoTramo div.descripcion
{
}
body#bTramo #ContenidoCuerpoTramo .div2Cols, body#bTramo #ContenidoCuerpoTramo .div1Col
{
padding: 30px 30px;
}
body#bTramo #ContenidoCuerpoTramo .div2Cols .divColIzTramos
{
width: 46%;
margin-top: 50px;
}
body#bTramo #ContenidoCuerpoTramo .div2Cols .divColDchaViajes
{
width: 41%;
float: left;
padding-left: 15px;
margin-top: 50px;
}
body#bTramo #ContenidoCuerpoTramo div.cab, body#bTramo #ContenidoCuerpoTramo h2.cab
{
font-size: 1.2em;
padding: 0px !important;
padding-bottom: 10px !important;
text-align: left;
}
body#bTramo #ContenidoCuerpoTramo h2.cab
{
font-weight: 300 !important;
}
body#bTramo #ContenidoCuerpoTramo .divColIzTramos p, body#bTramo #ContenidoCuerpoTramo .divColIzTramos div, body#bTramo #ContenidoCuerpoTramo .divColDchaViajes
p
{
padding: 0px !important;
color: #666;
font-size: 0.7em !important;
padding-bottom: 20px !important;
line-height: 1.3em !important;
}
body#bTramo #ContenidoCuerpoTramo span.etiqueta
{
font-weight: 700;
padding-right: 5px;
}
body#bTramo #ContenidoCuerpoTramo div#imgTramo
{
width: 410px;
height: 277px;
overflow: hidden;
}
body#bTramo #map-canvas
{
height: 100%;
margin: 0px;
padding: 0px;
}
body#bTramo #elevation_chart
{
padding-top: 20px;
}
body#bTramo div.titularlesgreen, body#bTramo h2.titularlesgreen
{
background-color: #669A41;
padding: 7px 0px;
color: #FFF;
font-size: 0.95em !important;
text-align: center;
clear: both;
margin-bottom: 20px;
font-weight: 300 !important;
}
body#bTramo ul
{
list-style: none;
padding-top: 10px;
padding-left: 15px;
}
body#bTramo ul li
{
color: #666;
font-size: 0.75em !important;
line-height: 1.5em !important;
}
body#bTramo ul li span
{
color: #669A41;
padding-left: 5px;
}
body#bTramo div.etapas
{
padding-top: 10px;
margin-bottom: 20px;
}
body#bTramo div.etapas h3
{
color: #666;
font-size: 0.7em !important;
line-height: 1.5em !important;
font-weight: 700 !important;
padding-left: 15px;
}
body#bTramo #ContenidoCuerpoTramo .divColIzTramos p.nota, body#bTramo #ContenidoCuerpoTramo .divColDchaViajes p.nota
{
font-size: 0.6em !important;
padding: 30px 0 20px 0 !important;
font-weight: 400;
}
body#bTramo div.cabgreen
{
color: #669A41;
}
body#bRuta figure#imgPpalRuta
{
width: 1000px;
height: 460px;
overflow: hidden;
margin-bottom: 25px;
}
body#bRuta figure#imgMapaRuta
{
width: 234px;
overflow: hidden;
}
body#bRuta div .imgruta
{
padding-top: 10px;
}
body#bRuta .divColIzdamg p.precio
{
color: #DF9A05;
font-size: 1.1em;
}
body#bRuta .divColIzdamg p.precio span
{
clear: both;
display: block;
font-size: 0.65em !important;
}
body#bRuta ul#navigation
{
color: #383838;
height: 36px;
padding: 20px 20px 0px 0px;
position: relative;
overflow: hidden;
list-style: outside none none;
}
body#bRuta ul#navigation li
{
color: #383838;
float: left;
margin: 0px 5px 0px 0px;
background-color: #D1D1D1;
position: relative;
}
body#bRuta ul#navigation li a:link, ul#navigation li a:visited
{
display: block;
text-align: center;
padding: 5px 10px;
height: 40px;
line-height: 36px;
text-decoration: none;
font-size: 0.9em !important;
outline: medium none;
float: left;
background: none repeat scroll 0% 0% #D1D1D1;
color: #383838;
border: 1px solid #D1D1D1;
transition: background-color 0.3s linear 0s;
}
body#bRuta ul#navigation li.shadow
{
width: 100%;
height: 1px;
position: absolute;
bottom: -2px;
left: 0;
border: none;
background: none;
box-shadow: 0 -2px #487507;
}
body#bRuta ul#navigation li a:hover, body#bRuta ul#navigation li.selected a
{
background-color: #FFFFFF;
border: 1px solid #008000;
color: #659A40;
}
body#bRuta ul#navigation li.selected
{
z-index: 3;
background-color: #FFFFFF;
}
body#bRuta div.cab
{
font-size: 1.2em;
padding: 10px 0px 10px;
text-align: left;
}
body#bRuta div.cab2
{
font-size: 0.9em;
padding: 10px 0px 10px !important;
text-align: left;
}
body#bInicio .ayudaoperadora, body#bRuta .ayudaoperadora, body#bExperiencias .ayudaoperadora, body#bExperiencia .ayudaoperadora, body#bBlogs .ayudaoperadora,
body#bBlog .ayudaoperadora, body#bSeccionWeb .ayudaoperadora
{
/* background: url("../imgs/background_operadora_ayuda_mini.png") repeat scroll left top transparent;*/
background: #659A40;
min-height: 100px !important;
height: auto;
width: 100%;
position: relative;
margin-top: 40px !important;
}
body#bInicio .ayudaoperadora .titularBanner, body#bRuta .ayudaoperadora .titularBanner, body#bExperiencias .ayudaoperadora .titularBanner, body#bExperiencia
.ayudaoperadora .titularBanner, body#bBlogs .ayudaoperadora .titularBanner, body#bBlog .ayudaoperadora .titularBanner, body#bSeccionWeb .ayudaoperadora
.titularBanner
{
float: right;
padding: 10px 15px;
font-size: 1.0em;
width: 200px;
text-align: center;
color: #FFF;
line-height: 1.2em;
}
.ayudaoperadora .titularBanner a
{
color: #FFF !important;
}
body#bInicio .ayudaoperadora .textolink, body#bRuta .ayudaoperadora .textolink, body#bExperiencias .ayudaoperadora .textolink, body#bExperiencia .ayudaoperadora
.textolink, body#bBlogs .ayudaoperadora .textolink, body#bBlog .ayudaoperadora .textolink, body#bSeccionWeb .ayudaoperadora .textolink
{
width: 100%;
/*background: url("../imgs/flecha_bton_blanco.png") no-repeat scroll 98.5% center transparent;*/
background: #EFA300;
margin: 0px 10px;
width: 100% !important;
color: #FFF !important;
font-weight: 700;
font-size: 0.95em !important;
text-align: center;
text-transform: uppercase !important;
font-size: 20px !important;
padding: 0px !important;
}
#bExperiencias aside #CDSWIDSSP
{
width: 100% !important;
}
body#bRuta #datosViaje .ayudaoperadora .textolink
{
width: calc(100% - 40px) !important;
padding: 5px 10px !important;
}
body#bRuta #datosViaje .ayudaoperadora
{
height: auto !important;
padding: 0 0 15px 0;
}
body#bInicio .ayudaoperadora .textolink a, body#bRuta .ayudaoperadora .textolink a, body#bExperiencias .ayudaoperadora .textolink a, body#bExperiencia
.ayudaoperadora .textolink a, body#bBlogs .ayudaoperadora .textolink a, body#bBlog .ayudaoperadora .textolink a, body#bSeccionWeb .ayudaoperadora .textolink a
{
color: #FFF !important;
font-weight: 700;
text-transform: uppercase !important;
}
body#bInicio .ayudaoperadora .textolink, body#bExperiencias .ayudaoperadora .textolink, body#bExperiencias .ayudaoperadora .textolink, body#bSeccionWeb
.ayudaoperadora .textolink
{
margin: 5px 5px 0px 5px !important;
width: auto !important;
padding: 6px 0 0 !important;
font-size: 18px !important;
height: 35px;
text-align: center;
line-height: 1.5em;
}
body#bInicio .ayudaoperadora
{
margin-bottom: 20px !important;
height: auto !important;
padding-bottom: 5px;
}
#bInicio .conbordeypadding .ayudaoperadora .textolink a
{
font-size: 20px !important;
}
body#bRuta .tuviaje
{
background-color: #659A40;
padding: 10px;
margin-bottom: 20px !important;
}
body#bRuta .tuviaje p
{
color: #FFF !important;
}
body#bRuta .tuviaje p.titulo
{
font-size: 1.0em !important;
font-weight: 700;
padding-bottom: 5px !important;
}
body#bRuta .tuviaje p.ruta, body#bRuta .tuviaje p.deposito
{
font-size: 0.7em !important;
font-weight: 300;
line-height: 1.0em !important;
padding-bottom: 3px !important;
}
body#bRuta .tuviaje p.precio
{
font-size: 2.2em !important;
font-weight: 400;
line-height: 1.0em !important;
padding-bottom: 10px !important;
}
body#bRuta .tuviaje p.precio span.aclaracion
{
clear: both;
display: block;
font-size: 0.35em !important;
font-weight: 300 !important;
line-height: 1.0em !important;
}
body#bRuta .tuviaje a.reservar
{
margin-top: 15px !important;
margin-bottom: 5px !important;
background-color: #EFA300;
color: #FFFFFF;
display: block;
padding: 10px;
font-size: 1.5em !important;
}
body#bRuta p.comparteviaje
{
text-align: right;
float: right;
width: 235px;
padding: 15px 0px;
color: #659A40;
font-size: 0.65em !important;
}
body#bRuta p.comparteviaje img
{
display: block;
float: right;
width: auto;
padding-right: 10px;
}
body#bRuta p.comparteviaje span.txt
{
padding-top: 3px !important;
display: block;
float: left;
text-align: right;
width: 65%;
}
body#bRuta p.etiqueta
{
padding-bottom: 3px;
}
body#bRuta span.etiqueta
{
font-weight: 700;
padding-right: 5px;
}
body#bRuta span.link a
{
font-weight: 300;
padding-right: 5px;
color: #659A40;
text-decoration: underline;
font-size: 1.0em !important;
}
body#bRuta span.punto
{
padding-right: 0px;
}
body#bRuta div.titularlessgrey, body#bExperiencias div.titularlessgrey, body#bExperiencia div.titularlessgrey
{
background-color: #EDEDED;
background: url("../imgs/background_flecha_close_dia_ruta.png") no-repeat scroll 98% center transparent;
padding: 10px 0px;
color: #666;
font-size: 0.8em !important;
font-weight: 400;
text-align: left;
clear: both;
padding-left: 10px;
cursor: pointer;
}
body#bRuta div.titularlessgrey_selec, body#bExperiencias div.titularlessgrey_selec, body#bExperiencia div.titularlessgrey_selec
{
background: url("../imgs/background_flecha_open_dia_ruta.png") no-repeat scroll 98% center #EDEDED;
}
body#bRuta div.titularlessgreyprimer, body#bExperiencias div.titularlessgreyprimer, body#bExperiencia div.titularlessgreyprimer
{
border-top: 1px solid #EDEDED;
}
body#bRuta div.titularlessgrey span, body#bExperiencias div.titularlessgrey span, body#bExperiencia div.titularlessgrey span
{
font-weight: 700;
}
body#bRuta .dia_itinerario
{
border-bottom: 1px solid #EDEDED;
}
body#bRuta .contenido_dia_itinerario
{
padding: 20px;
display: none;
}
body#bRuta .imgPpalDiaRuta
{
float: left;
padding: 0 15px 15px 0;
}
body#bRuta .contenido_dia_itinerario .imgPpalDiaRuta
{
float: left;
padding: 10px 10px 15px 0 !important;
overflow: hidden;
margin-right: 15px;
width: 195px;
}
body#bRuta .contenido_dia_itinerario .imgPpalDiaRuta + .contenido_iti_dcha
{
width: calc(100% - 220px);
padding: 10px 0 15px !important;
}
@media (max-width: 550px)
{
body#bRuta .contenido_dia_itinerario .imgPpalDiaRuta + .contenido_iti_dcha
{
width: 100%;
clear: both;
}
body#bRuta .contenido_dia_itinerario .imgPpalDiaRuta
{
float: left;
padding: 10px 15px 10px 0 !important;
width: 100%;
text-align: center;
}
}
@media (min-width: 867px)
{
body#bRuta .contenido_dia_itinerario .imgPpalDiaRuta + .contenido_iti_dcha
{
padding-top: 0 !important;
}
body#bRuta .contenido_dia_itinerario .imgPpalDiaRuta
{
padding-top: 0 !important;
}
}
body#bRuta .contenido_dia_itinerario .imgPpalDiaRuta img
{
float: none !important;
position: relative !important;
margin: 0 !important;
}
body#bRuta ul#lugares_destacados
{
list-style: none;
display: block;
clear: both;
padding: 15px 0;
}
body#bRuta ul#lugares_destacados li
{
float: left;
font-size: 0.8em;
background: url("../imgs/background_flecha_lugar_destacado_ruta.png") no-repeat scroll 3% center transparent;
margin-right: 10px;
padding: 3px;
padding-left: 20px;
width: 210px;
}
body#bRuta #ficha_ruta
{
margin: 25px 0 45px 0;
background-color: #EDEDED;
padding: 15px;
float: left;
width: 96.5%;
}
body#bRuta #ficha_ruta div.cab
{
padding-top: 0 !important;
font-size: 1.5em;
padding-bottom: 20px !important;
}
body#bRuta #ficha_ruta p.precio
{
width: 35%;
float: left;
}
body#bRuta #ficha_ruta div#opciones
{
clear: both;
float: left;
width: 100%;
}
body#bRuta #ficha_ruta div#opciones ul, body#bRuta #ficha_ruta div#opciones ol
{
list-style: none;
font-size: 0.75em !important;
}
body#bRuta #ficha_ruta div#opciones ul li, body#bRuta #ficha_ruta div#opciones ol li
{
padding: 0px;
margin: 10px 0;
}
body#bRuta #ficha_ruta div#opciones ul li:before, body#bRuta #ficha_ruta div#opciones ol li:before
{
content: "• ";
color: #818181;
/* or whatever color you prefer */
}
body#bRuta #ficha_ruta div#incluye, body#bRuta #ficha_ruta div#noincluye, body#bRuta #ficha_ruta div#opcional
{
float: left;
min-width: 200px !important;
}
body#bRuta #ficha_ruta div#incluye .cab2
{
background: url("../imgs/background_ruta_incluye.png") no-repeat scroll center left transparent;
padding-left: 30px !important;
}
body#bRuta #ficha_ruta div#noincluye .cab2
{
background: url("../imgs/background_ruta_noincluye.png") no-repeat scroll center left transparent;
padding-left: 30px !important;
}
body#bRuta #ficha_ruta div#opcional .cab2
{
background: url("../imgs/background_ruta_opcional.png") no-repeat scroll center left transparent;
padding-left: 30px !important;
}
body#bRuta #ficha_ruta div.cab2
{
font-size: 1.1em;
}
body#bRuta ul#mas_viajes, body#bRuta ul#otros_caminos
{
list-style: outside none none;
display: block;
clear: both;
padding: 15px 0px;
}
body#bRuta ul#mas_viajes li a, body#bRuta ul#otros_caminos li a
{
color: #444 !important;
float: left !important;
margin-right: 10px !important;
padding: 3px 3px 3px 20px !important;
line-height: 1.2em !important;
font-size: 0.8em;
}
body#bExperiencias a.leermas, body#bExperiencia a.leermas, body#bBlogs a.leermas, body#bBlog a.leermas
{
background: url("../imgs/flecha_bton_verde.png") no-repeat scroll right center transparent;
padding: 3px 20px 3px 0px;
display: block;
float: right;
color: #669A41;
line-height: 1em;
font-size: 0.9em !important;
}
body#bExperiencias .experiencia
{
border-bottom: 1px solid #EDEDED;
}
/*[clearfix]*/
body#bExperiencias .contenido_experiencia
{
padding: 20px;
display: none;
}
body#bExperiencias .contenido_experiencia p
{
padding: 30px 0 0 !important;
}
body#bExperiencias .imgPpalExperiencia
{
float: left;
padding: 0 15px 15px 0;
}
body#bExperiencias .imgPpalExperiencia img
{
margin-top: 0 !important;
}
body#bExperiencia h2.titular_3
{
font-size: 0.8em !important;
font-weight: 700 !important;
}
body#bExperiencia figure#imgPpalRuta
{
width: 740px;
max-width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 25px;
}
body#bExperiencias a.atras, body#bExperiencia a.atras, body#bBlogs a.atras, body#bBlog a.atras, body#bSeccionWeb a.atras
{
background: url("../imgs/flecha_bton_verde_izda.png") no-repeat scroll left center transparent;
padding: 3px 0px 3px 20px;
display: block;
float: left;
color: #669A41;
line-height: 1em;
font-size: 0.9em !important;
clear: both;
margin-top: 20px;
}
body#bBlogs figure#imgPpalRuta, body#bBlog figure#imgPpalRuta
{
width: 100%;
overflow: hidden;
margin-bottom: 25px;
}
body#bBlogs .divColDchamp aside, body#bBlog .divColDchamp aside
{
padding: 90px 0px 0px;
}
body#bBlogs .divColIzdamg p.resumen, body#bBlog p.resumen
{
font-weight: 300 !important;
font-size: 0.9rem !important;
padding: 5px 10px 15px !important;
clear: left;
/*min-height: 90px !important;*/
}
.SocialMedia
{
clear: both;
padding-top: 25px;
}
body#bBlogs .SocialMedia span, body#bBlog .SocialMedia span
{
float: left;
display: block;
margin: 5px 10px 0px 0px;
}
body#bBlogs .SocialMedia a img, body#bBlog .SocialMedia a img
{
opacity: 0.8 !important;
object-fit: cover;
width: 100%;
/*width: auto !important;*/
/*float: left;*/
margin: 0 15px 0 0;
}
body#bBlogs .SocialMedia a:last-of-type, body#bBlog .SocialMedia a:last-of-type
{
display: none;
/*Para ocultar G+*/
}
body#bBlogs .SocialMedia a img:hover, body#bBlog .SocialMedia a img:hover
{
opacity: 1.0 !important;
}
body#bBlogs .SocialMedia a, body#bBlog .SocialMedia a
{
display: block;
float: none;
position: relative;
width: 30px;
border-bottom: 1px solid #FFF;
height: 30px;
margin: 0px 10px 0px 0px;
line-height: 0.0em !important;
visibility:0.7;
overflow: hidden;
}
body#bBlogs .SocialMedia span, body#bBlog .SocialMedia span
{
display: block !important;
width: 100%;
margin: 0 0 10px 0;
}
body#bBlogs ul li a.selected, body#bBlog ul li a.selected
{
font-weight: 700 !important;
}
body#bSeccionWeb .divColDchamp aside
{
padding-top: 40px;
}
div#galeria
{
float: left;
clear: both !important;
margin-bottom: 25px;
}
div#galeria div.foto
{
width: 60px;
height: 60px;
overflow: hidden;
margin-right: 10px !important;
float: left;
}
div.text_ckeditor p img
{
max-width: 700px;
overflow: hidden;
}
#bRuta .ContenedorTramos
{
margin-bottom: 30px;
}
#experienciasunicas
{
float: left;
}
#bRuta .link
{
color: #669A41 !important;
}
#bRuta .imgexperiencia
{
width: 230px;
height: 160px;
overflow: hidden;
position: relative;
padding: 10px 8px 3px;
display: inline-block;
float: none;
}
#bRuta.bFichaViaje #ContenidoCuerpo div.cs-style-3
{
text-align: center;
}
/*#bRuta .imgexperiencialast {
  padding-right: 0px !important;
}*/
#bRuta .divColDchamp aside#datosViaje
{
position: absolute;
width: 235px;
z-index: 0;
}
h1.titular_2
{
text-align: center;
font-weight: 400 !important;
font-size: 0.85em !important;
line-height: 1.2rem;
/*min-height: 48px !important;*/
height: auto !important;
padding: 5px !important;
/*font-weight: 300 !important;*/
/*padding: 0 0px !important;*/
}
.bFichaArtBlog h1.titular_2
{
font-size: 2.2rem !important;
line-height: 2.4rem;
margin: 25px 0 15px;
}
h1.titular_2 a
{
text-decoration: none !important;
}
h1.titular_2 a.titurl
{
color: #222 !important;
font-weight: 400 !important;
}
.divColIzTramos #datostramos .datostramo span.titulo
{
text-decoration: underline !important;
padding-bottom: 2px !important;
}
.bRegiones .fichaRuta
{
margin: 0;
}
.bRegiones2 .fichaRuta
{
height: 315px;
border: 0px solid #000;
margin-bottom: 25px !important;
width: 100%;
float: left;
background: #F7F7F7;
}
body#bRuta .tucasa p.titulo
{
font-size: 29px !important;
font-weight: 300 !important;
}
@media (max-width: 640px)
{
body#bBlogs.bRegiones #divRutasCamino .divColIzTramos .fichaRuta
{
object-fit: cover !important;
width: 100% !important;
margin-bottom: 10px !important;
/*height: 100% !important;*/
}
body.bRegiones .div2Cols .divColIzTramos .conoce_el_norte_de_espana
{
width: 100% !important;
}
body.bRegiones #descubreelnorte.div2Cols .divColDchaViajes .por_que_el_norte_de_espana
{
width: 100% !important;
}
}
@media (max-width: 867px)
{
#bRuta.bInfoRuta div.divColIzdamg
{
}
#bRuta.bInfoRuta #ficha_ruta #incluye, #bRuta.bInfoRuta #ficha_ruta #noincluye, #bRuta.bInfoRuta #ficha_ruta #opcional
{
width: 100%;
}
#bRuta.bInfoRuta #ficha_ruta #incluye, #bRuta.bInfoRuta #ficha_ruta .precio
{
width: 100%;
}
#bRuta.bInfoRuta .ltramo3 .divColDchapmg, #bRuta.bInfoRuta .ltramo3 .divColIzdagmp
{
width: 100%;
}
/*[clearfix]*/
#bRuta.bInfoRuta div.divColDchamp
{
float: left;
width: 100%;
}
#bRuta.bInfoRuta div.divColDchamp aside#datosViaje
{
position: relative;
width: 100%;
}
#bRuta.bInfoRuta div.divColDchamp aside#datosViaje p.freequote img
{
width: auto;
margin: 0 auto;
float: none;
display: inline-block;
}
/*[clearfix]*/
#bRuta.bInfoRuta div.divColDchamp aside#datosViaje p.freequote
{
margin: 0 auto;
float: none;
clear: both;
text-align: center;
}
#bRuta.bInfoRuta div.divColDchamp aside#datosViaje ul#navegacion
{
display: none;
}
#bRuta.bInfoRuta div.divColDchamp aside#datosViaje p.comparteviaje
{
float: right;
width: 220px;
}
}
#bRuta #ContenidoCuerpo section h1.titular_2 {
  font-size: 34px !important;
  line-height: 30px !important;
  margin: 30px 0 0;
}
#bRuta.bViaje.bFichaViaje #myDiv-fluidwidth {
  margin-top: 0px !important;
  /*position: relative !important;*/
}
#bRuta .ContenedorPpal #ContenidoCuerpo section h2.titular_3 {
  font-size: 20px !important;
}