@font-face {
font-family: 'Eras Light ITC';
font-style: normal;
font-weight: normal;
src: local('Eras Light ITC'), url('../fonts/ERASLGHT.woff') format('woff');
}
body { 
  background-color: #fdfdfd; 
  font-weight: 400;
}
a { 
  color: #cd0000;
}
h1,h2,h3,h4 { 
  color: #cd0000;
}
#sp-top-bar { 
  padding: 0;
}
.datos-top {
  font-weight: 400; 
  color: #fff; 
  margin-top: 20px!important;
}
.datos-top-mb br {
  display: none;
}
.datos-top-mb ul {
  margin: 0;
}
.datos-top-mb ul li {
  float: left;
  margin-right: 20px;
  border:none;
  line-height: 40px;
}
.datos-top-mb ul li a{
  display: inline-block;
}
.datos-top-mb ul li a:before{
  font:normal normal normal 14px/1 FontAwesome;
  margin-right: 6px!important;
}
.datos-top-mb ul li.top-map a:before{
  content: "\f041";
}
.datos-top-mb ul li.top-mail span:first-child a:before{
  content: "\f0e0";
}
.datos-top-mb ul li.top-phone a:first-child:before{
  content: "\f095";
}

ul.social-icons {
  float: right;
}
ul.social-icons li {
  line-height: 40px;
}
ul.social-icons {
  font-size: 16px;
}
.datos-top a { 
  color: #fff;
  
}
.datos-top a:hover { 
  color: #666;
}
.logo {
  margin: 0 auto!important;
}
#sp-header { 
  border-bottom: 3px solid #fff;
  border-top: 3px solid #fff;
}
.sp-megamenu-parent { 
  float: none; 
  margin: 0 auto; 
  display: table;
}
.sp-megamenu-parent > li > a { 
  line-height: 24px; 
  margin: 10px; 
  font-size: 15px; 
  font-family:'Eras Light ITC'; 
  font-weight: 600; 
  padding: 4px 12px;
}
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li:hover > a { 
  background-color: #a61319; 
  border-radius: 6px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { 
  background-color: #dbe1ed;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul li a { 
  color:#153b6c!important; 
  text-transform:uppercase;
  border-radius: 6px; 
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  background: #153b6c; 
  color: #fff!important; 
}
.offcanvas-inner .menu .nav-child.small { 
  font-size: small; 
  padding-left: 25px;
}
#sp-main-body {
  padding-bottom: 0; 
  padding-top: 80px;
}
#offcanvas-toggler > i { 
  color: #fff;
}
#offcanvas-toggler { 
  line-height: 40px; 
  margin-top: -60px;
  position: relative;
  z-index: 999;
}
div.itemImageBlock { 
  float: right; 
  width: 48%;
  margin-top: -70px; 
  margin-left: 30px;
}
div.itemBackToTop {
  display: none;
}
div.itemHeader h2.itemTitle { 
  margin-bottom: 40px; 
  text-transform: uppercase;
}
div.itemHeader h2.itemTitle::before { 
  content: " "; 
  height: 18px; 
  background: #163b6d; 
  position: absolute; 
  width: 50%; 
  margin-top:10px; 
  margin-left: -50%; 
  left: 0;
}
#sp-footer { 
  background-color: #cd0000; 
  text-align: left;
}    
#sp-footer .datos-foot a { 
  display: inline-block;
}
#sp-footer .datos-foot a:hover { 
  color: #222;
}
.datos-foot ul {
  margin-top: 30px;
}   
.datos-foot ul li { 
  border: none; 
  line-height: 40px; 
  margin-bottom: 10px;
  font-weight: 600; 
  background-color: rgba(183, 9, 15, 0.9);
}
.datos-foot ul li img { 
  float: left; 
  margin-right: 8px; 
  background-color: rgba(213,34,40,0.5); 
  padding: 12px;  
}
.copy { 
  text-align: right; 
  
}
.destacados ul {
  margin: 0;
}
.destacados ul li{ 
  float: left;
  text-align: center; 
  color: #fff; 
  height: 240px; 
  background-color: rgba(81,135,208,0.5);
  border-radius: 0; 
  font-weight: 300; 
  margin: 10px; 
  width: calc(20% - 20px);
  background: #0079FF;
  background:url("../../../images/sitio/blue-bg.jpg") no-repeat;
  background-size: cover;
  border: none;
  padding-top: 60px;
  cursor: pointer;
  background-position: left top;
}
.destacados ul li:hover{
  background-position: right bottom;

} 
.destacados h2 { 
  font-family:'Eras Light ITC'; 
  text-align: center; 
  font-size: 30px;
}
.destacados h2  a { 
  color: #fff; 
  border-bottom: 2px solid transparent;
}
.destacados h2 a::after{
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  position:absolute;
  margin-top: 45px;
  height:3px;
  width:0;
  background:#323837;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  
}
.destacados h2  a:hover::after{
  width:0%;
}
.destacados h2  a:hover { 
  color: #82a1d5;
}

.sp-module ul > li > a::before { 
  content: " "; 
  margin: 0;
}
.home-destacados > div {
  text-align: center;
}
.home-destacados > div img {
  margin: 20px auto;
  max-width: 160px;
}
.portada > ul > li {
  border: none;
  text-align: center;
}
.portada > ul > li img {
  margin: 20px auto;
  max-width: 160px;
}
#sp-user3 {
  margin-bottom: 30px;
}
/*Slider*/
.slide-desc-text-default {
  color: #0a1a3b!important; 
  text-align: center!important; 
  font-size: 68px; 
  line-height: 80px; 
  font-weight: 300;
  font-family:'Eras Light ITC';
}    
.slide-desc-text-default a  {
  color: #0a1a3b!important;
}
.slide-desc-bg-default { 
  background: transparent!important; 
} 
.djslider-default .slide-desc { 
  width: 90%!important; 
  left: 5%!important; 
  top: 100px; 
  bottom: auto!important;
} 

.marcas .djslider-default.img-vcenter img.dj-image {
  height: 160px!important;
  object-fit: contain;
}
/*galería*/
div.itemImageGallery h3{ 
  display: none;
}
b.fancyboxCounter {
  display: none;
}
ul.sigProResponsive span.sigProPseudoCaption { 
  background: #fff;
}    
ul.sigProResponsive span.sigProPseudoCaption, 
ul.sigProResponsive span.sigProCaption {
  color: #666; 
  font-size: 13px;
}      
ul.sigProResponsive li.sigProThumb a.sigProLink {
  background-color: #fff; 
  border-color: #fff; 
  color: #fff;
} 
ul.sigProResponsive li.sigProThumb a.sigProLink:hover { 
  background-color:  #666;
  border-color:  #666; 
  color:  #ececec;
}
ul.sigProResponsive li.sigProThumb a.sigProLink:hover span.sigProPseudoCaption { 
  background: #ececec;
} 
textarea { 
  height: 150px; 
} 
.btn {
  padding:  8px 20px!important; 
  background-color:#cd0000!important; 
  color: #fff; 
  width: 180px!important;
  float: right; 
  margin-right: 20px;
}
.visforms-form { 
  max-width: 800px;
   margin: 0 auto;
  }
#msg_ok {  
  position: fixed; 
  top : 40%; 
  left: 0; 
  text-align: center; 
  line-height: 100px; 
  color: #fff; 
  font-size: 25px;
  visibility: hidden;
  width: 100%;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.9); 
  z-index: 999;
}
.wap {
  position: fixed;
  right: 15px;
  bottom: 5px;
  text-align: center;
}
.wap a {
  display: inline-block;
}
.wap::before {
  content: 'Realizá tu consulta';
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
  border-radius: 4px;
}
#sp-footer h3.sp-module-title {
  color: #fff;
  font-size: 25px;
}
#sp-footer .social-icons {
  margin: 0;
  float: left;
  margin-bottom: 20px;
}
#sp-footer .social-icons li {
  float: left;
  width: 40px;
  text-align: center;
}
#sp-footer2 {
  overflow: hidden;
}
.medios_pagos .pagos-wrapper {
  height: 45px;

}
.medios_pagos .pagos-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: 40px;

}
.offcanvas-menu {
  background-color: #163b6d;
}
.customchimp #mc_embed_signup {
  background: transparent!important;
}
#fancybox-title {
  display: none!important;
}

#fancybox-content {
  background: #163b6d;
}
.spu_content {
  background: #163b6d;
  border: none;
  box-shadow: none;
}
@media (max-width: 996px) {
	.datos-top { 
    margin-top: 20px!important;
  }
  .destacados ul li {
    width: calc(50% - 20px);
  }

}  
@media (max-width: 768px) {
	#sp-menu { 
    background-color: transparent!important;
  }
  .destacados { 
    width: auto; 
    height: auto; 
    line-height: normal;
    border-radius: 0;
  }
  .destacados h2 {  
    font-size: 25px;
  }
  .visCSSinput {
    width: 100%!important;
  }
  .visCSSlabel { 
    width: 100%!important;
  }
  div.itemImageBlock { 
    margin-top: 0;
  }
  .copy {  
    padding-top: 0px;
    text-align: left;
  }
  #sp-top-bar .sp-module { 
    margin: 0; 
    display: block;
  }
  ul.social-icons li {
    margin: 5px 20px;
  }
} 


@media (max-width: 480px) {
  .datos-top-mb br { 
    display: block;
  }
  div.itemImageBlock { 
    width: 100%;
  }
  .destacados ul li {
    width: 100%;
    margin: 10px 0;
  }
  .datos-foot ul li {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
  }
  .datos-foot ul li img {
    display: none;
  }


} 
