body{
 font-family: arial;
 border-color:#fff5ff;
 background-color:#FAE4E9;
}

#capa_principal{
	border-style:solid;
	border-color:#752735;
	border-width:1px;
	width:800px;
	height:565px;
	position:absolute;
	margin: 0;
	padding:0;
	top:0;

	background: url(./imagenes/fondo.jpg);
	background-position: bottom left;
	
}

#logo{
  position:absolute;
	top:0;
	left:0;
	height:75px;
	width:350px;
	border:none;
	z-index:2;
	
}
/**********MENU********************/
#menu { 
	position:absolute;
	top:75px;
	left:50%;
	margin-left:-305px;		

	list-style:none;	
	height:27px;
	width:610px;
	
	border-style:none;
	padding: 0px;
	margin-top:0px;
}
#menu li {
	float:left;
	margin: 0px;
	padding:0px;
}	

#menu li a{
  text-decoration:none;
	text-align:center;

  border:none;	
	display:block;
	width:150px;
	height: 25px;
	color: white;
	padding:0px;
	margin:0px;
			
}	

.menu_span{
  display:none;
}


#bInicio{
	background: url(imagenes/inicio.jpg);
}

#bEmpresa{
	background: url(imagenes/empresa.jpg);
}
#bColeccion{
	background: url(imagenes/coleccion.jpg);
}
#bContactar{
	background: url(imagenes/contactar.jpg);
}


#menu li a:hover, #menu li a:active, #menu li a:focus{
	background-position: bottom left !important;
}

/***						 CAPAS 			 ******/
/*********************************/

#inicio, #empresa, #coleccion, #contactar{
  
	height:385px;
	bottom:0px;
	width:100%;
	position:absolute;
	visibility:visible;
	border:none;
	padding:0px;
	margin:0px;
	border:none;
	color:#2d626a;
}
#inicio{
  bottom:0px;
	height:455px;
  background: url(./imagenes/fondoinicio.jpg);
  background-position: bottom left;
	background-repeat:no-repeat;
}
#empresa{
  bottom:0px;
	height:455px;
}

#contactar{
  bottom:0px;
	height:455px;
}

/***			CAPA INICIO 			 ******/
/*********************************/

#textoInicio{
  position:absolute;
  top:50px;
  left:400px;
	width:250px;
}

#logoAlpargataCervera{
  position:absolute;
	top:0px;
	right:10px;
	height:110px;
	width:80px;
	z-index:2;
	cursor:pointer;

}

/***			CAPA EMPRESA			 ******/
/*********************************/

#textoEmpresa{
  position:absolute;
  top:50px;
  left:500px;
	width:250px;
}

#mapa{
  position:absolute;
	left:225px;
	top:265px;
	height:180px;
	width:240px;
 	cursor:url(./imagenes/agrandar.ico),pointer;
}

#fachada{
  position:absolute;
	left:40px;
	top:10px;
	height:270px;
	width:360px;
}
/***			CAPA COLECCION 	 ******/
/*********************************/
#tituloColeccion{
  position:absolute;
	left:10px;
	top:10px;
	height:200px;
	width:150px;
	border:none;
}
#marcoImagen{
  position: relative;
  left:50%;
  top:0px;
	margin-left:-227px;
  height:370px;
  width:455px;
	border:none;
  background: url(./imagenes/marco.jpg);
 
}

#imagen{
  position:absolute;
  top:8%;
  height:260px;
  width:390px;
 	left:50%;
	margin-left:-195px;
  cursor:url(./imagenes/agrandar.ico),pointer;
}
#botonesImagen{
  position:absolute;
  bottom:20px;
	left:50%;
	margin-left:-100px;
	
	height:35px;
	width:200px;
	border:none;

}
#agrandarFoto{
	position: absolute;
	bottom:10px;
	left:10px;
	height:30px;
}

#img_anterior{
  position:absolute;
  left:0px;
  height:30px;
  width:30px;
}

#img_siguiente{
  position:absolute;
	right:0px;
  height:30px;
	width:30px;
}

#img_play_stop{
  position:absolute;
	left:75px;
	height:40px;
	width:40px;
	left:50%;
	margin-left:-20px;
  background: url(./imagenes/play_stop.gif);
	backgound-position: top left;
}

.miniFoto{
  height:65px;
	top:0px;
  border-style:solid;
	border-color:black;	
	border-width:1px;
	display:inline; 
}

#tira{
	visibility:hidden;
	position:absolute;	
	top:101px;
	width:100%;
	height:75px;	
	z-index:0;
	overflow: hidden;	
	border:none;
	padding:0px;
	margin:0px;
 			
}

#marcoIzqTira{
  z-index:1;
  position:absolute;
  height:100%;
  width:200px;		
  left:0px;
  top:0px;
  background-color:#eacbd1;
	border:none;			 
}

#tira_miniFotos{
	position:absolute;
	z-index:0;
	top:0px;
	left:200px;	
	background-color:#752735;
	
}

#marcoDerTira{
  position:absolute;
  z-index:1;
  height:100%;
  width:200px;
  top:0px;
  right:0px;
  background-color:#eacbd1;
  
  border:none; 				
}


#flechaIzqTira{
  position:absolute;
	top:50%;
  right:10px;
	margin-top:-15px;
  height:30px;
  width:30px;
 
}

#flechaDerTira{
  position:absolute;
	top:50%;
	left:10px;
	margin-top:-15px;
  height:30px;
  width:30px;
}
#capa_miniFotoGrande{
  position:absolute;
	left:0px;
	top:0px;	
	height:80px;
	visibility:hidden;
	background-color:#b9949b;
	z-index:2;
	padding:0px;
	border:none;
	margin:0px;
	cursor:pointer;
}

#miniFotoGrande{
  
	height:80px;
	border-style:solid;
	border-color:black;	
	border-width:1px;
	display:inline;
	z-index:1;
	
}
/***			CAPA CONTACTAR		 ******/
/*********************************/
#textoContactar{
  position:absolute;
  top:70px;
  left:100px;
	width:250px;
	z-index:2;
}
#fondoContactar{
  position:absolute;
  top:20px;
  left:350px;
	height:300px;
	width:430px;
}
#contactar a{
	text-decoration:none;

  color:#512a2d;
/*	
	color:#2d626a;
*/
}
#contactar a:hover{
	font-weight:bold;			 
}


/***			OTROS			 			*********/
/*********************************/

#about{
  font-size:12px;
	font-weight:bold;
  position:absolute;
  top:0px;
  right:0px;
}
#about a{
  text-decoration:none;
	display:block;
}
#about a:link, #about a:visited{
  color: #51838E;
}
#about a:hover, #about a:active{
  font-size:12px;
	font-weight:bold;
	color: 80424F;
	
}

#recomendaciones{
  position:absolute;
	height:180px;
	width:280px;
	top:50%;
	left:50%;
	margin-top:-90px;
	margin-left:-140px;
	border-style:solid;
	border-color:green;	
	border-width:1px;
	visibility:hidden;
	padding:25px 25px;
	background : #e0c2c8;
	z-index:2; 
	color:#2d626a;

}
#lista_reco{
 border-style:none;
}

/***	Por si hay problemas al cargar ******/
/******************************************/
.jsDisable{
  position:absolute;
  top:100px;
  left:0px;
  height:82%;
  width:100%;
  color:white;
  background-color:black;
  z-index:3;

}
#mascara{
  position:absolute;
  top:100px;
  left:0px;
  height:82%;
  width:100%;
  color:white;
  background-color:#e0c2c8;
  z-index:3;
}