@charset "utf-8";
/* CSS Document */
#slideshowd {
    position:relative;
    height:356px;
	width:874px;
	float:left;
	}
#slideshowd IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	}
#slideshowd IMG.active {
    z-index:10;
    opacity:1.0;
	}
#slideshowd IMG.last-active {
    z-index:9;
	}
.catalogo{
	float:left;
	margin-top:40px;
	}
.catalogo ul li{
	float:left;
	position:relative;
	width:163px;
	margin-left:65px;
	height:220px;
	}
.nombre-cat{
	float:left;
	position:relative;
	text-align:center;
	padding-top:7px;
	padding-bottom:7px;
	background:#000;
	color:#85b224;
	width:100%;
	font-family:"Arista";
	font-size:18px;
	text-transform:uppercase;
	margin-top:20px;
	}
.catalogo ul li a:hover .nombre-cat{
	background:#cfcfcf;
	}
.btn-img-cat{
	float:left;
	position:relative;
	width:129px;
	height:129px;
	margin-top:17px;
	margin-left:17px;
	}
.prev{
	background:url(../img/flechas2.png) no-repeat left top;
	width:78px;
	height:86px;
	position:absolute;
	top:-22px;
	left:236px;
	}
.prev:hover{
	background:url(../img/flechas2-h.png) no-repeat left top;
	}
.next{
	background:url(../img/flechas2.png) no-repeat right top;
	width:78px;
	height:86px;
	position:absolute;
	top:-22px;
	right:152px;
	}
.next:hover{
	background:url(../img/flechas2-h.png) no-repeat right top;
	}
.productos{
	float:left;
	margin-top:70px;
	}
.productos ul li{
	float:left;
	width:400px;
	height:450px;
	margin-left:60px;
	}
.foto{
	float:left;
	position:relative;
	width:100%;
	text-align:center;
	}
.texto{
	float:left;
	position:relative;
	margin-top:50px;
	width:100%;
	text-align:center;
	}
.texto h1{
	font-family:"Arista";
	font-size:35px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:normal;
	}
.texto p{
	font-family:"Avdira";
	font-size:14px;
	color:#FFF;
	line-height:18px;
	margin-top:5px;
	}
.prev-c{
	background:url(../img/flechas2.png) no-repeat left top;
	width:78px;
	height:86px;
	position:absolute;
	top:160px;
	left:-15px;
	z-index:100;
	}
.prev-c:hover{
	background:url(../img/flechas2-h.png) no-repeat left top;
	}
.next-c{
	background:url(../img/flechas2.png) no-repeat right top;
	width:78px;
	height:86px;
	position:absolute;
	top:160px;
	right:0px;
	z-index:100;
	}
.next-c:hover{
	background:url(../img/flechas2-h.png) no-repeat right top;
	}
#opacidad{
	height:150px;
	width:100%;
	background:url(../img/black.png);
	position:absolute;
	bottom:0px;
	left:0px;
	}