@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

  @font-face {
font-family: 'VolvoSansPro-Light';
src:url(../fonts/VolvoSansPro-Light.otf);
src: url(../fonts/VolvoSansPro-Light.otf) format('opentype'),
url(../fonts/VolvoSansPro-Light.woff) format('woff'),
url(../fonts/VolvoSansPro-Light.ttf) format('truetype'),
url(../fonts/VolvoSansPro-Light.svg#adlerRegular) format('svg');}


body{
font-family: 'VolvoSansPro-Light';
   
font-size:22px;
margin:0 auto;
}

.cd-header{
	position: fixed;
	width:100%;
	top:0px;
	/*top:-26px;*/
	left:0;
	z-index:10000;
	transition: all .2s ease-in-out; 
} 


.cd-header.active {
    background: rgba(240,239,242,1);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.25);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.25);
box-shadow: 0 1px 5px rgba(0,0,0,.25);




}
.m50{position:absolute;   top:50px;left:50px;}

.cd-header.active  img{
	max-width:250px; 
}

.rayitas.activeray {
	margin-top:-20px;
}

.rayitas.activeray   img{
	max-width:60px;
}

.rayitas.activeray2 {
	margin-top:30px;
}

.rayitas.activeray2 img{
min-width:60px
}


.header-wrapper{
    position: relative;
	width: calc(100% - 100px);
	margin-left: 50px;
} 

#mycontainer{ max-width:1600px !important;}
.logo{ width:100%;max-width:240px;}
.tienda-online{position:absolute; color:#fff; left:100px; top:70px}
.menu-icon{position:absolute; color:#fff; right:100px; top:50px}

.modal-content { border-radius:0px}

.alto_cabecero{width:100%; padding:0px; position:relative; min-height:580px}

.alto_titular{ margin-top:20em; padding-bottom:15em}

.alto_titular_amp{ margin-top:15em}

blockquote{ font-style: normal !important; font-size:24px !important;color:#011696; font-weight:400}

hr.hr_index {
width:30%;
border-top:solid 3px #011696;
margin-top:0px;
display:inline-block;
} 
hr {
width:100%;
border-top:solid 3px #011696;
margin-top:15px;
display:inline-block;

} 
.img-container{
position:relative;
display:inline-block;
}
.img-container img{
display:block
}
.img-container .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgb(22,104,177,0.8);
opacity:0;
transition:opacity 500ms ease-in-out;
}
.img-container:hover .overlay{
opacity:1;
}
.overlay span{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#fff;
}

/*titulares*/
/*H1*/
h1{ font-size:2em; color:#fff;  font-weight:400;}
h1.titulosecc{     font-size:3.5vw; font-weight:300; text-transform:uppercase; color:#011696;} 
/*H2*/
h2{     font-size:1.5vw;  }
h2.sub_index{     font-size:1vw;  font-weight:400;color:#fff;}
h2.index{    font-size:2em; font-weight:600; }
h2.subtit{    font-size:26px; color:#032d43; font-weight:600 }
h3{ font-size:26px;color:#000000;}
h3.index{font-size:58px; font-weight:200;}

h4{font-size:18px; color:#000;  font-weight:400 }
h5{font-size:24px;  color:#000;}


h3.titulohome{  font-size:60px; font-weight: bold; color:#000000; text-transform:uppercase }

/*botones*/

.btn-primary {
  color: #fff;
  background-color: #032d43;
  border-color: #032d43;
}
.btn-primary:hover {

  background-color: #01ace4;
  border-color: #01ace4;
}


.btn-brown {
  color: #000;
  background-image:url(../images/fondo_textura.jpg);
  border: 2px solid #011696;
  
  padding:10px 60px;

 
  border-radius:0px;
  font-weight:bold
}
.btn-brown:hover {
 color: #fff;
 background-image:none;
  background-color: #000 !important;
   border: 2px solid #011696;
}

.btn-trans {
  color: #000;
  background-color:transparent;
  border: 2px solid #011696;
  
  padding:10px 60px;

 
  border-radius:0px;
  font-weight:bold
}
.btn-trans:hover {
 color: #fff;

  background-color: #000 !important;
   border: 2px solid #011696;
}

.btn-black {
  color: #fff;
  background-color: #000;
  border: 2px solid #011696;
   padding:10px 60px;

  border-radius:40px;
  font-weight:bold
}
.btn-black:hover {
 color: #000;
 background-color: #011696;
  border: 2px solid #011696;
}

.posicion_foto{position:absolute; width:100%;  z-index:100; text-align:center; top:-150px}


.fotos{min-height:580px; max-height:580px;width:100%;object-fit: cover; object-position: 50% 50%;box-shadow:  0 0 10px rgba(0,0,0,0.3); ;}
.fotos_prod{min-height:500px; max-height:500px;width:100%;object-fit: cover; object-position: 50% 50%;}

.fotos_gal{min-height:620px; max-height:620px;width:100%;object-fit: cover; object-position: 50% 50%;}


.alto_menu{ margin-top:0px;}
.alto_cabecera{ position: absolute; width: 100%;  height: 40px;  top:90px ;}
.alto_cabecera_sec{position: absolute; width: 100%;  height: 40px; top:50px;}

.img_cab{width:100%;}

.iconitos{font-size:2vW !important; color:#011696 !important  }

.fondo_cab{ min-height:206px}
.text-cab2{ width:20%; left:25%; position:absolute; bottom:30%;    }
.titular-cabecero2{font-size:63px; color: #00215a;font-weight: 200; }
.texto-cabecero2{ font-size:18px; color:#000000;  font-weight:300}
.texto-index{ font-size:14px; color:#333333;  font-weight:300}


.img-responsive { max-width:100%; height:auto !important;}

.tilulotlf{ color:#333; font-size:24px;  font-weight:bold; text-align: center}

.sbtilulo{ color:#000000; font-size:18px; font-weight:bold; }
.tlfno{ color:#333333; font-size:16px; }

.borde{ border: 4px solid #032d43; padding-top:60px; padding-bottom:60px; padding-left:2px; padding-right:2px; font-size:18px; font-weight:bold; text-align:center; }
.nav-link{   color: #fff !important; font-size:18px; padding:10px 20px !important;
}
.navbar-nav .nav-link:hover {
color: #000 ;
}

.active {    
color: #000; 
}


label {
display: inline-block;
margin-bottom: .3rem;
color:#333333;
font-size:16px;

}

.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: 20px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color:#fff;

border: 1px solid#ced4da;
border-radius: 0px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control[readonly] {

background-color:#fff;
opacity: 1;

}
img{vertical-align:top }

a{  text-decoration:none;   color: #000; }
a:hover {
color: #999;text-decoration:underline  }
/*
.link_ficha a{  text-decoration:none;   color: #333 !important; font-size:18px !important }

.link_ficha:hover {
color: #011696 !important;text-decoration:none; background-color:#ededed !important }*/



.pagination{list-style: none outside none; margin:0; padding: 0; }
.pagination>li{float:left; padding:2px  }
.pagination>li>a,.pagination>li>span{float:left;padding:5px 10px; margin:0px;line-height:1.428571429;text-decoration:none;background-color: transparent;border-right:2px solid #000}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0px;border-top-left-radius:0px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#ccc; color:#fff; padding:5px 10px;}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;cursor:default;background-color: transparent; color:#999; border-color:#dedede; padding:4px 10px}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#000;cursor:not-allowed;background-color: transparent;border-color:#dedede; padding:5px 10px}

.form-control {
  display: block;
  width: 100%;
  height: calc(2em + 1rem + 3px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: transparent;
  background-clip: padding-box;

 border: 2px solid #011696;
  border-radius:8px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  .form-control:focus {
  color: #000;
  background-color: transparent;
  border-color: #011696;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,131,117,.25);
}

#main {
transition: margin-left .5s;
padding: 16px;
}

/*PIE*/

.txt-pie{ font-size:16px; color:#000000;    font-family: 'Montserrat', sans-serif;}

.pie{ color:#000; font-size:14px;  }
.pie_index{ color:#fff; font-size:14px;  }

a.pie{ color:#fff; font-size:14px; font-family: 'Montserrat', sans-serif; text-decoration:none}
a.pie:hover{ color:#93a4db; }

a.pie_index{ color:#fff;font-size:14px; font-family: 'Montserrat', sans-serif; text-decoration:none; }
a.pie_index:hover{ color:#fff; }

a.pie_redes{ color:#fff; font-size:26px; font-family: 'Montserrat', sans-serif; text-decoration:none}
a.pie_redes:hover{ color:#fff; }

a.pie_redes_index{ color:#000; font-size:26px; font-family: 'Montserrat', sans-serif; text-decoration:none}
a.pie_redes_index:hover{ color:#000; }

/*menu*/

.centradol {text-align:left;}
.centrador {text-align:right;}

.video{ width:100%; height:615px}

.overlay {
height: 0px;
width: 100%;
position: fixed;
top: 0;
z-index: 200;
/*top: 162px;*/

left: 0;
bottom: 0;
background-color:#000;
overflow: hidden;
transition: 0.5s; 
}

.overlay-content {
position: relative;
top: 2%;
width: 100%;
text-align: center;
margin-top: 30px;
color: #FFFFFF; 
}

.overlay a {
padding: 20px 0px;
text-decoration: none; 

font-size: 1.em;
color:#fff; font-weight:500;
text-transform:uppercase;
display: block;
transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
color:#ccc;
}

.overlay a.min {
padding: 4px 0px;
text-decoration: none; 
font-size: calc(1em + 1vh);
color:#011696; 
text-transform:uppercase;font-weight:500 !important;
display: block;
transition: 0.3s;
}

.overlay a.min:hover, .overlay a.min:focus {
color: #fff;
}
/* Position and style the close button (top right corner) */
.closebtn {
position: absolute;
top: 20px;
right: 175px;

}

   .owl-theme .owl-dots .owl-dot span {
      width: 4px;
      height: 4px;
      margin: 5px 7px;
     /* background: #D6D6D6;*/
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
	  
	  
	  
	  
/*submenu*/
.nav-pills .nav-linksv {
	background-color:#011696;
	border:#011696 2px solid;
    border-radius: 0px;
	font-size:16px;
	padding: 40px; margin:5px; text-transform:uppercase;
	color:#fff;

}
.nav-linksv:focus, .nav-linksv:hover {
    text-decoration: none;
	background-color:#011696;
	color:#fff !important;
}
.nav-pills .nav-linksv.active, .nav-pills .show > .nav-linksv {
  color: #fff;
  background-color: #019944 !important;
}
	  



 .nav-linksm  {

	background-color:#fff;
    border-radius: 0px;



	

}

 .nav-linksm a  {


	font-size:22px;

	color:#000;
	
	

}
.nav-linksm :focus, .nav-linksm a:hover {
    text-decoration: none;
	color:#9cda46!important;
	
}
.nav-pills .nav-linksm.active, .nav-pills .show > .nav-linksm {
  color: #fff;
  background-color: #019944 !important;
}
	  
@media only screen and (max-width: 1500px) {	
/* Aquí van los estilos para iPad horizontal */

.menu-icon{position:absolute; color:#fff; right:20px; top:25px}


.telefono{ font-size:16px}

.fotos{min-height:480px; max-height:480px;width:100%;object-fit: cover; object-position: 50% 50%;}
.fotos_gal{min-height:420px; max-height:420px;width:100%;object-fit: cover; object-position: 50% 50%;}
.margin_accesos{ margin-top:250px}
.alto_cabecero{width:100%; padding:0px; position:relative; min-height:360px}

/*titulares*/
/*H1*/



h2.subtit{     font-family: 'Montserrat', sans-serif;font-size:22px; color:#fff; }
h3{ font-size:26px;}
h3.index{font-size:58px; font-weight:200;}
h3.carta_precio{font-size:26px;}
h4{font-size:16px; color:#000;  font-weight:400 }
h5{font-size:24px;  color:#000;}
h3.titulohome{  font-size:60px; font-weight: bold; color:#000000; text-transform:uppercase }
.menu_pie li a {
padding: 10px;
font-size:16px;
}

.video{ width:100%; height:415px}
.closebtn {
position: absolute;
top:40px;
right: 40px;
}

.rayitas.activeray {
	margin-top:0px;
}

.rayitas.activeray   img{
	max-width:40px;
}

.rayitas.activeray2 {
	margin-top:0px;
}

.rayitas.activeray2 img{
min-width:60px
}


}

@media only screen and (max-width:835px) {
/* Aquí van los estilos para iPad vertical */

.nomovil{display: none}
#nomovil{display: none}
.m50{  top:20px;left:20px;}
}

@media only screen and (min-width:835px) {
	.solomovil{display: none}
		#solomovil{display: none}
	}	
/* Aquí van los estilos para iPhone plus */
@media only screen and (max-width: 480px) {
body{
font-size:16px;
}

.rayitas.activeray   img{
	max-width:40px;
}

.rayitas.activeray2 {
	margin-top:5px;
}
.posicion_foto{position:absolute; width:100%;  z-index:100; text-align:center; top:-100px}

.menu-icon{position:absolute; color:#fff; right:20px; top:15px}
.fp-controlArrow.fp-prev {
display:none
}
.fp-controlArrow.fp-next {
display:none
}
.overlay a {
font-size: calc(0.9em + 0.9vh);
}
.overlay a.min {
font-size: calc(0.8em + 0.8vh);
}

.iconitos{font-size:8vW !important; color:#011696 !important  }
.closebtn {
position: absolute;
top:20px;
right: 20px;
}
.closebtn img {
max-width:50px !important;
max-height:50px !important;
position: absolute;
top:20px;
right: 20px;
}


.logo{ width: 180px; }		
.alto_cabecero{width:100%; padding:0px; position:relative; min-height:260px}
.alto_titular{ margin-top:8em}
.margin_telefono{ margin-top:10px}
.margin_accesos{ margin-top:130px}
.logo_compra{position:absolute;  bottom:-60px; left: 0;right: 0;margin: auto; max-width:110px; z-index:90 }
hr {
width:30%;

display: inline-block;
} 
.fotos{min-height:200px; max-height:200px;width:100%;object-fit: cover; object-position: 50% 50%;}
.fotos_gal{min-height:220px; max-height:220px;width:100%;object-fit: cover; object-position: 50% 50%;}
.fotos_prod{min-height:300px; max-height:300px;width:100%;object-fit: cover; object-position: 50% 50%;}


.navbar-light .navbar-text{border-left:none; padding-left:0px; font-size:12px}
.navbar-collapse{padding-left:20px}
.alto_foto{position:absolute; bottom:-180px; width:100%; left:0px; height:200px; }
h1{ font-size:6.5vw; color:#fff; font-weight:600; text-transform:uppercase }
h2{     font-size:6vw; }
h2.sub_index{     font-size:3vw; color:#fff; font-weight:400;}
h2.index{    font-size:7vw; font-weight:700; color:#000;text-transform:uppercase}
h2.subtit{     font-family: 'Montserrat', sans-serif;font-size:12px; color:#ffffff; }
h1.titulosecc{     font-size:6vw; font-weight:600; text-transform:uppercase;} 
h5{ font-size:17px}
.centradol {text-align:center;}
.centrador {text-align:center;}
.slide-item_imagen{min-height:250px; max-height:250px; width:100%;object-fit: cover; object-position: 50% 50%; }
blockquote{ font-size:20px !important; }
.pagination{list-style: none outside none; margin:0; padding: 0; }
.pagination>li{float:left; padding:2px  }
.pagination>li>a,.pagination>li>span{float:left;padding:5px 10px; margin:1px;line-height:1.428571429;text-decoration:none;background-color: transparent;border:1px solid #3b051c}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0px;border-top-left-radius:0px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#3b051c; color:#fff; padding:5px 10px;}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#3b051c;border-color:#666; padding:5px 10px}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#3b051c;cursor:not-allowed;background-color: transparent;border-color:#3b051c; padding:5px 10px}

.video{ width:100%; height:315px}
h3{ font-size:16px;}
}

@media only screen and (max-width: 375px) {
	h3{ font-size:16px;}
	.fotos{min-height:180px; max-height:180px;width:100%;object-fit: cover; object-position: 50% 50%;}
.fotos_gal{min-height:220px; max-height:220px;width:100%;object-fit: cover; object-position: 50% 50%;}
.fotos_prod{min-height:300px; max-height:300px;width:100%;object-fit: cover; object-position: 50% 50%;}
	blockquote{ font-size:18px !important; }
	}
/* carousel */
.owl-nav {
  display: block;
}
.owl-carousel .owl-nav button.owl-prev,  .owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  top: 45%;
  border: none;
  text-align: center;
  z-index: 5000;
  width: 96px;
  height: 60px;
  /*border-radius: 0px 40px 40px 0px;
  background: #a70064; */
  outline: 0;
  transition: all 0.3s;
  color: #fff; 
}
.owl-nav .owl-prev span {
  font-size: 55px; 
  display: inline-block;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-nav .owl-prev:hover {
  background: transparent;
  border: none;
  color: #0493c5;
}

.owl-carousel .owl-nav button.owl-next,   .owl-nav .owl-next {
  position: absolute;
  right: 0px;
  top: 45%;
  border: none;
  text-align: center;
  z-index: 50000;
  width: 96px;
  height: 30px;  outline: 0;
 /* border-radius: 40px  0px 0px 40px;

  background: #a70064;*/
  color: #fff;
  transition: all 0.3s;
}
.owl-nav .owl-next span {
  font-size: 55px; 
  display: inline-block;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-nav .owl-next:hover {
  background: transparent;
  border: none;
  color: #0493c5;
}
/* fin carousel */
@media screen and (max-width: 600px) {
       table {
           width:100%;
       }
       thead {
           display: none;
       }
       tr:nth-of-type(2n) {
           background-color: inherit;
       }
       tr td:first-child {
           background: #019944;
		   color:#fff;
           font-weight:bold;
           font-size:1.3em;
       }
       tbody td {
           display: block;
           text-align:center;
       }
       tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       }
}
	
	/*pestañas*/
.nav-link-tab {padding: 3px; color: #000  !important;  }
.nav-link-tab:hover { background-color:#f3f3f3;}
.nav-pills .nav-link-tab.active, .nav-pills .show > .nav-link-tab {color: #011696 !important; background-color:#f32f3f3 !important; border-bottom:4px solid #011696; font-weight:bold }
.tab-content{  border-radius: 0px 5px 5px  5px}