/**{outline: 1px solid red;}*/

body{font-family:'Roboto', sans-serif;}
.hero{
	background-image: url("../img/somos.jpg");
	background-size: cover;
	width: 100%;
	height: 450px;
	position: relative;
}

 /*------------SLIDERRR--------------*/
#slider {padding: 0px; margin: 0px}
#slider li {padding: 0px; list-style: none; position: absolute;}
#carousel-example-generic {height: 450px;}
.cuadro .carousel-inner .imagen1{background-image: url(../img/programas/textil/portada.jpg); background-size: cover;background-position: center; width: 100%;}
.cuadro .carousel-inner .imagen2{background-image: url("../img/programas/textil/slider_1.jpg"); background-size: cover;background-position:bottom center; width: 100%;}
.cuadro .carousel-inner .imagen3{background-image: url("../img/programas/textil/portada2.jpg"); background-size: cover;background-position: center; width: 100%;}
/*.cuadro .carousel-inner .item .hoverAll{background: rgba(6,28,38,.2); width:100%; height:100%;}*/
.cuadro .box-int {color:white; padding: 0 10px; margin-bottom: 160px;  left: 29%; right: 29%; border-top: 1px solid #fff; 
  border-bottom: 1px solid #fff;}
.cuadro .box-int h3{ font-size: 27px;line-height: 1;text-transform: uppercase;margin-bottom: 20px; font-weight: bold; 
  margin-top: 10px; text-shadow:0px 1px 4px #2D3129;}
.cuadro .box-int h4{font-size:17px; color: white; font-weight: 400; text-shadow:0px 1px 1px #2D3129;}
.carousel-indicators {bottom: 0px;}
.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {z-index: 2;}
.carousel-fade .carousel-control .glyphicon-chevron-right{ font-size: 20px;}
.carousel-fade .carousel-control .glyphicon-chevron-left{ font-size: 20px;}
.carousel, .carousel-inner, .carousel-inner .item {height: 100%;}
@-webkit-keyframes animate-stripes {
    0% {background-position: 0 0;}
    100% {background-position: 60px 0;}
}
@-webkit-keyframes in {
    from {-webkit-transform: scale(1.3);}
    to {-webkit-transform: scale(1);}
}
@-webkit-keyframes out {
    0% { -webkit-transform: scale(1);}
    100% {-webkit-transform: scale(1.3);}
}
@-webkit-keyframes opendoor {
    from {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        -webkit-transform-origin: 0% 50%;
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        -webkit-transform-origin: 0% 50%;
    }
}
@-webkit-keyframes closedoor {
    from {opacity:1; -webkit-transform-origin: 0% 50%;}
    to {opacity:0; -webkit-transform-origin: 0% 50%;}
}

/*-------submenu----------*/
.content-info .submenu #accordion{background: transparent; margin-bottom: 0;}
.content-info .submenu ._Title{border: none; margin-bottom: 4px;}
.content-info .submenu #accordion .spacy{background-color: rgb(229,229,229); height:30px;width:100%;}
.content-info .submenu #accordion h4{text-transform: uppercase; font-weight: 300; text-shadow: 0 1px 1px #000; font-size:15px; color: #fff;}
.content-info .submenu #accordion h3{text-transform: none; font-size: 14px; padding-left: 15px; text-shadow: 0 0 0 #000; font-weight:400; }
.content-info .submenu #accordion .glyphicon { margin-right:10px; }
.content-info .submenu #accordion .panel {border-radius: 0px; background: transparent; margin-top: 0px;}
.content-info .submenu #accordion .panel-mg-top{margin-top: 0px;}
.content-info .submenu #accordion .panel-body { padding:0px;}
.content-info .submenu #accordion .panel-body .table_1 h5 i { font-size:10px; width: 10px;}
.content-info .submenu #accordion .pd-bottom {margin-bottom: 5px; margin-top: -5px;}
.content-info .submenu #accordion .panel-body .table {margin-bottom: 0px; }
.content-info .submenu #accordion .panel-heading { border-radius: 0px; background:rgb(50,57,70);}
.content-info .submenu #accordion .panel-heading .fa {width:16px; margin-left:-20px; }
.content-info .submenu #accordion .panel-collapse .panel-body .table_1 h5{ color: #fff; background:transparent;
border-bottom:1px solid rgba(50,57,70,.5); margin: 0px; padding: 8px 15px;}
.content-info .submenu #accordion .panel-collapse .panel-body .table_1 .bottom{border-bottom:0px;}
.content-info .submenu #accordion .panel-collapse .panel-body .table_1:hover{background-color: rgba(251,65,65,.8); }
.content-info .submenu #accordion .panel-collapse .panel-body .table_1:hover a{color: #fff;font-weight: 500; }
.content-info .submenu #accordion .panel-body .table_1 h5 { padding-left: 15px; }
.content-info .submenu #accordion .panel-body .table_1 h5 a{color: #00000c; text-decoration: none;}
.content-info .submenu #accordion .panel-body .table_1 .active a{color:rgb(251,65,65); }
.content-info .submenu #accordion .tipo-programa{border-left: none; border-right: none; border-top: none; 
border-radius: 2px; color: rgb(50,57,70); background: #f5f5f5; box-shadow: inset -1px -1px 4px 0px rgb(50,57,70);}
.content-info .submenu #accordion .mg-bottom{margin-bottom: 5px;}
.content-info .submenu #accordion .panel-hover a{text-decoration: none;}
.content-info .submenu #accordion .panel-hover:hover{background-color: rgba(251,65,65,.8); box-shadow: none;}
.content-info .submenu #accordion .panel-hover:hover h3{color:#fff; text-shadow: 0 0px 1px rgba(251,65,65,.9); }
.content-info .submenu #accordion .panel-mg-top .active { background-color: rgba(251,65,65,.8); box-shadow: none;}
.content-info .submenu #accordion .panel-mg-top .active h3 { color:#fff; text-shadow: 0 0px 1px rgba(251,65,65,.9);}


/*---------------- CONTENIDOO ----------*/
.content-info{background-image: url(../img/fondo-bg2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;
  width: 100%; position: relative;}
.titulo-all{color:rgb(50,57,70); font-size: 30px; text-shadow: 0 1px 1px #fff;}
.titulo-general{background: rgb(67, 86, 99); color: #fff; padding: 20px; text-align: center;}
.panel-default {border-color: #fff; }
.panel-default>.panel-heading {color: #fff; background-color: rgb(67, 86, 99);}
.titulo-programa{width: 101.6%; background: rgb(67,86,99); padding: 10px 30px; font-size: 35px; color: #fff; margin-bottom: 15px;}
#textil{padding-top: 10px; padding-bottom: 30px;}
.titulo-blanco{background: #fff; padding: 4px 1em; margin-top: 15px; color: rgb(50, 57, 70);}
.titulo-blanco h4{font-size: 17px; font-weight: 600;}
h4{font-size: 16px;font-weight: 600;color: rgb(40, 46, 58);}
/*-------areass---------------*/
.feature, .feature i, .feature h3, .feature .title_border {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;    
}
.feature {background:rgb(67,86,99); text-align:center; padding:30px 20px 0px 20px; border: solid 1px #cccccc;}
.feature i{font-size:25px; color:#FFFFFF; background:transparent; padding:10px; border-radius:50%; border: solid 1px white;}
.feature img{width: 30px;}
.feature h4 {color:white; font-weight: 200;}
.feature:hover {
    background:#F5F5F5;
    -webkit-transform: translate(0,1em);
    -moz-transform: translate(0,1em);
    -o-transform: translate(0,1em);
    -ms-transform: translate(0,1em);
    transform: translate(0,1em);    
}
.feature:hover i{color:rgba(251,65,65,0.7); border-color:rgb(67,86,99); background:rgb(67,86,99);}
.feature:hover .title_border {background-color:rgb(67,86,99); width:50%;}
.feature:hover .title_border {background-color:rgb(67,86,99); width:50%;}
.feature:hover h4 {color:rgb(67,86,99); }
.feature .title_border {width: 0%; height: 2px; background:rgba(251,65,65,0.7); margin: 0 auto; margin-top: 12px;margin-bottom: 8px;}
/*------------instalacioness------------*/
.col-big{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width:20%;}
.instalaciones .gallery img{width: 100%;}
.instalaciones .gallery .col-md-4{margin-bottom: 10px;}
figure.snip1158 {color: #fff; position: relative; float: left; overflow: hidden; /*min-width: 220px; max-width: 310px; max-height: 220px;*/ width: 100%;color: #ffffff;text-align: center;}
figure.snip1158 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
figure.snip1158 img {max-width: 100%;}
figure.imagen img {opacity: 0.9;}
figure.snip1158:after {background: #000000; width: 0;height: 6px;position: absolute;left: 0; bottom: 0;content: '';-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
figure.snip1158 figcaption {position: absolute; top: 50%;left: 0; width: 100%; padding: 0 30px; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
figure.snip1158 h5, figure.snip1158 span {margin: 0; width: 100%;}
figure.snip1158 h5 {font-weight: 400; text-transform: uppercase; text-shadow: 0px 1px 1px #000;}
figure.snip1158 span {color: #e6e6e6;font-weight: 700; text-transform: uppercase;}
figure.snip1158 a {left: 0;right: 0;top: 0; bottom: 0; position: absolute;z-index: 1;}
figure.snip1158.blue:after {background-color:rgb(67,86,99);}
figure.snip1158.blue span {color: #409ad5;}
figure.snip1158:hover img, figure.snip1158.hover img {-webkit-transform: scale(1.2); transform: scale(1.2);}
figure.snip1158:hover:after,figure.snip1158.hover:after { width: 100%;}

/*---------productos----------*/
.nomargin{margin: 0;}
.nopadding{ padding: 0;}
.nopadding h4{font-weight: 100; font-size: 15px;}
.padding-left{padding-left: 15px}
.inline-block{display: inline-block; margin: 10px;}
.margin{margin: 10px auto;}
.panel-default{width: 100%;}
.nav-pills>li>a {color: rgb(67, 86, 99);}
.btn-catalogo{margin-bottom: 5px; margin-top: 13px; }
.btn-catalogo .but-catalogo input{border: 1px solid rgba(40, 46, 58,.5); background: #fff; padding: 5px 10px;}
.btn-catalogo .but-catalogo input:hover{background: rgb(67, 86, 99); color: #fff; border: 1px solid rgba(50,57,70,.5); }
#productos .titulo h4{font-size: 16px;font-weight: 600;color: rgb(40, 46, 58);}
#productos .contenido-text .categoria{font-weight: bold; text-transform: uppercase; color: rgb(67,86,99); font-size:12px; }
#productos .contenido-text ul{padding-left: 15px;}
#productos .contenido-text img{height: 70px;}
#productos .contenido-text i{color: rgb(67,86,99); font-size: 16px; width: 10px;}
#productos .contenido-text .border{border-right: 1px solid #ccc;}
#productos .contenido-text .col-md-3{padding-top: 10px;}
#productos .contenido-text .border-1, .border-2, .border-3, .border-4{background: #fff; height: 185px; }

/*#accordion3{margin-bottom: 5px;}
#productos #accordion3.images-group{background: rgb(229,229,229); padding: 10px 0 10px 15px;}
#productos #accordion3 .subtitulo{background: transparent; margin-top:-5px; }
#productos #accordion3 .subtitulo h4{color: rgb(67, 86, 99); padding: 0px 0px;font-weight: 600; font-size: 15px;}
#productos #accordion3 .ejemplo .large img{width: 100%;}
#productos #accordion3 .ejemplo img{width: 100%;}
#productos #accordion3 .ejemplo .fotos img{margin-bottom: 5px;}
#productos #accordion3 .panel{border: 0px;}
#productos #accordion3 .panel .panel-body{padding: 0px; padding-top: 15px; padding-bottom: 15px;}*/
.contact .titulo-contact{background:rgb(67, 86, 99); padding: 2px 10px; margin: 15px auto;}
.contact .titulo-contact h3{ color: white; text-transform: none; font-size: 20px; text-shadow: 0 1px 1px #000; margin-top: 10px;}
.contact .address {padding: 5px;  background: #f5f5f5; margin: 5px 0px 15px;}
.contact .address .fa{font-size: 30px; color: rgb(50,57,70);width: 20px;}
.contact .address p{margin-bottom: 0px;}
.formulario .form-control{margin-bottom: 7px;}
.formulario .button{float: right; background: transparent;color:rgb(67, 86, 99); padding:4px 45px; border: 1px solid rgb(67, 86, 99); }
.formulario .button:hover{background: rgb(67,86,99); color: white; border: 1px solid white;}
/*------------clientess-----------*/
.clientes ._fondo img{filter: grayscale(98%); transition: grayscale 0.5s; /*width: 90%;*/ margin: auto;}
.clientes ._fondo img:hover {filter: grayscale(0);}
.clientes .logos{margin: 40px 0px 15px;}
.clientes .titulo h4{font-size: 16px;font-weight: 600;color: rgb(40, 46, 58);}


@media (max-width: 991px){
    .feature i{font-size:20px; padding:5px;}
    .feature img{width: 25px;}
    .feature h4 {color:white; font-weight: 200; font-size: 13px;}
    .feature .sublimado, .feature .estampado, .feature .confeccion {margin-left: -8px;}
}
@media only screen and (min-width: 768px ) and (max-width: 991px){
    #productos .contenido-text .col-sm-3{width: 50%;}
    #productos .contenido-text .border-2{border-right: none;}
    #productos .contenido-text .border-1,.border-2{border-bottom: 1px solid #ccc;}
}
@media (max-width: 630px){
  .instalaciones .gallery .col-xs-4{width: 50%;}
  #productos .contenido-text .col-sm-3{width: 50%;}
  #productos .contenido-text .border-2{border-right: none;}
  #productos .contenido-text .border-1,.border-2{border-bottom: 1px solid #ccc;} 
}
@media (max-width: 568px){
    .reseña .col-xs-6{width: 100%;}
    .areas .col-xs-2 {width:50%;}
    .instalaciones .gallery {margin-bottom:0px;}
    #productos .col-xs-4{width: 100%; margin-bottom:15px; margin-left:0px;}
    #productos .panel .panel-body{padding-bottom: 0px;}
}
@media (max-width: 567px){
  .cuadro .box-int {margin-bottom: 120px;}
  .cuadro .box-int h3{ margin-bottom: 10px;}
}
@media (max-width: 531px){
  .cuadro .box-int {margin-bottom: 100px;  left: 25%; right: 25%;}
}
@media (max-width: 400px){
  .cuadro .box-int h3{ font-size: 1.8em; margin-bottom: 10px;}
  .cuadro .box-int h4{font-size:15px;}
  #productos .contenido-text .col-sm-3{width: 100%; padding-top: 10px; padding-bottom: 10px;}
  #productos .contenido-text .border{border-right: none; border-bottom: 1px solid #ccc;}
}
@media (max-width: 330px){
    .cuadro .box-int h3{ font-size: 1.6em; margin-bottom: 10px; }
    .cuadro .box-int h4{font-size:14px;}
}
@media (max-width: 281px){
  .cuadro .box-int {margin-bottom: 95px;}
}

/*----------responsive large----------*/
@media only screen and (min-width: 1921px ) and (max-width: 2600px){
  .hero{height: 550px;}
  .cuadro .box-int { margin-bottom: 202px;left: 38.2%; right: 38.2%; }
  #carousel-example-generic {height: 550px;}
  .cuadro .box-int h3{ font-size: 2.1em;}
  .cuadro .box-int h4{font-size:21px;}
}
@media only screen and (min-width: 1441px ) and (max-width: 1920px){
  .hero{height: 450px;}
  .cuadro .box-int {margin-bottom: 158px;  left: 34.2%; right: 34.2%;}
  #carousel-example-generic {height: 450px;}
  .cuadro .box-int h3{ font-size: 2em;}
  .cuadro .box-int h4{font-size:19px;}
}
@media (max-width: 1536px ){.cuadro .box-int {margin-bottom: 158px;  left: 30.2%; right: 30.2%;}}
@media (max-width: 1366px ){.cuadro .box-int {margin-bottom: 161px;  left: 28%; right: 28%;}}
@media (max-width: 1024px ){.cuadro .box-int {margin-bottom: 158px;  left: 25%; right: 25%;}}
@media (max-width: 768px ){.cuadro .box-int {margin-bottom: 160px;  left: 24%; right: 24%;}.cuadro .box-int h4{font-size:16px;}}
@media (max-width: 500px ){.cuadro .box-int {margin-bottom: 157px;  left: 20%; right: 20%;}.cuadro .box-int h4{font-size:16px;}}
@media (max-width: 425px ){.cuadro .box-int {margin-bottom: 140px;  left: 20%; right: 20%;}.cuadro .box-int h4{font-size:16px;}}
@media (max-width: 375px ){.cuadro .box-int {margin-bottom: 135px;  left: 20%; right: 20%;}.cuadro .box-int h4{font-size:16px;}}
 /*-------responsive facebook--------*/
@media (max-width: 767px){
  .formulario .button{width: 100%; padding:4px 45px; border: 1px solid rgb(67, 86, 99); }
}
@media (max-width: 550px){
  .contact .col-xs-7{width: 100%;}
  .contact .col-xs-5{width: 100%;}
  .contact .col-xs-5 .fb-small{margin-left: 16%; margin-top: 10px;} 
}
@media (max-width: 430px){.contact .col-xs-5 .fb-small{margin-left: 13%;}}
@media (max-width: 400px){.contact .col-xs-5 .fb-small{margin-left: 8%;} .instalaciones .gallery .col-xs-4{width: 100%;}}
@media (max-width: 320px){.contact .col-xs-5 .fb-small{margin-left: 0%;} .cuadro .box-int  h3{font-size:1.6em;}}