/*Modificaciones sobre el diseño base*/
/*css para poner verde el enlace del menu de la propia pagina con css usamos > a para las que tienen submenus*/
body#diez-consejos .menuLateral li.diez-consejos > a,
body#indice .menuLateral li.indice > a,
body#alojamiento-en-roma .menuLateral li.alojamiento-en-roma > a,
body#informacion-general .menuLateral li.informacion-general > a,
body#hoteles-en-roma .menuLateral li.hoteles-en-roma > a,
body#bb-en-roma .menuLateral li.bb-en-roma > a,
body#roma-pass .menuLateral li.roma-pass > a,
body#reserva-de-entradas .menuLateral li.reserva-de-entradas > a,
body#apartamentos-en-roma .menuLateral li.apartamentos-en-roma > a,
body#conventos-en-roma .menuLateral li.conventos-en-roma > a,
body#reserva-museos-vaticanos .menuLateral li.reserva-museos-vaticanos > a,
body#reserva-entradas .menuLateral li.reserva-museos-vaticanos > a,
body#reserva-coliseo .menuLateral li.reserva-coliseo > a,
body#reserva-galleria-borghese .menuLateral li.reserva-galleria-borghese > a,
body#reserva-necropolis-vaticana .menuLateral li.reserva-necropolis-vaticana > a,
body#tu-hotel .menuLateral li.tu-hotel >a,
body#roma-con-ninos .menuLateral li.roma-con-ninos > a,
body#preguntas-frecuentes .menuLateral li.preguntas-frecuentes > a,
body#descuentos-en-entradas .menuLateral li.descuentos-en-entradas > a
{
color: #fd5e63!important;
background-color: #fff;
padding-left:5px;
}
body#tours-roma .menuLateral li.tours-roma > a,
body#excursiones-roma .menuLateral li.excursiones-roma > a
{
color: #fd5e63!important;
background-color: #fff;
padding-left:5px;
}
body#desde-fiumicino .menuLateral li.desde-fiumicino > a,
body#desde-ciampino .menuLateral li.desde-ciampino > a
{
color: #fd5e63!important;
background-color: #fff;
padding-left:5px;
}
body#monumentos-roma .menuLateral li.monumentos-roma > a,
body#transporte-roma .menuLateral li.transporte-roma > a,
body#guia-restaurantes .menuLateral li.guia-restaurantes > a,
body#lista-monumentos .menuLateral li.lista-monumentos > a,
body#museos-roma .menuLateral li.museos-roma > a,
body#vistas-roma .menuLateral li.vistas-roma > a,
body#propuesta-visitas-roma .menuLateral li.propuesta-visitas-roma > a,
body#san-pedro-vaticano .menuLateral li.san-pedro-vaticano > a,
body#coliseo-roma .menuLateral li.coliseo-roma > a,
body#foro-romano .menuLateral li.foro-romano > a,
body#piazza-campidoglio .menuLateral li.piazza-campidoglio > a,
body#san-clemente-roma .menuLateral li.san-clemente-roma > a,
body#santa-maria-mayor .menuLateral li.santa-maria-mayor > a,
body#catacumbas-roma .menuLateral li.catacumbas-roma > a,
body#via-apia .menuLateral li.via-apia > a,
body#indice-monumentos .menuLateral li.indice-monumentos > a,
body#san-juan-letran .menuLateral li.san-juan-letran > a,
body#san-pablo-extramuros .menuLateral li.san-pablo-extramuros > a,
body#castillo-sant-angelo .menuLateral li.castillo-sant-angelo > a,
body#trastevere .menuLateral li.trastevere > a,
body#isla-tiberina .menuLateral li.isla-tiberina > a,
body#piazza-popolo .menuLateral li.piazza-popolo > a,
body#termas-caracalla .menuLateral li.termas-caracalla > a,
body#foros-imperiales .menuLateral li.foros-imperiales > a,
body#panteon-roma .menuLateral li.panteon-roma > a,
body#fontana-trevi .menuLateral li.fontana-trevi > a,
body#piazza-navona .menuLateral li.piazza-navona > a,
body#campo-de-fiori .menuLateral li.campo-de-fiori > a,
body#piazza-spagna .menuLateral li.piazza-spagna > a,
body#gesu .menuLateral li.gesu > a,
body#plaza-venecia .menuLateral li.plaza-venecia > a,
body#metro-roma .menuLateral li.metro-roma > a,
body#autobuses-roma .menuLateral li.autobuses-roma > a,
body#autobuses-turisticos .menuLateral li.autobuses-turisticos > a,
body#billetes-transporte-roma .menuLateral li.billetes-transporte-roma > a,
body#trenes-roma .menuLateral li.trenes-roma > a,
body#taxis-roma .menuLateral li.taxis-roma > a,
body#autobuses-turisticos .menuLateral li.autobuses-turisticos > a,
body#restaurantes-en-roma .menuLateral li.restaurantes-en-roma > a,
body#trattorias-restaurantes-roma .menuLateral li.trattorias-restaurantes-roma > a,
body#museos-vaticanos .menuLateral li.museos-vaticanos > a,
body#museos-capitolinos .menuLateral li.museos-capitolinos > a,
body#galleria-borghese .menuLateral li.galleria-borghese > a,
body#palazzo-massimo .menuLateral li.palazzo-massimo > a,
body#galleria-doria-pamphili .menuLateral li.galleria-doria-pamphili > a,
body#palazzo-barberini .menuLateral li.palazzo-barberini > a,
body#museo-etrusco .menuLateral li.museo-etrusco > a,
body#palazzo-altemps .menuLateral li.palazzo-altemps > a,
body#galleria-spada .menuLateral li.galleria-spada > a,
body#museo-civilizacion-romana .menuLateral li.gastronomia-roma > a
{
color: #fd5e63!important;
background-color: #fff;
padding-left:5px;
}
.condesplegable {
background-color: transparent !important;
}
/*css para cosas generales*/
b, strong {
color:#454242;
}
.pie-imagen {
font-size: 0.9em;
font-style: italic;
margin-top: 30px;
}
p.pie-foto {
font-size: 0.8em;
font-style: italic;
margin-top: 0;
margin-right: 5px;
text-align: right;
}
@media (max-width: 600px) {
p.primer-parrafo {
margin-top: 20px!important;
}
}
@media (min-width: 601px) {
p.primer-parrafo {
margin-top: 40px!important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
p.primer-parrafo {
margin-top: 20px!important;
}
}
/* ----------------- estilo para las listas -------------------- */
/* lista normal */
.divContent .conTab ul li {
position: relative;
color: #3c3c3c;
padding: 0 0 0 14px;
margin-bottom: 15px;
margin-left: 5px
}
.divContent .conTab ul li:before {
content: '·';
position: absolute;
left: 0;
top: -1px;
font-weight: 900;
color: #fd5e63;
font-size: 25px;
}
.divContent .conTab ul li.mg-7 p, .divContent .conTab ul li.mg-7 ul {
margin-bottom: 7px;
}
.divContent .conTab ul li.mg-10 p, .divContent .conTab ul li.mg-10 ul {
margin-bottom: 10px;
}
ul.media li {margin-bottom: 7px!important;}
ul.siete li {margin-bottom: 7px!important;}
ul.cero li {margin-bottom: 0px!important;}
ol.media li {margin-bottom: 7px!important;}
ol.mitad li {margin-bottom: 9px!important;}
ol.cinco li {margin-bottom: 5px!important;}
ol.cero li {margin-bottom: 0px!important;}
.divContent .conTab ul.media {overflow: visible;}
.divContent .conTab ol.media {overflow: visible;}
/* lista secundaria */
.divContent .conTab ul li ul li {
padding: 0 0 0 14px;
margin-bottom: 7px;
}
.divContent .conTab ul li ul li:before {
content: '.';
top: -8px;
font-weight: 900;
font-size: 25px;
color:#3c3c3c;
}
main p {margin-bottom: 15px;}
main li {margin-bottom: 15px;}
main p.centrado {text-align: center;}
main h3.centrado {text-align: center;}
/* ---- para la página de Ãndice-monumentos ---- */
main ul.sin-margen-bottom li {
margin-bottom: 4px;
}
/* --------------- preguntas frecuentes -------------------------- */
.divContent .conTab .row .contenedor-faq {
background: #f9f9f9;
padding: 5px 25px 35px 35px;
margin-top: 25px;
}
.divContent .conTab .row .contenedor-faq p {
margin: 0 20px 10px 10px;
}
#principal p.pregunta-faq {
margin: 30px 0 10px 0;
font-style: italic;
font-weight: 600;
}
.divContent .conTab .row .contenedor-faq a {
font-weight: 500;
color: #3c3c3c;
border-bottom: 1px dotted #959595;
}
.divContent .conTab .row .contenedor-faq a:hover {
font-weight: 500;
color: #fd5d63;
border-bottom: 1px dotted #fd5d63;
}
@media (max-width: 600px) {
.divContent .conTab .row .contenedor-faq {
padding: 5px 15px 30px 15px;
}
}
/*#principal .resp { margin: 0 20px 10px 10px; }
#principal .resp p {
margin-bottom: 10px;
color: #808080;
}*/
/*.l--container.l--blockelem {
min-width: 200px!important;
}*/
.divContent .conTab ul a.audioguia {
font-weight: bold;
font-style: italic;
}
.footer-blog-info {
display: none;
}
.cont-slogan img {
margin-top: 28px;
}
.margin-b40 {
margin-bottom: 40px;
}
.mgt20 {
margin-top:20px;
}
.contenido-web {
background: white none repeat scroll 0 0;
}
.divTags li a:focus {
color: #fd5e63;
}
#principal.contenido-amarillo .divTags li a:focus {
color: #dbb70f;
}
#principal.contenido-rojo .divTags li a:focus {
color: #9e2506;
}
.divTags li a:hover {
color: #fd5e63 !important;
text-decoration: underline;
}
/*Menú base modificaciones*/
.sep {
border: medium none !important;
}
/*por si se quiere hacer con active el verde*/
nav.menuLateral .active a {
color: #b0db34;
}
nav.menuLateral p {
font: 900 14px 'Raleway', sans-serif;
color:#434343;
border-bottom: 1px dotted #fff;
padding-bottom: 10px;
line-height: 17px;
}
.menuLateral ul li a {
font-size: 14px;
}
nav.menuLateral a {
padding: 0;
margin: 6px 0;
}
nav.menuLateral li.conSubmenu a.text-con-desplegable {
max-width: 85%;
}
.conSubmenu > a {
max-width: 85%;
}
/*
nav.menuLateral li.una-linea > a {
}
*/
nav.menuLateral .ul-con-sub {
border: none;
padding: 1px 5px 2px;
margin-bottom: 10px;
}
nav.menuLateral .ul-con-sub .conSubmenu .ul-con-sub {
border: medium none;
margin-bottom: 10px;
padding: 1px 3px 2px;
}
nav.menuLateral .ul-con-sub li {
border-bottom: 1px dotted #fff;
}
nav.menuLateral .ul-con-sub a {
padding: 0;
margin: 6px 0px 6px 0px;
}
nav.menuLateral a:hover span {
background-color: #fff;
}
nav.menuLateral .ul-con-sub a span {
padding: 0;
font-weight: 500;
}
nav.menuLateral a span.dibu {
display:inline-block;
padding: 4px; background:none;
}
nav.menuLateral li {
border-bottom: 1px dotted #fff;
}
.condesplegable{position:absolute; top:3px; right:2px; z-index:99999;}
.condesplegable {
background: rgba(0, 0, 0, 0) url("../images/collapsed.png") no-repeat scroll 0 0;
display: block !important;
padding: 12px 11px !important;
margin-top: -6px !important;
}
/* segundo nivel con desplegable*/
nav.menuLateral .ul-con-sub.segundo-nivel a {
color: #faffc6;
padding-left: 0px!important;
}
nav.menuLateral .ul-con-sub.segundo-nivel a:hover span {
color: #e3555a;
}
ul li ul li a.condesplegable {
border: medium none !important;
right: -2px;
}
.ul-con-sub.segundo-nivel {
/*background-color: #cc5d60;*/
padding: 1px 8px 16px;
}
nav.menuLateral .red ul.ul-con-sub li a, nav.menuLateral .green ul.ul-con-sub li a, nav.menuLateral .yellow ul.ul-con-sub li a {
color: #d2cfc3;
}
/*
nav.menuLateral .red ul.ul-con-sub li a:hover, nav.menuLateral .green ul.ul-con-sub li a:hover, nav.menuLateral .yellow ul.ul-con-sub li a:hover {
opacity: 0.5;
}
*/
nav.menuLateral li ul li {
border-bottom:none;
}
/*menu desplegables, circulos clicables*/
a.condesplegable[aria-expanded="true"]{
background: rgba(0, 0, 0, 0) url("../images/collapsedx.png") no-repeat scroll 0 0;
}
a.condesplegable[aria-expanded="false"]{
background: rgba(0, 0, 0, 0) url("../images/collapsed.png") no-repeat scroll 0 0;
}
ul li ul li a.condesplegable {
background: rgba(0, 0, 0, 0) url("../images/collapsed.png") no-repeat scroll 0 0;
}
ul li ul li a.condesplegable[aria-expanded="false"] {
background: rgba(0, 0, 0, 0) url("../images/collapsed.png") no-repeat scroll 0 0;
}
@media (min-width: 992px) {
a.condesplegable[data-toggle="collapse"]:hover{
background: rgba(0, 0, 0, 0) url("../images/collapsedov.png") no-repeat scroll 0 0;
}
a.condesplegable[aria-expanded="true"]:hover{
background: rgba(0, 0, 0, 0) url("../images/collapsedov.png") no-repeat scroll 0 0;
transform: rotate(180deg) translateX(1px) translateY(2px);transition: all 0.2s;
}
}
.ul-con-sub {background-color: #e3555a;}
nav.menuLateral .compra a {
background:url("../images/bolsav.png") no-repeat scroll 0 4px;
color: #3c3c3c;
padding-left: 16px;
}
nav.menuLateral .compra a:hover {
background:url("../images/bolsar.png") no-repeat scroll 0 4px;
color: #fd5e63;
}
/*Enlaces prioritarios*/
.menu-imgs {
display: none;
}
@media (max-width: 992px) {
.menu-imgs {
display: block;
}
.menu-imgs {
background: white;
}
.menu-imgs-cont {
/*max-width:768px;*/
min-height: 150px;
padding-top: 5px;
padding-left: 15px;
}
.menu-imgs .col-sm-3 {
padding-left: -15px !important;
margin-left: -15px !important;;
width: 21%;
}
}
@media (max-width: 900px) {
.menu-imgs-cont {
max-width:768px;
}
.menu-imgs .col-sm-3 {
width: 25%;
}
}
@media (max-width: 767px) {
.menu-imgs-cont {
max-width:390px;
}
.menu-imgs .col-sm-3 {
width: 50%;
}
}
.textos-menu-imgs {
display: block;
margin-left: 70px;
color: #3c3c3c;
position: relative;
top: -25px;
margin-top: -40px;
font-weight: 700!important;
}
.menu-imgs .menu-imgs-cont a:hover .textos-menu-imgs {
color:#fd5e63!important;
background-color: transparent!important;
}
@media (max-width: 380px) {
.menu-imgs-cont .col-xs-6 {
width: 100%;
}
}
/*redes sociales*/
.redes {
border-bottom: 1px dotted #f1f1f1;
padding-bottom: 20px;
margin-top: 34px;
}
.text-compartir {
color:#c9c9c9;
font-size: 1.2em;
margin-bottom: 20px;
font-weight: lighter;
}
ul.social {
list-style:none;
text-align: center;
}
ul.social li {
display:inline;
padding: 0;
margin:0px;
}
ul.social li a {
border: 1px dotted #5b7484 ;
display:inline-block;
margin:0 auto;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
text-align:center;
width: 23px;
height: 23px;
font-size:16px;
position:relative;
background-color: #ffffff;
}
ul.social li a i {
color:#5b7484;
text-align: center;
margin:0; line-height:22px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
ul.social li a:hover i {
color:#ffffff;
}
.social li a.rss:hover {
background-color: #F56505;
}
.social li a.face:hover {
background-color:#3B5998;
}
.social li a.twit:hover {
background-color:#33ccff;
}
.social li a.google:hover {
background-color:#BD3518;
}
.social li a.linkedin:hover {
background-color:#007bb7;
}
.divOtros {
background-color: #E5E1D3;
margin-bottom: 30px;
padding: 15px;
}
@media (min-width: 1200px) {
ul.social li a {
width: 28px;
height: 28px;
font-size:17px;
}
ul.social li a i {
line-height:26px;
}
}
/*pie o footer*/
@media (min-width: 1420px) {
}
@media (min-width: 1420px) {
.footer-block-checkout-ini {
padding-left: 15px;
}
}
@media (min-width: 1420px) {
}
.footer-blog-info {
background-color: #fff;
border-top: 1px dotted #cacaca;
margin-top: -20px;
padding: 30px;
}
.footer-blog-info h3 {
color: #292929;
font-size: 17px;
margin-top: 0;
}
.footer-blog-info p {
color: #292929;
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
}
.footer-blog-info p a {
color: #292929;
transition: color 0.4s linear 0s;
}
.footer-blog-info p a:hover {
color: #e20a17;
}
#index .footer-blog-info, #contact .footer-blog-info {
border-top: 0 none;
margin-top: 0;
}
.footer-links {
background-color: #575757;
padding-bottom: 40px;
padding-top: 40px;
}
.footer-links h4 {
font-size: 18px;
font-weight: 700;
height: auto;
line-height: 19px;
}
.footer-block > h4 {
color:#c5c5c5;
}
@media (min-width: 769px) {
.footer-links h4 {
height: 35px;
}
}
.footer-links ul li {
color: #fff;
margin-bottom: 15px;
}
.footer-links ul li a {
color: #d4d4d4;
font-size: 14px;
font-weight: 500;
display: block;
padding-bottom: 2px;
line-height: 16px;
}
.footer-links ul li a:hover {
color: #fff;
}
#block_contact_infos a {
color: white;
}
#block_contact_infos a:hover{
color: #aaaaaf;
}
.footer-block-checkout h4 {
color: #00dffc;
font-size: 22px;
}
.footer-block-checkout p {
color: #fff;
font-size: 17px;
font-weight: 300;
}
.footer-block-checkout p strong {
font-size: 19px;
font-weight: 700;
}
.footer-block-checkout p a {
color: #00dffc;
font-size: 14px;
font-weight: 700;
transition: color 0.4s linear 0s;
}
.footer-block-checkout p a:hover {
color: #fff;
}
.footer-block-checkout p.em {
font-size: 17px;
font-weight: 700;
}
@media (min-width: 992px) {
.footer-block-checkout {
text-align: right;
}
.footer-block-checkout p {
font-size: 18px;
}
.footer-block-checkout p strong {
font-size: 31px;
font-weight: 700;
}
.footer-block-checkout p a {
font-size: inherit;
}
.footer-block-checkout p.em {
display: inline-block;
font-size: 18px;
padding-top: 10px;
}
}
@media (min-width: 769px) {
/*.footer-contact {
text-align: left;
}*/
}
/*.footer-contact.reserva {
text-align: center;
}*/
@media (min-width: 769px) {
.footer-contact.reserva {
text-align: left;
}
}
.footer-contact .phone {
color: #fff;
/*line-height: 1;*/
margin-top: 10px;
}
.footer-contact .phone span {
display: inline-block;
font-size: 18px;
font-weight: 300;
padding-right: 5px;
position: relative;
top: -2px;
}
.footer-contact .phone strong {
font-size: 22px;
font-weight: 700;
}
.footer-contact .mail {
color: #fd5e63;
font-size: 17px;
font-weight: 700;
margin-bottom: 15px;
}
.footer-contact .contact a {
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 700;
border-bottom: 5px solid #fd5e63;
padding-bottom: 2px;
}
@media (max-width: 767px) {
p.contact {
border-top: 2px solid #808080;
padding-top: 50px;
margin-top: 30px;
}
.divContent .img-responsive{
margin-bottom: 15px;
}
.divContent .img-derecha .img-responsive{
margin-bottom: 0px;
}
.banner-moviles .banner_pro .img-responsive.center-block {
margin-bottom: 0 !important;
}
}
.footer-contact .reser1 a {
padding: 8px 0 10px !important;
}
#block_contact_infos > ul {
margin-top: 35px;
margin-left: 0px;
}
@media (min-width: 1200px) {
.footer-contact .contact a, .footer-contact .contact a:hover {
background-color: transparent;
}
#block_contact_infos > ul {
margin-left: 72px;
}
}
.footer-seo {
background-color: #434343;
padding: 20px 0 10px;
}
.footer-seo ul {
text-align: center;
}
.footer-seo ul li {
color: #c5c5c5;
display: inline-block;
font-size: 13px;
font-weight: 300;
padding: 0 4px;
text-align: center;
}
.footer-seo ul li a {
color: #939393;
}
.footer-legal {
background-color: #292929;
color: #c5c5c5;
padding: 20px 0 10px;
position: relative;
text-align: center;
}
.footer-legal p:first-child {
font-size: 13px;
}
.footer-legal p {
margin-bottom: 5px;
}
.footer-legal ul {
text-align: center;
}
.footer-legal ul li {
display: block;
position: relative;
}
.footer-legal ul li a {
color: #c5c5c5;
font-size: 12px;
display: block;
font-weight: 300;
}
.footer-legal ul li a:hover {
color: #fff;
}
.footer-block-line { border-left:none;}
@media (min-width: 1200px) {
.footer-block-line {
/*border-left:1px dotted #cccccc;*/
}
}
.footer-block {
/*margin-bottom: 40px;*/
}
.comprar-audio a {color: #ffffff; margin-top: 15px; display: block;}
.mail a {color: #fd5e63;}
.footer-block > h4, .footer-block h4 a {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.footer-block > h4, .footer-block h4 a {
margin-bottom: 15px;
}
}
.footer-legal ul li {
display: inline-block;
padding: 0 9px 0 5px;
}
.footer-legal ul li::after {
border-left: 1px dotted #737373;
content: "";
display: block;
height: 11px;
position: absolute;
right: 0;
top: 4px;
width: 1px;
}
.footer-legal ul li:last-child::after {
display: none;
}
.footer-legal p {
color: #d2cfc3;
}
@media (max-width: 767px) {
.contenedor-footer {
padding: 0;
}
/*.footer-block > h4, .footer-block h4 a {
border-top: 1px dotted #aaaaaf;
color: #7ad9f2;
margin-bottom: 20px;
padding-top: 20px;
}
#block_contact_infos > ul {
margin-top: 20px;
}*/
.footer-block {
margin-bottom: 20px;
}
/*.footer-links .container div {
text-align: center;
}*/
}
.separador-linea {
border-top: 1px dotted #aaaaaf;
padding-bottom: 30px;
margin-top: 30px
}
#tel {
margin-top: 50px;
color: #aaaaaf;
margin-bottom: 8px;
font-size: 15px;
}
#tel strong {
margin-top: 50px;
color: #aaaaaf;
font-weight: 800;
font-size: 18px;
}
#mail {
color: #aaaaaf;
font-size: 15px;
}
p.contact {
margin-top: 23px;
}
@media (min-width: 1200px) {
p.contact {
margin-left: 72px;
}
}
@media (max-width: 992px) {
/* #block_contact_infos {
text-align: center;
}
.footer-contact .contact a {
border-bottom: 1px dotted;
border-top: 1px dotted;
font-size: 20px;
padding-bottom: 3px;
padding-top: 2px;
}
p.contact {
padding-top: 50px;
}
#block_contact_infos > ul {
margin-top: 25px;
}
.footer-block > h4, .footer-block h4 a {
margin-bottom: 20px;
}
.footer-block, .block_various_links_footer {
text-align: center!important;
}*/
}
.imagen_escribenos.row {
margin: 0 auto;
max-width: 475px;
}
@media (max-width: 767px) {
.imagen_escribenos.row {
max-width: 382px;
}
/*.footer-block:first-child h4 {
border: medium none!important;
margin-top: -10px!important;
}*/
}
@media (max-width: 400px) {
p.movil {
font-size: 10px !important;
}
div.imagen_escribenos p {
margin: 30px 0 0!important;
}
.img-munecos .img-responsive.center-block {
width: 75%;
}
}
.imagen_escribenos.row > div {
float: left;
}
/* -----------------------------------------------------------------------------------------------------------------------------
--------------------------------------- TABLAS GENERAL ------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top: 1px dotted #fd5e63;
}
#principal table.mt0 {
margin-top: 0;
}
#principal table.indice {
margin: 0 27px;
}
#principal table.indice_v td {
border-bottom: 1px dotted #fd5e63;
}
#principal table.indice_d td {
border-bottom: 1px dotted #d9aa00;
}
#principal table.indice_r td {
border-bottom: 1px dotted #fd5e63;
}
#principal table thead td, #principal table thead th {
vertical-align: middle;
}
#principal table thead td, #principal table thead th {
background: #fd5e63 none repeat scroll 0 0;
color: #fff;
font-weight: 600;
font-size: 16px!important;
line-height: 20px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
padding: 10px 8px 8px 8px;
line-height: 20px;
}
#principal table thead td.gris, #principal table thead th.gris {
background: #f0f0f0 none repeat scroll 0 0;
padding: 0 5px;
}
#principal table thead td.sin_borde, #principal table thead th.sin_borde {
border-bottom: medium none;
}
#principal table.width-440 {
width: 440px;
}
#principal table td {
/*border-bottom: 1px dotted #b0b0b0;*/
vertical-align: middle;
font-size: 15px;
line-height: 20px;
}
#principal table.visitas td {
font-size: 16px;
line-height: 22px;
padding-top: 15px;
padding-bottom: 15px;
}
@media (max-width: 500px) {
#principal table.visitas td {
font-size: 15px;
line-height: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
}
#principal table td.top {
vertical-align: top;
}
#propuesta-visitas-roma #principal table td {
vertical-align: top;
}
#principal table thead td, #principal table thead th {
font-size: 15px;
}
#principal table td.letra_gr {
font-size: 1.3em;
}
#principal table td.medio {
vertical-align: middle;
}
#principal table td.centrado {
text-align: center;
}
#principal table td.borde_top {
border-top: 1px dotted #b0b0b0;
}
#principal table td.borde_izq {
border-left: 1px dotted #b0b0b0;
}
#principal table td.borde_dch {
border-right: 1px dotted #b0b0b0;
}
#principal table td.borde_none {
border: medium none;
}
#principal table th.centrado {
text-align: center;
}
#principal table tr.gris {
background: #f9f8f8 none repeat scroll 0 0;
}
#principal table tr.gris2 {
background: #f0f0f0 none repeat scroll 0 0;
}
#principal table thead td.indice, #principal table thead th.indice {
border-top: medium none;
font-size: 1.2em;
padding: 5px 10px;
}
#principal table .col_indice {
font-size: 1em;
padding: 8px 0;
vertical-align: top;
}
#principal table .col_indice_i {
font-size: 1em;
padding: 13px 0;
vertical-align: top;
}
.table {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
}
#principal p.pie-tabla {
font-style: italic;
font-size: 14px;
margin-top: -12px;
margin-left: 5px;
line-height: 20px;
}
/* Lista dentro de tabla */
#principal table ul {
margin-bottom: 3px;
margin-top: 0;
}
.divContent .conTab table ul li {
padding: 0 0 0 8px;
/*line-height: 1.35;*/
}
.divContent .conTab table ul li:before {
font-weight: 700;
left: -3px;
}
/* fix ios table responsive*/
.table-responsive .table {
max-width: none;
-webkit-overflow-scrolling: touch !important;
}
/* Migas de Pan*/
.breadcrumb li {
font-size: 14px;
color: #c9c9c9;
}
.breadcrumb li a {
color: #c9c9c9;
text-decoration: underline;
}
.num {
color: #fd5e63;
display: block;
font-size: 54px;
margin-top: 31px;
margin-right: 5px;
text-align: right;
}
.contenido-amarillo .num {
color: #dbb70f;
}
.contenido-rojo .num {
color: #9e2506;
}
@media (min-width: 768px) {
.num {
font-size: 54px;
margin-top: 31px;
margin-right: 25px;
}
}
/*====================================================================================================================
------------------- regularización de h3 para que coja los estilos por defecto -------------------------
------------------- sin necesidad de meter siempre las clases ------------------------
====================================================================================================================*/
.imagen_central img {
margin-bottom: 20px;
margin-top: 20px;
}
.divContent .conTab ul.guion li::before {
color: #fd5e63;
content: "-";
font-size: 1.3em;
font-weight: 700;
left: 0;
position: absolute;
top: -2px;
}
.contenido-amarillo .divContent .conTab ul.guion li::before {
color: #dbb70f;
}
.contenido-rojo .divContent .conTab ul.guion li::before {
color: #9e2506;
}
div.imagen_escribenos {
/*padding: 15px 0;*/
padding: 0;
}
div.imagen_escribenos p {
margin: 42px 0 0 0;
font-size: 13px;
text-align: left;
}
div.imagen_escribenos p.texto-derecha {
text-align: right;
}
@media (min-width: 768px) {
div.imagen_escribenos p {
font-size: 14px;
}
}
/* guia de roma*/
@media (min-width: 768px) {
h4 strong {
display: block;
}
}
.border_b {
border-bottom: 1px dotted #fd5e63;
}
a.audioguia {
font-weight: bold;
}
a.scroll-top {right: 0}
.all .clos {display: none;}
.all.desplazar .clos {
display: inline;margin-left: 8px;
}
.all .tut {
font-weight: 600!important;
position: fixed;
right: 13px;
top: 13px;
z-index: 9999999;
font-size: 15px;
padding-right: 10px;
}
.all .desp {
display: inline;
margin-left: 10px;
font-size: 15px;
font-weight: 600;
}
.all.desplazar .desp {
display:none;
}
@media (max-width: 992px) {
nav.menuLateral .compra {
margin-top: 27px;
}
nav.menuLateral {
/*width: 100%;*/
}
.divGris {
padding-top: 40px;
}
nav.menuLateral li.conSubmenu a.text-con-desplegable {
max-width: 90%;
}
.conSubmenu > a {
max-width: 90%;
}
}
/*@media (max-width: 767px) {
nav.menuLateral {
width: 100%;
}
}
@media (max-width: 480px) {
nav.menuLateral {
width: 100%;
}
}*/
.enlace2 {
background: #fd5e63 none repeat scroll 0 0;
/*border: 1px solid #fd5e63;*/
color: #ffffff;
margin: 10px auto;
padding: 18px 10px;
width: 255px;
display: block;
border-radius: 40px;
text-align: center;
font-weight: 500;
}
.enlace2:hover {
color: #fff!important;
font-weight: 500;
background: #e24248;
}
.enlace2-mini {
background: #fd5e63; /* color del boton*/
color: #ffffff;
margin: 10px auto;
padding: 10px 10px;
max-width: 150px;
display: block;
border-radius: 40px;
text-align: center;
font-weight: 500;
}
.enlace2-mini:hover {
color: #fff!important;
font-weight: 500;
background: #e24248; /* color hover del boton*/
}
.enlace2-mini.izquierda {
margin: 10px 0!important;
}
@media (max-width: 992px) {
div.yellow, div.red {
margin-bottom: 40px;
}
div.green.nav {
margin-bottom: 20px;
}
nav p.menu-secciones,nav.menuLateral a.indice {
margin-top: 30px;
}
nav.menuLateral a.indice {
margin-bottom: 40px;
}
}
.letra_peq {
font-size: 14px;
}
.ultima-dos-col {
margin-bottom: 40px;
}
/*.anotacion {
margin-top: 20px;
}*/
/*alojamiento en roma*/
span.letra_p {
font-size: 0.6em;
}
#principal p.fondo_v {
background-color: #ffdade;
padding: 20px 20px 20px 25px;
}
#principal div.fondo_verde {
background-color: #ffdade;
padding: 35px;
margin-bottom: 30px;
font-size: 16px;
}
@media (min-width: 1200px) {
#principal div.fondo_verde {
margin: 20px 45px 40px 45px;
padding: 40px;
font-size: 17px;
}
}
@media (min-width: 680px) and (max-width: 767px) {
#principal div.fondo_verde {
margin: 20px 45px 40px 45px;
padding: 40px;
font-size: 17px;
}
}
/*roma pass*/
#roma-pass #principal thead tr td {
border: medium none !important;
}
/* diez consejos */
#diez-consejos h3 span {
display: none;
}
@media (max-width: 767px) {
#diez-consejos h3 {
text-align: center;
margin-top: 25px;
}
#diez-consejos .num {
text-align: center;
}
}
@media (max-width: 450px) {
#diez-consejos h3 {
text-align: center;
margin-top: 25px;
}
#diez-consejos .num {
text-align: center;
}
}
/*reserva entradas*/
a.enlace1 span {
display: inline-block;
}
a.enlace1:hover span {
color: #fd5e63!important;
}
span.enlace1_interior {
background: #005B1D none repeat scroll 0 0;
border: 1px solid #008000;
color: #ffffff;
padding: 20px 10px 20px 10px;
width: 260px;
}
.reserva-vaticano {
margin: 0 auto;
width: auto;
text-align: center;
}
/*inicio*/
/* CUADROS */
#principal div.cuadro {
position: relative;
margin: 40px 25px 40px 10px;
padding: 20px 0 0 25px;
}
@media (max-width: 450px) {
#principal div.cuadro {
margin: 40px 0px 40px 0px;
padding: 20px 5px 0 10px;
}
}
#principal div.puntos {
border: 1px dotted #606060;
padding: 1px;
}
#principal div.interior {
background: #f0f0f0;
border: 1px solid #e8e5d8;
padding: 10px 0;
}
#principal div.icono {
z-index: 0;
position: absolute;
top: 0;
left: 0;
width: 75px;
height: 50px;
background: url(../imagenes/ico_cuadro.gif) no-repeat;
}
#principal div.cuadro p {
margin: 10px 0 10px 35px;
}
#principal div.cuadro p.titulo {
border-bottom: 1px dotted #909090;
text-align:center;
margin-right:25px;
}
/* guia museos*/
/* ENLACES PINCHABLES */
section#lista {
margin-top: 40px;
}
a.pinchable {
cursor: pointer;
display: block;
width: 100%;
background: #f8f8f8;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d0d0d0;
font-size: 1em;
color: #3c3c3c!important;
margin-bottom: 10px;
}
a.pinchable .texto_enlace {
font-size: 16px;
}
a.pinchable .descripcion_info span {
font-size: 16px;
}
a.pinchable .descripcion_info .tit_rojo, a.pinchable .descripcion .tit_rojo {
font-size: 18px;
}
a.pinchable img {
display: block;
float: left;
margin-right: 30px;
}
a.pinchable span {
display: block;
line-height: 1.2em;
}
a.pinchable span.tit_rojo {
color: #fd5e63;
font-weight: bold;
padding-top: 15px;
margin-bottom: 7px;
}
a.pinchable.fondoblanco span.tit_rojo {
padding-top: 0px;
}
a.pinchable span.tit_rojo span {
font-weight: normal;
display: inline;
}
a.pinchable:hover {
text-decoration: none;
background-color: #f2eaea;
border-bottom: 1px solid #ff6c6c;
}
a.pinchable:hover span.info {
background-color: #e9e0e0;
}
a.fondoblanco { background: #FFF;
border-bottom: 1px dotted #b0b0b0;
padding: 15px 0 15px 0;
}
a.fondoblanco:hover {
background-color: #f0f0f0;
border-bottom: 1px dotted #707070;
color: #505050;
}
a.primero {
border-top: 1px dotted #b0b0b0;
}
span.descripcion {
width: 77%;
float: left;
}
#guia-restaurantes a.pinchable { margin-bottom: 15px; }
@media (max-width: 500px) {
span.descripcion{
width: 100%;
text-align: center;
}
a.pinchable img {
float:none;
margin: 0 auto;
}
}
span.descripcion_info { width: 100%;
float: left;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
span.info {
width: 100%;
height: 110px;
float: left;
text-align: center;
background: #f0f0f0;
border-left: 1px solid #FFF;
}
.lista-gris-monum a.pinchable img {
float:none;
margin: 0 auto;
}
.lista-gris-monum a.pinchable {
margin-top: 15px;
}
@media (min-width: 768px) {
span.descripcion_info {
width: 100%;
float: left;
margin-left: 10px;
margin-bottom: 10px;
}
span.info {
width: 100%;
}
}
@media (min-width: 1200px) {
span.descripcion_info {
width: 55%;
float: left;
margin-right: 10px;
margin-bottom: 0px;
}
span.info {
width: 21%;
}
#lista-monumentos a.pinchable img {
display: block;
float: left;
margin-right: 20px;
}
#lista-monumentos a.pinchable {
margin-top: 10px;
}
}
@media (min-width: 1400px) {
span.descripcion_info {
width: 56%;
float: left;
}
span.info {
width: 22%;
}
}
span.info span {
padding: 3px 0;
border-bottom: 1px solid #FFF;
font-size: 0.7em;
line-height: 22px;
}
span.maximo {
background: #cf0202;
color: #FFF;
padding-top: 2px;
}
span.muy_alto {
background: #5f99da; color: #FFF;
}
span.alto { background: #4fb338;
color: #FFF;
}
span.medio { background: #645a56;
color: #FFF;
}
span.info span.no-border {
border-bottom: none;
padding: 4px;
}
span.info b {
font-weight: normal;
font-size: 1.2em;
}
@media (min-width: 1200px) {
span.info b {
font-weight: normal;
font-size: 1em;
}
span.info span {
line-height: 18px;
}
}
.clear {
clear: both;
}
#principal i.anotacion {
font-size: 0.9em;
font-style: italic;
color: #7d7d7d;
/* padding: 0 0 5px 30px;
margin: 15px 30px 10px 22px;
background: url(../imagenes/ico_anotacion.gif) no-repeat;*/
}
#principal i.anotacion strong {
color: #7d7d7d;
}
p.c_rojo {
color: #fd5e63;
margin-top: 20px;
}
/* ----------------------------- listas gris monumentos --------------------------------- */
@media (max-width: 599px) {
.lista-gris-monum span.info {
height: auto;
}
span.info span.tiempo {
line-height: 13px;
margin-top: 5px;
}
}
@media (min-width: 600px) and (max-width: 1200px) {
.lista-gris-monum a.pinchable img {
float: left;
}
.lista-gris-monum a.pinchable span.descripcion_info {
width: 66%;
float: left;
text-align: left;
margin-left: 15px;
margin-bottom: 0;
}
.lista-gris-monum a.pinchable span.tit_rojo {
padding-top: 12px;
margin-bottom: 7px;
}
.lista-gris-monum a.pinchable span.info {
margin-top: 0;
}
.lista-gris-monum a.pinchable span.info span {
text-align: left;
padding-left: 145px;
}
.lista-gris-monum a.pinchable span.maximo, .lista-gris-monum a.pinchable span.muy_alto, .lista-gris-monum a.pinchable span.alto {
width: 129px;
padding-top: 12px;
height: 48px;
float: left;
text-align: center!important;
padding-left: 0!important;
}
.lista-gris-monum span.info {
height: 48px;
}
span.info span.tiempo {
line-height: 13px;
margin-top: 8px;
}
}
@media (max-width: 1200px) {
.lista-gris-monum span.maximo, .lista-gris-monum span.muy_alto, .lista-gris-monum span.alto {
margin: 0 auto 5px;
width: 120px;
}
.lista-gris-monum .descripcion_info {
text-align: center;
}
.lista-gris-monum span.info {
margin-top: 10px;
border-left: none;
}
.lista-gris-monum span.info span {
border: none!important;
padding-bottom: 0px;
}
.lista-gris-monum span.info span.no-border {
padding-top: 0px;
}
.lista-gris-monum span.descripcion_info {
text-align: center;
margin-left: 0px;
margin-right: 0px;
}
}
/* --------------------------- listas grises normales -----------------------*/
.lista-gris-normal a.pinchable img {
margin-right: 0px;
}
.lista-gris-normal span.descripcion {
padding-left: 30px;
padding-bottom: 7px;
}
.divContent a.pinchable .img-responsive{
margin-bottom: 0;
}
@media (min-width: 769px) and (max-width: 1200px) {
.lista-gris-normal span.descripcion {
max-width: 68%;
}
}
@media (min-width: 501px) and (max-width: 767px) {
.lista-gris-normal span.descripcion {
max-width: 70%!important;
}
}
@media (max-width: 500px) {
.lista-gris-normal a.pinchable img {
margin-right: auto;
}
.lista-gris-normal span.descripcion {
padding-left: 0px;
}
.lista-gris-normal a.pinchable {
padding: 15px;
}
.lista-gris-normal .img-responsive {
margin-bottom: -3px;
}
}
/*col central pequeña*/
@media (min-width: 500px) and (max-width: 560px) {
.lista-gris-normal a.pinchable .tit_rojo {
font-size: 16px;
padding-top: 12px;
margin-bottom: 5px;
}
.lista-gris-normal a.pinchable span.descripcion {
padding-left: 20px;
}
.lista-gris-normal a.pinchable span.texto_enlace {
font-size: 15px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.lista-gris-normal a.pinchable .tit_rojo {
font-size: 16px;
padding-top: 12px;
margin-bottom: 5px;
}
.lista-gris-normal a.pinchable span.descripcion {
padding-left: 20px;
}
.lista-gris-normal a.pinchable span.texto_enlace {
font-size: 15px;
}
}
/*conventos*/
#conventos-en-roma div.fondo_gris {
background-color: #f0f0f0;
color: #707070;
margin: 20px 0 10px 0;
padding: 15px 25px 15px 0;
font-size: 16px;
}
#conventos-en-roma .divContent .conTab div.fondo_gris ul {
margin-left: 30px;
}
#conventos-en-roma .divContent .conTab div.fondo_gris ul ul {
margin-left: 10px;
margin-top: 5px;
}
@media (max-width: 992px) {
#conventos-en-roma div.fondo_gris ul {
margin-left: 15px;
}
}
#conventos-en-roma div.linea_verde1 {
height: 2px;
border-bottom: 2px dotted #fd5e63;
margin: 0 0 20px 0;
}
/*links "otros tipos de alojamiento" */
.divContent .conTab ul.otros-aloj a {
color: #fd5e63;
}
.divTags p.bilbao {
border-bottom: 1px dotted #fd5e63;
padding-bottom: 7px;
margin-top: 60px;
font-size: 14px;
}
.divContent .conTab ul.otros-aloj li:before {
content: none;
}
.divContent .conTab ul.otros-aloj li {
margin-bottom: 7px;
}
/* MUSEOS */
@media (max-width: 1199px) {
span.opacidad, span.datos, span.maximo, span.muy_alto, span.alto, span.medio, span.titulo_amarillo{
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
span.titulo_marron, span.titulo_blanco, span.texto{
display: block;
color:#ffffff;
}
span.titulo_blanco{
margin-bottom: 5px;
}
span.titulo_amarillo {
color: #fff600;
}
span.titulo_marron {
color: #9e861f;
margin: 10px 0 10px 0;
}
#principal a.enlace_destacado {
background-color:#22201c;
display: block;
margin-left: auto;
margin-right: auto;
padding: 15px;
margin-bottom: 15px;
border: 1px solid #e6e1e1;
max-width: 600px;
}
.especiales {
font-size: 1em;
line-height: normal;
}
span.maximo,span.muy_alto,span.alto, span.medio {
text-align: center;
}
}
@media (min-width: 1200px) {
.especiales {
font-size: 0.74em;
line-height: normal;
}
#principal a.enlace_destacado {
position: relative;
display: block;
font-weight: normal;
max-width: 100%;
height: 312px;
margin: 40px 27px;
margin-left: auto;
margin-right: auto;
background: #22130d;
}
#principal a.enlace_destacado span {
display: block;
}
#principal a.enlace_destacado img {
float: left;
}
span.opacidad {
position: absolute;
bottom: 0;
left: 0;
max-width: 572px;
height: 100px;
background: #000000;
opacity: 0.8;
padding: 5px
}
span.opacidad span.texto {
margin: 5px 10px 0 10px;
}
span.titulo_amarillo {
color: #fff600;
margin: 10px 0 0 10px;
font-size: 1.4em;
}
span.datos {
margin: 0 0 0 584px;
padding: 15px 10px 5px 0;
}
span.datos b {
color: #ffffff;
}
span.titulo_blanco {
color: #FFFFFF;
font-weight: bold;
font-size: 1.1em;
margin: 20px 5px 5px 5px;
}
span.titulo_marron {
color: #9e861f;
font-weight: bold;
margin: 12px 5px;
font-size: 14px;
}
span.texto {
color: #FFFFFF;
margin-left: 5px;
font-size: 15px;
}
span.datos span.texto {
line-height: 20px;
margin-bottom: 7px
}
#principal a.enlace_destacado:hover {
text-decoration: none;
border-color: #22130d;
box-shadow: 0px 2px 6px black;
transform: scale(1.01);
}
#principal a.enlace_destacado span.interes {
width: 125px;
height: 26px;
text-align: center;
padding-top: 6px;
}
}
@media (max-width: 1200px) {
#principal a.enlace_destacado {
font-weight: normal;
}
span.titulo_amarillo {
margin: 25px 0 10px 0;
font-size: 1.1em;
}
span.interes {
padding: 6px;
margin: 40px 0 10px 0;
width: 170px;
}
span.texto.vacio {
display: none;
}
span.datos {
margin-left: 5px;
}
#principal a.enlace_destacado .br br {
display: none;
}
.especiales .opacidad .texto {
font-size: 1em;
line-height: 1.3em;
}
}
#principal div.imagen_sb {
background-color: white;
margin: 10px auto;
}
@media (min-width: 1200px) {
#principal div.izquierda {
float: left;
margin: 0 15px 20px 22px;
}
#principal div.grafico {
padding: 5px;
margin: 10px 40px 10px 27px;
}
}
/* --- fondo rojo --- */
#principal div.fondo_rojo {
color: #707070;
margin: 20px 40px 50px 0px;
padding: 15px 85px 30px 46px;
line-height: 1.2em;
background: #fae9e6 url("../images/esquina-grande.jpg") no-repeat top right;
}
#principal div.fondo_rojo h3, #principal div.fondo_rojo h4{
font-size: 18px;
font-weight: 700;
margin: 20px 0px 10px 0;
}
#principal div.fondo_rojo p, #principal div.fondo_rojo ul {
margin-bottom: 10px;
}
@media (max-width: 1200px) {
#principal div.fondo_rojo {
margin: 20px 0 5px 0;
padding: 5px 35px 35px 35px;
}
}
#principal div.fondo_rojo div.contenedor-mano {
/* --- prueba joz mano mini --- */
height: 163px;
position: relative;
margin: 13px 0 0 0;
}
#principal div.contenedor-mano div.img-izquierda {
margin: 0 20px 0 0;
}
#principal div.fondo_rojo div.contenedor-mano .contenedor-parr {
position: absolute;
bottom:0;
margin: 0 0 0 110px;
}
#principal div.fondo_rojo div.contenedor-mano .contenedor-parr p {
margin-bottom: 15px;
}
@media (max-width: 600px) {
/*#principal div.contenedor-mano div.img-izquierda {
display: none;
}*/
#principal div.fondo_rojo div.contenedor-mano .contenedor-parr {
position: relative;
margin-left: 0;
}
#principal div.fondo_rojo div.contenedor-mano {
height: auto;
}
}
/*foro romano*/
#principal div.imagen_sb {
background-color: white;
padding: 5px;
margin: 10px 25px;
}
#principal p.letra_peq {
font-size: 0.8em;
}
@media (min-width: 1200px) {
#principal .mt100 {
margin-top: 100px!important;
}
#principal .mt200 {
margin-top: 200px!important;
}
#principal .mt350 {
margin-top: 350px!important;
}
}
#principal div.imagen_sb {
background-color: white;
margin: 10px 20px 10px 0px;
padding: 0;
}
#propuesta-visitas-roma #principal div.img-centro {
margin: -8px 0 12px;
}
#propuesta-visitas-roma #principal table thead td, #propuesta-visitas-roma #principal table thead th {
font-size: 14px;
padding: 6px;
}
/* ==============================================================================================================
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL
--------------------------------------- --------------------------------------
--------------------------------------- REGULARIZACIÓN DE IMÃGENES -----------------------------------
--------------------------------------- ---------------------------------------
LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
================================================================================================================*/
/*órdenes antiguas*/
#principal div.derecha {
float: right;
margin: 0 0 0 20px;
}
#principal div.izquierda {
float: left;
margin: 0 20px 0 0;
}
/*posición*/
#principal div.img-derecha {
float: right;
margin: 15px 0 10px 15px;
}
#principal div.img-izquierda {
float: left;
margin: 15px 20px 15px 0;
}
#principal div.img-centro {
float: none;
display: block;
margin: 20px 0;
}
#principal div.img-centro img {
display: block;
margin: 0 auto;
}
/* imágenes versión móviles y versión ordenador */
@media (max-width: 600px) {
#principal div.version-ordenador {
display:none!important;
}
}
@media (min-width: 601px) {
#principal div.version-moviles {
display:none!important;
}
}
/* cuándo se centran las normales - elimino color de fondo f8f8f8 que tenÃa el div de imágenes */
@media (max-width: 300px) {
#principal div.centrar-a-300 {
float: none!important;
text-align: center;
margin: 15px auto;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}
#principal div.centrar-a-300 img {
display: block;
margin: 0 auto;
}
#principal div.centrar-a-300 p.pie-foto {
text-align: center;
}
#principal div.centrar-a-300.mejor-a-izquierda p.pie-foto {
text-align: left;
}
#principal div.centrar-a-300.ocultar-en-movil {
display:none!important;
}
}
@media (min-width: 301px) {
#principal div.centrar-a-300.ocultar-en-ordenador {
display:none!important;
}
}
@media (max-width: 350px) {
#principal div.centrar-a-350 {
float: none!important;
text-align: center;
margin: 15px auto;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}
#principal div.centrar-a-350 img {
display: block;
margin: 0 auto;
}
#principal div.centrar-a-350 p.pie-foto {
text-align: center;
}
#principal div.centrar-a-350.mejor-a-izquierda p.pie-foto {
text-align: left;
}
#principal div.centrar-a-350.ocultar-en-movil {
display:none!important;
}
}
@media (min-width: 351px) {
#principal div.centrar-a-350.ocultar-en-ordenador {
display:none!important;
}
}
@media (max-width: 400px) {
#principal div.centrar-a-400 {
float: none!important;
text-align: center;
margin: 15px auto;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}
#principal div.centrar-a-400 img {
display: block;
margin: 0 auto;
}
#principal div.centrar-a-400 p.pie-foto {
text-align: center;
}
#principal div.centrar-a-400.mejor-a-izquierda p.pie-foto {
text-align: left;
}
#principal div.centrar-a-400.ocultar-en-movil {
display:none!important;
}
}
@media (min-width: 401px) {
#principal div.centrar-a-400.ocultar-en-ordenador {
display:none!important;
}
}
@media (max-width: 450px) {
#principal div.centrar-a-450 {
float: none!important;
text-align: center;
margin: 15px auto;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}
#principal div.centrar-a-450 img {
display: block;
margin: 0 auto;
}
#principal div.centrar-a-450 p.pie-foto {
text-align: center;
}
#principal div.centrar-a-450.mejor-a-izquierda p.pie-foto {
text-align: left;
}
#principal div.centrar-a-450.ocultar-en-movil {
display:none!important;
}
}
@media (min-width: 451px) {
#principal div.centrar-a-450.ocultar-en-ordenador {
display:none!important;
}
}
@media (max-width: 500px) {
#principal div.centrar-a-500 {
float: none!important;
text-align: center;
margin: 15px auto;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}
#principal div.centrar-a-500 img {
display: block;
margin: 0 auto;
}
#principal div.centrar-a-500 p.pie-foto {
text-align: center;
}
#principal div.centrar-a-500.mejor-a-izquierda p.pie-foto {
text-align: left;
}
#principal div.centrar-a-500.ocultar-en-movil {
display:none!important;
}
}
@media (min-width: 501px) {
#principal div.centrar-a-500.ocultar-en-ordenador {
display:none!important;
}
}
@media (max-width: 550px) {
#principal div.centrar-a-550 {
float: none!important;
text-align: center;
margin: 15px auto;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}
#principal div.centrar-a-550 img {
display: block;
margin: 0 auto;
}
#principal div.centrar-a-550 p.pie-foto {
text-align: center;
}
#principal div.centrar-a-550.mejor-a-izquierda p.pie-foto {
text-align: left;
}
#principal div.centrar-a-550.ocultar-en-movil {
display:none!important;
}
}
@media (min-width: 551px) {
#principal div.centrar-a-550.ocultar-en-ordenador {
display:none!important;
}
}
@media (max-width: 600px) {
#principal div.centrar-a-600 {
float: none!important;
text-align: center;
margin: 15px auto;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}
#principal div.centrar-a-600 img {
display: block;
margin: 0 auto;
}
#principal div.centrar-a-600 p.pie-foto {
text-align: center;
}
#principal div.centrar-a-600.mejor-a-izquierda p.pie-foto {
text-align: left;
}
#principal div.centrar-a-600.ocultar-en-movil {
display:none!important;
}
}
/* tamaño y color del pie de foto para móviles <600px */
@media (max-width: 600px) {
#principal p.pie-foto {
color: #999999;
font-size: 0.75em;
}
}
@media (min-width: 601px) {
#principal div.centrar-a-600.ocultar-en-ordenador {
display:none!important;
}
}
@media (max-width: 650px) {
#principal div.centrar-a-650 {
float: none!important;
text-align: center;
margin: 15px auto;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}
#principal div.centrar-a-650 img {
display: block;
margin: 0 auto;
}
#principal div.centrar-a-650 p.pie-foto {
text-align: center;
}
#principal div.centrar-a-650.mejor-a-izquierda p.pie-foto {
text-align: left;
}
#principal div.centrar-a-650.ocultar-en-movil {
display:none!important;
}
}
@media (min-width: 651px) {
#principal div.centrar-a-650.ocultar-en-ordenador {
display:none!important;
}
}
@media (max-width: 700px) {
#principal div.centrar-a-700 {
float: none!important;
text-align: center;
margin: 15px auto;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}
#principal div.centrar-a-700 img {
display: block;
margin: 0 auto;
}
#principal div.centrar-a-700 p.pie-foto {
text-align: center;
}
#principal div.centrar-a-700.mejor-a-izquierda p.pie-foto {
text-align: left;
}
#principal div.centrar-a-700.ocultar-en-movil {
display:none!important;
}
}
@media (min-width: 701px) {
#principal div.centrar-a-700.ocultar-en-ordenador {
display:none!important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
#principal div.centrar-a-500, #principal div.centrar-a-550, #principal div.centrar-a-600, #principal div.centrar-a-650, #principal div.centrar-a-700 {
float: none!important;
text-align: center;
margin: 15px auto;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}
#principal div.centrar-a-500.ocultar-en-movil {
display:none!important;
}
#principal div.centrar-a-500 img, #principal div.centrar-a-550 img, #principal div.centrar-a-600 img, #principal div.centrar-a-650 img, #principal div.centrar-a-700 img {
display: block;
margin: 0 auto;
}
#principal div.centrar-a-500 p.pie-foto, #principal div.centrar-a-550 p.pie-foto,
#principal div.centrar-a-600 p.pie-foto, #principal div.centrar-a-650 p.pie-foto, #principal div.centrar-a-700 p.pie-foto {
text-align: center;
}
#principal div.centrar-a-500.mejor-a-izquierda p.pie-foto, #principal div.centrar-a-550.mejor-a-izquierda p.pie-foto,
#principal div.centrar-a-600.mejor-a-izquierda p.pie-foto, #principal div.centrar-a-650.mejor-a-izquierda p.pie-foto,
#principal div.centrar-a-700.mejor-a-izquierda p.pie-foto {
text-align: left;
}
#principal div.centrar-a-500.ocultar-en-movil, #principal div.centrar-a-550.ocultar-en-movil, #principal div.centrar-a-600.ocultar-en-movil, #principal div.centrar-a-650.ocultar-en-movil, #principal div.centrar-a-700.ocultar-en-movil {
display:none!important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
#principal div.centrar-a-500.ocultar-en-ordenador, #principal div.centrar-a-550.ocultar-en-ordenador, #principal div.centrar-a-600.ocultar-en-ordenador, #principal div.centrar-a-650.ocultar-en-ordenador, #principal div.centrar-a-700.ocultar-en-ordenador {
display:block!important;
}
}
@media (max-width: 1199px) {
#principal div.centrar-a-400.mejor-a-izquierda img, #principal div.centrar-a-450.mejor-a-izquierda img, #principal div.centrar-a-500.mejor-a-izquierda img, #principal div.centrar-a-550.mejor-a-izquierda img, #principal div.centrar-a-600.mejor-a-izquierda img, #principal div.centrar-a-650.mejor-a-izquierda img, #principal div.centrar-a-700.mejor-a-izquierda img {
margin: 0;
}
}
@media (max-width: 600px) {
#principal div.ocultar-a-menos-600 {
display:none!important;
}
}
@media (min-width: 601px) {
#principal div.ocultar-a-mas-600 {
display:none!important;
}
}
/* para que el texto deje de fluir alrededor de una imagen a partir de un tamaño */
@media (max-width: 450px) {
#principal .clear-a-450 {clear: both!important;}
}
@media (max-width: 600px) {
#principal .clear-a-600 {clear: both!important;}
}
/* para que las listas no queden por encima de la imagen clicable */
ul.por-debajo {
position: relative;
z-index: -1;
}
/*encogibles*/
@media (min-width: 401px) and (max-width: 1199px) {
.encogible-a-240 img {
max-width: 240px;
height: auto;
}
}
@media (min-width: 401px) and (max-width: 1199px) {
.encogible-a-220 img {
max-width: 220px;
height: auto;
}
}
@media (min-width: 351px) and (max-width: 1199px) {
.encogible-a-160 img {
max-width: 160px;
height: auto;
}
}
/* cuándo se centran las encogibles */
@media (max-width: 350px) {
#principal div.encogible-a-160 {
float:none;
margin: 15px auto;
}
#principal div.encogible-a-160 img {
max-width: 80%;
height: auto;
display: block;
margin: 0 auto;
}
}
@media (max-width: 400px) {
#principal div.encogible-a-220 {
float:none;
margin: 15px auto;
}
#principal div.encogible-a-220 img {
max-width: 80%;
height: auto;
display: block;
margin: 0 auto;
}
}
@media (max-width: 430px) {
#principal div.encogible-a-240 {
float:none;
margin: 15px auto;
}
#principal div.encogible-a-240 img {
max-width: 80%;
height: auto;
display: block;
margin: 0 auto;
}
}
/* imágenes dobles: móviles - resto */
@media (max-width: 400px) {
.centrar-a-400.normal { display: none; }
.centrar-a-400.moviles { display: block; }
}
@media (min-width: 401px) {
.centrar-a-400.normal { display: block; }
.centrar-a-400.moviles { display: none; }
}
@media (max-width: 450px) {
.centrar-a-450.normal { display: none; }
.centrar-a-450.moviles { display: block; }
}
@media (min-width: 451px) {
.centrar-a-450.normal { display: block; }
.centrar-a-450.moviles { display: none; }
}
@media (max-width: 500px) {
.centrar-a-500.normal { display: none; }
.centrar-a-500.moviles { display: block; }
}
@media (min-width: 501px) {
.centrar-a-500.normal { display: block; }
.centrar-a-500.moviles { display: none; }
}
@media (max-width: 550px) {
.centrar-a-550.normal { display: none; }
.centrar-a-550.moviles { display: block; }
}
@media (min-width: 551px) {
.centrar-a-550.normal { display: block; }
.centrar-a-550.moviles { display: none; }
}
@media (max-width: 600px) {
.centrar-a-600.normal { display: none; }
.centrar-a-600.moviles { display: block; }
}
@media (min-width: 601px) {
.centrar-a-600.normal { display: block; }
.centrar-a-600.moviles { display: none; }
}
@media (max-width: 650px) {
.centrar-a-650.normal { display: none; }
.centrar-a-650.moviles { display: block; }
}
@media (min-width: 651px) {
.centrar-a-650.normal { display: block; }
.centrar-a-650.moviles { display: none; }
}
@media (min-width: 768px) and (max-width: 1199px) {
.centrar-a-500.normal, .centrar-a-550.normal, .centrar-a-600.normal, .centrar-a-650.normal { display: none; }
.centrar-a-500.moviles, .centrar-a-550.moviles, .centrar-a-600.moviles, .centrar-a-650.moviles { display: block; }
}
/* imágenes especiales */
/* 1. martÃn V */
@media (max-width: 500px) {
#principal div.martin-v img {
max-width: 75%;
height: auto;
}
}
@media (max-width: 450px) {
#principal div.martin-v img {
max-width: 40%;
height: auto;
}
}
/* 2. bóveda del gesu */
@media (max-width: 550px) {
#principal div.gesu img {
max-width: 200px;
height: auto;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
#principal div.gesu img {
max-width: 200px;
height: auto;
}
}
@media (max-width: 460px) {
#principal div.gesu img {
max-width: 160px;
height: auto;
}
}
@media (max-width: 400px) {
#principal div.gesu img {
max-width: 130px;
height: auto;
}
}
@media (max-width: 300px) {
#principal div.gesu {
float: none!important;
text-align: center;
margin: 15px auto;
padding-left: 50px;
}
#principal div.gesu img {
display: block;
margin: 0 auto;
}
}
/* 3. fuente de las tortugas */
@media (max-width: 550px) {
#principal div.tortugas {
padding-left: 80px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
#principal div.tortugas {
padding-left: 80px;
}
}
/* fondo gris del div que contiene la img */
div.img-centro.fondo-gris, div.img-izquierda.fondo-gris, div.img-derecha.fondo-gris {
background-color: #f8f8f8;
}
.img-centro.fondo-gris img, .img-izquierda.fondo-gris img, .img-derecha.fondo-gris img {
margin-bottom: 0;
}
aside .opiniones p.autor {
font-style: normal!important;
}
/*interlineado pie foto*/
p.pie-foto {
line-height: 20px;
margin-top: 3px;
}
/* ---------------- mapa de roma ------------------- */
#mapa-de-roma .fondo-g img { border: 1px solid #9e9e9e; }
#mapa-de-roma .fondo-g a:hover img { border: 1px solid #c71e1e; }
#principal p.con_imagen {
margin: 20px 30px 20px 27px;
}
#principal p.con_imagen img {
float: left;
}
#principal div.lista_img2 {
background-color: #ffffff;
height: 110px;
margin: 0 30px 0 27px;
border-bottom: 1px dotted #d0d0d0;
/*border-top: 1px solid white; */
padding: 0 5px 0 0;
}
#principal div.lista_img2 img {
float: left;
margin: 15px 0 0 0;
}
#principal div.lista_img2_cont {
background-color: #ffffff;
margin: 0 0 0 120px;
}
#principal div.pr2 {
border-top: 1px dotted #d0d0d0;
}
#principal div.dos_col {
border-top: 1px solid white;
padding-bottom: 20px;
padding-top: 20px;
}
#principal div.dos_col img {
display: block; float: left; margin: 20px 0 0 0;
}
#principal div.dos_col img.m4 {
margin: 4px 0 0 0;
}
#principal div.dos_col img.no_float {
float: none; margin: 0; margin-bottom: 30px
}
#principal div.dos_col a.img {
display: block; float: left;
}
#principal div.dos_col_cont {
float: left;
width: 100%;
margin-left: 0%
}
@media (min-width: 550px) {
#principal div.dos_col_cont {
float: left;
width: 45%;
margin-left: 4%
}
}
@media (min-width: 1200px) {
#principal div.dos_col_cont {
float: left;
width: 70%;
margin-left: 4%
}
}
#principal div.dos_col_cont img {
float: none;
display: block;
margin: 15px 27px;
}
#principal div.dos_col_cont p, #principal div.dos_col_cont ul {
margin-right: 0;
}
.contenido-rojo .border_b {
border-bottom: 1px dotted #fd5e63;
}
.contenido-amarillo .border_b {
border-bottom: 1px dotted #dbb70f;
}
#principal p.letra_muy_peq {
font-size: 0.7em;
}
.img-table-responsive {
border: 1px dashed #9e2506;
font-size: 0.9em;
margin-bottom: 15px;
margin-top: 15px;
padding: 3px;
}
/* prueba joz lÃneas de autobús */
#principal .lineas-bus div.dos_col {
padding-bottom: 0px;
padding-top: 0px;
}
#principal .lineas-bus div.dos_col img {
margin: 13px 0 0 0;
}
@media (min-width: 550px) {
#principal .lineas-bus div.dos_col_cont {
width: 80%;
}
}
@media (min-width: 1200px) {
#principal div.dos_col_cont {
width: 90%;
}
}
/*autobuses turisticos*/
#autobuses-turisticos .table > thead > tr > th, #autobuses-turisticos .table > tbody > tr > th,#autobuses-turisticos .table > tfoot > tr > th, #autobuses-turisticos .table > thead > tr > td, .table > tbody > tr > td, #autobuses-turisticos.table > tfoot > tr > td {
border-top: none;
}
#autobuses-turisticos .contenido-rojo thead {
border: none;
}
#autobuses-turisticos #principal table thead td.gris, #autobuses-turisticos #principal table thead th.gris {
background: #b0b0b0 none repeat scroll 0 0;
}
#autobuses-turisticos #principal table td.imagen {
padding: 15px 15px 0 0;
}
#autobuses-turisticos #principal table td.blanco {
border-bottom: medium none;
font-size: 0.1em;
height: 2px;
}
#autobuses-turisticos #principal table td.verde {
background: #fd5e63 none repeat scroll 0 0;
border-bottom: 3px solid #ffffff;
color: #000000;
text-align: center;
}
#autobuses-turisticos #principal table td.rosa {
background: #f5d3cc none repeat scroll 0 0;
border-bottom: 3px solid #ffffff;
color: #000000;
text-align: center;
}
#autobuses-turisticos #principal table td.rojo {
background: #fd5e63 none repeat scroll 0 0;
border-bottom: 3px solid #ffffff;
color: #000000;
text-align: center;
}
#autobuses-turisticos #principal table td.azul {
background: #2eb8e6 none repeat scroll 0 0;
border-bottom: 3px solid #ffffff;
color: #000000;
text-align: center;
}
#autobuses-turisticos #principal table td.normal {
background: #ccccff none repeat scroll 0 0;
border-bottom: 3px solid #ffffff;
color: #000000;
text-align: center;
}
#autobuses-turisticos #principal table td.grisclaro {
background: #e0e0e0 none repeat scroll 0 0;
border-bottom: 3px solid #ffffff;
font-size: 0.7em;
text-align: center;
}
#autobuses-turisticos #principal table td.sin {
border-bottom: medium none;
}
#autobuses-turisticos #principal table ul {
font-size: 1em;
margin: 10px;
}
/*#autobuses-turisticos #principal table ul li {
background: rgba(0, 0, 0, 0) url("imagenes/guion_rojo.gif") no-repeat scroll 0 5px;
margin: 5px 0;
padding-left: 12px;
}*/
/*fiumicino a roma*/
#desde-fiumicino .dos-col, #desde-ciampino .dos-col{
background-color: #ffffff;
border-bottom: none;
}
/*restaurantes*/
#restaurantes-en-roma #principal div.dos_col, #gastronomia-roma #principal div.dos_col {
padding-bottom: 10px;
padding-top: 10px;
}
#gastronomia-roma #principal p.fondo_r {
background-color: mistyRose;
padding: 10px 10px 10px 14px;
color: #505050;
text-align: center;
max-width: 200px;
margin: 0 auto; }
#gastronomia-roma .divContent .conTab .row {
border-top: none;
}
#gastronomia-roma .divContent .conTab .row.fila-imagenes {
margin-top: 15px;
}
#gastronomia-roma .divContent .conTab .row.fila-imagenes .col-xs-12 {
padding: 0px;
}
#gastronomia-roma .divContent .conTab .row.fila-imagenes p {
margin-top: 10px;
}
@media (max-width: 767px) {
#gastronomia-roma .divContent .conTab .row.fila-imagenes p {
font-size: 14px;
}
}
.divContent .conTab .row.dos-col-pd div {
padding: 15px;
}
.gnocchi{
border: 1px dotted #b0b0b0!important; background-color:#FFE4E1;
}
.otro-voca div div {
float: left;
width: 25%;
padding-bottom: 15px!important;
}
@media (max-width: 767px) {
.otro-voca div div {
width: 50%;
}
}
.otro-voca > div {
border-bottom: 1px dotted #b0b0b0;
margin-bottom: 5px;
}
.tipos-pasta .row div{
margin-bottom: 30px !important;
}
.tipos-pasta .row.b-b div{
margin-bottom: 0px !important;
}
.tipos-pasta .row.b-b {
border-bottom: 1px dotted #9e2506!important;
margin-bottom: 30px !important;
}
.preparar-pasta .row {
margin-bottom: 5px !important;
padding-bottom: 5px!important;
border-bottom: 1px dotted #9e2506!important;
}
.preparar-pasta .row div {
padding-right: 15px!important;
}
/* ++++++++++++++++++++++++++++++++++++++++++++ Citas textuales +++++++++++++++++++++++++++++++++++++++++ */
blockquote {
font-size: 1em;
}
blockquote {
padding: 10px 0px 10px 20px;
margin: 25px 0px 25px 35px;
}
@media (max-width: 500px) {
blockquote {
margin-left: 15px;
}
}
#principal blockquote.rojo {
background: rgba(0, 0, 0, 0) url("../imagenes/fondo_destacado.gif") no-repeat scroll 5px 5px;
color: #d07d7d;
border-left: none;
}
.destacado.rojo.derecha {
padding-left: 40px;
}
#san-pablo-extramuros #principal .letra_peq > i {
float: right;
}
p.cita-textual {
font-size: 1.05em;
font-style: italic;
}
span.cita-textual {
font-size: 1.05em;
font-style: italic;
}
p.cita-textual.rojo { color: #d07d7d }
p.cita-textual.azul { color: #5398aa }
@media (max-width: 1200px) {
.ter {clear: both;}
}
.info-necropolis p {
font-size: 15px;
}
.info-necropolis > div {
margin-top: 10px;
margin-left: 0;
}
@media (min-width: 992px) {
.info-necropolis > div {
margin-top: 0px;
margin-left: 20px;
}
}
@media (min-width: 1200px) {
.info-necropolis > div {
margin-top: 30px;
margin-left: 0;
}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Bordes de tablas ++++++++++++++++++++++++++++++++++++++++++++++ */
#principal table td.borde_dch {
border-right: 1px dotted #b0b0b0!important;
}
#principal table td.borde_izq {
border-left: 1px dotted #b0b0b0!important;
}
#principal table tr.borde_bajo {
border-bottom: 1px dotted #b0b0b0!important;
}
#principal table td.borde_bajo {
border-bottom: 1px dotted #b0b0b0!important;
}
#principal table td.letra-peq {
font-size: 15px;
}
.galeria5 img {
float: left;
margin-right: 4px;
margin-bottom: 4px;
}
#principal p.fondo_r {
background-color: mistyRose;
padding: 10px 10px 10px 14px;
color: #505050;
}
/*mini guia*/
strong.rojo {
color: #fd5e63!important;
}
#principal ul.boton li a {
background: rgba(0, 0, 0, 0) url("https://www.audioguiaroma.com/imagenes/boton-descargar-2.jpg") no-repeat scroll 0 0;
height: 44px;
display: block;
margin: 20px auto;
width: 160px;
}
#principal .boton a:hover {
background-position: 0 -44px;
}
#principal .boton.text-center{
margin: 50px 0 50px 0;
}
#principal .boton.text-center a {
background: rgba(0, 0, 0, 0) url("https://www.audioguiaroma.com/imagenes/boton-descargar.jpg") no-repeat scroll 0 0;
color: #ffffff;
padding: 5px 13px;
margin: 15px 0 15px 0;
height: 30px;
}
#principal .boton a span {
visibility: hidden;
}
#principal .boton.text-center a:hover {
background-position: 0 -30px;
}
/* ==============================================================================================================
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL
--------------------------------------- --------------------------------------
--------------------------------------- REGULARIZACIÓN DE DOS-COL -----------------------------------
--------------------------------------- ---------------------------------------
LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
================================================================================================================*/
/* corrección del padding en fondo-b */
#principal .fondo-g { background-color: #F8F8F8; padding-top: 15px;}
#principal .fondo-b { background: none!important;}
#principal .fondo-b .pd-iz-0 { padding-left: 0!important; }
#principal .fondo-b .pd-dr-0 { padding-right: 0!important; }
@media (max-width: 1199px) {
#principal .solo-lg .fondo-b .col-xs-12.col-lg-8.pd-iz-0 {
padding-left: 15px!important;
}
#principal .solo-lg .fondo-b .col-xs-12.col-lg-8.pd-dr-0 {
padding-right: 15px!important;
}
}
@media (max-width: 767px) {
#principal .fondo-b .col-xs-12.col-sm-7.col-lg-8.pd-iz-0 {
padding-left: 15px!important;
}
#principal .fondo-b .col-xs-12.col-sm-7.col-lg-8.pd-dr-0 {
padding-right: 15px!important;
}
#principal .fondo-b .col-xs-12.col-sm-8.pd-iz-0 {
padding-left: 15px!important;
}
#principal .fondo-b .col-xs-12.col-sm-8.pd-dr-0 {
padding-right: 15px!important;
}
}
#principal .dos-col .fondo-g {
margin-bottom: 15px;
padding-bottom: 15px;
padding-top: 15px;
}
#principal .dos-col .fondo-b {
margin-bottom: 5px;
padding-top: 20px;
padding-bottom: 0px;
}
#principal .dos-col .fondo-b.bt {
padding-top: 24px;
border-top: 1px dotted #909090;
padding-top: 24px;
}
#principal .dos-col .fondo-b .borde-r, #principal .dos-col .fondo-g .borde-r {
border-right: 1px dotted #909090;
}
.dos-col .img-responsive {
margin-bottom: 20px;
}
.dos-col .cajita .img-responsive {
margin-bottom: 0px;
}
@media (min-width: 768px) {
#principal img.img-responsive.aeropuerto {
display: inline !important;
}
}
/* elementos dentro del contenido */
p.subtitulo {
margin-top: -10px;
font-style: italic;
font-size: 16px;
}
#principal .dos-col .fondo-b p, #principal .dos-col .fondo-g p {
margin-bottom: 10px;
}
#principal .dos-col .fondo-b p.anotacion, #principal .dos-col .fondo-g p.anotacion {
margin-left: 7px;
}
#principal .dos-col .fondo-b p.fondo_r {
padding: 15px 13px 15px 23px;
font-size: 16px;
}
/* colores */
#principal .dos-col .fondo-b p {
border-color: #fd5e63;
}
#principal.contenido-rojo .dos-col .fondo-b p { border-color: #9e2506; }
#principal.contenido-rojo .dos-col .fondo-b p { border-color: #dbb70f; }
@media (min-width: 768px) and (max-width: 1200px) {
.dos-col p {
margin-bottom: 15px;
font-size: 16px;
}
}
@media (max-width: 767px) {
.dos-col p.subtitulo {
text-align: center;
margin-top: -15px !important;
font-style: italic;
}
}
@media (max-width: 767px) {
#principal .fondo-b .pd-iz-0 { padding-left: 15px !important; }
}
@media (max-width: 767px) {
#principal .dos-col .fondo-b .borde-r, #principal .dos-col .fondo-g .borde-r {
border-right: none;
}
}
@media (max-width: 1200px) {
#principal .fondo-b.mantener-cols .pd-iz-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
#principal .fondo-b.mantener-cols h4, h3 {
text-align: left;
}
}
/*Billetes y bonos de transporte*/
@media (max-width: 450px) {
.mantener-cols .col-xs-4.col-lg-3.pd-iz-0, .mantener-cols .col-xs-8.col-lg-9.pd-dr-0 {
width: 100%;
padding-left: 0 !important;
}
.mantener-cols .col-xs-4.col-lg-3.pd-iz-0 .center-block {
margin-left: 0px;
}
}
/* para dos-col solo en lg: clase "dos-col solo-lg" en la section */
@media (min-width: 768px) and (max-width: 1200px) {
.dos-col.solo-lg p {
font-size: 17px;
}
}
@media (max-width: 1199px) {
.dos-col.solo-lg p.subtitulo {
text-align: center;
margin-top: -15px !important;
}
.dos-col.solo-lg p.centrado {
text-align: center;
}
#principal .dos-col.solo-lg .fondo-b .pd-iz-0 {
padding-left: 15px !important;
}
#principal .dos-col.solo-lg .fondo-b .borde-r, #principal .dos-col.solo-lg .fondo-g .borde-r {
border-right: none;
}
}
/* borde bajo el h3 o el subtitulo en los fondo-g sólo cuando ocupan toda la pantalla */
@media (max-width: 1199px) {
#principal .dos-col.solo-lg .fondo-g p.borde {
border-top: 1px dotted #fd5e63;
}
#principal.contenido-rojo .dos-col.solo-lg .fondo-g p.borde {
border-top: 1px dotted #9e2506;
}
#principal .dos-col.solo-lg .fondo-g p.borde {
padding-top: 12px;
}
#principal .dos-col.solo-lg .fondo-g h3 {
padding-bottom: 2px;
}
}
/* ------------------ DOS-COL para aeropuertos ------------------------ */
#principal .dos-col .fondo-b.aeropuertos {
padding-bottom: 15px;
}
#principal .dos-col .fondo-b.aeropuertos p {
margin-bottom: 13px;
font-size: 17px;
}
#principal .dos-col .fondo-b.aeropuertos p.subtitulo {
font-size: 14px;
}
#principal .dos-col .fondo-b.aeropuertos p.subtitulo.suelto {
margin-top: 40px;
}
#principal .dos-col .fondo-b.aeropuertos p.bb {
border-bottom: 1px dotted #909090;
padding-bottom: 20px;
margin-bottom: 20px;
}
#principal .dos-col .fondo-b.aeropuertos div.banner-aeropuerto {
margin-bottom: 15px;
padding: 10px;
background-color: #f8f8f8;
}
#principal .dos-col .fondo-b.aeropuertos div.banner-aeropuerto img {
margin: 0 auto;
}
#principal .dos-col .fondo-b.aeropuertos p.fondo_d {
background-color: #ffdade;
padding: 15px 25px 13px 30px;
margin: 10px 0px 0px 0px;
}
#principal .dos-col .fondo-b.aeropuertos { border-bottom: none; }
#principal .dos-col .fondo-b.aeropuertos.bb { border-bottom: 1px dotted #909090; }
@media (max-width: 1199px) {
#principal .dos-col .fondo-b.aeropuertos h3 {
margin-top: 10px;
text-align: center;
padding-bottom: 3px;
}
#principal .dos-col .fondo-b.aeropuertos img {
margin-bottom: 0px!important;
}
#principal .dos-col .fondo-b.aeropuertos p.subtitulo {
margin-bottom: 20px;
text-align: center;
padding-top: 1px;
}
#principal .dos-col .fondo-b.aeropuertos p.subtitulo.suelto {
margin-top: 10px!important;
text-align: center;
}
}
/* otros colores */
#principal.contenido-rojo .dos-col .fondo-b.aeropuertos h3 {
color: #fd5e63;
border-bottom: 1px dotted #9e2506;
}
/* ==============================================================================================================
--------------------------------------- Hasta aquà regularización de dos-col --------------------------------
================================================================================================================*/
/******************************/
/*****beautiful-jon-galery*****/
/******************************/
/*clases a meter según las COLUMNAS QUE OCUPAN LAS IMAGENES. NECESARIAS PARA DESCKTOP PEQUEÑOS*/
@media (max-width: 1400px) {
.imgs-arriba.galeria5 img {
width: 140px;
}
/* Se puede poner la clase una-columna O img-corta FUNCIONAN LAS DOS IGUAL */
.imgs-abajo.galeria5 img.una-columna, .imgs-abajo.galeria5 img.img-corta {
width: 140px;
}
/* Se puede poner la clase dos-columnas O NO PONER NADA FUNCIONAN LAS DOS IGUAL */
.imgs-abajo.galeria5 img.dos-columnas, .imgs-abajo.galeria5 img {
width: 284px;
}
.imgs-abajo.galeria5 img.tres-columnas {
width: 428px;
}
.imgs-abajo.galeria5 img.cuatro-columnas {
width: 572px;
}
.imgs-abajo.galeria5 img.cinco-columnas {
width: 716px;
}
}
/*aviso tabla responsive*/
.contenido-aviso-tabla {
margin-bottom: 5px;
}
.aviso-tabla strong{
background: #fd5e63 none repeat scroll 0 0;
color: #ffffff;
padding: 6px;
font-size: 15px;
}
.aviso-tabla-txt, .aviso-tabla-flecha {
color: #fd5e63;
}
.aviso-tabla-txt {
font-size: 14px;
}
.aviso-tabla-flecha.glyphicon::before {
position: relative;
top: 2px;
}
.aviso-tabla {
background: #EDEDED none repeat scroll 0 0;
padding: 4px 6px 7px 0;
line-height: 30px
}
/*pdf*/
@media (min-width: 1200px) {
.contenido-pdf > img {
max-width: 176px;
}
}
@media (min-width: 1400px) {
.contenido-pdf > img {
max-width: 100%;
height: auto;
}
}
/*indice*/
/* centrar veriticalmente en columnas en boostrap*/
/*primero hacer que tengan el mismo alto*/
.row.contenido-centrado {
display: table;
}
.row.contenido-centrado [class*="col-"] {
display: table-cell;
float: none;
}
/*ahora se puede centrar verticalmente*/
.row.contenido-centrado [class*="col-"] {
vertical-align: middle;
}
@media (max-width: 600px) {
.row.contenido-centrado [class*="col-"] {
display: table;
}
}
/*oculto redes sociales provisionalmente*/
.redes {
display: none;
}
/* nuevos botones en la linea amarilla del header*/
ul.botones-enlaces {
position: absolute;
right: 350px;
}
ul.botones-enlaces li {
display: inline-block;
margin-top: 3px;
}
ul.botones-enlaces li.sep {
background: url(../images/separator.png) no-repeat 0 bottom;
position: relative;
padding: 2px 0 1px 24px;
}
nav.navbar ul li .iconShop:before {
content: "";
width: 20px;
height: 25px;
position: absolute;
top: -3px;
left: 18px;
background-image: url(../imagenes/bolsa-compra.png);
background-repeat: no-repeat;
background-position: 1px 5px;
background-color: transparent;
}
ul.botones-enlaces li a {
padding-left: 15px;
padding-right:15px;
}
/*la imagen del aside, es cambiarla por la nueva que es un poco mas alta*/
aside .tienda2 {
background: rgba(0, 0, 0, 0) url("../imagenes/comprar-audioguia.jpg") no-repeat scroll 0 0;
height: 240px;
}
aside .tienda2:hover {
background: rgba(0, 0, 0, 0) url("../imagenes/comprar-audioguia-2.jpg") no-repeat scroll 0 0;
}
aside .tel p {line-height: 19px;}
aside .img-tienda {
background-color: #f8f8f8;
padding: 15px 0 25px;
}
aside .tel a:hover {
color: #000000;
}
#gastronomia-roma .row.b-b h3 {border:none!important;}
/* tablas responsives nuevas */
table thead th {font-weight: 400;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {border-top: none;}
.table > thead > tr > th {
border-bottom: 1px dotted #ddd;
}
.visible-xs-hasta-370 {
display: none;
}
@media (max-width: 420px) {
.table-responsive-hasta-370 {
min-height: 0.01%;
overflow-x: auto;
}
}
.visible-xs-hasta-420 {
display: none;
}
@media (max-width: 420px) {
.table-responsive-hasta-420 {
min-height: 0.01%;
overflow-x: auto;
}
}
.visible-xs-hasta-520 {
display: none;
}
@media (max-width: 520px) {
.table-responsive-hasta-520 {
min-height: 0.01%;
overflow-x: auto;
}
.visible-xs-hasta-520 { display: block; }
}
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/*NUEVOS ESTILOS WEB*/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
.sombreado {
background-color: #ffdade;
}
.divContent .rojo {
color: #fd5e63;
}
.azul {
color: #4dbdc8;
}
.amarillo {
color: #ffbc4b;
}
h1 {
font-size: 2.750em;
font-weight: 700;
color: #fd5e63;
margin: 20px 0 10px 0;
text-align: center;
}
h1 span {
font-size: 0.5em;
font-weight: 500;
line-height: 0.8em;
}
h2 {
font-size: 1.813em;
font-weight: 600;
color: #fd5e63;
margin: 40px 0 20px 0;
}
h3 {
font-size:1.5em;
font-weight: 600;
color: #3c3c3c;
margin: 40px 0px 15px 0;
}
h4 {
font-size: 1.3em;
color: #3c3c3c;
margin: 25px 0 10px 0;
font-weight: 600;
}
@media (max-width: 668px) {
h1 {
font-size: 2.3em;
}
h3 {
line-height: 27px;
}
}
/*@media (min-width: 992px) {
h1 {
font-size: 2.750em;
}
h2 {
font-size: 1.813em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.3em;
}
}*/
h1.web-title {
text-align: left;
font-weight: 300;
font-size: 2.5em;
color: #434343;
margin-top: 18px;
margin-left: -15px;
}
h1.web-title a {
color: #434343;
text-decoration: none;
outline: 0;
font-weight: 300;
}
h1.web-title strong {
font-weight: 800;
}
/*h2 con subtÃtulo - ejemplo mercadillos ParÃs */
p.subtitulo-h2 {
margin-top:-15px;
margin-bottom: 25px;
font-size: 1.22em;
color: #636363
}
/*excepcion h3*/
.atracciones h3 {
margin-top:0;
font-size:22px;
color: #fd5e63;
font-weight: bold;
}
.atracciones h2 {
font-size:1.5em;
font-weight: 600;
color: #3c3c3c;
margin: 40px 0px 15px 0;
}
@media (max-width: 1200px) {
.atracciones h3 {
text-align: center;
}
}
p.borde {
/*-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;*/
}
/* cabeceras de las visitas guiadas (cambio imagen cabecera) */
header .divGris-coliseo {
background: url('../images/cabecera-coliseo.jpg') no-repeat center bottom;
min-height: 400px;
}
@media (max-width: 1199px) {
header .divGris-coliseo {
background: url('../images/cabecera-coliseo-1200.jpg') no-repeat center bottom;
min-height: 300px;
}
}
@media (max-width: 799px) {
header .divGris-coliseo {
background: url('../images/cabecera-coliseo-800.jpg') no-repeat center bottom;
min-height: 300px;
}
}
header .divGris-vaticano {
background: url('../images/cabecera-vaticano.jpg') no-repeat center bottom;
min-height: 400px;
}
@media (max-width: 1199px) {
header .divGris-vaticano {
background: url('../images/cabecera-vaticano-1200.jpg') no-repeat center bottom;
min-height: 300px;
}
}
@media (max-width: 799px) {
header .divGris-vaticano {
background: url('../images/cabecera-vaticano-800.jpg') no-repeat center bottom;
min-height: 300px;
}
}
header .divGris-mix {
background: url('../images/cabecera-mix.jpg') no-repeat center bottom;
min-height: 400px;
}
@media (max-width: 1199px) {
header .divGris-mix {
background: url('../images/cabecera-mix-1200.jpg') no-repeat center bottom;
min-height: 300px;
}
}
@media (max-width: 799px) {
header .divGris-mix {
background: url('../images/cabecera-mix-800.jpg') no-repeat center bottom;
min-height: 300px;
}
}
.cabecera-titulo p.otras-visitas {
text-align: center;
font-size: 20px;
line-height: 23px;
margin: 0 10px 0 10px;
font-weight: 600;
}
/* ---------------------- */
header .divGris {
background: url('../images/guia-roma-cabecera.jpg') no-repeat center bottom;
min-height: 225px;
}
@media (max-width: 1399px) {
header .divGris {
background: url('../images/guia-roma-cabecera-1400.jpg') no-repeat center bottom;
min-height: 220px;
}
}
@media (max-width: 1199px) {
header .divGris {
background: url('../images/guia-roma-cabecera-1200.jpg') no-repeat center bottom;
min-height: 220px;
}
}
@media (max-width: 992px) {
header .divGris {
background: url('../images/guia-roma-cabecera-992.jpg') no-repeat center bottom;
min-height: 260px;
}
.sl-wrapper .sl-close {
display: none;
position: fixed;
right: 50px;
top: 75px;
}
h1.web-title {
margin-left: 5px;
font-size: 2.1em;
}
}
@media (max-width: 767px) {
header .divGris {
background: url('../images/guia-roma-cabecera-768.jpg') no-repeat center bottom;
min-height: 260px;
}
}
@media (max-width: 599px) {
header .divGris {
background: url('../images/guia-roma-cabecera-600.jpg') no-repeat center bottom;
min-height: 260px;
}
}
@media (max-width: 449px) {
header .divGris {
background: url('../images/guia-roma-cabecera-450.jpg') no-repeat center bottom;
min-height: 190px;
}
h1.web-title {
font-size: 1.5em;
margin-left: 0;
}
}
header .cabecera {
background: none;
}
nav.navbar {
background-color: #434343;
color:#bbbbbb;
}
.texto-banda {
}
.texto-banda a {
margin-top: 5px;
font-weight: 400;
line-height: 24px;
font-size: 12px;
display: block;
color: #8e8e8e;
}
.texto-banda a:hover {
color: #bbbbbb;
}
nav.navbar ul.listLinks2 {
top: -12px;
}
nav.navbar ul.listLinks2 li a.btn-special {
width: 200px;
font-size: 14px;
font-weight: 600;
border:none;
padding: 6px 15px;
letter-spacing: normal;
line-height: 16px;
}
nav.navbar ul.listLinks2 li a.btn-special.btn-consejos {
background-color: #fd5e63;
color: #fff;
}
nav.navbar ul.listLinks2 li a.btn-special.btn-consejos:hover {
background-color: #e24248;
}
nav.navbar ul.listLinks2 li a.btn-special.btn-reserva {
background: #7d7d7d;
color: #FFF;
width: 200px !important;
}
nav.navbar ul.listLinks2 li a.btn-special.btn-reserva:hover {
background-color: #6f7070;
}
.texto-banda-dr {display: none;}
@media (min-width: 768px) and (max-width: 991px){
nav.navbar ul.listLinks2 li#pestana-actividades a.btn-special.btn-reserva {
width: 168px !important;
}
nav.navbar ul.listLinks2 li#pestana-hotel a.btn-special.btn-reserva {
width: 150px !important;
}
nav.navbar ul.listLinks2 li a.btn-special {
width: 150px;
}
nav.navbar ul.listLinks2 {
top: -41px;
margin-right: 10px;
}
.tut.visible-xs.visible-sm {
display: none!important;
}
}
@media (min-width: 450px) and (max-width: 767px){
nav.navbar ul.listLinks2 li#pestana-actividades a.btn-special.btn-reserva {
width: 160px !important;
}
nav.navbar ul.listLinks2 li#pestana-hotel a.btn-special.btn-reserva {
width: 110px !important;
}
nav.navbar ul.listLinks2 li#consejos {
display: none;
}
nav.navbar ul.listLinks2 {
top: -41px;
margin-right: 10px;
}
}
@media (max-width: 450px) {
nav.navbar ul.listLinks2 li#pestana-actividades a.btn-special.btn-reserva {
display: none;
}
nav.navbar ul.listLinks2 li#pestana-hotel a.btn-special.btn-reserva {
display: none;
}
nav.navbar ul.listLinks2 li#consejos {
display: none;
}
.texto-banda-dr {display: block;}
.texto-banda a {
display: inline-block;
}
.texto-banda-dr {
float: right;
}
}
/* ajustes para cabecera visitas-guiadas */
@media (min-width: 768px) and (max-width: 991px){
header.visitas-guiadas nav.navbar ul.listLinks2 {
top: -13px;
margin-right: 10px;
}
}
@media (min-width: 450px) and (max-width: 767px){
header.visitas-guiadas nav.navbar ul.listLinks2 {
top: -13px;
margin-right: 10px;
}
}
@media (min-width: 1200px) {
/*.breadcrumb {
position: absolute;
left: -195px;
top: -35px;
background-color: transparent;
color:#bbbbbb;
font-weight: bold;
}
.breadcrumb li,.breadcrumb li a {
color:#bbbbbb;
text-decoration: none;
font-size: 12px;
}
.breadcrumb li a {
font-weight: normal;
}*/
}
@media (min-width: 1400px) {
/*.breadcrumb {
left: -211px;
}*/
}
header .navbar-toggle {
background-color: #fd5e63;
}
.all.desplazar .aspa, .all.desplazar .clos {
color: white;
}
section.dos-col.solo-lg {
margin-bottom: 40px;
}
@media (max-width: 1200px) {
section.dos-col.solo-lg {
margin-bottom: 23px;
border-bottom: 1px dotted #3c3c3c;
padding-bottom: 20px;
}
.dos-col.solo-lg img {
padding-left: 23px;
padding-right: 23px;
}
}
@media (max-width: 768px) {
.dos-col.solo-lg img {
padding-left: 5px;
padding-right: 5px;
}
}
/*cajas transportes*/
/*5 columnas en transportes*/
.transportes .col-xs-5,.transportes .col-sm-5,.transportes .col-md-5,.transportes .col-lg-5 {
min-height: 1px;
position: relative;
}
@media (max-width: 767px) {
.transportes .col-xs-5 {
float: left;
width: 20%;
}
}
@media (min-width: 768px) {
.transportes .col-sm-5 {
float: left;
width: 20%;
}
}
@media (min-width: 992px) {
.transportes .col-md-5 {
float: left;
width: 20%;
}
}
@media (min-width: 1200px) {
.transportes .col-lg-5 {
float: left;
width: 20%;
}
}
.transportes {
/*background-color: #e9e9e9;
padding: 22px 8px;*/
}
.transportes h3 {
margin: 45px 0 0 0;
padding-left: 15px;
}
.transportes a {
display: block;
font-size: 18px;
font-weight: 600;
color: white;
background-color: #fd5e63;
padding: 20px 10px 0px 10px;
text-align: center;
min-height: 160px;
margin-top: 20px;
}
.transportes a:hover {
background-color: #909090;
}
.transportes a span {
display: block;
color: white;
margin-top: 5px;
}
@media (max-width: 500px) {
.transportes .col-xs-4 {
float: left;
width: 50%;
}
}
@media (max-width: 350px) {
.transportes .col-xs-4 {
float: left;
width: 100%;
}
}
/*CAJAS DE MONUMENTOS*/
.monumentos a {
font-weight: normal;
}
/*.monumentos a:hover img {
opacity: 0.8;
}
.monumentos a:hover img {
-webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}*/
.cajita {
display: inline-block;
vertical-align: top;
}
.overlay {
position: relative;
}
.overlay:after {
position: absolute;
content:"";
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
}
/*.overlay:hover:after {
opacity: .2;
}*/
a:hover .overlay:after
{
opacity: .2;
}
.que-ver a:hover p {
color: #fd5e63;
}
/*.que-ver a:hover p.que-ver-title {
color: #3c3c3c;
}*/
.roja:after {
background-color: #fd5e63;
}
.contenedor-monumentos {
padding: 20px 25px 0 25px;
background-color: #e9e9e9;
}
.conetenedor-fondo-color {
background: white;
overflow: hidden;
min-height: 78px;
}
.contenido.der {
width: 36%;
float: right;
}
.contenido-izq {
width: 64%;
float: left;
}
.contenido-izq span {
color: #3c3c3c;
font-size: 22px;
font-weight: bold;
display: block;
padding: 15px;
}
.monumentos a:hover .contenido-izq span {
color: #fd5e63;
}
.cartel {
background-color: #434343;
padding: 6px;
margin-right: 0;
display: block;
color: #ffdf5d;
font-size: 14px;
min-width: 128px;
text-align: center;
line-height: 22px;
font-weight: 500;
border-left: 8px solid;
}
.cartel.rojo {
border-color: #e24248;
}
.cartel.gris {
border-color: #7d7d7d;
}
.cartel.amarillo {
border-color: #ffbc4b;
}
.cartel.azul {
border-color: #4dbdc8;
}
.cartel.verde {
border-color: #819718;
}
.horario {
font-size: 14px;
font-weight: 600;
color: #fd5e63;
}
.reloj {
width: 22px;
height: 22px;
background: url('../images/reloj.png') no-repeat center center;
display: block;
float: left;
margin-right: 10px;
}
@media (max-width: 767px){
.conetenedor-fondo-color {
min-height: auto;
}
.contenido.der {
width:auto;
float: left;
text-align: center;
}
.contenido-izq {
width:auto;
float: left;
min-height: auto;
}
.cartel {
margin: 10px;
float: left;
}
.horario {
float: left;
margin-top: 15px;
}
.contenido-izq span {
font-size: 20px;
}
}
@media (min-width: 768px) {
.contenido.der {
width: 28%;
float: right;
margin-bottom: 5px;
}
.contenido-izq {
width: 64%;
float: left;
}
.cartel {
margin-bottom: 5px;
}
}
@media (min-width: 992px) {
.contenido.der {
width: 100%;
float: right;
margin-bottom: 0px;
}
.contenido-izq {
width: 100%;
float: left;
min-height: 83px;
}
.horario {
float: left;
margin-left: 10px;
margin-top: 6px;
}
.cartel {
float: left;
margin-bottom: 0;
}
.contenido-izq span {
font-size: 22px;
}
}
@media (min-width: 1200px) {
.contenido.der {
width: 38%;
float: right;
}
.contenido-izq {
width: 62%;
float: left;
}
.cartel {
margin-bottom: 5px;
}
}
@media (min-width: 1400px) {
.contenido.der {
width: 35%;
float: right;
}
.contenido-izq {
width: 65%;
float: left;
}
}
.divContent .monumentos .img-responsive {
margin-bottom: 0px;
}
/*escena pie*/
@media (min-width: 768px) {
.escena-pie img {
margin-left: -75px;
}
}
/*prefooter*/
.prefooter-acceso {
background-color: #e9e9e9;
padding-bottom: 50px;
padding-top: 0px;
}
.rowacceso-title{
margin-bottom: 20px;
}
.row.acceso-listas {
margin-top: 10px;
}
#principal .row.acceso-listas {
margin-top: 20px;
}
.row.acceso-listas ul {
overflow: hidden;
}
.row.acceso-listas ul li {
font-weight: normal!important;
/*float: left; */
}
.row.acceso-listas ul li a {
/*padding: 0 10px 0 5px;*/
/*border-right: 1px solid #3c3c3c;*/
color:#3c3c3c;
font-size: 14px;
font-weight: normal!important;
/*line-height: 20px;*/
display: block;
margin-bottom: -5px;
/*margin-left: 6px;*/
}
.row.acceso-listas ul li a:hover {
color:#fd5e63;
}
.row.acceso-listas ul li a:hover span {
color:#3c3c3c!important;
}
/*
.row.acceso-listas ul li a:last-child {
border: none;
}
*/
/*
.row.acceso-listas ul li a:first-child {
padding: 0 10px 0 0px;
}
*/
.acceso-listas strong {
font-size: 15px;
}
/*que ver*/
.que-ver {
background-color: #e9e9e9;
padding: 20px 25px 0 25px;
}
.que-ver a {
background-color: white;
padding: 5px;
display: block;
font-weight: 500;
}
h3.que-ver-title {
color:#fd5e63;
margin-top: 30px;
font-weight: 800;
margin-bottom: 12px;
font-size: 22px;
line-height: 24px;
}
@media (max-width: 767px) {
.que-ver h3 {
margin-top: 20px;
}
h3.que-ver-title {
margin-bottom: 15px;
}
}
.que-ver-textos{
padding: 0px 15px 0px 15px;
}
.row .special-padding {
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
@media (min-width: 1200px) {
.que-ver a{
min-height: 358px;
}
}
@media (min-width: 768px) {
.que-ver a{
height: 370px;
overflow: hidden;
}
}
@media (min-width: 670px) and (max-width: 767px) {
.que-ver a{
height: 410px;
overflow: hidden;
}
}
@media (min-width: 550px) and (max-width: 669px) {
.que-ver a{
height: 395px;
overflow: hidden;
}
}
.que-ver a.altura300 {
height: 315px;
min-height: 100px;
}
@media (max-width: 549px) {
.que-ver .special-padding.col-xs-6.col-sm-6.col-lg-4 {
width: 100%;
}
.que-ver-textos p{
margin-bottom: 30px;
}
}
/*retoques footer*/
@media (max-width: 992px) {
p.contact {
margin-top: 40px;
}
}
@media (max-width: 767px) {
#footer {
text-align: center;
}
}
/*variacion en estilos titulos*/
.estilo-h1 {
font-size: 2em;
font-weight: 700;
color: #fd5e63;
margin: 20px 0 10px 0;
text-align: left;
}
.estilo-h2 {
font-size: 1.5em;
font-weight: 600;
color: #fd5e63;
margin: 50px 0 20px 0;
}
.estilo-h3 {
font-size: 1.3em;
font-weight: 600;
color: #3c3c3c;
margin: 40px 0px 15px 0;
margin-top: 40px!important;
}
.estilo-h4 {
font-size: 1.2em;
color: #3c3c3c;
margin: 25px 0px 15px 0;
}
@media (min-width: 992px) {
.estilo-h1 {
font-size: 2.750em;
}
.estilo-h2 {
font-size: 1.813em;
}
.estilo-h3 {
font-size: 1.5em;
}
.estilo-h4 {
font-size: 1.3em;
}
}
.aeropuertos h3 {
border-bottom: 1px dotted #fd5e63;
padding-bottom: 2px;
margin-bottom: 11px;
}
@media (max-width: 767px) {
.aeropuertos h3 {
margin-bottom: 16px;
}
}
@media (min-width: 1200px) {
.aeropuertos h3 {
margin-top: 50px;
}
}
.bd-rojo-dotted {
border-bottom: 1px dotted #fd5e63;
padding-bottom: 2px;
}
#diez-consejos section {
padding-bottom: 27px;
margin-bottom: 10px;
}
/*herramientas útiles*/
.utiles h3 {
margin-top: 0;
}
.utiles h3 a {
color: #3c3c3c;
font-weight: 600;
}
.utiles h3 a:hover {
color: #fd5e63;
}
.utiles h3 span, .utiles h4 span {
color: #3c3c3c;
font-weight: 500;
font-size: 0.8em;
}
.utiles .img-responsive{
margin-top: 4px;
}
.utiles .fondo-b.bt {
border-top: 1px dotted #fd5e63!important;
}
.dos-col.utiles p.subtitulo{
text-align: left!important;
}
.contenedor-icono-link {
position: relative;
}
.icono-link {
background: url('../images/link-rojo.png') no-repeat top right;
width: 58px;
height: 58px;
position: absolute;
top:0;
right: 0;
}
@media (max-width: 767px) {
.icono-link {
left: 0;
}
}
.icono-link:hover {
background: url('../images/link-negro.png') no-repeat top right;
}
/*@media (min-width: 1200px) {
#autobuses-roma .fondo-b .icono-link {
margin-right: 30px;
}
}
@media (min-width: 1400px) {
#autobuses-roma .fondo-b .icono-link {
margin-right: 46px;
}
}*/
/*NUEVO ASIDE*/
.banner_pro{
margin-bottom: 22px;
padding-bottom: 8px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
}
.banner_pro ul {
background: #ebebeb;
padding-bottom: 10px;
}
/*.banner_pro ul li:first-child {
background: white;
padding-bottom: 30px;
}*/
.img-dedo {
background: #f4f2e5;
display: block;
padding-bottom: 10px;
}
.img-dedo:hover {
background: #ede9cd;
}
a.img-dedo:hover strong {
color: #ed5358!important;
}
.img-dedo .texto-img-dedo{
line-height: 20px;
font-weight: 15px;
max-width: 140px;
margin: 4px auto 10px auto;
}
.fondo-gradiente{
background: #ebebeb;
/*background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 60%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(60%, rgba(255,255,255,0.9)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 60%, rgba(235,235,235,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.9) 60%, rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.9) 60%, rgba(235,235,235,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 60%, rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );*/
padding-top: 25px;
}
.fondo-gradiente span {
padding: 15px 15px 0px 15px;
display: block;
font-size: 15px;
line-height: 22px;
}
@media (min-width: 1400px) {
.fondo-gradiente span {
padding: 10px 36px 0px 36px;
}
}
.banner_pro li:first-child{
/* background: white;*/
margin-bottom: 0;
margin-top: 10px;
}
.textos-aside strong {
font-size: 18px;
color:#808080;
}
.textos-aside {
padding: 2px 12px;
}
.textos-aside.grisecillos {
color:#808080;
}
.enlace2.enlace2-aside{
width: 140px;
padding: 12px;
margin: 15px auto 20px auto;
font-size: 15px;
font-weight: 500;
line-height: 17px;
}
.enlace2.enlace2-gris{
/*border: 1px solid #e9e9e9;*/
background-color: #e9e9e9;
color:black;
}
@media (min-width: 768px) {
aside.col-sm-4.col-md-2.col-lg-2 {
padding-left: 15px;
padding-right: 0;
}
}
.rectangulo {
border: 1px solid #b3b3b3;
padding: 15px 2px;
font-size: 15px;
font-weight: 600;
line-height: 18px;
}
.rectangulo p {
font-weight: 500;
margin-bottom: 15px;
margin-top: 10px;
}
.rectangulo:first-child {
border-bottom: none;
background: #ebe8e6;
}
.enlace2.enlace2-aside.enlace2-aside-gris {
background: #909090;
border: none;
padding: 15px;
margin: 25px auto 8px auto;
color:white;
}
.enlace2.enlace2-aside.enlace2-aside-gris:hover {
background: #fd5e63;
}
.cuerpo-imagen {
position: relative;
padding-bottom: 17px;
background: #c19742;
}
.cuerpo-imagen-precio{
position: absolute;
bottom: 0;
right: 0;
color: white;
background: #595959;
font-weight: 600;
width: 60px;
padding: 0;
font-size: 15px;
}
.baner {
margin-bottom: 25px;
}
.baner a {
color: #454242;
}
.baner a:hover .cuerpo-imagen {
background: #b86d1f;
}
.cuerpo-imagen img {
opacity: 1;
}
.baner a:hover img {
opacity: 0.8;
}
.baner a:hover .cuerpo-imagen-precio {
background: #3c3c3c;
}
.baner-1 p strong {
color:#fd5e63;
padding-left: 5px;
font-size: 18px;
}
.cabecera-titulo, .pie-texto {
background: #f5f1e6;
padding: 10px;
text-align: left;
font-size: 15px;
line-height: 17px;
}
.cabecera-titulo {
padding-top: 40px;
padding-bottom: 30px;
padding-left: 15px;
position: relative;
}
.cabecera-titulo.cabecera-hotel {
background: #fd5e63;
}
.cabecera-titulo.cabecera-hotel p {
color: white !important;
margin-left: 0;
line-height: 20px;
}
.cabecera-titulo.cabecera-hotel p span {
margin-top: 25px;
color: white;
}
.cabecera-titulo p {
margin-left: 30px;
}
.baner-3 .cabecera-titulo p {
margin-left: 40px;
}
.cabecera-titulo img {
position: absolute;
top: 39px;
}
.pie-texto {
min-height: 75px;
}
.baner-3 .pie-texto {
padding-bottom: 20px;
padding-top: 7px;
}
.baner-3 .escapadas {
border-bottom: 1px dotted #fd5e63;
overflow: hidden;
padding-bottom: 10px;
padding-top: 10px;
}
.baner-3 .pie-texto .escapadas span {
font-weight: 500;
display: block;
}
.escapadas .col-xs-8 {
padding-left: 10px;
}
.escapadas .col-xs-4 {
padding-right: 10px;
}
@media (min-width: 992px) and (max-width: 1200px) {
.escapadas .col-xs-8 {
padding-left: 0px;
padding-right: 0px;
}
.escapadas .col-xs-4 {
padding-left: 0px;
padding-right: 0px;
}
.enlace2.enlace2-aside {
max-width:125px;
}
}
@media (max-width: 767px) {
aside div.banners {
text-align: center;
max-width: 350px;
margin: 0 auto;
margin-bottom: 0px;
}
.pie-texto {
text-align: center;
}
.baner-3 .escapadas div:first-child {
text-align: left;
}
.baner-3 .escapadas div:last-child {
text-align: right;
}
}
.fondo-b h4 {
margin-top: 0;
}
@media (max-width: 1200px) {
.fondo-b h4 {
text-align: center;
margin-bottom: 15px;
}
}
/*actividades y excursiones*/
.contenedor-actividades-roma{
padding: 15px 30px 0px 30px;
background-color: #e9e9e9;
}
.contenedor-actividades {
background: white;
padding: 40px 0 25px 0;
margin-bottom: 15px;
}
.contenedor-actividades h3 {
color: #fd5e63;
font-weight: 700;
line-height: 28px;
margin-top: 0;
font-size: 22px;
}
.contenedor-actividades .enlace2 {
display: inline-block;
width: 160px;
margin: 0;
padding: 15px 10px;
font-size: 15px;
}
.contenedor-actividades .sombreado {
font-style: italic;
padding-left: 2px;
padding-right: 4px;
}
.contenedor-actividades div {
padding-left: 5px;
}
.contenedor-actividades div.actividad-textos {
min-height: 200px;
padding-left: 0;
}
.actividad-precio {
text-align: right;
}
.actividad-precio strong {
font-size: 32px;
font-weight: 800;
line-height: 16px;
margin-right: 15px;
}
.actividad-precio strong span {
font-size: 20px;
font-weight: 800;
}
@media (max-width: 450px) {
.actividad-precio strong {
margin-right: 10px;
}
}
.actividades-lista {
margin-left: 10px;
margin-top: 10px;
padding-right: 15px;
}
.actividades-lista li {
border-bottom: 1px dotted #fd5e63;
margin-bottom: 6px;
margin-top: -6px;
font-size: 14px;
font-weight: 600;
}
.actividades-lista li img {
margin-right:10px;
}
p.consejo {
font-size: 16px;
font-style: italic;
}
@media (max-width: 1200px) {
.contenedor-actividades div {
padding-left: 15px;
}
.contenedor-actividades div.actividad-textos {
min-height: auto;
margin-bottom: 15px;
}
.actividad-precio {
text-align: center;
}
.contenedor-actividades .enlace2 {
margin-top:20px;
}
.contenedor-actividades h3 {
margin-top: 15px;
}
}
/* aside banner opiniones*/
.cabecera-titulo.cabecera-opiniones {
background: white;
border-top: 10px solid #ebebeb;
border-bottom: 10px solid #ebebeb;
margin-bottom: 27px;
padding-top: 15px;
padding-bottom: 5px;
}
.cabecera-titulo.cabecera-opiniones p {
margin-left: 0;
line-height: 20px;
}
.baner.baner-4 {
margin-top: 45px;
}
.baner-4 .pie-texto {
background: white;
padding: 0 0 0 3px;
}
.baner-4 .pie-texto p {
font-size: 16px;
font-weight: 500;
color:#808080;
line-height: 21px;
}
.enlace2.enlace2-aside.enlace-opiniones {
background: #ebebeb;
color: #808080;
font-weight: 600;
padding: 13px;
margin: 40px 0 8px auto;
}
/*añadidos en aside*/
ul.esp-circul {
list-style: none;
padding-bottom: 0;
margin-top: 17px;
}
.banner_pro ul li ul.esp-circul li::before {
content: "•";
color: #fd5e63;
font-weight: bold;
display: inline-block;
width: 5px;
font-size: 27px;
position: relative;
top: 26px;
left: 40px
}
.banner_pro ul li ul.esp-circul li:first-child {
background: none;
padding-bottom: 0px;
margin-top: -10px;
margin-bottom: -10px;
}
.banner_pro ul li ul.esp-circul li {
text-align: left
}
.fondo-gradiente .esp-circul span {
padding: 0px 15px 0 15px;
margin-left: 40px;
}
.tutta-linea-strong strong {
border-bottom: 4px solid #fd5e63;
font-size: 18px;
font-weight: 600!important;
}
.tutta-linea-strong {
padding-top: 5px !important;
}
.text-blog {
font-size: 14px;
}
.text-blog span {
display: block;
margin-top: 10px;
}
.baner.baner-4 {
margin-top: 30px;
padding-bottom: 20px;
border-bottom: 10px solid #ebebeb;
}
.tout-paris {
margin: 35px auto 0px auto;
display: block;
}
.banner-paris .enlace2.enlace2-aside {
margin: 25px auto;
width: 100px;
}
.tutta-linea {
line-height: 20px !important;
}
.tutta-linea-strong.tout-paris-strong {
margin-top: 0px !important;
display: block;
margin-bottom: 35px;
}
.tutta-linea-strong.tout-paris-strong strong {
border-bottom: 4px solid #4dbdc8;
}
.text-blog strong {
font-size: 14px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner_pro ul li ul.esp-circul li::before {
left: 30px
}
.fondo-gradiente .esp-circul span {
margin-left: 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.banner_pro ul li ul.esp-circul li::before {
left: 20px
}
.fondo-gradiente .esp-circul span {
margin-left: 20px;
}
}
@media (max-width: 991px) {
.banner_pro ul li ul.esp-circul li::before {
left: 50px
}
.fondo-gradiente .esp-circul span {
margin-left: 50px;
}
}
@media (max-width: 767px) {
.fondo-gradiente .esp-circul span {
margin-left: 35%;
}
.banner_pro ul li ul.esp-circul li::before {
left: 35%
}
}
@media (max-width: 350px) {
.fondo-gradiente .esp-circul span {
margin-left: 28%;
}
.banner_pro ul li ul.esp-circul li::before {
left: 28%
}
}
/*----------- Ajuste del width de los botones -----------*/
.width-200 {max-width: 200px!important}
.width-300 {max-width: 300px!important}
#principal .bn { border:none!important }
.bn { border:none!important }
.no-separar { white-space:nowrap; }
#principal .bt { border-top: 1px dotted #fd5e63 }
#principal .bb {
border-bottom: 1px dotted #fd5e63;
border-spacing: 10px;
}
.pb0 { padding-bottom: 0!important }
.alinear-derecha { text-align: right; }
.alinear-izquierda { text-align: left; }
p.cursiva { font-style: italic; }
span.fs-13 { font-size: 13px!important }
span.fs-14 { font-size: 14px!important }
span.fs-15 { font-size: 15px!important }
span.letra-r, span.letra-r b, span.letra-r strong {
color: #fd5e63;
}
span.letra-g, span.letra-g strong {
color: #afadad;
}
span.letra-clara, span.letra-clara strong {
color: #8a8a8a;
}
span.letra-granate, span.letra-granate strong {
color: #c57577;
}
h3.links {
margin-top:50px ;
border-top:2px dotted #fd5e63;;
width: 50%;
padding-top: 12px;
font-weight: 800;
font-size: 19px;
}
h3.links.final {
margin-top:80px ;
}
.letra-14 p {
font-size: 14px!important;
line-height: 18px;
}
.letra-14 {
font-size: 14px!important;
line-height: 18px;
}
.letra-15 p {
font-size: 15px!important;
line-height: 19px;
}
.letra-15 {
font-size: 15px!important;
line-height: 19px;
}
.letra-19 {
font-size: 19px!important;
line-height: 24px;
}
/*tarifas*/
a.discreto {
font-weight: 500;
color:#3c3c3c;
border-bottom: 1px dotted #959595;
}
a.discreto:hover {
font-weight: 500;
color:#fd5d63;
border-bottom: 1px dotted #fd5d63;
}
strong a.discreto {
font-weight: bold;
}
strong a.discreto:hover {
font-weight: bold;
}
/* link discreto como los de tarifas*/
.tarifas-columnas a {
font-weight: 500;
color:#3c3c3c;
border-bottom: 1px dotted #959595;
}
.tarifas-columnas a:hover {
font-weight: 500;
color:#fd5d63;
border-bottom: 1px dotted #fd5d63;
}
.tarifas-columnas {
padding-bottom: 40px;
margin-bottom: 5px;
border-bottom: 16px solid #e9e9e9;
}
.divTags.anclas-destacados li a {
background: #434343;
color:white!important;
font-size: 14px;
padding: 5px 10px 5px 10px;
margin-left: 5px;
}
.divTags.anclas-destacados li a:hover {
background: #fd5e63;
text-decoration: none;
}
.divTags.anclas-destacados li.activo a {
background: #fd5e63;
}
.divTags li a.rojo {
color: #ff6b6f!important;
}
.divTags li a.azul {
color: #4dbdc8!important;
}
.divTags li a.azul:hover {
color: #ff6b6f!important;
}
.lista-indice li {
display: inline;
margin: 0;
}
.lista-indice li a {
color:#3c3c3c;
font-weight: 500;
border-bottom: 1px dotted;
}
.lista-indice li a:hover {
color:#fd5e63;
}
.tarifas-columnas h2 {
margin: 30px 0 30px 0;
}
.circulillo {
font-size: 42px;
font-weight: bold;
position: relative;
top: 9px;
}
.lugares {
border-top: 3px dotted #fd5e63;
margin-top: 40px;
}
.lugares h3 {
margin-top: 10px;
margin-bottom: 10px;
font-weight: 700;
}
.estrecho {
max-width: 80%;
margin: 0 auto;
}
#horarios h3 a.color-link {
font-weight: inherit!important;
/*color: #3c3c3c;*/
border-bottom: none!important;
}
#horarios h3 a.hacia-rojo {
color: #fd5e63;
}
#horarios h3 a.hacia-azul {
color: #4dbdc8;
}
#horarios h3 a.hacia-amarillo {
color: #ffbc4b;
}
#horarios h3 a.hacia-gris {
color: #909090;
}
#horarios h3 a.hacia-rojo:hover {
color: #3c3c3c;
}
#horarios h3 a.hacia-azul:hover {
color: #3c3c3c;
}
#horarios h3 a.hacia-amarillo:hover {
color: #3c3c3c;
}
#horarios h3 a.hacia-gris:hover {
color: #3c3c3c;
}
/*menu movil*/
@media (max-width: 992px) {
nav.menuLateral a {
margin: 10px 0;
}
.menuLateral ul li a {
font-size: 15px;
}
nav.menuLateral .conSubmenu a {
margin: 10px 0;
}
}
.desplazar .aspa.glyphicon.glyphicon-align-justify {
font-weight: 500;
font-size: 20px;
}
.desplazar .clos {
font-size: 15px;
}
.desplazar .glyphicon-align-justify::before {
position: absolute;
top: -18px;
left: -16px;
}
.desplazar .aspa.glyphicon.glyphicon-align-justify {
margin-left: 17px;
}
@media (max-width: 992px) {
nav.menuLateral {
width: 95%;
}
}
.no-romper-palabra {
overflow-wrap: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
div p.texto-derecha {
text-align: right;
margin-top: 50px;
}
div p.texto-izquierda {
text-align: left;
margin-top: 50px;
}
.glyphicon-align-justify::before {
content: url("../images/hamburger.png");
top: 1px;
position: relative;
left: 4px;
}
#booking .contenido-booking {
max-width: 90%;
padding: 50px;
background: #ebebeb;
margin: 40px auto 0 auto;
}
#booking p {
font-size: 17px;
max-width: 80%;
margin: 15px auto;
}
@media (max-width: 450px) {
#booking .contenido-booking {
max-width: 100%;
padding: 10px;
margin: 20px auto 0 auto;
}
#booking p {
font-size: 16px;
}
}
.fondo-gradiente span{
font-weight: 500;
}
.fondo-gradiente span strong{
font-weight: 700;
}
@media (max-width: 992px) {
.texto-banda.texto-quienes-somos a {
visibility: hidden;
}
}
/*galeria nueva*/
.d-none {display:none!important;}
.lg-sub-html h4 {
color:#fd5e63;
font-size: 15px;
}
.lg-sub-html p {
color:white;
}
#lightgallery-2 img {
border: 10px solid #fd5e63;
}
#galeria3 img {
border: 10px solid #4DBDC8;
}
#lg-share {
display: none;
}
div.galeria-1, div.galeria-2, div.galeria-3, div.galeria-4, div.galeria-5{
margin-bottom: 20px!important;
}
.divContent .conTab .especial-galeria.row {
border-top: none;
}
.divContent .conTab .row div.especial-galeria div {
padding:0 15px 15px 0;
}
.lg-sub-html p {
font-size: 16px!important;
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.65)!important;
}
@media (max-width: 991px) {
#principal .bb-991 {
border-bottom: 1px dotted #fd5e63;
padding-bottom: 15px !important;
margin-bottom: 10px !important;
}
}
/* página de OPINIONES ordenadas por temas */
#opiniones p.cursiva {
margin-bottom: 5px;
font-size: 17px;
}
#opiniones p.cursiva strong {
color: #575555;
}
#opiniones p.alinear-derecha {
color: #fd7b7f;
}
/* ****************************************************************************************************
BANNER TIENDA
visible sólo en moviles
****************************************************************************************************** */
.banner-moviles.visible-xs {
border: 1px solid;
padding: 4px;
margin-top: 25px;
margin-bottom: 25px;
}
/*solucion para obtener columnas del mismo alto con boostrap*/
.row.display-flex {
display: flex;
flex-wrap: wrap;
margin: 0!important;
}
.row.display-flex > [class*='col-'] {
display: flex;
flex-direction: column;
padding-right: 0;
padding-left: 0;
}
.contenedor-baner-der {
padding: 35px 35px 35px 35px;
}
/*.col-esp-izq {
background: #ebebeb;
}*/
.banner-opiniones-titulo p strong {
font-size: 20px;
}
.banner-moviles.visible-xs .banner_pro {
margin-bottom: 0px;
padding-bottom: 0px;
}
.banner-moviles.visible-xs .banner_pro li.fondo-gradiente {
margin-top: 0 !important;
}
/*.banner-opiniones-titulo p {
margin-bottom: 40px;
}*/
.banner-movil-pie-texto a {
/*margin-top: 50px;*/
display: block;
}
.banner-moviles-boton .enlace2.enlace2-aside {
width: 100%;
max-width: 140px;
}
.banner-moviles.visible-xs .fondo-gradiente .baner-text span {
margin-left: auto;
margin-right: auto;
width: 110px;
padding: 15px 0 0 0;
}
.cargar-opiniones {
text-align: right;
display: block;
color: #808080;
}
.banner-moviles-boton-nuevo.cargar{
float: right;
border: 1px solid #ebebeb;
margin-top: 15px;
text-align: center;
border-radius: 40px;
width: 130px;
padding: 12px!important;
margin: 15px auto 20px auto;
font-size: 15px;
font-weight: 500;
line-height: 17px
}
.banner-moviles-boton-nuevo .enlace2.enlace2-aside {
width: 130px;
}
.opiniones {
margin-top: 30px;
}
.banner-moviles-boton-nuevo.cargar a{
display: block;
color: black;
}
.banner-moviles-boton-nuevo.cargar a:hover{
color: #fd5e63;
}
.col-esp-der {
padding: 0 25px !important;
}
.banner-opiniones-titulo {
display: flex;
align-items: center;
height: 100%;
border-bottom: 1px solid #fd5e63;
}
.banner-moviles-boton {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: 0;
}
.banner-moviles-boton-nuevo {
float: left;
}
.banner-moviles.visible-xs .fondo-gradiente {
min-height: 585px;
}
@media (max-width: 450px) {
.contenedor-baner-der {
padding: 35px 10px 35px 25px;
}
.col-xs-4.col-esp-izq {
width: 40%;
}
.col-xs-8.col-esp-der {
width: 60%;
}
.banner-moviles.visible-xs .fondo-gradiente {
min-height: 540px;
}
/*oculto la segunda opinion para pantallas muy pequeñas*/
/*.opiniones-2, .divisor {
display: none;
}*/
}
@media (max-width: 400px) {
}
/*A resoluciones menores Se montan los textos... las coloco una encima de la otra*/
@media (max-width: 350px) {
.col-xs-4.col-esp-izq {
width: 100%;
}
.col-xs-8.col-esp-der {
width: 100%;
}
.banner-moviles-boton-nuevo, .banner-moviles-boton-nuevo.cargar {
float: none;
}
.banner-opiniones-titulo {
margin-top: 30px;
}
}
/*banner de opiniones nuevo*/
.baner-4.nuevo-baner-opiniones .cabecera-titulo, .baner-4.nuevo-baner-opiniones .pie-texto {
padding-left: 0;
padding-right: 0;
}
.baner-4 .pie-texto p {
font-size: 15px;
color: #3c3c3c;
}
.cabecera-opiniones p strong {
font-size: 17px;
}
p.subtitle.text-center {
font-size: 16px!important;
}
.baner-4 .pie-texto p.opiniones {
font-style: italic;
}
.baner-4.nuevo-baner-opiniones .pie-texto strong {
color: #595959;
}
.baner-4.nuevo-baner-opiniones p.subtitle.text-center {
margin-bottom: 25px;
}
.baner-4.nuevo-baner-opiniones .cabecera-titulo.cabecera-opiniones {
margin-bottom: 15px;
}
.cabecera-titulo img.bocadillo {
position: absolute;
top: -23px;
left: 5px;
}
p.autor.text-right {
color: #fd7b7f;
padding-left: 10px;
line-height: 18px;
margin-top: 7px;
}
.enlace2.enlace2-aside.enlace-opiniones {
margin: 40px auto 8px auto;
width: 170px;
}
.baner-4.nuevo-baner-opiniones .cabecera-titulo.cabecera-opiniones-2 {
border-bottom: 0;
margin-bottom: 0px;
margin-top: 20px;
padding-top: 25px;
padding-bottom: 3px;
}
div.enlaces-opiniones-audioguia ul {
padding: 0 5px 0 5px;
}
.enlaces-opiniones-audioguia a {
font-weight: normal;
display: block;
padding-bottom: 1px;
}
.enlaces-opiniones-audioguia ul li a span {
border-bottom: dotted 1px;
}
.enlaces-opiniones-audioguia ul li a {
padding-left: 10px;
line-height: 20px;
}
.enlaces-opiniones-audioguia ul li {
margin-bottom: 10px!important;
}
.enlaces-opiniones-audioguia ul li:before {
content: " - ";
position: absolute;
}
.enlaces-opiniones-audioguia a:hover {
color: #fd5e63;
}
.borde-final {
height: 20px;
border-bottom: 10px solid #ebebeb;
border-left: 10px solid #ebebeb;
border-right: 10px solid #ebebeb;
border-top: 0;
margin-top: 20px;
}
.baner.baner-4.nuevo-baner-opiniones {
border-bottom: none;
}
@media (max-width: 768px) {
aside div.banners {
max-width: 420px;
}
aside div.banners .baner.baner-2 {
/*max-width: 350px;*/
margin:0 auto;
}
aside {
margin-top: 0px;
}
.texto-mas-info-audioguio {
background: #e6007c;
padding: 5px 15px;
border-radius: 20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
color: white;
}
.precio-audioguia {
color: #e6007c;;
float: right;
font-size: 30px;
padding-right: 7px;
}
}
/*ocultar mostrar mas opiniones*/
.mas-opiniones-header {
cursor: pointer;
}
.mas-opiniones-content {
display: none;
}
.mas-opiniones-header p {
font-size: 17px;
margin-top: 30px;
margin-bottom: 30px;
line-height: 26px;
}
.mas-opiniones-header p:hover {
color: #fd5e63!important;
}
.mas-opiniones-header p:hover .signo {
background-color: #fd5e63;
}
.signo {
font-size: 25px;
font-weight: 500;
display: inline-block;
background-color: #3c3c3c;
color: white;
position: relative;
margin-right: 8px;
width: 22px;
height: 25px;
}
.signo:hover {
background-color: #fd5e63;
}
.signo-mas {
padding: 0px 6px;
top: 4px;
}
.signo-menos {
padding: 1px 6px;
top: 4px;
line-height: 20px;
}
.active .signo-menos {
background-color: #fd5e63;
}
.active .texto-signo {
position: relative;
top: 3px;
}
.signo-menos, .texto-menos {
display: none;
}
.active .signo-menos,.active .texto-menos {
display: inline-block;
}
.active .signo-mas, .active .texto-mas{
display: none;
}
/*nuevas medidas del aside y principal*/
@media (min-width: 1200px) {
#visitas-guiadas main#principal {
width: 67%;
margin-left: 5%;
}
#visitas-guiadas aside {
margin-left: 3%;
}
}
@media (min-width: 768px) and (max-width: 991px){
#visitas-guiadas main#principal {
width: 62%;
}
#visitas-guiadas aside {
width: 38%
}
#iFrameResizer0 {
width: 98% !important;
}
}
/*widget de reservas visitas guiadas*/
.calendarium {
width:100%!important;
}
@media (max-width: 1199px) {
.calendarium {
width:265px!important;
}
}
@media (max-width: 767px) {
.calendarium {
width:100%!important;
}
}
p.puntuacion, p.puntuacion strong { color: #7c7c7c; }
p.reserva-visita-guiada, p.reserva-visita-guiada strong {
margin-top: 20px;
color: white;
background-color: #7d7d7d;
}
p.reserva-visita-guiada {
padding: 13px 12px;
}
a.enlace2.solo-big {
margin-bottom: 50px;
}
@media (max-width: 767px) {
a.enlace2.solo-big {
display:none;
}
}
/*******************/
/*--Faldón compra--*/
/*******************/
.container-carousel {
padding: 15px;
margin-top: 50px;
}
.text-center.carousel-titulo-principal {
color: white;
font-weight: 700;
font-size: 18px;
margin: 2px 0 20px 0;
}
.col-centered {
float: none;
margin: 0 auto;
}
.carousel-control {
width: 8%;
width: 0px;
}
.carousel-col {
position: relative;
min-height: 1px;
padding: 5px 8px;
float: left;
color: white;
}
.carousel-col p {
padding: 5px 0 0 0;
}
.title-carousel {
font-size: 18px;
}
.active > div {
display:none;
}
.active > div:first-child {
display:block;
}
.block {
min-height: 330px;
}
.carousel-control {
top: -57%;
}
/*una columna*/
@media (max-width: 416px) {
.carousel-inner .active.left {
left: -100%;
}
.carousel-inner .active.right {
left: 100%;
}
.carousel-inner .next {
left: 100%;
}
.carousel-inner .prev {
left: -100%;
}
.carousel-col {
width: 100%;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.block {
min-height: 375px;
}
}
/*dos columnas*/
@media (min-width: 417px) and (max-width: 690px) {
.carousel-inner .active.left {
left: -50%;
}
.carousel-inner .active.right {
left: 50%;
}
.carousel-inner .next {
left: 50%;
}
.carousel-inner .prev {
left: -50%;
}
.carousel-col {
width: 50%;
}
.active > div:first-child + div {
display:block;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(50%, 0, 0);
-ms-transform: translate3d(50%, 0, 0);
-o-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.block {
min-height: 368px;
}
}
/*xs boostrap
@media (min-width: 381px) and (max-width: 767px) {
}
*/
/*sm boostrap
@media (min-width: 768px) and (max-width: 991px) {
}*/
/* 3 columnas*/
@media (min-width: 690px) and (max-width: 767px) {
.carousel-inner .active.left {
left: -33.33%;
}
.carousel-inner .active.right {
left: 33.33%;
}
.carousel-inner .next {
left: 33.33%;
}
.carousel-inner .prev {
left: -33.33%;
}
.carousel-col {
width: 33.33%;
}
.active > div:first-child + div {
display:block;
}
.active > div:first-child + div + div {
display:block;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(33.33%, 0, 0);
-ms-transform: translate3d(33.33%, 0, 0);
-o-transform: translate3d(33.33%, 0, 0);
transform: translate3d(33.33%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-33.33%, 0, 0);
-ms-transform: translate3d(-33.33%, 0, 0);
-o-transform: translate3d(-33.33%, 0, 0);
transform: translate3d(-33.33%, 0, 0);
}
.carousel-control {
top: -72%;
}
/*ocultamos flechas salvo que haya más de tres módulos*/
.carrousel-2 .carousel-control {
display: none;
}
.carrousel-3 .carousel-control {
display: none;
}
.block {
min-height: 330px;
}
}
/*dos columnas*/
@media (min-width: 768px) and (max-width: 1199px) {
.carousel-inner .active.left {
left: -50%;
}
.carousel-inner .active.right {
left: 50%;
}
.carousel-inner .next {
left: 50%;
}
.carousel-inner .prev {
left: -50%;
}
.carousel-col {
width: 50%;
}
.active > div:first-child + div {
display:block;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(50%, 0, 0);
-ms-transform: translate3d(50%, 0, 0);
-o-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.block {
min-height: 320px;
}
}
/*
@media (min-width: 641px) and (max-width: 768px) {
.carousel-control {
top: -65%;
}
}
*/
/*3 columnas*/
@media (min-width: 1200px) {
.carousel-inner .active.left {
left: -33.33%;
}
.carousel-inner .active.right {
left: 33.33%;
}
.carousel-inner .next {
left: 33.33%;
}
.carousel-inner .prev {
left: -33.33%;
}
.carousel-col {
width: 33.33%;
}
.active > div:first-child + div {
display:block;
}
.active > div:first-child + div + div {
display:block;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(33.33%, 0, 0);
-ms-transform: translate3d(33.33%, 0, 0);
-o-transform: translate3d(33.33%, 0, 0);
transform: translate3d(33.33%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-33.33%, 0, 0);
-ms-transform: translate3d(-33.33%, 0, 0);
-o-transform: translate3d(-33.33%, 0, 0);
transform: translate3d(-33.33%, 0, 0);
}
/*ocultamos flechas salvo que haya más de tres módulos*/
.carrousel-2 .carousel-control {
display: none;
}
.carrousel-3 .carousel-control {
display: none;
}
}
.block {
background: white;
}
.carrouseles {
padding: 20px 10px 15px 10px;
margin-bottom: 10px;
}
.carrousel-1 {
background: #fdacab;
}
.carrousel-2 {
background: #aadfe7;
}
.carrousel-3 {
background: #c4c4c4;
}
.carrouseles .cuerpo-imagen {
position: relative;
padding-bottom: 0;
background:none ;
}
.carousel-p-t {
padding: 5px 10px 20px 20px;
color: gray;
}
.carousel-control .glyphicon {
background: rgba(0, 0, 0, 0.5);
}
.carousel-control.left, .carousel-control.right {
margin-right: 18px;
margin-left: 18px;
background-image: none;
opacity: 1;
}
.carousel-control > a > span {
padding-top: 2px;
color: white;
font-size: 25px !important;
}
.carousel-texto span {
font-weight: 500;
}
.carousel-titulos {
font-size: 17px;
padding-left: 15px;
font-weight: 700;
margin-bottom: 0;
}
/*
.glyphicon-chevron-left::before {
content: "\e257";
}
.glyphicon-chevron-right::before {
content: "\e258";
}
*/
.carousel-control .glyphicon {
width: 32px !important;
height: 32px !important;
}
.carousel-precio span {
font-size: 18px;
font-weight: 600;
}
.carousel-precio {
margin-bottom: 5px;
}
.euros {
font-weight: 400;
top: 2px;
position: relative;
}
/* hover de los módulos rojos color fd5e63 */
.block.img-responsive a:hover img {
opacity: 0.7;
}
.block.img-responsive a:hover p {
color: #a6a6a6;
}
.block.img-responsive a:hover .carousel-texto span {
color: #a6a6a6;
}
.block.img-responsive a:hover .carousel-precio span {
color: #a6a6a6;
}
/* hover de los módulos azules color 4dbdc8 */
.carrousel-2 .block.img-responsive a:hover p {
color: #a6a6a6;
}
.carrousel-2 .block.img-responsive a:hover .carousel-texto span {
color: #a6a6a6;
}
.carrousel-2 .block.img-responsive a:hover .carousel-precio span {
color: #a6a6a6;
}
/* hover de los módulos grises color c4c4c4 */
.carrousel-3 .block.img-responsive a:hover p {
color: #a6a6a6;
}
.carrousel-3 .block.img-responsive a:hover .carousel-texto span {
color: #a6a6a6;
}
.carrousel-3 .block.img-responsive a:hover .carousel-precio span {
color: #a6a6a6;
}
.divContent .carousel-col .img-responsive {
margin-bottom: 0px!important;
}
/* PÃGINA DE MONUMENTOS ACTUALMENTE EN RESTAURACIÓN */
#en-restauracion h3 a {
color:#000000;
font-weight: 700;
font-size: 24px;
}
#en-restauracion h3 a:hover {
color:#4dbdc8;
}
/* **************************** NUEVO DISEÑO BANNER LATERAL - EXCURSIONES - TOURS, ETC.
*********************************************************************************** */
.contenedor-baner-nuevo {
border: 1px solid rgb(138, 138, 138);
}
.cojunto-pie {
padding-top: 20px;
margin-top: -20px;
}
.cuerpo-imagen-nuevo{
position: relative;
margin-bottom: 15px;
}
.texto-hover {
background: rgba(253,238,119,0.8);
position: absolute;
top:20%;
width: 100%;
line-height: 20px;
padding-top: 5px;
padding-bottom: 5px;
display: none;
}
.cuerpo-imagen-nuevo-precio{
position:absolute;
right: 0;
bottom: -12px;
width: 60px;
border: 1px solid rgb(138, 138, 138);
color:#e6007c;
background: white;
}
.pie-texto-nuevo{
margin-bottom: 10px;
line-height: 20px;
}
.cuadro-muy-recomendable {
font-size: 12px;
background:#83928f;
width: 145px;
color: white;
}
.valoracion{
margin-top:10px;
text-align: left;
}
.valoracion img {
max-width: 80px;
}
.valor {
font-size: 12px;
}
.numero-opiniones {
font-size: 10px;
color: #a3a5a4;
}
.baner.baner-nuevo a {
display: block;
border: 1px solid rgb(69, 66, 66);
margin-bottom: 20px;
}
.baner.baner-nuevo a:hover img {
opacity: 1;
}
.baner.baner-nuevo a:hover .texto-hover {
display: block;
}
/*.baner.baner-nuevo a:hover .cuadro-muy-recomendable {
background-color: white;
color: #869592;
}*/
.baner.baner-nuevo a:hover .cojunto-pie {
background-color: #e6007c;
}
.baner.baner-nuevo a:hover .pie-texto-nuevo {
color: white;
}
.baner.baner-nuevo a:hover .numero-opiniones {
color: rgb(69, 66, 66);
}
.recomendamos-mucho {
background: rgb(253,238,119);
padding: 5px 0px;
font-size: 13px;
}
.valoracion span.numero-opiniones {
font-weight: normal;
}
/*CAMBIOS PARA MEJORAR LA VISTA EN MÓVILES*/
/* arreglamos la galeria no se ve los botones cerrar*/
@media (max-width: 992px) {
.lg .lg-toolbar {
top: 53px!important;
}
}
@media (max-width: 600px) {
/*ocultar img o div en movil*/
#principal h1 {
margin-top: 5px!important;
}
#principal .ocultar-a-600{
display:none!important;
}
#principal h1, #principal .divTags {
text-align: left;
margin-left: 0;
padding-left: 0;
}
#principal h1.siempre-centro {
text-align: center;
}
#principal .divTags li a {
padding: 0;
color: #3c3c3c;
font-weight: 500;
border-bottom: 1px dotted;
font-size: 15px;
margin-left: 0;
}
#principal .divTags.anclas-destacados li a {
padding-left: 7px!important;
padding-right: 7px!important;
margin: 4px 1px 4px 1px;
display: inline-block!important;
padding-top: 3px;
padding-bottom: 3px;
display: inline-block!important;
}
#principal .divTags.anclas-destacados ul {
text-align: center;
}
#principal .divTags li a:hover {
text-decoration: none;
}
#principal .divTags li {
display: inline;
margin:0;
margin-right: 5px;
}
#principal .divTags li::after {
content: '.';
position: relative;
bottom: 3px;
color: #3c3c3c;
left: 4px
}
#principal .divTags li:last-child:after {
content: none;
}
/*menu pestañas movil*/
.navbar {
display: none;
}
}
@media (min-width: 601px) {
/*mostramos a partir de 601px*/
#principal .mostrar-a-partir-601{
display:block!important;
}
/*nuevo menu movil*/
.nuevo-menu-movil {
display: none;
}
/*boton leer mas*/
.collapse.bloque-leer-mas {
display: block!important;
}
.btn.btn-info.leer-mas.text-toogle{
display:none!important;
}
}
/* nuevo boton leer mas para ocultar y mostrar texto*/
.btn.btn-info.leer-mas {
background-color: #fd5e63;
border-color: #fd5e63;
margin-bottom: 15px;
}
.btn.btn-info.leer-mas.text-toogle[aria-expanded=true]{
background-color: #c4c4c4;
border-color: #c4c4c4;
}
.leer-mas.text-toogle[aria-expanded=false] .text-expanded {
display: none;
}
.leer-mas.text-toogle[aria-expanded=true] .text-collapsed {
display: none;
}
/*
a.btn.btn-info.leer-mas:not(.collapsed) .text-expanded{display:none}
a.btn.btn-info.leer-mas.collapsed .text-collapsed {display:none}
*/
/* ===========================================================================================
==============================================================================================
------------------------- -------------------------------
------------------------- CAMBIOS PARA ASIDE EN MÓVILES -------------------------------
========================= ===============================
==============================================================================================*/
@media (max-width: 600px) {
aside .mostrar-distinto .ocultar-a-menos-600, .recomendamos-mucho.ocultar-a-menos-600, aside .ocultar-a-menos-600, section.container-carousel.ocultar-a-menos-600 {
display:none!important;
}
.cuerpo-imagen-nuevo.mostrar-distinto {
float: left;
max-width: 30%;
}
.cojunto-pie.mostrar-distinto {
float: left;
max-width: 65%;
margin-left: 5%;
}
.baner.baner-nuevo a {
overflow: auto;
border: none;
border-bottom: 1px solid #dfe0e5;
}
.baner.baner-nuevo .nuestra-audioguia a, .baner.baner-nuevo .transfer-aeropuerto a{
border: none;
}
.nuestra-audioguia a {
background-color: #fff3c8;
}
.nuestra-audioguia a .cuerpo-imagen-nuevo {
margin-bottom: 0px;
}
aside div.banners .mostrar-distinto {
text-align: left;
}
.mostrar-distinto .cuadro-muy-recomendable {
font-size: 12px;
background: #dfe0e5;
color: #5e5e5e;
text-align: center;
border-radius: 15px;
display: inline;
padding: 4px 15px;
}
.nuevo-precio-mobil.ocultar-a-mas-600 span {
padding-bottom: 15px;
display: block;
}
.mostrar-distinto .pie-texto-nuevo span.resaltar{
color:#e6007c;
}
.mostrar-distinto .valoracion {
margin-top: 0px;
margin-bottom: 3px;
}
.mostrar-distinto .pie-texto-nuevo {
margin-bottom: 0px;
padding-top: 6px;
line-height: 22px;
font-size: 16.5px;
}
.mostrar-distinto .valor {
font-size: 13px;
}
.cuadro-muy-recomendable span {
display: inline-block;
margin: 5px 0;
}
.mostrar-distinto .numero-opiniones {
font-size: 12px;
color: #a3a5a4;
}
.baner.baner-nuevo.tours a:hover .cojunto-pie {
background-color: transparent!important;
}
.baner.baner-nuevo.tours a:hover .pie-texto-nuevo {
color: black;
}
.recomendamos-mucho.destacar-tour {
background: none;
padding: 12px 0px;
font-size: 16px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
border-top: 1px solid #e6007c;
border-bottom: 1px solid #e6007c;
}
.recomendamos-mucho.destacar-tour span {
background: #ffd83c;
padding: 7px;
color: white;
font-weight: 800;
letter-spacing: 0.4px;
display: inline-block;
margin-right: 4px;
}
.nuevo-precio-mobil {
font-size: 16px;
}
.nuevo-precio-mobil span {
font-size: 22px;
}
.baner.baner-nuevo.baner-moviles a {
margin-bottom: 15px;
}
.cojunto-pie.mostrar-distinto .valoracion img {
margin-right: 5px;
}
.mostrar-distinto .texto-banner {
font-size: 14px;
line-height: 19px;
margin-top: 10px;
margin-bottom: 9px;
font-weight: normal;
}
.mostrar-distinto .texto-banner.aeropuertos {
font-size: 15px;
line-height: 22px;
margin: 15px 0;
}
.desde {
font-size: 15px;
}
.pie-texto-nuevo.texto-nuestra-audioguia {
font-weight: normal;
font-size: 16px;
margin-bottom: 15px;
margin-top: 10px;
}
.nuestra-audioguia .cojunto-pie.mostrar-distinto > div.titular {
margin-top: 10px;
font-size: 18px;
}
.footer-nuestra-audioguia {
margin: 15px 0 20px 0;
}
}
@media (min-width: 601px) {
aside .mostrar-distinto .ocultar-a-mas-600 {
display:none!important;
}
}
@media (min-width: 601px) {
aside .ocultar-a-mas-600 {
display:none!important;
}
}
/* mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
sssssssssssssssssssssssss Nuevo submenu fijo sssssssssssssssssssssssssssssssssssssssssssss */
.FlexContainer {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
height: 50px;
flex-direction: row;
padding: 10px 20px;
border-bottom: 1px solid #d9d9d9;
background: white;
}
.FlexContainer li {
text-align: center;
}
.FlexContainer li a {
color:#9d9d9d;
font-size: 12px;
display: block;
line-height: 15px;
font-weight: normal;
}
.FlexContainer li a:hover {
color:#fd5e63;
}
.global-nav {
transition: 0.2s ease-out;
}
.fixed-menu {
position: fixed;
top: 48px;
width: 100%;
height: 52px;
z-index: 5;
}
.fixed-menu + .maincontents {
margin-top: 48px;
}
/* flecha carrousel se ve por encima de menu*/
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
z-index: 4!important;
}
/*link que salga mano*/
.no-lincar {
cursor: pointer;
}
/*------------------------------- Algunas dummies -----------------------------
dumies - dumis - dumys -------------------------------------------------------- */
#principal .mr0 { margin-right: 0 !important }
#principal .ml0 { margin-left: 0 !important }
#principal .fs14 { font-size: 14px!important }
#principal .fs15 { font-size: 15px!important }
#principal .fs16 { font-size: 16px!important }
#principal .fs18 { font-size: 18px!important }
#principal .m0 { margin-bottom: 0!important }
#principal .m1 { margin-bottom: 1px!important }
#principal .m2 { margin-bottom: 2px!important }
#principal .m3 { margin-bottom: 3px!important }
#principal .m5 { margin-bottom: 5px!important }
#principal .m7 { margin-bottom: 7px!important }
#principal .m8 { margin-bottom: 8px!important }
#principal .m10 { margin-bottom: 10px!important }
#principal .m15 { margin-bottom: 15px!important }
#principal .m20, aside .m20 { margin-bottom: 20px!important }
#principal .m25 { margin-bottom: 25px!important }
#principal .m30 { margin-bottom: 30px!important }
#principal .m35 { margin-bottom: 35px!important }
#principal .m40 { margin-bottom: 40px!important }
#principal .m45 { margin-bottom: 45px!important }
#principal .m50 { margin-bottom: 50px!important }
#principal .m60 { margin-bottom: 60px!important }
#principal .m100 { margin-bottom: 100px!important }
#principal .m150 { margin-bottom: 150px!important }
#principal .m200 { margin-bottom: 200px!important }
#principal .mt0 { margin-top: 0!important }
#principal .mt1 { margin-top: 1px!important }
#principal .mt2 { margin-top: 2px!important }
#principal .mt3 { margin-top: 3px!important }
#principal .mt4 { margin-top: 4px!important }
#principal .mt5 { margin-top: 5px!important }
#principal .mt7 { margin-top: 7px!important }
#principal .mt10 { margin-top: 10px!important }
#principal .mt15 { margin-top: 15px!important }
#principal .mt20, aside .mt20 { margin-top: 20px!important }
#principal .mt25 { margin-top: 25px!important }
#principal .mt26 { margin-top: 26px!important }
#principal .mt27 { margin-top: 27px!important }
#principal .mt28 { margin-top: 28px!important }
#principal .mt29 { margin-top: 29px!important }
#principal .mt30 { margin-top: 30px!important }
#principal .mt35 { margin-top: 35px!important }
#principal .mt40 { margin-top: 40px!important }
#principal .mt45 { margin-top: 45px!important }
#principal .mt50 { margin-top: 50px!important }
#principal .mt60 { margin-top: 60px!important }
#principal .mt80 { margin-top: 80px!important }
#principal .mt100 { margin-top: 100px!important }
#principal .mt200 { margin-top: 200px!important }
#principal .mt350 { margin-top: 350px!important }
.pdl0 { padding-left: 0!important }
.pdr0 { padding-right: 0px!important }
.pdl5 { padding-left: 5px!important }
.pdr5 { padding-right: 5px!important }
.pdl15 { padding-left: 15px!important }
.pdr15 { padding-right: 15px!important }
#principal .fondo-blanco { background-color: #fff!important }