/* color fondos */
.bg-fff {background-color:#fff !important;}
.bg-eee {background-color:#eee !important;}
.bg-ddd {background-color:#ddd !important;}
.bg-amarillo {background-color:#ECE81A !important;}
.bg-rosa {background-color: #FFEEFE !important;}
.bg-translucido {background-color:rgba(74,74,74,0.3) !important;}
.bg-azul {background-color: #a1e3f5 !important;}
.bg-negro {background-color: #000 !important;}
/* color fuente */
.blanco {color:#fff !important;}
.negro {color:#000 !important;}
.oscuro {color:#555 !important;}
.gris {color:#999 !important;}
.azul {color:#1abae2 !important;}
.rojo {color:#f00 !important;}
.naranja {color:#f79719 !important;}

/* Cousas */
.wrapper {margin: 0 auto; padding:70px 2rem; max-width: 2000px;} 
.center-v {position: relative; top: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2;}
img {max-width: 100%; height:auto;}
img.miniatura {max-width: 180px; vertical-align: top;} 
.caption {padding: 0.6rem 0 0; color:#444; max-width: 570px; line-height: 1.5rem;}
.m-b-arg {padding-bottom: 1.8rem !important;}
.brd-b {border-bottom:1px solid #ccc;}
iframe {display:block; border-top:25px solid #000; border-bottom:25px solid #000;}
.block {display: block;}
.inline-block {display: inline-block;}
.row {position: relative;}
.no-rap { white-space: nowrap;}
.overflow {overflow: hidden;}
.cuadrado {min-height:260px; background: url(img/modal/marca.jpg) no-repeat right top;}
.up {border-top:6px solid #444; border-right:6px solid #444; width:24px; height:24px; transform: rotate(-45deg); float: right;}
.down {border-bottom:3px solid #fff; border-left:3px solid #fff; width:12px; height:12px; transform: rotate(-45deg); float: right;}
#return-to-top {position: fixed; bottom: 30px; right: 40px; background: transparent; width: 50px; height: 50px;}
.preala {display: inline-block; border-top: 4px solid #000; width: 19px; height: 19px; margin-right: 3px; margin-left: -22px;}
.ala {display: inline-block; border-top: 5px solid #1abae2; border-left:5px solid #1abae2; width: 12px; height: 23px;}
.rotate {transform: rotate(-90deg); display: block; width: 3px; margin-top: 60px; margin-left: -7px; transform-origin:left top;
          font-weight: 100;}
.fila {background-color: #eee;}
.leyenda {margin-top: -20px; margin-bottom: 0px; display: block; text-align: right;}

/* Section */
section, 
.section {padding: 1rem 0; margin-bottom:3rem;  position: relative; background-color: #f3f3f3;}
article {margin-bottom: 1rem; background-color: #fff; overflow: hidden; float:none; display: block;}

/* navegador */
.navbar {padding:0; background-color: transparent; height:auto; border-radius: 0;}
.navbar.secundario {padding-top: 70px;}
.navbar-fixed {position: fixed; width:100vw; z-index: 200;}
.navbar-absolute {position:absolute; width:calc(100vw - 140px); z-index: 200;}
a.navbar-brand {padding-top:1.2rem; height:70px; font-size: 2.2rem; line-height: 1em; font-weight: 700;
				font-family: 'Montserrat', serif; color:#000; display: inline-block; float:left; margin-right: 2rem;}
a.navbar-brand:hover {color:#000 !important;}
.navbar-brand span,
.navbar-brand img {display: inline-block;}
.navbar li {padding:0; display: inline-block; width: auto;}
.navbar-nav a.nav-link {padding:0.5rem 1.5rem 2rem 0rem; display:block; text-align: left; font-size: 0.95rem; color:#000; 
                        border-left:0px solid #ccc; font-weight: 600;}
.navbar-nav a.nav-link:hover {background-color:transparent;}
.navbar-nav a.nav-link:hover,
.navbar-nav a.nav-link.active {color:#999;}
.nav a { display: block;}
/* navbar transparente */
.opaque-navbar {background-color: #fff; transition: background-color .5s ease 0s;}
.opaque-navbar.opaque {background-color: rgba(255,255,255,0.5); transition: background-color .5s ease 0s;}
.opaque-navbar.opaque a {color:#444;}
.desaparece {opacity: 0;}
.desaparece.aparece {opacity: 1;}
/* botones en el navegador */
.boton {display: inline-block; border:0px solid #000; background-color: #fff; padding:0.5rem 1.5rem 0.5rem; margin: 1.1rem 0 0 1rem; 
		font-size: 0.9rem; color:#000;}
.boton i {padding-right: 0.5rem;}

/* hamburguesa */
.mobil {background-color: #fff; padding-left: 2rem;}
.hamburguesa {border:none; background-color: transparent; color:#000; line-height: 1em; padding:1.8rem 0; margin-right: 1rem;}
.hamburguesa small {letter-spacing: 0.2em; font-size: 0.9rem; line-height: 1em; display: block;}
.navmenu-inverse {background-color:#A4D085;}
.offcanvas {padding: 1rem; border:none; background-color: #ddd;}
ul ul, ol ul {list-style-type: none;}
.navmenu-nav>li {color:#fff; padding:0.5rem 1rem;}
.navmenu-nav>li>ul {padding: 0.5rem;}
.navmenu-nav>li>ul>li a.list-group-item {padding: 0.4rem; text-transform: none;}
.navmenu-nav a.nav-link {color:#000; font-size: 0.9rem;}
.navmenu-nav hr {border-color:#fff;}
.navmenu-nav>.active>a {color:#f00; background-color: transparent;}
nav a.icono {display:inline-block; font-size: 1.2rem;}
li.mobil-idiomas {font-size: 13px; text-transform: lowercase;}
li.mobil-idiomas a {display: inline-block; padding:0 1rem;}

/* identidad */
img.logo-barra {max-width: 120px;}
img.logo-footer {max-width: 250px; display: block; margin-top: 3rem;}

/* Portada */
.logo {max-width: 300px; max-height: 70px; margin-bottom: 9rem;}
.flecha {position:absolute; bottom:0; width: 100%; font-size: 21px; z-index: 2; padding-top: 1rem; text-align: center;}
.lema {padding:4rem 0rem;}
.lema h1 {margin-bottom: 0.3em;}

/* Category */
.subcategorias {padding:0.5rem 0 0.5rem; margin-bottom: 0px; list-style:none; }
.subcategorias li {font-size: 0.9rem; color:#999; list-style-type:none;}
.subcategorias li a {display: inline-block; color:#444; padding:0.5rem 0;}

/* Single */
.controles {position:absolute; top:1.5rem; left:2rem; right:2rem; bottom: 1.5rem;}
.controles a {display: block; height: 100%; float: left; width:50%; background-color: transparent; padding: 8rem 4rem 0; color:#eee;}
a.compartir {display: inline-block; padding:0rem 1rem 2rem 0; font-size: 1rem;}
.controles a:hover {background-color:rgba(74,74,74,0.3);}
.pdf img {max-width: 110px; vertical-align: top;}
.pdf small {display: inline-block; padding: 1.7rem 0 0 0.2rem;}

/* a, enlaces */
a {color:#000;}
a:hover, #return-to-top:hover i {text-decoration: none; color:#999;}
a.azul {text-decoration: none; color:#1abae2;}
a.red {text-decoration: none; color:#ffad00;}
a.eliminar:hover {color:red !important;}
a.active {text-decoration: none;}
a.active-nav {font-size: 150%;}
a.underline {text-decoration: underline;}
a, button, img, .grafico, .grafico div {-webkit-transition: all 0.4s ease; transition: all 0.2s ease;}

/* p, parrafo */
p a {text-decoration: underline;}
p.comentar {color:#ccc;}
p.small {font-size: 0.75em;}
p.display-4 {font-size: 1.5em; line-height: 1.3em;}
p.display-3 {font-size: 2.5em; line-height: 1.2em;}
p.display-2 {font-size: 3em; line-height: 1.2em;}
p.display-1 {font-size: 4em; line-height: 1.2em;}
b.nombre {min-width: 330px; display: inline-block;}

/* blockuote */
blockquote {padding:0 3rem; font-style: italic; font-size: 1.4rem; margin:4rem auto;}
blockquote {quotes: "\201C""\201D""\2018""\2019";}
blockquote:before {color: #444; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.05em; vertical-align: -0.4em;}
blockquote small {display:block; padding-top: 1rem;}

/* listas */
.list-inline-item:not(:last-child) {margin-right: 15px;}

/* Cartela */
.cartela {overflow: hidden; position: relative;}
.cartela a {opacity:0; display:block; position:absolute; top:0; right:0; bottom:3rem; left:0; 
            padding:3rem 4rem 0.5rem; bottom:0; background-color:rgba(0,0,0,0.7);}
.cartela:hover a {opacity: 1;}
.cartela a p, .cartela a .h5 {color:#fff;}

a.especial {opacity: 1; background-color: transparent; padding-top: 16rem;}
a.especial .h5 {font-size: 1.5rem; margin-bottom: 1rem; font-weight: 700; color:#000; text-transform: none;}
a.especial p {font-size: 1rem; font-weight: 400; color:#000 !important;}

/* paginación */
.pagination li > a {border:none; border-radius: 0px; padding:0.5rem 1rem; background-color: transparent; color:#444; font-size: 19px;}
.pagination li > a:hover {background-color: transparent; color:#f00;}
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {color:#f00; background-color: transparent;}
.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {background-color: transparent; color:#ccc;}

/* paginador */
.pager li > a {border:none; border-radius: 0px; padding:1rem; background-color: transparent; color:#444; font-size: 19px;}
.pager li > a:hover {background-color: transparent; color:#f00;}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover {background-color: transparent; color:#ccc;}

/* formularios */
form {padding: 1.5rem;}
.form-control {border-radius: 0px; background-color: #fff; font-size: 0.9rem;}
.small .form-control {padding:0.18rem 0.5rem; background-color: #f5f5f5;}
.form-group {max-width: 500px;}
.input-group.small {margin-top:1.25rem;}
label {font-weight: 700; font-size:75%; color:#444;}
button[type="submit"] {background-color:#fff; border:0px; width:100%; max-width: 500px; color: #444; font-size: 0.9rem; padding: 0.5rem 0 0.6rem;}
button[type="search"] {background-color:transparent; border:0px; color: #444; font-size: 0.9rem; padding: 0.5rem 0 0.6rem;}
/* gravity forms */
ul.gform_fields {padding-left: 0;}
li.gfield {list-style: none;}
li.gform_validation_container {display: none;}

/* botones */
.btn-lg, .btn-group-lg>.btn, .btn {border-radius: 0px;  padding:.2rem 1rem .35rem;}
.btn-pq {border-width: 1px;} 
a.btn {text-decoration: none; display: inline-block; margin:1rem 0; font-size: 1.2rem;}
.btn-primary {color:#444; border-color: #bbb; background-color: transparent;}
.btn-primary.azul {color:#0CF; border-color: #0CF; background-color: transparent;}
.btn-primary:hover {border-color: #000; background-color:#000; color:#fff;}
.btn-secondary {color:#fff; border-color:#fff; background-color: transparent;}
.btn-secondary:hover {border-color: #000; background-color:#000; color:#fff;}
.btn.btn-primary.dropdown-toggle {padding: 0 0.5rem 0.2rem;}

/* slider */
.carousel {padding-bottom: 1rem; position: relative; z-index: 3;}
.carousel-inner>.carousel-item>a>img, .carousel-inner>.carousel-item>img {margin:0 auto;}
.carousel-control {width: 5%;}
.carousel-control:hover {background-color: rgba(255,255,255,0.5);}
.carousel-control .prev {position:relative; width:15px; height:15px; border-width: 3px; border-color: #000; border-style: solid none none solid; transform: rotate(-45deg);}
.carousel-control .next {position:relative; width:15px; height:15px; border-width: 3px; border-color: #000; border-style: none solid solid none; transform: rotate(-45deg);}
.carousel-control.right,
.carousel-control.left {background-image: none; padding-top: 1.1rem;}
.carousel-indicators li {border-color: #aaa;}
.carousel .list-inline-item {margin: 0; padding: 0;}
.numero {padding: 1rem;}
.numero.active {background-color: #fff;}
.carousel-item img {max-height: calc(100vh - 6rem);}

.carousel-indicators .active {background-color: #aaa;}
/* papel */
.papel {background-color: #fff; padding: 1rem;}

/* fichas */
.ficha p {font-size: 0.9rem;}
.redes {display:block; float:left; height:calc(250px + 1.2rem); width:calc(100% - 300px + 2rem); padding-left:2rem; margin:-1rem 0 -1rem -2rem;
            background-color: #fff; font-size: 0.8rem;}
.cabecera .redes {height:calc(90px + 2rem); width:calc(100% - 748px + 2rem);}
.redes a {display: block; float: left; height: 100%; width: 100%; padding: 0.5rem 1rem 0rem 0rem; font-size: 0.85rem; color:#444; 
          border-left: 0px solid #ccc; position: relative; font-weight: 400; line-height: 1.6em;
          background:url(img/publi/zebra.jpg) no-repeat top center;}
a.banner {margin:0 auto; padding-left: 1rem; overflow: hidden; display: block;}
.redes a:hover {color:#1abae2;}
a.bandera {display:block; width:500px; height:calc(250px + 2rem); margin:0; padding: 1rem 0; color:#444; background-color: #555; overflow: hidden;}

.muesca {width:auto; position: absolute; top: 30px; left:0px; padding: 0.3rem 1rem 0.2rem 0.5rem; background-color: #fff; 
          font-size: 0.75rem; color:#444; font-weight: 100;}
.muesca.pq {font-size: 0.7rem; top:50px; padding: 0.1rem 1rem 0.1rem 0.5rem;}
.montse {font-family: 'Montserrat';}
/* querys..................................................................................... */


/* sm */
@media(max-width:34em){

}

/* md */
@media(max-width:48em){
  a.banner {padding-left: 0rem;}
}

/* lg */
@media(max-width:62em){
    .carousel-item {margin:0 0rem;}
    .container.visor {padding-left: 0; padding-right: 0;}
}
/* xl */
@media(min-width:75em){
}

@media (min-width: 1540px){
.container {
    max-width: 1420px;}
}

/* lg */
@media(min-width:62em){
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, 
.col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
.col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, 
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, 
.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, 
.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-right: 1.5rem; padding-left: 1.5rem;}
.row { margin-right: -1.5rem; margin-left: -1.5rem; }
}