body {

background-color: #f5f5f5;

padding-top: 165px;

}

body > header > div{

transition: 1.5s !important;

    height: auto;

position: relative !important;}

.bodyRecorrido, .headerRecorrido, .footerRecorrido{}

.sidenav {

height: 100%;

width: 0;

position: fixed;

z-index: 99999;

top: 0;

right: 0;

overflow-x: hidden;

transition: 1.2s;

background-color: #cf1f2d;

}

.sidenav a {

padding: 8px 8px 8px 32px;

text-decoration: none;

font-size: 25px;

color: #818181;

display: block;

transition: 0.3s;



}

.sidenav a:hover {

color: #f1f1f1;

}

.sidenav .closebtn {

position: absolute;

top: 0;

right: 25px;

font-size: 36px;

margin-left: 50px;

}

header {

background-color: transparent;

height: 165px;

position: fixed;

top: 0;

transition: top .7s ease-in-out;

width: 100%;

z-index: 99998;

}

.nav-up {

top: -225px;

}

.header-primerBloque{

height: 35px;

background-color: #f5f5f5;

}

.header-segundoBloque{

height: 135px;

background-color: white;

overflow: hidden;

box-shadow: 0 2px 4px 0px grey;

}

.header-label-primerBloque{

width: 187px;

text-align: right;

color: #9b9b9b;

font-size: 11px;

}

a{

color: inherit;

text-decoration: inherit;

}

a:hover {

color: #4c3a44a3;

cursor: pointer;

}

.iniciarSesion{

  cursor: pointer !important;

}

.iniciarSesion:hover{

text-decoration: underline !important;

}

.imagen-logo-header{

position: relative;

top: 15px;

height: 107px;

}

.imagen-11-years-header{

width: 85px;

height: 85px;

}

.header-tercerBloque{

height: 55px;

}

.btnSubrayado-de-blanco {

border-bottom-color: white;

border-bottom-width: 3px;

}

.header-tercerBloque-caja{

border-radius: 4px;

box-shadow: 0 -2px 19px 0 rgba(0, 0, 0, 0.36);

background-color: #cf1f2d;

position: relative;

top: -15px;

color: white;

}

.header-tercerBloque-caja .btn{

font-size: 12px;

font-family: Rubik;

font-weight: 500;

letter-spacing: 0.5px;

color: #ffffff;

}

.cajasDeTexto-header{

border-left: 2px solid #e6e6e6;

    padding-left: 18px;

    height: 53px;

    padding-top: 6px;

}

.texto-CajasDeTexto-header{

  margin-left:  16px !important;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: 1.33;

  letter-spacing: 0.5px;

  color: #0a213f;

  font-size: 16px;

}

main {

/*background-color: black;*/

min-height: 2000px;

overflow-x: hidden;

transition: 1.5s;

position: relative;

}

footer {



  background-color: #fbfbfb;

overflow: hidden;

transition: 1.5s !important;

position: relative !important;

}

.precioProductoRelCSS{

  color: #005189;

    font-size: 14px;

    font-weight: 500;

  }

/* width */

::-webkit-scrollbar {

width: 10px;

}

/* Track */

::-webkit-scrollbar-track {

background: #f1f1f1;

}

/* Handle */

::-webkit-scrollbar-thumb {

background: #888;

}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

background: #555;

}

* {

font-family: 'Rubik', sans-serif;

font-weight: normal;

font-style: normal;

font-stretch: normal;

line-height: normal;

letter-spacing: 0.3px;

}

.imagen-logo-footer{

position: relative;

top: 15px;

width: 229px;

height: 107px;

}

.imagen-11-years-footer{

width: 85px;

height: 85px;

}

.datosTelefonos-mail-footer, .datosHorario-footer

{

font-size: 12px;

font-weight: 500;

font-style: normal;

font-stretch: normal;

line-height: 1.83;

letter-spacing: 0.3px;

color: #0a213f;

align-content: center;

}

.footerSubrayado-footer{

overflow: hidden;

border-bottom: solid 1px #dedede;

}

.mapaSitio-footer{

font-size: 12px;

font-weight: normal;

font-style: normal;

font-stretch: normal;

line-height: 2.33;

letter-spacing: 0.3px;

color: #9b9b9b;

}

.derechosFooter-finSitio {

font-size: 11px;

font-weight: normal;

font-style: normal;

font-stretch: normal;

line-height: normal;

letter-spacing: 0.3px;

color: #9b9b9b;

}

.redesFooter-finSitio{

font-size: 13px;

font-weight: 500;

font-style: normal;

font-stretch: normal;

line-height: normal;

letter-spacing: 0.4px;

color: #9b9b9b;

}

.iconosFooter-Siguenos{

font-size: 30px;

font-weight: normal;

font-style: normal;

font-stretch: normal;

line-height: normal;

letter-spacing: 3.4px;

text-align: right;

color: #9b9b9b;}

.redesFooter-finSitio .siguenosFooter-textoRedessociales-footer{

font-size: 13px;

font-weight: 500;

font-style: normal;

font-stretch: normal;

line-height: normal;

letter-spacing: 0.4px;

color: #9b9b9b;

}

.alertEspace-plantilla{

position:   fixed !important;

z-index:    999999999  !important;

top:        10%;

left:       0 !important;

width: 100%;

}

/*  MODAL CLIENTE EN ESPERA  */

.modalClienteEnEspera {

/*  display:    none !important;*/

position:   fixed !important;

z-index:    9999999  !important;

top:        0 !important;

left:       0 !important;

cursor:   wait;

height:     100% !important;

width:      100% !important;

opacity: 0;

visibility: hidden;

transition: .5s ease;

display: block !important;

background: rgb( 255, 255, 255,.98 )

url('../img/preloader.gif?8876')

50% 50%

no-repeat  !important;

}

.modalContenidoEnEspera {

z-index:    9999999  !important;

top:        0 !important;

left:       0 !important;

height:     100% !important;

width:      100% !important;

opacity: 0;

visibility: hidden;

transition: 1.5s ease;

display: block !important;

background-color: #0a213f;

cursor:   pointer;

}

/* When the body has the loading class, we turn

the scrollbar off with overflow:hidden */

body.loading {

overflow: hidden;

}

/* Anytime the body has the loading class, our

modal element will be visible */

body.loading .modalClienteEnEspera {

visibility: visible;

opacity: 1;

}

.modalContenidoEnEsperaMostrado {

visibility: visible;

opacity: .75;

}

#mySidenav > div > .seleccionarMenuLateral{

  margin-left: 15px;

  border-left: solid 4px #fff;

  background-color: #a9101c;

}

#mySidenav > div > .seleccionarMenuLateral > .row > div{

  margin-left: -15px;

}

#mySidenav > .row > div{

	height: 55px;



  border-top: solid 1px #f54251;

}

#mySidenav > .row > div > div > div > a, .estilo-a-sideNavBar{

  font-size: 12px;

  font-weight: 500;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: 0.5px;

  color: #ffffff;

  text-transform: uppercase;

}

#mySidenav > div > div:nth-child(2){

  background-color: #005189;

}





.search-lateralBarSection .valid-lateralBarSection.lateralBarSection-icon,

.search-lateralBarSection .invalid-lateralBarSection.lateralBarSection-icon {

position: absolute;

width: auto;

bottom: 10px;

right: 10px;

margin-bottom: -5px;

font-size: 25px;

color: #cf1f2d;

}

.search-lateralBarSection .search-control-lateralBarSection{

border-radius: 8px;

border: solid 1px #becad6 !important;

}

#mySidenav > div > div:nth-child(11){

  height: auto !important;

}

#mySidenav > div > div:nth-child(11) > div > div > div > div > div > div > div > div:nth-child(2){

  font-size: 10px;



  line-height: 1.33;



}

#mySidenav > div > div:nth-child(11) > div > div > div > div > div > div > div > div{

  font-size: 16px;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: 1;

  letter-spacing: 0.9px;

  color: #ffffff;

}

#mySidenav > div > div:nth-child(13) > div > div > div.align-items-center.d-flex.flex-row-reverse > div > a{

color: #fff;

    font-size: 22px;

}

/*-------------------------MEDIA QUERYS-----------------------*/

/*LG -LARGO */

@media (max-width: 1200px){

.video-container video.fillWidth {

width: 1280px !important;

}

}

/*MD - MEDIANO*/

@media (max-width: 992px){



.alertEspace-plantilla{

top:        inherit !important;

bottom:        10% !important;}



.imagen-logo-footer{

width: 149px;

height: auto;

top: 25px;

}

.imagen-11-years-footer{

width: 66px;

height: 66px;

position: relative;

top: 15px;

}

body {

padding-top: 51px;

}

.homepage-hero-module{

height: 399px !important;

}

.video-container video.fillWidth {

width: 1280px !important;

}

.header-segundoBloque, .imagen-logo-header{

height: 52px;

width: auto;

top: 0px;

}

.datosTelefonos-mail-footer, .datosHorario-footer

{

font-size: 11px;

font-weight: normal;

line-height: 2;

}

.mapaSitio-footer{

font-size: 11px;

line-height: 1.18;}

.mapaSitio-footer-superrayado{

border-top: solid 1px #dedede;

}

}

/*SM - PEQUEÑO*/

@media (max-width: 768px){

.video-container video.fillWidth {

width: 980px !important;

}

}

/*XS - EXTRA PEQUEÑO*/

@media (max-width: 576px){

}