@charset "ISO-8859-1";



.fondo1{ background-color:#bebfc1 !important;}
.fondo2{ background-color:#f4f5f7 !important;}
.fondo3{ background-color:#e6e7e9 !important;border:none;}
.fondo4{ background-color:#c4151c !important;}
.fondo5{ background-color:#c4151c !important;}
.fondo6{ background-color:	#d2d3d5 !important; border:none;}
.fondo7{ background-color: #c63438 !important;}
.fondo8{ background-color: #ac090e; }
.fondoblanco{ background-color: #ffffff; }
.fondogris{ background-color: #d2d3d5; }
.fondoproducto{ background-color: #dce5ee; }

.texto1{ color: #fff ;}
.texto2{ color: #96989A;}
.texto3{ color: #727377;}
.texto4{ color: #f3d5d7;}
.texto5{ color: #ec3237;}
.texto6{ color: #001048;}
.texto7{ color: #c4151c;}

.linearoja {border-color:#c4151c; }
/* */
a:hover {
    text-decoration: none;
    color: #bebfc1;
}
.titulo{
	padding-top:10px;
	padding-bottom:10px;
}
.titulo h2{
	margin-bottom:0px;
	font-weight: 400;
}
.carousel-indicators .active {
    background-color: #ec3237 !important;
}
.carousel-indicators {
    bottom: 0px;
}
.carousel-indicators li {
	background-color: #fff !important;
	height:6px;
}
.designby{
	font-size:10px !important;
	color: #848688 !important;
	margin-bottom:5px;
}

.designby a{
	color: #848688 !important;
	text-decoration: none;
	font-weight:600;
}
.btn i{
	margin-top: auto;
    margin-bottom: auto;
    font-size: 1rem;
}
.lado-izq{
	background-position: top;
}
.lado-der{
	background-position: top;
}
.seccion-subtitulo{
	color: #a1a2a4;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-weight: 400;
	text-align: center;
	margin-top:auto;
	margin-bottom: auto;
	margin-left:auto;
	margin-right: auto;
	display: block;
	font-family: 'Open Sans Condensed', sans-serif;
}
.seccion-subtitulo p{
	margin:0;
}
.dropdown-menu{
	-webkit-box-shadow: 0px 2px 2px 0px rgba(140,140,140,0.89);
-moz-box-shadow: 0px 2px 2px 0px rgba(140,140,140,0.89);
box-shadow: 0px 2px 2px 0px rgba(140,140,140,0.89);
}
/* producto */ 
.bannerproducto{
	padding-top: 10px;
	padding-bottom:0;
}
.linkvolver{
	height: 20px;
	margin-bottom:20px;
}
.cuadroimagen{
	display:block;
	overflow:hidden;
	height: 250px;
	width: 100%;
}
.cuadroimagen img{
	width: 100%;
	height: auto;
	
}
.divisorproducto{
	border-color: #fff;
}

/* */
/* noticias */
.noticias-contenido{
	padding-top: 30px;
}
.noticias-contenido hr{
	border-color: #c4151c;
}
.noticias-contenido img{
	width:100%;
	height: auto;
	margin-top:auto;
	margin-bottom:auto;
}
/* empresa */
.empresa-seccion{
	padding: 0;
}
.empresa-items h5{
	font-size: 14px;
	border-top: 1px solid #727377;
    padding-top: 15px;
}
.empresa-seccion img{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	display:block;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.empresa-items p{
	font-size: 12px;
}
.empresa-seccion .lado-izq{
	background-image: url('../img/empresa-izq.jpg');
  background-repeat: no-repeat;
  background-size: auto 100%;
} 
.empresa-seccion .lado-der{
	background-image: url('../img/empresa-der.jpg');
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.empresa-seccion .empresa-lateral{
	height: 100%;
}

.empresa-seccion .nuestros-productos{
  background-image: url('../img/empresa-lateral.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #d2d3d5;
  height: 100%;
}
/* trabaje */
.trabaje-seccion{
	padding: 0;
}
.trabaje-items h5{
	font-size: 14px;
	border-top: 1px solid #727377;
    padding-top: 15px;
}
.trabaje-contenido{
	padding-top: 30px;
}
.trabaje-items p{
	font-size: 12px;
}
.trabaje-seccion .lado-izq{
	background-image: url('../img/trabaje-izq.jpg');
  background-repeat: no-repeat;
  background-size: auto 100%;
} 
.trabaje-seccion .lado-der{
	background-image: url('../img/trabaje-der.jpg');
  background-repeat: no-repeat;
  background-size: auto 100%;
}
/* Contacto */
.contacto-seccion{
	padding:0;
}
.contacto-form{
	width: 100%;
	background-color: #001048;
	color: #fff;
	padding: 3rem;
}
.contacto-form .form-control{
	background-color: #97989a;
	border-radius:0;
	color: #001048;
}
.contacto-form .btn{
	background-color: #c4151c;
	color: #fff;
	border-radius: 0;
}
.contacto-seccion .lado-izq{
	background-image: url('../img/contacto-izq.jpg');
  background-repeat: no-repeat;
  background-size: auto 100%;
} 
.contacto-seccion .lado-der{
	background-image: url('../img/contacto-der.jpg');
  background-repeat: no-repeat;
  background-size: auto 100%;
}
/* servicio */
.servicio-seccion{
	padding: 0;
}
.servicio {
	min-height: 400px;
}
.servicio-contenido{
	padding-top: 30px;
}
.servicio-contenido1 img{
	width:100% !important;
}
.servicio-contenido img{
	width:70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.servicio-subtitulo{
	margin-top:2rem;
	margin-bottom: 2rem;
}
.servicio-seccion .lado-izq{
	background-image: url('../img/servicio-izq.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
} 
.servicio-seccion .lado-der{
	background-image: url('../img/servicio-der.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
}
/* nuestros-productos */
.nuestros-productos{
	background-color: #d2d3d5;
	min-height: 200px;
	
  height: 100%;
}
.nuestros-productos h4{
	background-color: #001149;
	color: #fff;
	font-size: 12px;
	line-height: 25px;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom:10px;
	margin-bottom: 5px;
}
.nuestros-productos h4 a{
	color: #fff;
	font-size: 12px;
}
.nuestros-productos a{
	font-weight: 700;
	font-size: 12px;
}
.nuestros-items{
	padding-left: 20px;
	padding-right: 20px;
}
.nuestros-productos p{
	margin-top: 15px;
	margin-bottom:10px;
}
.nuestros-items hr{
	border-color: #fff;
}
/* */
#mainNav.compressed{
	padding-top:5px;
	padding-bottom:5px;
}
#mainNav.compressed img{
  height: 30px;
}
#subNav{
	font-size:12px;
	font-weight: 400;
}
#navbarSocial{
	margin-right:15px;
}
.navbar-brand img{
	height: 60px;
	-webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}
#navbarResponsive{
	margin-top: auto;
	height: 100px;
}
#navbarResponsive ul{
	height: 100%;
}
.contenido{
	min-height:100px;
	padding: 2.5rem 0;
	z-index: 10;
}
.card-columns {
	column-count: 7;
}
nav.navbar{
   // Animation
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}
#navbarNavDropdown{
	height: 100%;
}

.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.dropdown-menu{    
	border: none !important;
    margin-top: 0px;
}
	
.carusel{
	padding:0;
}
.carousel-caption{
	background-color:#001149;
	height:100%;
	right: 30%;
	left: 30%;
	bottom:0;
	overflow:visible;
	opacity:0.5;
}
.texto-bajo{
	position: absolute;
    bottom: -100px;
    color: #000;
    display: flex;
    width: 250%;
    height: 100px;
    text-align: center;
    margin-left: -75%;
    margin-right: -75%;
    margin-bottom: 0;
}
.texto-bajo p{
	text-align:center;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 400;
    margin-top: auto;
    margin-bottom: auto;
    margin: auto;
    color: #96989a;
    font-family: 'Open Sans Condensed', sans-serif;
}
.texto-arriba{
	bottom: 10px;
    display: block;
    position: absolute;
    font-size:1.7rem;
    line-height: 2.3rem;
    padding: 30px;
    padding-right: 2rem;
    text-align:left;
}
.carousel-inner{
}
.navbar .dropdown-menu {
  border:none;
  background-color:#fff!important;
}
.drop-titulo{
	font-weight: 600;
	font-size: 1.4rem;
}
.lista_menu{
	padding-left: 10px;
	flex-wrap: initial;
}
.lista_menu li{
   list-style: none;
}
.lista_menu li:before{
   content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50px;
    background-color: #c4151c;
}
#mainNav .navbar-nav .lista_menu .nav-item .nav-link {
	display: inline-block;
	margin-left: 7px;
	width: 90%;
	padding: 0 !important;
	font-size: 13px;
	line-height: 17px;
	font-weight: 400;
}
/* */
.marca-titulo{
	font-weight: 800;
	font-size: 1.8em;
	margin-top:10px;
}
.marca-links{
	margin-bottom: 0px;
    position: absolute;
    bottom: 0;
    right: 15px;
}
.cuadro{
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bebfc1;
}
.cuadro-imagen{
	width: 100%;
    height: 12rem;
    display: inline-grid;
    overflow: hidden;
}
.cuadro-img{
	width: auto;
	height: 100%;
	overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}
.cuadro-datos{
	height: 16rem;
}
.cuadro-datos2{
	height:auto;
}
.cuadro-datos h4{
	font-size: 1.4em;
	margin-top: 15px;
}
.cuadro-datos2 h4{
	font-size: 1.4em;
	margin-top: 15px;
}
.cuadro-datos .btn-detalle{
	float: right;
	font-size: 0.8em;
	background-color: #c4151c;
	color: #fff;
	border-radius: 0;
	position: absolute;
	bottom:30px;
	right:15px;
	border:none;
	font-weight: 400;
}
.cuadro-datos .btn-detalle:before {
    content: '';
    position: absolute;
    bottom: 0; right: 0;
    border-bottom: 8px solid white;
    border-left: 8px solid #c4151c;
    width: 0;
}
/* */
.contenido-titulo{
	margin-top: 2rem;
	margin-bottom: 2rem;
}
/* */
.acceso{
    text-align: center;
    background-color: #c4151c;
    margin-top: -8px;
    margin-bottom: -8px;
    height: 51px;
    line-height: 32px;
	color: #fff;
	text-decoration: none;
	display:block;
	width: 250px;
}
.acceso:hover{
	color: #bebfc1;
	text-decoration: none;
}
.btn-descarga{
	background-color: #c4151c;
	color: #fff;
	border-radius:0;
	font-size: 0.7rem;
    padding: 0.4rem 0.4rem;
    padding-left: 1rem;
    display:flex;
    line-height: 0.7rem;
	width: 190px;
	margin-bottom: 10px;
}
.btn-descarga span{
	display:inline-block;
	margin-right: auto;
	line-height: 24px;
}
.btn-descarga img{
	margin-left: auto;
	display:inline-block;
}
.btn-consulta{
	background-color: #001049;
	color: #fff;
	border-radius:0;
	font-size: 0.7rem;
    padding: 0.4rem 0.4rem;
    padding-left: 1rem;
    display:flex;
    line-height: 0.7rem;
	width: 190px;
	margin-bottom: 10px;
}

.btn-consulta span{
	display:inline-block;
	margin-right: auto;
	line-height: 24px;
}
.btn-consulta img{
	margin-left: auto;
	display:inline-block;
}
.shrink {
  height: 35px !important;
      
}
.shrink2{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}


.links{    
    font-size: 12px;
    font-weight: 400;
    width:100%;
    text-align: center;
    height: 48px;
    line-height: 60px;
    display: block;
    
}
footer .col-md-2{
	padding-right:5px;
	padding-left:5px;
}
.sublink1{
	font-size: 11px;
	font-weight:bold;
}
.sublink1:hover{
	color:#ec3237 !important;
	background-color:#252525;
	text-decoration: none;
}
.sublink2{
	font-size: 12px;
}
.sublink2:hover{
	color:#ec3237 !important;
	background-color:#a1ceeb;
	text-decoration: none;
}
.sublink{
	font-size: 10px;
    font-weight: 400;
    margin-bottom:10px;
}

/* enviando */
    #mensaje{ display:none; }
    #wait{display: none;}
    

.footer-logo{
	width:auto;
	margin:0 auto;
	height:80px;
	position: absolute;
    bottom: 30px;
    left:0;
}
.footer-logo-der{
	background-image: url("../img/footer.png");
	background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left;
    background-position-y: bottom;
    background-position-x: left;
	
}
.footer-img{
	bottom:0px;
	right:0px;
}
.footer-redes{
	margin-bottom:20px;
	font-size:12px;
	    font-weight: 600;
	text-align: right;    
}
.footer-redes a{
	display:inline-block;
	margin:0px 5px;
}
.footer-redes span{
	display: block;
	width:100%;
}
.footer-redes img{
	width:25px;
	height:25px;
	
}
.footer-horario{
	margin-bottom:20px;
	text-align: right;
	font-size:12px;
}
.footer-horario span{
	display:block;
	width:100%;
	font-size:12px;
}
.footer-newsl{
	font-size:12px;
	margin-bottom:30px;
	text-align: right;
}
.footer-newsl input{
	width:100%;
	max-width: 300px;
}
.dlinks{
	margin-bottom:8px;
	display:block;
}
footer {
  padding-bottom:0px;
  text-align: center; }
  footer span.copyright {
    font-size: 90%;
    line-height: 40px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif; }
  footer ul.quicklinks {
    font-size: 90%;
    line-height: 40px;
    margin-bottom: 0;
    text-transform: none;
    font-family: 'Open Sans', sans-serif; }
footer .footer-img{
	width:100%;
	height:auto;
	    margin-top: 0px;
	    margin-right:-15px;
    margin-left: auto;
    display: table-cell;}
/* home*/
.flyer{
	padding: 10px 0;
	
}
.flyer img{
	width:100%;
	height: auto;
}
.logo-trabajo{
	margin-top:20px;
}
.logo-trabajo img{
	width:auto;
	height:50px;
	margin:0 auto;
	display: block;
}
.logo-trabajo a{
	font-weight:bold;
	text-align: center;
	margin: 10px 0 auto;
	display: block;
	font-size:11px;
}
.logo-trabajo a:hover , .logo-trabajo:hover a{
	color:#ec3237 !important;
	text-decoration: none;
}

html{
	background-color: #363435 !important;
} 
body {
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif; 
  letter-spacing: 0.4px;
  background-color: #363435 !important;
  font-size: 13px;
  }

p {
  line-height: 1.75; }



h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: 'Open Sans', sans-serif; }

section {
  padding: 100px 0; }
  section h2.section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px; }
  section h3.section-subheading {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 75px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif; }
#mainNav .navbar-nav .nav-item .nav-link:hover{
    	color: #ec3237;
    	background-color: #999;
    	background-color: #fff;
    } 


.btn {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700; }

.btn-xl {
  font-size: 18px;
  padding: 20px 40px; }

.btn-primary {
  background-color: #fed136;
  border-color: #fed136; }
  .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #fec810 !important;
    border-color: #fec810 !important;
    color: white; }
  .btn-primary:active, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important; }

::-moz-selection {
  background: #fed136;
  text-shadow: none; }

::selection {
  background: #fed136;
  text-shadow: none; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }


  #mainNav .navbar-toggler {
    font-size: 12px;
    right: 0;
    padding: 13px;
    text-transform: uppercase;
    color: white;
    border: 0;
    background-color: #001048;
    font-family: 'Open Sans', sans-serif; }
  #mainNav .navbar-brand {
    
    font-family: 'Open Sans', sans-serif; }
    
  #mainNav .navbar-nav .nav-item .nav-link {
    font-size: 11px;
    font-weight: 600;
    padding: 0.75em 0;
    line-height:40px;
    font-family: 'Open Sans', sans-serif; }
    #mainNav .navbar-nav .nav-item .nav-Link:hover #mainNav .navbar-nav .nav-item .nav-Link{
    	background-color: #999;
    } 
    
 


ul.social-buttons {
  margin-bottom: 0; }
  ul.social-buttons li a {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #d2d3d5;
    border-radius: 100%;
    outline: none;
    background-color: #858688; }
  ul.social-buttons li a i{
  	display: block;
    margin: auto;
  }  
   .footer-redes ul.social-buttons li a{
   color: #fefefe;
   background-color: #ac090e; 
   } 
    ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
      color: #ec3237; }   
      /* */
@media (min-width: 1440px){
	.noticias-contenido img {
    height: 90%;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;}
}      
@media (min-width: 1200px) {
  	.timeline > li {
    	min-height: 170px; }
    .timeline > li .timeline-panel {
      	padding: 0 20px 20px 100px; }
    .timeline > li .timeline-image {
	      width: 170px;
	      height: 170px;
	      margin-left: -85px; }
    .timeline > li .timeline-image h4 {
        margin-top: 40px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      padding: 0 100px 20px 20px; } 
    footer .footer-img{
		width:100%;
		height:auto;}
}
@media (max-width: 1200px) {
	.logo-trabajo img{
		/*width:100%;*/
		height:35px;
		}
		.noticias-contenido img {
    height: auto;
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;}
}

/* breakpoint and up - mega dropdown styles */
@media  (min-width: 992px) {
	.navbar {
	  padding-top:0px;
	  padding-bottom:0px;	}
	.navbar .dropdown {position:static;}
	.navbar .dropdown-menu {
	  width:100%;
	  left:0;
	  right:0;
	  margin-top: 0px;
	  display:block;
	  visibility: hidden;
	  opacity: 0;
	  transition: visibility 0s, opacity 0.3s linear;
	  background-color: #fff;}
	  .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
	  display:block;
	  visibility: visible;
	  opacity: 1;
	  transition: visibility 0s, opacity 0.3s linear;
	  margin-top: 0px;
	  padding-top: 16px;}
  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff; }

  	#mainNav {
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
    border: none;    }
    #mainNav .navbar-brand {
      font-size: 1.75em;
      padding:0px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
    #mainNav .navbar-nav .nav-item .nav-link {
      padding: 0 1.5em !important; 
      height:100px;
      line-height:100px;      }
    #mainNav.navbar-shrink {
      padding-top: 0;
      padding-bottom: 0;
      background-color: #212529; }
    #mainNav.navbar-shrink .navbar-brand {
        font-size: 1.25em;
        padding: 12px 0; } 
	#mainNav .navbar-nav .lista_menu .nav-item .nav-link {
    
    padding: 0.75em 0;
    line-height: 14px;	 
    height: auto !important;  }
	header.masthead {
	  text-align: center;
	  color: white;
	  background-image: url("../img/header-bg.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover; }
  	header.masthead .intro-text {
    padding-top: 150px;
    padding-bottom: 100px; }
    header.masthead .intro-text .intro-lead-in {
      font-size: 22px;
      font-style: italic;
      line-height: 22px;
      margin-bottom: 25px;
      font-family: 'Open Sans', sans-serif; }
    header.masthead .intro-text .intro-heading {
      font-size: 50px;
      font-weight: 700;
      line-height: 50px;
      margin-bottom: 25px;
      font-family: 'Open Sans', sans-serif; }

  .timeline > li {
    min-height: 150px; }
    .timeline > li .timeline-panel {
      padding: 0 20px 20px; }
    .timeline > li .timeline-image {
      width: 150px;
      height: 150px;
      margin-left: -75px; }
      .timeline > li .timeline-image h4 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 30px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      padding: 0 20px 20px; } 
      footer .footer-img{
	width:100%;
	height:auto;}
	.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem;}
     .nav-item:last-child a{
    padding-right: 0;
    padding-left: .7rem;}
}
@media (max-width: 992px) {
	.texto-arriba{
	font-size:1rem;
	padding:5px;
	line-height:1.1rem;
	}
	.texto-bajo p{
    font-size: 0.9rem;
    line-height: 1rem;}
}    
@media (min-width: 768px) {
  	section {    padding: 50px 0; } 
  	header.masthead .intro-text {
    	padding-top: 300px;
    	padding-bottom: 200px; }
    header.masthead .intro-text .intro-lead-in {
      font-size: 40px;
      font-style: italic;
      line-height: 40px;
      margin-bottom: 25px;
      font-family: 'Open Sans', sans-serif; }
    header.masthead .intro-text .intro-heading {
      font-size: 75px;
      font-weight: 700;
      line-height: 75px;
      margin-bottom: 50px;
      font-family: 'Open Sans', sans-serif; } 

.service-heading {
  margin: 15px 0;
  text-transform: none; }

#portfolio .portfolio-item {
  right: 0;
  margin: 0 0 15px; }
  #portfolio .portfolio-item .portfolio-link {
    position: relative;
    display: block;
    max-width: 400px;
    margin: 0 auto;
    cursor: pointer; }
    #portfolio .portfolio-item .portfolio-link .portfolio-hover {
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      transition: all ease 0.5s;
      opacity: 0;
      background: rgba(254, 209, 54, 0.9); }
      #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
        opacity: 1; }
      #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
        font-size: 20px;
        position: absolute;
        top: 50%;
        width: 100%;
        height: 20px;
        margin-top: -12px;
        text-align: center;
        color: white; }
        #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
          margin-top: -12px; }
        #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
        #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
          margin: 0; }
  #portfolio .portfolio-item .portfolio-caption {
    max-width: 400px;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    background-color: #fff; }
    #portfolio .portfolio-item .portfolio-caption h4 {
      margin: 0;
      text-transform: none; }
    #portfolio .portfolio-item .portfolio-caption p {
      font-size: 16px;
      font-style: italic;
      margin: 0;
      font-family: 'Open Sans', sans-serif; }

#portfolio * {
  z-index: 2; }
}
@media (min-width: 768px) {
  .timeline:before {
    left: 50%; }
  .timeline > li {
    min-height: 100px;
    margin-bottom: 100px; }
    .timeline > li .timeline-panel {
      float: left;
      width: 41%;
      padding: 0 20px 20px 30px;
      text-align: right; }
    .timeline > li .timeline-image {
      left: 50%;
      width: 100px;
      height: 100px;
      margin-left: -50px; }
      .timeline > li .timeline-image h4 {
        font-size: 13px;
        line-height: 18px;
        margin-top: 16px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      float: right;
      padding: 0 30px 20px 20px;
      text-align: left; } 
}

@media (max-width: 767px) {
	.sucursales .sucursal-links span{	display: block;}
	.sucursales .sucursal-links .suc1{
		float:left;
		margin-left:10px;}
	.sucursales .sucursal-links .suc2{
		float: right;
		margin-right:10px;}
	.carousel-caption{
		width: 80%;
		right: 10%;
		left:10%;
		font-size: 1.2rem;
		padding:5px;	}
	
		
	.texto-arriba{
	font-size:1rem;
	padding:5px;
	line-height:1.1rem;
	}
	.texto-bajo{
    bottom: -90px;
    width: 100%;
    height: 90px;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
	.texto-bajo p{
    font-size: 0.9rem;
    line-height: 1rem;}
	.navbar-brand img {
    height: 34px;
    }
    
    #navbarResponsive {
	    min-height: 100px;
	    height:auto !important;
	}
	.list-inline-item:not(:last-child) {
	    margin-right: 2px;
	}
	.marca-titulo {
    font-size: 1rem;
    text-align:center;}
    .subtitulo-1{
    	margin-left:auto;
    	margin-right:auto;
    	text-align: center !important;
    }
    .cuadroimagen {
    margin-bottom: 15px;
}
    .noticias-contenido img {
    	    height: 100%;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    #mainNav .navbar-nav .nav-item .nav-link {
    font-size: 11px;
    font-weight: 600;
    padding: 0.75em 0;
    line-height: 12px;}
}
@media (min-width: 767px) {
	
  #portfolio .portfolio-item {
    margin: 0 0 30px; } 

.portfolio-modal {
  padding-right: 0px !important; }
  .portfolio-modal .modal-dialog {
    margin: 1rem;
    max-width: 100vw; }
  .portfolio-modal .modal-content {
    padding: 100px 0;
    text-align: center; }
    .portfolio-modal .modal-content h2 {
      font-size: 3em;
      margin-bottom: 15px; }
    .portfolio-modal .modal-content p {
      margin-bottom: 30px; }
    .portfolio-modal .modal-content p.item-intro {
      font-size: 16px;
      font-style: italic;
      margin: 20px 0 30px;
      font-family: 'Open Sans', sans-serif; }
    .portfolio-modal .modal-content ul.list-inline {
      margin-top: 0;
      margin-bottom: 30px; }
    .portfolio-modal .modal-content img {
      margin-bottom: 30px; }
    .portfolio-modal .modal-content button {
      cursor: pointer; }
  .portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    cursor: pointer;
    background-color: transparent; }
    .portfolio-modal .close-modal:hover {
      opacity: 0.3; }
    .portfolio-modal .close-modal .lr {
      /* Safari and Chrome */
      z-index: 1051;
      width: 1px;
      height: 75px;
      margin-left: 35px;
      /* IE 9 */
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      background-color: #212529; }
      .portfolio-modal .close-modal .lr .rl {
        /* Safari and Chrome */
        z-index: 1052;
        width: 1px;
        height: 75px;
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        background-color: #212529; }

.timeline {
  position: relative;
  padding: 0;
  list-style: none; }
  .timeline:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    content: '';
    background-color: #e9ecef; }
  .timeline > li {
    position: relative;
    min-height: 50px;
    margin-bottom: 50px; }
    .timeline > li:after, .timeline > li:before {
      display: table;
      content: ' '; }
    .timeline > li:after {
      clear: both; }
    .timeline > li .timeline-panel {
      position: relative;
      float: right;
      width: 100%;
      padding: 0 20px 0 100px;
      text-align: left; }
      .timeline > li .timeline-panel:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0; }
      .timeline > li .timeline-panel:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0; }
    .timeline > li .timeline-image {
      position: absolute;
      z-index: 100;
      left: 0;
      width: 80px;
      height: 80px;
      margin-left: 0;
      text-align: center;
      color: white;
      border: 7px solid #e9ecef;
      border-radius: 100%;
      background-color: #fed136; }
      .timeline > li .timeline-image h4 {
        font-size: 10px;
        line-height: 14px;
        margin-top: 12px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      float: right;
      padding: 0 20px 0 100px;
      text-align: left; }
      .timeline > li.timeline-inverted > .timeline-panel:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0; }
      .timeline > li.timeline-inverted > .timeline-panel:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0; }
    .timeline > li:last-child {
      margin-bottom: 0; }
  .timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit; }
    .timeline .timeline-heading h4.subheading {
      text-transform: none; }
  .timeline .timeline-body > ul,
  .timeline .timeline-body > p {
    margin-bottom: 0; }
}
@media (max-width: 576px) {
	.carousel-item{
		height: auto;
	}
	.carousel-item{
		position: relative;
	}
	.carousel-caption{
		position: relative;
	    height: auto;
	    width: 100%;
	    right: 0px;
	    left: 0px;
	}
	.texto-arriba{
		position: relative;
	}
	.carousel-caption{
		opacity:1;
	}
}