body { font-family:arial; font-size:14px; line-height:normal; padding-top:125px; color:#000; }



/*fuentes*/



h1, h2, h3, h4, h5, h6, #menuprimario, .carousel-caption, section#nosotros p, section#contacto, .btn, input, textarea { font-family:Archivo Narrow; }

.azul { color:#e86723; }

.naranja { color:#004a70; }



/*titulos*/

h1, h2, h3, h4, h5, h6 { text-transform: margin:15px 0; }

.titulo { font-size:22px; color:#fff; background:#ff7800; position:relative; font-weight:normal; text-align:center; max-width:150px; margin:0 auto;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

          border-radius: 4px;

 }

  

.titulo:after { content:""; background:url(img/layout/arrow.png); width:17px; height:10px; position:absolute; left:45%; top:-12px;  }

h3 { font-size:24px; }

h4 { font-size:18px;  color:#004a70; }

h5 { font-size:17px; color:#fff; }

h6 { font-size:16px; color:#fff; }

.page-header { background:none transparent; border:0; margin:0 0 40px; }



/*hidden*/
.hidden .navbar #menuprimario { clear:none; }
.hidden .navbar #menuprimario .nav > li > a { padding:20px 5px; height:32px; } 
.hidden .navbar #menutop { margin-top:20px; } 
.hidden .navbar #menu-marcas { margin-top:-200px; height:0; }
.hidden .navbar .brand .logo { height:60px; margin-top:0;  }

/*header*/

header  { background: #fff; padding-bottom:29px; 
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s; 
  -webkit-box-shadow: 0 11px 40px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0 11px 40px rgba(0, 0, 0, 0.75);
          box-shadow: 0 11px 40px rgba(0, 0, 0, 0.75);
}

.hidden header  { padding-bottom:11px; } 
.hidden .navbar .brand .logo { background-size:50% auto; }
.hidden .navbar .brand:hover .logo { background-size:61% auto; }

header .container  { position:relative;  }

.navbar .brand { padding:0; }
.navbar .brand .logo { background:url(img/layout/logo.png) no-repeat center center; background-size:81% auto; width:220px; height:76px; display:block; margin-top:20px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s; 
}

.navbar .brand:hover .logo { background-size:100% auto; }

.navbar .nav > li { display:inline-block; vertical-align:bottom; float:none; } 
.navbar .nav > li > a { color: #2e2e2e;  } 



/*menuprimario*/

#menuprimario { font-size:14.5px; position:absolute; right:340px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s; 
}

#menuprimario .nav { margin-right:0; }

#menuprimario .nav > li > a { text-shadow:none; text-transform:uppercase; color:#727276; padding:55px 5px 30px; height:40px; margin:0; text-align:center;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s; 
 }
#menuprimario .nav > li > a:focus, #menuprimario .nav > li > a:hover {  color: #000;   text-decoration: none;   background-color: transparent;  }
#menuprimario  .nav > .active > a, #menuprimario .nav > .active > a:hover, #menuprimario .nav > .active > a:focus { background:url(img/layout/menu.png) center bottom no-repeat #12a3d6; color:#fff;  }
#menuprimario  .nav > .current > a, #menuprimario .nav > .current > a:hover, #menuprimario .nav > .current > a:focus { background:url(img/layout/menu.png) center bottom no-repeat #12a3d6; color:#fff;  }
#menutop { font-size:12px; margin-top:10px;

	-webkit-transform: translateY(0%);

	transform: translateY(0%);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	transition: all 0.5s; 

}

#menutop .nav > li > a { text-shadow:none; color:#98989b; padding:0; }

#menutop .nav > li > a:before { content:"/"; margin-right:10px; margin-left:5px; }

#menutop .nav > li:first-child > a:before { content:""; }



#menu-marcas { margin-top:30px;

	-webkit-transform: translateY(0%);

	transform: translateY(0%);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	transition: all 0.5s;

	margin-right:-18px;

}

#menu-marcas .nav > li { margin-left:5px;	 }

#menu-marcas .nav > li > a > img { width:104px; height:36px; }

#menu-marcas .nav > li > a { padding:0; }



#menutop, #menu-marcas { clear: right; }

	

/*carousel*/

.carousel { margin-bottom:0; background:#fff;  }

.carousel .item { height:460px; background-position:center top; background-attachment:fixed; }

.carousel-inner { margin-bottom:0; height:460px; }

.carousel .ima-carousel { position: absolute; top: 100px; left: 0; right:0; margin:0 auto; z-index:1;

}



.carousel-caption { min-height:85px; position: absolute; bottom:auto; top:150px; z-index:2; left:0; margin:0 auto; width:460px; padding:40px; background: url(img/layout/menu.png) center bottom no-repeat rgba(18, 163, 214, .85); font-size:15px;  }

.carousel-caption h4 {  }

.carousel-caption p { color:#fff;  }





.carousel-control { border:0; line-height:normal; opacity: 1; filter: alpha(opacity=100); background-color:transparent; left:0; right:540px; margin:0 auto; font-size:12px; top:46%; z-index:2;

  -webkit-border-radius: 0;

     -moz-border-radius: 0;

          border-radius: 0;

}

.carousel-control.right { right:0; left:540px; }

.carousel-control:hover { opacity: .5; filter: alpha(opacity=50); }



.carousel-indicators { top:auto; bottom:10%;  margin:0 auto; left:0; right:0; text-align:center; }

.carousel-indicators li { float:none; display:inline-block; vertical-align:middle; background:#fff; border:1px solid #fff; cursor:pointer;

  -webkit-border-radius: 6px;

     -moz-border-radius: 6px;

          border-radius: 6px;

}

.carousel-indicators li.active { border:2px solid #fff; background:none; width:8px; height:8px; }









/*footer*/

footer { padding: 0; color:#fff; }

footer a { color:#fff; font-size:12px; font-weight:bold;  }

footer a:hover { color:#ff7800; text-decoration:none; }

footer .container { position:relative; }

footer .vicom { position:absolute; right:0; }



.legales { background: #0b508f; font-size:12px; padding:30px 0; min-height:205px; border-top:1px solid #789dbe; }

.legales .container { position:relative; }





#nosotros2, #caracteristicas2, #productos2, #hilatura2, #contacto2, #top2  { position:absolute; margin-top:-120px; }





section { position:relative; padding:40px 0; }

section#nosotros { background:#fff; padding:80px 0 0; font-size:16px; }

section#nosotros .page-header { position:absolute; left:0; right:0; margin:0 auto; background:none transparent; border:0; top:-20px; z-index:3; }

section#nosotros p { margin:0 0 20px 0; }

section#nosotros h3 { text-transform:none; font-size:22px; font-weight:normal; margin-bottom:0; line-height:30px;  }

section#nosotros h4 { text-transform:none; font-size:20px; font-weight:normal; margin-top:0; margin-bottom:30px;  }

section#nosotros .box { background: url(img/layout/flecha-box1.png) center top no-repeat; padding:40px 20px; }
section#nosotros .box2 { background: url(img/layout/flecha-box.png) center top no-repeat; padding:40px 20px; }

section#nosotros .box p  { margin-bottom:0; }

#nosotros-bottom { background:#929095; margin-top:0px; color:#fff; } 



section#productos { color:#fff; background:url(img/layout/bg-productos.jpg) fixed repeat #007795;  background-attachment:fixed; background-clip:border-box; text-align:center; border-bottom:1px solid #0b8ec9; /*border-top:1px solid #0b8ec9;*/ padding-top:0;  }

section#productos .container {  }

section#productos h2 { color:#fff; }

section#productos h3 { color:#fff; }

section#productos h4 { margin:0; }

section#productos h5 { text-transform:none; margin-top:30px; }

section#productos .ch-info-back { border:8px solid rgba( 0, 0, 0, 1); }

section#productos .ch-info h5 { font-size:16px; }

section#productos .texto { text-align:justify; }

section#productos .box { width:133px; height:133px; margin:0 auto; }

section#productos .box img {  border:8px solid rgba( 255, 255, 255, .3);

  -webkit-border-radius: 20px;

     -moz-border-radius: 20px;

          border-radius: 20px;

}

section#productos [class*="span"] { min-height:50px; }



article#hilado { background:url(img/layout/bg-hilado.jpg) scroll repeat #efefef; color:#417391; padding:70px 0 70px; }


section#intro-productos { color:#fff; background:url(img/home/bg-intro-productos.jpg) center top no-repeat #cbcbcb;  background-clip:border-box; text-align:center; }

section#intro-productos .container { width:800px; padding:130px 0; }

section#intro-productos .page-header { background:url(img/layout/azul70.png) center top no-repeat; margin:0; padding:40px;  }

section#intro-productos h3 { font-size:40px; color:#fff; margin:0; }



section#caracteristicas { color:#252525; background:url(img/layout/bg-caracteristicas.jpg) no-repeat #e5e5e5; padding-bottom:60px; text-align:center; }

section#caracteristicas h2 { color:#fff;  }

section#caracteristicas h3 { color:#fff; }

section#caracteristicas h5 { color:#004e7a; text-transform:none; }

section#caracteristicas p { font-size:12px; text-align:left; }

section#caracteristicas .span3 { position:relative; min-height:370px; margin-bottom:30px; }
section#caracteristicas .btn { font-weight:bold; padding:0px 8px 2px; position:absolute; bottom:0; width:100px; margin:0 auto; left:0; right:0; }

section#caracteristicas .caption { text-align:justify; }

section#caracteristicas .box img {  border:2px solid rgba(255, 255, 255, 0.5 );

  -webkit-border-radius: 10px;

     -moz-border-radius: 10px;

          border-radius: 10px;

}

section#caracteristicas .box img {

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	transition: all 0.3s; 

}

section#caracteristicas .box:hover img { z-index:10;

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	transition: all 0.4s; 

}



section#ubicacion { color:#fff; background:url(img/layout/bg-ubicacion2.jpg) fixed center top repeat #e9e5dc;  background-clip:border-box; text-align:center; padding:80px 0; min-height:470px; }

section#ubicacion p { margin:0 0 20px 0; }



section#contacto { color:#fff; background:url(img/layout/bg-contacto.png) center top repeat; padding:30px 0; }
section#contacto .content { color:#fff;  }
section#contacto h2 { text-align:center;  }
section#contacto input[type="text"], section#contacto input[type="email"] { margin-bottom:17px; }
input[type="text"], input[type="email"] { width:97%; height:30px;  -webkit-border-radius: 0;
     -moz-border-radius: 0;
	border-radius: 0;}
textarea { width:97%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
	      border-radius: 0;
}
.btn-primary { font-size:14.5px; line-height:26px; background:none #2c3e50; text-align:center; color:#ff7800; min-width:130px;  -webkit-border-radius: 0;     -moz-border-radius: 0;          border-radius: 0;}.btn-primary:hover { background-color:#ff7800; color:#2c3e50 }.page-header-popup {    background: url("img/layout/bg-productos.jpg") repeat fixed 0 0 #007795;     border: 0 none;    color: #fff;    font-size: 18px;    margin: 0;    min-height: 45px;    padding-top: 20px;}
.modal-body, .modal-footer { background:#fff!important;}
.modal-body h3 { font-size:18px;}