/* LAYOUT */
body { background: #FFFFFF; }
a:link { color: #0F1B57; text-decoration:none;}
a:visited{ color: #0F1B57; text-decoration:none;}
a:hover { color: #0B71BB; text-decoration:none;}
a:active{ color: #0F1B57; text-decoration:none;}
.bluetext{ color: #0F6EB2 !important;}
.back-to-top { position: fixed; bottom: 25px; right: 25px; display: none; z-index:9999; box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
#navbarul { transition: all .5s;}
.captcha_div{ width:120px !important; margin:10px !important; font-weight:bold; color:#000;}
.captcha_input{ width:40px !important; font-weight:bold; text-align:center}
.aceros00 { max-width: 1920px !important; margin-left: auto !important; margin-right: auto !important;}
#aceros01 { /*background:#FFFFFF;*/ color: #0F1B57; font-size:10px; z-index:9999;}
.aceros03 { top: 30px; }
.aceros04 { background: #FFFFFF !important;  font-weight:bold !important;}
.aceros05 { background: #0F70B7 !important; padding:3px 20px !important; height:auto;}
.aceros06 { background: #0F70B7 !important; height:auto; padding:10px 10px !important;}
.aceros07 { background: #0F70B7 !important; }
.aceros08 { border-right:1px solid #4B92C8; }
.aceros09{ margin-top: 109px;}
.aceros10{ background: #3A3A3A;}
.aceros11{ margin-top: 0; }
.aceros12{ position: relative; left: 62%; z-index:99; }
.aceros13{ display:none; }
.aceros14{ padding-left: 40px !important; padding-right: 40px !important; }
.aceros15{ padding-left: 80px !important; padding-right: 80px !important; }
.aceros16{ margin-top: 15px;}
.aceros17{ margin-top:15px;}
.aceros18{ font-size:18px; font-weight:bold;}
.aceros19{ font-size: 12px !important;}
.aceros20{ margin-top: 110px;}
#ProductoImagen a { cursor: url("../images/zoom.png"), default !important; }
.antispam { display: none; }


/* INDEX */
.swiper-container { width: 100%; height: 100%; }
#SwiperMain .swiper-button-next, .simple-slider .swiper-button-prev {  width: 50px;  margin-left: 20px;  margin-right: 20px;}
.swiper-pagination-bullet-active { background-color: #FFF;}
#SwiperMain img {  width: 100%; height:auto;}
.swiper-button-prev { color: #FFF !important; text-shadow: 2px 2px 10px black;}
.swiper-button-next { color: #FFF !important; text-shadow: 2px 2px 10px black;}
.swiper-playpause { width:30px; height:30px; position:relative; top: -50px; left:10px; z-index:3;}
.swipericon-pause { background: url("../images/index/swipperpause.png") no-repeat center center; background-size: 100% 100%;}
.swipericon-play { background: url("../images/index/swipperplay.png") no-repeat center center; background-size: 100% 100%;}
#clientesrotativo .swiper-container { width: 100%; height: 100%; }
#clientesrotativo .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#clientesrotativo .swiper-slide img { display: block; width: 100%; height: auto; object-fit: cover; }
.photo-gallery { color: #313437; background-color: #fff;}
.photo-gallery p { color: #7d8285; }
.photo-gallery h2 { font-weight: bold; margin-bottom: 40px; padding-top: 40px; color: inherit; }
.photo-gallery .intro { font-size: 16px; max-width: 500px; margin: 0 auto 40px;}
.photo-gallery .intro p { margin-bottom: 0; }
.photo-gallery .photos { padding-bottom: 20px;}
.photo-gallery .item { padding-bottom: 30px;}

@media (max-width: 575.98px) {
    .aceros00 { max-width: 575.98px !important; margin-left: auto; margin-right: auto;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .aceros19{ font-size: 14px !important;}
}
@media (max-width:767px) {
    .photo-gallery h2 { margin-bottom: 25px; padding-top: 25px; font-size: 24px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
   #aceros01 { font-size:11px;}
   .aceros03 { top: 10px; /*top: 30px;*/ }
   .aceros09{ margin-top: 97px;}
   .aceros19{ font-size: 18px !important;}
   .swiper-playpause { width:40px; height:40px; position:relative; top: -50px; left:10px; z-index:3;}
   .aceros21{ height: 300px; overflow:auto;}
}
@media (min-width: 992px) {
   #aceros01 { font-size:11px;}
   .aceros03 { top: 0; /*top: 30px;*/ }
   .aceros06 { background: #0F70B7 !important; padding:20px 5px !important; height:auto;}
   .aceros09{ margin-top: 115px;}
   .swiper-playpause { width:50px; height:50px; position:relative; top: -60px; left:10px; z-index:3;}
   .aceros11{ margin-top: 40px; }
   .aceros14{ padding-left: 50px !important; padding-right: 50px !important; }
   .aceros15{ padding-left: 100px !important; padding-right: 100px !important; }
   .aceros16{ padding-top:20px;}
   .aceros19{ font-size: 20px !important;}
   .aceros21{ height: 300px; overflow:auto;}
}

@media (max-width: 767.98px) {
    #SwiperMain .swiper-button-next, #SwiperMain .swiper-button-prev { display: none; }

}

@media (max-width: 991.98px) {
    .aceros12 { position: relative; left: 62%; z-index:99; display: none; }
    .aceros13{ display:block; }

}

@media (min-width: 1200px) {
    .aceros00 { max-width: 100%; margin-left: auto; margin-right: auto;}
    #aceros01 { font-size:12px;}
    /*#logotipo{ width:350px !important;}*/
    .aceros14{ padding-left: 100px !important; padding-right: 100px !important; }
    .aceros15{ padding-left: 150px !important; padding-right: 150px !important; }
    .aceros16{ padding-top:75px;}
    .aceros18{ font-size:23px; font-weight:bold;}
    .aceros21{ height: 330px; overflow:auto;}
}


.boton_activo { background:#3A3A3A !important;}