@font-face {

	font-family: 'AvantGardeLTEL';

	src: url('../fonts/avantgardeltel.eot');

	src: url('../fonts/avantgardeltel.eot?#iefix') format('embedded-opentype'),

		 url('../fonts/avantgardeltel.woff') format('woff'),

		 url('../fonts/avantgardeltel.ttf') format('truetype'),

		 url('../fonts/avantgardeltel.svg#AvantGardeLTEL') format('svg');

	font-style: normal;

	font-weight: normal;

}



@font-face {

	font-family: 'MyriadProR';

	src: url('../fonts/myriadpror.eot');

	src: url('../fonts/myriadpror.eot?#iefix') format('embedded-opentype'),

		 url('../fonts/myriadpror.woff') format('woff'),

		 url('../fonts/myriadpror.ttf') format('truetype'),

		 url('../fonts/myriadpror.svg#MyriadProR') format('svg');

	font-style: normal;

	font-weight: normal;

}



html, body { height: 100%; }



body { margin: 0; padding: 0; background: #fff; font: 12px Arial, sans-serif; color: #000; }

body#inicio { background: #000; color: #fff; }



a { color: #fff; text-decoration: none; outline: 0; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -ms-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; }

a:hover { }

p { margin: 0 0 10px; }

img { border: 0; vertical-align: top; max-width: 100%; }

ul { margin: 0; padding: 0; list-style: none; }



.wrap { position: relative; width: 1000px; margin: 0 auto; }



.init { position: absolute; top: 50%; left: 50%; margin-top: -80px; margin-left: -130px; }

.logo { margin: 0 0 24px; text-align: center; }

.language { display: inline-block; padding: 10px 30px 9px; border-top: 1px solid rgba(255, 255, 255, .5); border-bottom: 1px solid rgba(255, 255, 255, .5); font: 15px "AvantGardeLTEL"; text-align: center; }



.sl-slider-wrapper { position: absolute; margin: 0 auto; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; }

.sl-slider { position: absolute; top: 0; left: 0; }

.sl-slide, .sl-slides-wrapper, .sl-slide-inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.sl-slide { z-index: 1; }

.sl-content-slice { overflow: hidden; position: absolute; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity : 1; }

.sl-slide-horizontal .sl-content-slice { width: 100%; height: 50%; left: -200px; -webkit-transform: translateY(0%) scale(1); -moz-transform: translateY(0%) scale(1); -o-transform: translateY(0%) scale(1); -ms-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); }

.sl-slide-horizontal .sl-content-slice:first-child { top: -200px; padding: 200px 200px 0; }

.sl-slide-horizontal .sl-content-slice:nth-child(2) { top: 50%; padding: 0 200px 200px; }

.sl-slide-vertical .sl-content-slice { width: 50%; height: 100%; top: -200px; -webkit-transform: translateX(0%) scale(1); -moz-transform: translateX(0%) scale(1); -o-transform: translateX(0%) scale(1); -ms-transform: translateX(0%) scale(1); transform: translateX(0%) scale(1); }

.sl-slide-vertical .sl-content-slice:first-child { left: -200px; padding: 200px 0 200px 200px; }

.sl-slide-vertical .sl-content-slice:nth-child(2) { left: 50%; padding: 200px 200px 200px 0; }

.sl-content-wrapper { position: absolute; }

.sl-content { width: 100%; height: 100%; background: #fff; }

.sl-slide-horizontal .sl-slide-inner { background: #ddd; }

.sl-slide-vertical .sl-slide-inner { background: #ccc; }



.nav-arrows span { position: absolute; top: 50%; width: 21px; height: 38px; margin-top: -19px; background: url(../images/arrows.png) no-repeat; text-indent: -90000px; cursor: pointer; opacity: .5; z-index: 2000; }

.nav-arrows span:hover { opacity: 1; }

.nav-arrows span.nav-arrow-prev { left: 5%; background-position: 0 0; }

.nav-arrows span.nav-arrow-next { right: 5%; background-position: -21px 0; }

.sl-slide .center { position: absolute; left: 50%; bottom: 50%; width: 274px; margin: 0 0 -70px -137px; }

.deco { text-align: center; }

.sl-slide .frase { margin-top: 15px; padding: 8px; background: rgba(0, 0, 0, .9); text-align: center; z-index: 2; }

.sl-slide .frase p { position: relative; display: inline-block; margin: 0; padding: 8px 25px; font: 14px/20px "AvantGardeLTEL"; color: #fff; border-top: 1px solid rgba(255, 255, 255, .5); border-bottom: 1px solid rgba(255, 255, 255, .5); }

.sl-slide .enter { position: absolute; bottom: 10px; width: 100%; font: 12px "AvantGardeLTEL"; text-align: center; }

.sl-slide .enter a { display: inline-block; padding: 9px 70px 7px; border-top: 1px solid rgba(255, 255, 255, .5); border-bottom: 1px solid rgba(255, 255, 255, .5); }

.bg-1 .sl-slide-inner, .bg-1 .sl-content-slice { background: url(../images/bg_1.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; }

.bg-2 .sl-slide-inner, .bg-2 .sl-content-slice { background: url(../images/bg_3.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; }

.bg-3 .sl-slide-inner, .bg-3 .sl-content-slice { background: url(../images/bg_2.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; }

.bg-4 .sl-slide-inner, .bg-4 .sl-content-slice { background: #5bc2ce; }

.bg-5 .sl-slide-inner, .bg-5 .sl-content-slice { background: #ffeb41; }

.sl-trans-elems .deco { -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both; animation: roll 1s ease-out both, fadeIn 1s ease-out both; }

.sl-trans-elems h2 { -webkit-animation: moveUp 1s ease-in-out both; -moz-animation: moveUp 1s ease-in-out both; -o-animation: moveUp 1s ease-in-out both; -ms-animation: moveUp 1s ease-in-out both; animation: moveUp 1s ease-in-out both; }

.sl-trans-elems .frase { -webkit-animation: fadeIn 0.5s linear 0.5s both; -moz-animation: fadeIn 0.5s linear 0.5s both; -o-animation: fadeIn 0.5s linear 0.5s both; -ms-animation: fadeIn 0.5s linear 0.5s both; animation: fadeIn 0.5s linear 0.5s both; }

.sl-trans-back-elems .deco { -webkit-animation: scaleDown 1s ease-in-out both; -moz-animation: scaleDown 1s ease-in-out both; -o-animation: scaleDown 1s ease-in-out both; -ms-animation: scaleDown 1s ease-in-out both; animation: scaleDown 1s ease-in-out both; }

.sl-trans-back-elems h2 { -webkit-animation: fadeOut 1s ease-in-out both; -moz-animation: fadeOut 1s ease-in-out both; -o-animation: fadeOut 1s ease-in-out both; -ms-animation: fadeOut 1s ease-in-out both; animation: fadeOut 1s ease-in-out both; }

.sl-trans-back-elems .frase { -webkit-animation: fadeOut 1s linear both; -moz-animation: fadeOut 1s linear both; -o-animation: fadeOut 1s linear both; -ms-animation: fadeOut 1s linear both; animation: fadeOut 1s linear both; }



@-webkit-keyframes roll {

	0% { -webkit-transform: translateX(500px) rotate(360deg); }

	100% { -webkit-transform: translateX(0) rotate(0); }

}

@-moz-keyframes roll {

	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0; }

	100% {-moz-transform: translateX(0) rotate(0); opacity: 1; }

}

@-o-keyframes roll {

	0% { -o-transform: translateX(500px) rotate(360deg); opacity: 0; }

	100% { -o-transform: translateX(0) rotate(0); opacity: 1; }

}

@-ms-keyframes roll {

	0% { -ms-transform: translateX(500px) rotate(360deg); opacity: 0; }

	100% { -ms-transform: translateX(0) rotate(0); opacity: 1; }

}

@keyframes roll {

	0% { transform: translateX(500px) rotate(360deg); opacity: 0; }

	100% { transform: translateX(0) rotate(0); opacity: 1; }

}



@-webkit-keyframes moveUp {

	0% { -webkit-transform: translateY(40px); }

	100% { -webkit-transform: translateY(0); }

}

@-moz-keyframes moveUp {

	0% { -moz-transform: translateY(40px); }

	100% { -moz-transform: translateY(0); }

}

@-o-keyframes moveUp {

	0% { -o-transform: translateY(40px); }

	100% { -o-transform: translateY(0); }

}

@-ms-keyframes moveUp {

	0% { -ms-transform: translateY(40px); }

	100% { -ms-transform: translateY(0); }

}

@keyframes moveUp {

	0% { transform: translateY(40px); }

	100% { transform: translateY(0); }

}



@-webkit-keyframes fadeIn {

	0% { opacity: 0; }

	100% { opacity: 1; }

}

@-moz-keyframes fadeIn {

	0% { opacity: 0; }

	100% { opacity: 1; }

}

@-o-keyframes fadeIn {

	0% { opacity: 0; }

	100% { opacity: 1; }

}

@-ms-keyframes fadeIn {

	0% { opacity: 0; }

	100% { opacity: 1; }

}

@keyframes fadeIn {

	0% { opacity: 0; }

	100% { opacity: 1; }

}



@-webkit-keyframes scaleDown {

	0% { -webkit-transform: scale(1); }

	100% { -webkit-transform: scale(0.5); }

}

@-moz-keyframes scaleDown {

	0% { -moz-transform: scale(1); }

	100% { -moz-transform: scale(0.5); }

}

@-o-keyframes scaleDown {

	0% { -o-transform: scale(1); }

	100% { -o-transform: scale(0.5); }

}

@-ms-keyframes scaleDown {

	0% { -ms-transform: scale(1); }

	100% { -ms-transform: scale(0.5); }

}

@keyframes scaleDown {

	0% { transform: scale(1); }

	100% { transform: scale(0.5); }

}



@-webkit-keyframes fadeOut {

	0% { opacity: 1; }

	100% { opacity: 0; }

}

@-moz-keyframes fadeOut {

	0% { opacity: 1; }

	100% { opacity: 0; }

}

@-o-keyframes fadeOut {

	0% { opacity: 1; }

	100% { opacity: 0; }

}

@-ms-keyframes fadeOut {

	0% { opacity: 1; }

	100% { opacity: 0; }

}

@keyframes fadeOut {

	0% { opacity: 1; }

	100% { opacity: 0; }

}



@media screen and (max-width: 660px) {

	.deco { width: 130px; height: 130px; margin-left: -65px; margin-bottom: 50px; }

	.sl-slide .frase { margin-bottom: -120px; }

	.sl-slide h2 { line-height: 22px; font-size: 18px; margin-bottom: -40px; letter-spacing: 8px; }

	.sl-slide .frase p:before { line-height: 10px; width: 40px; height: 40px; font-size: 120px; left: -45px; }

}



header { padding: 15px 0; background: #000; text-align: center; }

header nav { }

header nav ul { }

header nav ul li { display: inline-block; padding-left: 8px; }

header nav ul li:after { content: ""; position: relative; /* top: 10px; */ margin: 0 8px 0 18px; border-left: 1px solid rgba(255, 255, 255, .25); }

header nav ul li:last-child:after { border-left: 0; }

header nav ul li.current, nav ul li:hover { background: url(../images/bullet.png) no-repeat left center; }

header nav ul li a { font: 12px "MyriadProR"; color: #ebebeb; }



#nosotros { background: url(../images/bg_nosotros.jpg) no-repeat; width: 1000px; height: 684px; }

#henryvela { background: url(../images/bg_henryvela.jpg) no-repeat; width: 1000px; height: 684px; }

#henryvela .ileft .home, #algodon .ileft .home, #noticia .ileft .home { border-bottom: 1px solid rgba(255, 255, 255, .25); }

#henryvela .ileft .home a, #algodon .ileft .home a, #noticia .ileft .home a { color: #fff; }

#comercio { background: url(../images/bg_comercio.jpg) no-repeat; width: 1000px; height: 684px; }

#alpaca { background: url(../images/bg_alpaca.jpg) no-repeat; width: 1000px; height: 684px; }

#algodon { background: url(../images/bg_algodon.jpg) no-repeat; width: 1000px; height: 684px; }

#alpaca + .bottom .language, #algodon + .bottom .language, #noticia + .bottom .language, #nosotros + .bottom .language, #comercio + .bottom .language { border-top: 1px solid rgba(255, 255, 255, .25); border-bottom: 1px solid rgba(255, 255, 255, .25); color: #fff; }

#alpaca + .bottom .language a, #algodon + .bottom .language a, #noticia + .bottom .language a, #nosotros + .bottom .language a, #comercio + .bottom .language a { color: #fff; }

#alpaca + .bottom .social li, #algodon + .bottom .social li, #noticia + .bottom .social li, #nosotros + .bottom .social li, #comercio + .bottom .social li { border-left: 1px solid rgba(255, 255, 255, .25); }

#noticias { background: url(../images/bg_noticias.jpg) no-repeat; width: 1000px; height: 684px; }

#noticias .iright { float: right; width: auto; margin-bottom: 80px; }

#noticias .iright .cont { padding: 0; }

#noticias .iright .cont .logo { margin: 40px 70px 0 0; }

#noticia { background: url(../images/noticias/bg/bg_1.jpg) no-repeat; width: 1000px; height: 684px; }

#catalogo { background: url(../images/bg_catalogo.jpg) no-repeat; width: 1000px; height: 684px; }

/* #catalogo .iright .cont .logo { text-align: right; } */

#catalogo .iright .cont { text-align: center; }

#catalogo .iright a { color: #fff; }

#galeria { background: #fff; height: 684px; }

#galeria .ileft .home, #galeria .categories a { width: 135px; padding-top: 9px; padding-right: 0; }

#galeria .ileft .home a { display: block; }

#galeria .categories { position: relative; text-align: left; }

#galeria .categories:after { position: absolute; left: 80px; bottom: -12px; width: 10px; height: 6px; content: ""; background: url(../images/arrow.png) no-repeat; }

#galeria .categories a { display: block; padding: 9px 0 6px 50px; border-bottom: 1px solid rgba(0, 0, 0, .25); }

#contactenos { background: url(../images/bg_contactenos.jpg) no-repeat; width: 1000px; height: 684px; }

#contactenos .iright .cont { font: 14px/15px "MyriadProR"; text-align: right; }

#contactenos .iright .cont .logo { margin-bottom: 18px; }

#contactenos .iright .cont p { margin-bottom: 5px; }



.interior { /* border-top: 13px solid #000; */ }

.ileft { float: left; width: 465px; }

.ileft .home { float: left; padding: 7px 70px 6px 50px; border-bottom: 1px solid rgba(0, 0, 0, .25); }

.ileft .home a, #galeria .categories a { font: 12px "AvantGardeLTEL"; color: #000; }

.ileft .blanco { border-bottom: 1px solid rgba(255, 255, 255, .25); }

.ileft .blanco a { color: #fff; }

.iright { float: left; width: 488px; }

.iright .cont { padding: 0 70px; font: 13px/20px "MyriadProR"; text-align: justify; color: #000; text-shadow: 2px 2px 2px #000; }

.iright .cont .logo { margin: 40px 0 60px; }

.iright .cont p { margin-bottom: 20px; color:white;}

.iright .cont a { color: #000; }

.iright .blanco { color: #fff; }



.bottom { position: absolute; bottom: 95px; }

.bottom .language { padding: 8px 25px; font: 12px "MyriadProR"; border-top: 1px solid rgba(0, 0, 0, .25); border-bottom: 1px solid rgba(0, 0, 0, .25); }

.bottom .language a { color: #000; }

.bottom .social li { display: inline-block; width: 45px; padding: 8px 0; border-left: 1px solid rgba(0, 0, 0, .25); text-align: center; }

.bottom .social li:first-child { border-left: 0; }

.icon { display: inline-block; height: 15px; background: url(../images/icons.png) no-repeat; vertical-align: top; }

.white { background: url(../images/iconsw.png) no-repeat; }

.facebook { width: 7px; background-position: 0 0; }

.twitter { width: 22px; background-position: -7px 0; }

.youtube { width: 17px; background-position: -29px 0; }



.carousel, .galeria { float: right; margin-right: 50px; clear: both; }

.news, .item { width: 266px; background: rgba(0, 0, 0, .9); }

.news .ncont, .item .icont { padding: 6px 12px 12px; }

.news .ncont h3, .item .icont h3 { margin: 0 0 11px; padding: 10px 0 8px; border-top: 1px solid rgba(255, 255, 255, .5); border-bottom: 1px solid rgba(255, 255, 255, .5); font: 15px "AvantGardeLTEL"; color: #fff; text-align: center; }

.news .ncont p { margin: 0; }



.galeria { position: absolute; right: 85px; bottom: 112px; }

.item .icont { padding: 5px 7px 7px; } 

.item .icont h3 { margin: 0 0 5px; padding: 7px 0 5px; font-size: 8px; }



.product { width: 100%!important; height: 655px; background: url(../images/galeria/item_1.jpg) no-repeat 140px 0; }

.product .info { float: right; margin: -50px 70px 0 0; }

.product .info ul { font: 15px "AvantGardeLTEL"; }

.product .info ul li { padding: 6px 0 4px 32px; border-top: 1px solid rgba(0, 0, 0, .25); }

.product .info ul li:last-child { border-bottom: 1px solid rgba(0, 0, 0, .25); }



.categories { clear: both; text-align: center; }

.categories .category { margin-bottom: 14px; font: 14px "AvantGardeLTEL"; }

.categories .category a { display: inline-block; width: 278px; padding: 8px; background: rgba(0, 0, 0, .9); }

.categories .category span { display: block; padding: 11px 0 9px; border-top: 1px solid rgba(255, 255, 255, .5); border-bottom: 1px solid rgba(255, 255, 255, .5); }



#henryvela .iright .cont, #algodon .iright .cont, #noticia .iright .cont, #contactenos .iright .cont { text-shadow: none; }



form { float: right; margin-top: 18px; }

.block { position: relative; padding: 4px 0; overflow: hidden; }

.block:last-child { padding-bottom: 0; }

.label { float: left; width: 120px; min-height: 1px; font: 14px "MyriadProR"; text-align: left; }

.control { float: left; }

.submit { position: absolute; bottom: 0; }

input, textarea { width: 212px; margin: 0; padding: 2px; background: rgba(51, 48, 48, 0.65); border: none; font: 14px "MyriadProR"; color: #fff; }

input[type="submit"], input[type="reset"] { width: 52px; font: 12px "MyriadProR"; cursor: pointer; }

textarea { height: 76px; }

.form { padding-top: 20px; }

#regresar:hover { text-decoration: underline; }



footer { position: absolute; bottom: 0; width: 100%; height: 95px; background: #000; }

footer nav { position: absolute; right: 30px; bottom: 10px; }

footer nav ul { }

footer nav ul li { display: inline-block; padding-left: 8px; }

footer nav ul li:after { content: ""; position: relative; top: 10px; margin: 0 8px 0 18px; border-left: 1px solid rgba(255, 255, 255, .25); }

footer nav ul li:last-child:after { border-left: 0; }

footer nav ul li.current, nav ul li:hover { background: url(../images/bullet.png) no-repeat left center; }

footer nav ul li a { font: 12px "MyriadProR"; color: #ebebeb; }