@font-face {
    font-family: Montserrat;
    src: url(../Montserrat-Regular.woff) format('woff') ;
}
body{
    font-family: Arial;
    width:1300px;
    margin: 0 auto;
    background-color: white;
}
a{
    cursor:default;
    text-decoration: none;
}
.cabecera{
    color:white;
    background-color: #FFFFFF;
    vertical-align: middle;
    max-height: 105px;
    margin-top:0px;
    padding-top:0px;
    font-size: large;
}

.cabecera a{
    color:#6699ff;
    text-decoration: none;
}
.links-header{
    color:#6699ff;
}
.links-header:hover{
    color:RED;
}
.links-header-left{
    float:left;
    padding-left: 5%;
    padding-top:3%;
}
.links-header-right{
    float:right;
    padding-right: 5%;
    padding-top:3%;
}
.logo-alto-contraste{
    max-height: 100px;
}
/****cuerpo foco*****/
.lista-menu-principal{
    float:left;
    width:360px;
    height:578px;
    padding:0px;
    border:0px;
    font-size: 0px;
}
.lista-menu-principal a{
    border:0px;
    font-size: 12px;
}
.lista-menu-principal li{
    font-size: 0px;
}
#myCarousel{
    width: 940px;;
    height:573px;
    padding:0px;
    margin:0px;
}
#myCarousel img{
    width:100%;
    height:auto;
}
#id-iframe-principal{
    float:right;
    width: 940px;;
    height:573px;
    padding:0px;
    margin:0px;
    border:none;
}
.menu-foco{
    position:relative;
    top: 30px;
    width:100%;
    padding: 0px;
    margin:0px;
    border: 0px;
    border:0px;
}

.list-group-item{
    background-color:white;
    color:blue;
    padding:0px;
    border: 1 1 0 0 solid blue;
    margin: 0px;
    line-height: 28px;
}
.list-group-item:hover{
    background-color:white;
}
.list-group-item a{
    display:block;
    padding:4px;
    padding-left:10px;
    margin:0px;
    text-decoration: none;
    color:blue;
    font-weight: bolder;
}
.list-group-item a:hover{
    color:blue !important;;
}
.list-group-item a:hover:not(.active){
    color:blue !important;
    background-color:#ffcc00;
}

/***************/


.titulo{
    position:relative;
    left:-188px;
    font-family:"Arial";
    font-weight: bolder;
    color:rgb(253, 255, 24);
    width:940px !important;
    background-color:rgba(89, 89, 89,0.5); 
    text-align: right;
    padding:10px;
}
.lid{
    position:relative;
    float:left;
    left:-150px;
    width:400px;
    height:50px;
    padding: auto;
    padding-top:15px;
    background-color:#ff0033;
    font-weight: bold;
}
/*********** productos destacados ************/
.cleaner{
    text-align: center;
    clear:both;
    width:1300px;
    background-color: white;
    padding-top:15px;

}
.contenedor-productos-destacados{
    float:left;
    width:860px;
    text-align: center;
    border: solid white 1px;
}
.contenedor-ofertas-mensuales{
    float:left;
    width:440px;
    text-align: center;
    border: solid white 1px;
}
.titulo-contenedores{
    font-weight: bolder;
    line-height: 24px;
    height:10%;
    background-color: rgba(192,192,192,0.3);
    color:#003399;
    border-radius: 10px;
}
.producto-destacado{
    float:left;
    width:25%;
    height:90%;
    border:solid white 1px;
    /*background-color:rgba(192,192,192,0.3);*/
    border-radius: 10px;

}
.oferta-mensual{
    float:left;
    width:50%;
    height:90%;
    border:solid white 1px;
    /*background-color:rgba(192,192,192,0.3);*/
    border-radius: 10px;
}

/******************* servicios **************/
.cleaner-2{
    text-align: center;
    position:relative;
    top: -34px;
    clear:both;
    width:1300px;
    background-color: white;
    color:black;
    padding-left:10px;
    padding-top: 10px;
    padding-bottom: 3px;
}
.contenedor-servicios{
    position:relative;
    top:-75px;
    text-align: center;
    height:348px;
}
.contenedor-servicios a:hover{
    text-decoration:none;
}
.imagenes-servicio{
    float:left;
    width:185.7px;
    color:white;
    height:348px;
}
.contenedor-servicio{
    position:relative;
    height:inherit;
    border:1px solid blue;
    /*background-image:url(../resources/destacados/foreground-image-normal-servicios.png);*/
}    
.contenedor-servicio:hover{
    /*background-image:url(../resources/destacados/foreground-image-hover-servicios.png);*/
}    
#imagen-servicio-flejes{
    background-image: url(../resources/servicios/flejes.png);
}
#imagen-servicio-guillotina{
    background-image: url(../resources/servicios/guillotina.png);
}
#imagen-servicio-serigrafia{
    background-image: url(../resources/servicios/serigrafia.png);    
}
#imagen-servicio-timbres{
    background-image: url(../resources/servicios/timbres.png);    
}
#imagen-servicio-programacion{
    background-image: url(../resources/servicios/programacion.png);    
}
#imagen-servicio-smart{
    background-image: url(../resources/servicios/smart.png);    
}
#imagen-servicio-video{
    background-image: url(../resources/servicios/video.png);    
}

.lid-servicios{
    width:100%;
    position:relative;
    height:318px;
    top:250px;
    vertical-align: text-bottom;
    padding:10px auto;
    margin:0px auto;
    font-size:large;
}
.links-servicios{
    width: inherit;
    height: inherit;
    color:black;
    text-decoration: none;
}
.links-servicios hover{
    text-decoration:none;
}


/*****footer empresa*******/
footer{
    clear:both;
    width:100%;
    height:100px;
}
.nav-empresa{
    float:left;
    padding:25px;
    margin:auto;
    line-height: 100px;
}
.ubicacion{
    padding: 45px;
}
.nav-direccion{
    float:right;
}
.foto-texto-acerca img{
    padding:10px;
}
.fotos-acerca img{
    max-width: 430px;
    height: auto;
    padding:10px;
}
form {
    display: inline-block;
    text-align: center;
}
#img-producto-destacado-1{
    height:140px;
    background-size:contain;
    background-repeat: no-repeat;
    border-radius: 10px;    
    background-image:url('../resources/destacados/timbre_color.jpg');
}
#img-producto-destacado-1:hover{
    transform:scale(1.3,1.3);
}
#img-producto-destacado-2{
    height:140px;
    background-size:contain;
    background-repeat: no-repeat;
    border-radius: 10px;     
    background-image:url('../resources/destacados/clasificadores.jpg');
}
#img-producto-destacado-2:hover{
    transform:scale(1.3,1.3);
}
#img-producto-destacado-3{
    height:140px;
    background-size:contain;
    background-repeat: no-repeat;
    border-radius: 10px;     
    background-image:url('../resources/destacados/timbre_pocket.jpg');
}
#img-producto-destacado-3:hover{
    transform:scale(1.3,1.3);
}
#img-producto-destacado-4{
    height:140px;
    background-size:contain;
    background-repeat: no-repeat;
    border-radius: 10px;     
    background-image:url('../resources/destacados/lapiz_azul.jpg');
    
}
#img-producto-destacado-4:hover{
    transform:scale(1.3,1.3);
}

#img-oferta-mensual-1{
    height:145px;
    background-size:contain;
    background-repeat: no-repeat;
    border-radius: 10px;     
    background-image:url('../resources/ofertas/timbre-isofit.jpg');
    
}
#img-oferta-mensual-1:hover{
    transform:scale(1.3,1.3);
}
#img-oferta-mensual-2{
    height:145px;
    background-size:contain;
    background-repeat: no-repeat;
    border-radius: 10px;     
    background-image:url('../resources/ofertas/pack_varios.jpg');
}
#img-oferta-mensual-2:hover{
    transform:scale(1.3,1.3);
}
ol.indicadores-carrusel {
  position: absolute;
  bottom: 0;
  margin: 0;
  left: 0;
  right: 0;
  width: auto;
}

ol.indicadores-carrusel li,
ol.indicadores-carrusel li.active {
  width: 20px;
  height: 20px;
  margin: 3px;
  border-radius: 0;
  border: 1px solid black;
  background: blueviolet;
}

ol.indicadores-carrusel li.active {
  background: yellow;
}