@charset "utf-8";

body {
	background-color: #798686;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
}

/*================================*/
/*=== imagenes fijas ===*/
/*================================*/

#contenedor {
	background-color: #e0ebef;
	height: 1150px;
	width: 965px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 0;
}

.cabecera {
	height: 103px;
	width: 920px;
	margin-top: 0px;
	margin-left: 20px;
	background-image: url(images/logo.png);
	position: absolute;
	z-index: 3;
	background-repeat: no-repeat;
	cursor: pointer;
}


/*================================*/
/*    === iconos prendas ===*/
/*================================*/

.suet1 {
	background-image: url(images/sueter.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 221px;
	width: 101px;
	margin-left: 15px;
	margin-top: 83px;
	z-index: 2;
	position: absolute;
}

.chaq1 {
	background-image: url(images/chaquetitas.jpg);
	float: left;
	height: 142px;
	width: 132px;
	margin-left: 179px;
	margin-top: 83px;
	z-index: 2;
	position: absolute;
}

.conj1 {
	background-image: url(images/conuntos.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 156px;
	width: 141px;
	margin-left: 343px;
	margin-top: 83px;
	position: absolute;
	z-index: 2;
}

.acc1 {
	background-image: url(images/accesorios.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 126px;
	width: 97px;
	margin-left: 507px;
	margin-top: 83px;
	position: absolute;
}

.peuc1 {
	background-image: url(images/peucos.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 165px;
	width: 99px;
	margin-left: 691px;
	margin-top: 83px;
	position: absolute;
}

.fies1 {
	background-image: url(images/abrigos.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 213px;
	width: 103px;
	margin-left: 825px;
	margin-top: 84px;
	position: absolute;
	z-index: 2;
}


/*================================*/
/* = iconos prendas transparentes =*/
/*================================*/

.suet2 {
	background-image: url(images/sueter1.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 221px;
	width: 112px;
	margin-left: 15px;
	margin-top: 83px;
	z-index: 2;
	position: absolute;
	cursor: pointer;
}

.suet2:hover {
	background-image: url(images/sueter.jpg);
	-moz-opacity: 1.0;
	opacity: 1.0;
	cursor: pointer;
}

.chaq2 {
	background-image: url(images/chaquetitas1.jpg);
	float: left;
	height: 142px;
	width: 126px;
	margin-left: 179px;
	margin-top: 83px;
	z-index: 2;
	position: absolute;
	cursor: pointer;
}

.chaq2:hover {
	background-image: url(images/chaquetitas.jpg);
	-moz-opacity: 1.0;
	opacity: 1.0;
	cursor: pointer;
}

.conj2 {
	background-image: url(images/conjuntos1.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 170px;
	width: 169px;
	margin-left: 343px;
	margin-top: 83px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}

.conj2:hover {
	background-image: url(images/conuntos.jpg);
	-moz-opacity: 1.0;
	opacity: 1.0;
	cursor: pointer;
}



.acc2 {
	background-image: url(images/accesorios1.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 126px;
	width: 103px;
	margin-left: 507px;
	margin-top: 83px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}

.acc2:hover {
	background-image: url(images/accesorios.jpg);
	-moz-opacity: 1.0;
	opacity: 1.0;
	cursor: pointer;
}


.peuc2 {
	background-image: url(images/peucos1.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 164px;
	width: 97px;
	margin-left: 691px;
	margin-top: 83px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}

.peuc2:hover {
	background-image: url(images/peucos.jpg);
	-moz-opacity: 1.0;
	opacity: 1.0;
	cursor: pointer;
}


.fies2 {
	background-image: url(images/abrigos1.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 213px;
	width: 103px;
	margin-left: 825px;
	margin-top: 83px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}

.fies2:hover {
	background-image: url(images/abrigos.jpg);
	-moz-opacity: 1.0;
	opacity: 1.0;
	cursor: pointer;
}

/*================================*/
/*  ===cuadro central ===*/
/*================================*/

.a8 {
	background-image: url(images/base_sueters.jpg);
	float: left;
	height: 707px;
	width: 676px;
	margin-top: 300px;
	margin-left: 120px;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	left: 30px;
}

.b8 {
	background-image: url(images/base_chaquetitas.jpg);
	float: left;
	height: 707px;
	width: 676px;
	margin-top: 300px;
	margin-left: 120px;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	left: 30px;
}

.c8 {
	background-image: url(images/base_conjuntos.jpg);
	float: left;
	height: 707px;
	width: 676px;
	margin-top: 300px;
	margin-left: 120px;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	left: 30px;
}

.d8 {
	background-image: url(images/base_accesorios.jpg);
	float: left;
	height: 707px;
	width: 676px;
	margin-top: 300px;
	margin-left: 120px;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	left: 30px;
}

.e8 {
	background-image: url(images/base_peucos.jpg);
	float: left;
	height: 707px;
	width: 676px;
	margin-top: 300px;
	margin-left: 120px;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	left: 30px;
	}

.f8 {
	background-image: url(images/base_abrigos.jpg);
	float: left;
	height: 707px;
	width: 676px;
	margin-top: 300px;
	margin-left: 120px;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	left: 30px;
}

.g8 {
	background-image: url(images/index.jpg);
	float: left;
	height: 707px;
	width: 676px;
	margin-top: 300px;
	margin-left: 120px;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	left: 30px;
	}



#clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}



/*===================*/
/*=== Hovertwitter y compra ===*/
/*===================*/
.tw {
	background-image: url(images/twitter.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 76px;
	width: 135px;
	margin-left: 690px;
	margin-top: 1030px;
	z-index: 2;
	position: absolute;
	cursor: pointer;
}
.tw:hover {
	background-image: url(images/twitter1.jpg);
	-moz-opacity: 1.0;
	opacity: 1.0;
	cursor: pointer;
}

.bot {
	background-image: url(images/comprar.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 61px;
	width: 124px;
	margin-left: 0px;
	margin-top: 710px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}
.bot:hover {
	background-image: url(images/comprar1.jpg);
	-moz-opacity: 1.0;
	opacity: 1.0;
	cursor: pointer;
}

#slideshowHolder{
	width:518px;
	height:389px;
	position:absolute;
	float: left;
	margin-top: 100px;
	margin-left: 75px;
}

.contador {
	height: 45px;
	width: 100px;
	margin-top: 225px;
	margin-left: 10px;
	float: left;
}

.envio {
	background-image: url(images/envios.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 98px;
	width: 104px;
	margin-left: 10px;
	margin-top: 530px;
	position: absolute;
	z-index: 2;
}