/* variables */
/*@basefont: "Lato", Arial, Helvetica, sans-serif;*/
.baseHover {
text-decoration: none;
-moz-opacity: .8;
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.bg-corporate {
background: #404c0d;
}
.color-corporate {
color: #404c0d;
}
h1 {
margin-top: 32px;
}
.no-wrap {
white-space: nowrap;
}
h1,
h2,
h3,
h4,
h5 {
margin-bottom: 16px;
font-family: 'Open Sans Condensed', sans-serif;
}
.titulo-articulo {
margin-top: 0;
}
.nav-idiomas {
margin: 0 0 0 16px;
padding: 0;
}
.navbar-sup {
padding: 8px;
background: #efefef;
font-size: .9em;
}
.navbar-default {
background: #161616;
}
.navbar-default .nav-item {
font-weight: bold;
font-size: 1.15em;
}
.navbar-sup a,
footer a {
color: white;
}
/*
.nav-idiomas:before {
content: " [ ";
font-size: 1.1rem;
}
.nav-idiomas:after {
content: " ]";
font-size: 1.1rem;
}
*/
.nav-intranet:before {
content: "[ ";
font-size: 1.1rem;
}
.nav-intranet {
margin-left: 16px;
}
.nav-intranet:after {
content: " ]";
font-size: 1.1rem;
}
.menu-principal .active .nav-link,
.menu-principal .nav-link:hover {
background: #404c0d;
color: white !important;
}
.bandera-es,
.bandera-de,
.bandera-fr,
.bandera-en {
width: 20px;
height: 20px;
display: inline-block;
}
.bandera-es span,
.bandera-de span,
.bandera-fr span,
.bandera-en span,
.bandera-pt span {
display: none;
}
.bandera-es {
background: url(../images/comunes/bandera_es.png);
}
.bandera-en {
background: url(../images/comunes/bandera_en.png);
}
.bandera-fr {
background: url(../images/comunes/bandera_fr.png);
}
.bandera-de {
background: url(../images/comunes/bandera_de.png);
}
.bandera-pt {
background: url(../images/comunes/bandera_pt.png);
}
.bandera-es:hover {
background: url(../images/comunes/bandera_esTrans.png);
}
.bandera-en:hover {
background: url(../images/comunes/bandera_enTrans.png);
}
.bandera-fr:hover {
background: url(../images/comunes/bandera_frTrans.png);
}
.bandera-de:hover {
background: url(../images/comunes/bandera_deTrans.png);
}
.bandera-pt:hover {
background: url(../images/comunes/bandera_ptTrans.png);
}
footer {
padding: 32px 0 0 0;
background: #404c0d;
color: white;
}
.copyright {
background: black;
padding: 8px 0;
}
.bloques {
padding: 16px;
background: white;
margin-bottom: 32px;
}
.bloques h2 {
font-size: 1.5rem;
margin-top: 8px;
}
.content-padding {
background-color: #e9ecef;
}
.texto-home {
font-size: 1.25rem;
margin-top: 16px;
}
.content-1-home {
margin: 25px 0;
}
.scrollup,
.contact {
opacity: 0.8;
position: fixed;
bottom: 40px;
right: 40px;
display: none;
z-index: 2;
}
.contact {
bottom: 42px;
right: 90px;
}
.scrollup span,
.contact span {
text-indent: -9999px;
display: block;
}
.interiores {
margin-top: 32px;
}
.menu-izquierda {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 1.1rem;
margin-bottom: 2rem;
}
.menu-izquierda a {
background: #e9ecef;
border-bottom: 1px solid white;
color: inherit;
}
.zoomIt {
display: block!important;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
-o-transition: -o-transform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.zoomIt:hover {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.retratos {
background: #e9ecef;
padding: 16px;
margin-top: - 16px;
}
.carousel-caption {
font-family: 'Open Sans Condensed', sans-serif;
}
.content-home-datos {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
background-color: rgba(240, 239, 239, 0.3);
border: rgba(255, 255, 255, 0.15) solid 1px;
}
.carousel-caption-home {
bottom: 50px;
}
.carousel-caption h3 {
margin-bottom: 32px;
font-size: 2.5em;
font-weight: bold;
}
.interiores .carousel-caption h3 {
background: rgba(0, 0, 0, 0.4);
}
.carousel-caption p {
font-size: 1.5em;
}
.carousel-caption span {
background: #9ebd36;
background: rgba(0, 0, 0, 0.57);
padding: 5px 15px;
}
.privacidad-content {
display: none;
}
.figcaption-default {
background: #404c0d;
color: white;
}
.my-breadcrumb {
background: none;
border-radius: 0;
border-bottom: 1px solid #cccccc;
}
.galeria-100 {
max-width: 1900px;
margin: 0 auto;
}
.nav-catalogo ul {
list-style: none;
padding: 0;
}
li.nav-item.nav-parent > a {
background: #dbdbdb;
}
li.nav-item.nav-parent ul a {
background: #efefef;
}
.nav-parent {
margin-top: 5px;
}
.card {
margin-bottom: 16px;
height: 95%;
}
.blog .card {
margin-bottom: 16px;
height: auto;
}
aside .card .card-header,
aside h3 {
font-weight: normal;
margin-bottom: 0;
}
.detalle aside {
margin-top: 64px;
}
#tituloEscaparate {
margin-top: -75px;
margin-bottom: 32px;
font-weight: 100;
}
.precio {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 0;
margin-top: 8px;
}
.precio del {
font-weight: normal;
font-size: 1.25rem;
}
.card-title {
font-size: 1.5rem;
}
.new-label,
.sale-label {
background: #df6504 !important;
}
.new-label {
font: 700 14px/12px Arial, Helvetica, sans-serif;
color: white;
text-transform: uppercase;
padding: 9px 0 7px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
width: 130px;
text-align: center;
display: block;
position: absolute;
left: -33px;
top: 16px;
z-index: 1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.new-label::before,
.new-label::after,
.sale-label::before,
.sale-label::after {
border-color: #913c03 transparent transparent transparent !important;
}
.new-label:before {
position: absolute;
bottom: -3px;
right: 5px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #21a3d8 transparent transparent transparent;
content: ".";
text-indent: -5000px;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.new-label:after {
position: absolute;
bottom: -3px;
left: 3px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #21a3d8 transparent transparent transparent;
content: ".";
text-indent: -5000px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.new-box {
left: -3px;
}
.enlaceGaleria:hover .detalle-new-box {
display: none;
}
.detalle-new-box {
left: 12px;
}
.new-box,
.sale-box {
position: absolute;
top: -3px;
overflow: hidden;
height: 85px;
width: 85px;
text-align: center;
z-index: 0;
}
.titulo-detalle,
.subtitulo-detalle {
margin-top: 0;
font-weight: 100;
}
.catalogo-carousel {
display: inline-block !important;
width: 32.5%;
}
.catalogo .carousel.slide {
padding: 3px;
background: #e4e4e4;
}
.carousel-logos {
overflow: hidden;
/*-webkit-filter: ~"grayscale(100%)";
filter: ~"grayscale(100%)"; */
}
.logos-carousel {
height: 120px;
width: auto;
padding: 25px;
}
.redes-compartir a {
display: inline-block;
margin-bottom: 4px;
width: 32.25%;
overflow: hidden;
}
.solicita-info h1 {
font-size: 1.25rem;
margin-top: 0;
}
figure {
overflow: hidden;
}
.no-gutters figure {
margin: 0;
overflow: hidden;
}
.no-gutters figure a {
display: block;
padding: 2px;
}
.navbar.fade-in {
border-bottom: 1px solid #cccccc;
}
.fade-in img {
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.en-titulo {
font-weight: normal;
font-style: italic;
}
.logo-pie {
max-width: 150px;
}
.tarifas-aviso {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.tarifas-aviso2 {
width: 100%;
}
.tarifas-aviso ul {
padding-left: 25px;
list-style: none;
}
.tarifas-aviso li {
position: relative;
}
.tarifas-aviso li:before {
content: "\f00c";
/* this is your text. You can also use UTF-8 character codes as I do here */
font-family: FontAwesome;
left: -25px;
position: absolute;
top: 0;
color: #218838;
}
.tarifas-aviso li.text-muted:before {
content: "\f00d";
/* this is your text. You can also use UTF-8 character codes as I do here */
color: #868e96 !important;
}
.tarifas-aviso h3,
.tarifas-aviso h4 {
margin: 0;
}
.tarifas-aviso h4 {
font-weight: normal;
}
.active.text-muted:after {
content: '\f0da';
font-family: FontAwesome;
float: right;
}
.has-child > .active.text-muted:after {
content: '';
}
.nav-parent.has-child > a {
color: #666666;
font-weight: 500;
}
.carta h1,
.carta-de-vinos h1 {
font-size: 1.75rem;
}
.carta h2,
.carta-de-vinos h2 {
font-size: 1.25rem;
}
.carta h3,
.carta-de-vinos h3 {
font-size: 1.15rem;
}
/* zoom carrusel */
@-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.3, 1.3);
}
}
@keyframes zoom {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.3, 1.3);
}
}
.carousel-inner .carousel-item .my-img {
-webkit-animation: zoom 20s;
animation: zoom 20s;
}
/* FIN zoom carrusel */
/* circle cuenta atrás */
.circle-content {
font-size: 13px;
line-height: 1;
}
.circle {
position: relative;
width: 2.5em;
height: 2.5em;
margin: 0 auto;
padding-top: .5em;
margin-top: 2px;
}
.circle span {
font-size: 17px;
}
.spinner {
top: 0;
position: absolute;
width: 2.5em;
height: 2.5em;
-webkit-animation: loading 30s linear infinite;
animation: loading 30s linear infinite;
border-top: 5px solid #eb7260;
border-right: 5px solid #eb7260;
border-bottom: 5px solid #eb7260;
border-left: 5px solid #cccccc;
border-radius: 50%;
}
@-webkit-keyframes loading {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* FIN circle cuenta atrás */
.my-zoom {
transform: scale(1.25, 1.25);
-webkit-animation: zoom2 10s;
animation: zoom2 10s;
-webkit-transform: scale(1.25, 1.25);
}
@-webkit-keyframes zoom2 {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.25, 1.25);
}
}
@keyframes zoom2 {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.25, 1.25);
}
}
.parallax {
position: relative;
min-height: 300px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.btn-parallax {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 300px;
top: 40%;
opacity: .8;
border: 1px solid white;
}
.reloj {
position: relative;
-webkit-animation: girar 8s linear infinite;
animation: girar 8s linear infinite;
}
@keyframes girar {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.faq-collapsed {
display: block;
}
.zoomIt-content {
overflow: hidden;
}
.tienda .alerta {
position: absolute;
top: 3px;
right: 0;
}
.tienda .card-title {
font-size: 1em;
}
.tienda .card {
border: 0;
border-radius: 0;
}
.tienda .card form {
overflow: hidden;
}
.tienda #tituloEscaparate {
margin-top: 0;
}
.link-maestro:hover {
text-decoration: none;
}
label.tallas:hover,
label.tallas.active {
cursor: pointer;
background: #ffc107;
}
.input-unidades {
width: 110px;
}
.tabla-caracteristicas {
font-size: .8rem;
}
.fixed-top .navbar-brand img {
max-width: 140px;
height: auto;
}
.carousel-video #videoPlayer {
position: absolute;
top: 0;
}
@media screen and (max-width: 990px) {
#tituloEscaparate {
margin-top: 32px;
}
header .navbar-nav a {
border-top: 1px solid #dddddd;
}
.active.text-muted:after {
content: '\f0d7';
}
}
@media screen and (max-width: 768px) {
.breadcrumb {
display: none;
}
.header-dir {
display: none;
}
.carousel-indicators {
display: none;
}
.carousel-caption span {
background: none;
padding: 0;
}
.carousel-caption {
background: #fc4242;
background: rgba(143, 168, 197, 0.7);
padding: 3px 0px;
bottom: 5px;
}
.carousel-caption p,
.carousel-caption h3 {
padding: 0!important;
margin: 0!important;
font-size: 1.15rem;
line-height: 1.2;
}
.carousel-caption p {
font-size: 1rem;
}
}
@media screen and (max-width: 575px) {
.navbar.menu-principal.fixed-top {
padding: 0 1rem !important;
}
.my-img {
min-width: 550px;
}
.content-1-home h1 {
margin-top: 0;
}
}
@media screen and (max-width: 400px) {
.navbar-brand img {
max-width: 150px;
height: auto;
}
.interiores {
margin-top: 0;
}
}