@charset "utf-8";
/* CSS Document */

/*Código CSS para WEBSITE de Carla Sade, Temporada Otoño-Invierno 2009.
Desarrollado por Rafael Gómez y Login Sistemas. Todos los derechos reservados.*/

body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
	color:#FFFFFF;
	}

/*Distribucion general de la página ***************************************************************************/
#Contenedor{
	width: 900px;
	height: 500px;
	position: absolute;
	display: table-row;
	left: 50%;
	top: 50%;
	margin-top: -250px;
	margin-left: -450px;
	}
#CambiarIdioma{
	position:absolute;
	left:850px;
	top:-25px;
	}
#CambiarIdioma img{
	margin-left:5px;
}
#Izquierda{
	height: 500px;
	overflow:hidden;
}

#Izquierda, #Centro, #Derecha{
	width: 300px;
	display: table-cell;
	vertical-align:top;

	}
#Izquierda, #Centro{
	background-image:url(../img/negrotrans65.png);
	}
body.Mapa #Centro{
	width: 600px;
	background-image:none;
}
body.Mapa #Izquierda{
background-image:none;
}
/*Fondos de página ***************************************************************************/
body.Inicio #Contenedor{
	background-image:url(../img/fondoinicio.jpg);
	}
body.Empresa #Contenedor{
	background-image:url(../img/fondoempresa.jpg);
	}
body.Catalogo #Contenedor{
	background-image:url(../img/fondoCatalogo.jpg);
	}
body.Tiendas #Contenedor{
	background-image:url(../img/fondoTiendas.jpg);
	}
body.Temporada #Contenedor{
	background-image:url(../img/fondoTemporada.jpg);
	}
body.Contacto #Contenedor{
	background-image:url(../img/fondoContacto.jpg);
	}
body.Mapa #Contenedor{
	background-image:url(../img/fondoMapa.jpg);
	}
body.Catalogo #Derecha, body.Tiendas #Derecha{
	background-image:none;
	padding-top:20px;
	overflow:hidden;
	}
body.Tiendas #Derecha{
	background-image:url(../img/negrotrans65.png);
}

/*Menú- tercio izquierdo ***************************************************************************/

#Logo{
	width:200px;
	height:200px;
	padding-bottom:50px;
	background-repeat:no-repeat;
	background-image:url(../img/logo-naranja-big.png);
	}
/* pagina de inicio con flash*/

#flash{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	height: 500px;
}

#saltarIntro a, #saltarIntro a:visited{
	position:absolute;
	left:750px;
	top:505px;
	width:150px;
	color:#FFFFFF;
	text-align:right;
	text-decoration:none;
	font-size:0.6em;
}
#saltarIntro a:hover{
	color:#FCB514;
	font-weight:bold;
}
/*Tercio central***************************************************************************/

#Fashion{
	width:300px;
	height:74px;
	margin-top:30px;
	background-repeat:no-repeat;
	background-image:url(../img/fashion-style.png);
	}
body.Mapa #Fashion{
position:absolute;
top:00px;
left:300px;

}
#TituloPaginaEmpresa{
	font-size:1.5em;
	padding-left:40px;
	color:#FCB514;
	margin-top:60px;
	}
#TituloPaginaCatalogo{
	font-size:1.5em;
	padding-bottom:10px;
	margin-top:30px;
	color:#FCB514;
	}
#TituloPaginaContacto{
	font-size:1.5em;
	padding-bottom:10px;
	margin-top:70px;
	margin-left:10px;
	color:#FCB514;
	}
body.Temporada #TituloPaginaCatalogo{
	margin-top:5px;
	}
#TituloPaginaMapa{
	font-size:1.5em;
	padding-left:5px;
	color:#FCB514;
	margin-top:0px;
	position:absolute;
	top:90px;
	left:300px;
}
#SubtituloPaginaCatalogo{
	color:#FCB514;
	margin-bottom:10px;
	font-weight:bold;
	}

#IndiceSeccionCatalogo{
	margin-bottom:10px;
	margin-right:2px;
	}
#IndiceSeccionCatalogo a{
	font-weight:bold;
	display:inline;
	line-height:1.1em;
	margin-right:10px;
	text-decoration:none;
	color:#ffffff;
	}
#IndiceSeccionCatalogo a:hover, #IndiceSeccionCatalogo a:active{
	color:#FCB514;
	}
#Cuadroimagen, #Fototienda{
	width:290px;
	height:250px;
	padding:5px;
	background-color:#FFFFFF;
	border:2px solid #FCB514;
	overflow:hidden;
	}

#CategoriaActual{
	font-size:0.8em;
	color:#666666;
	padding-bottom:8px;
	}
#NombreModelo{
	position:relative;
	width:80px;
	padding-left:10px;
	text-transform:uppercase;
	font-size:0.8em;
	color: #FCB514;
	z-index:1;
	}

#Imagen{
	position:relative;
	left:70px;
	top:-40px;
	width:220px;
	height:220px;
	overflow:hidden;
	}
#Fototienda #Imagen{
position:relative;
top:0px;
left:20px;
	width:250px;
	height:250px;
	overflow:hidden;
}	

#Mapa{
float:left;
margin-top:3px;
margin-left:-35px;
}
/*------------Contacto y Staff--------*/
.etiqueta{
	font-size:0.8em;
	text-transform:uppercase;
	margin:15px 0px 7px 18px;
	}
.dato{
	font-size:0.8em;
	color: #FCB514;
	margin-left:18px;
	}
.dato a, .dato a:hover, .dato a:visited{
	color: #FCB514;
}
.etiquetaStaff{
	font-size:0.8em;
	color: #FCB514;
	margin:15px 0px 7px 18px;
	}
.datoStaff, .tituloStaff{
	font-size:0.8em;
	color: #FFFFFF;
	margin-left:18px;
	}
.tituloStaff{
	font-size:0.8em;
	margin-top:20px;
	margin-bottom:15px;
	font-weight:bold;
}
#formularioContacto{
	width:290px;
	height:205px;
	padding:5px;
	margin-top:10px;
	background-image:url(../img/blancotrans65.png);
	border:2px solid #FCB514;
	overflow:hidden;
	color:#000000;
	}
label{
	font-size:0.8em;
	}
label[for="comentarios"]{
margin-left:25px;
}
textarea{
height:90px;
width:200px;
margin:5px 10px 8px 25px;
}
label[for="nombre"], label[for="email"]{
margin:0px 0px 8px 25px;

}
input[name="nombre"]{
margin:0px 0px 8px 15px;
width:136px;
}
input[name="email"]{
margin:0px 0px 0px 23px;
width:136px;
}
input[name="Enviar"]{
	margin:5px 0px 0px 80px;
	font-size:0.8em;
	width:150px;
	background-image:url(../img/negrotrans65.png);
color:#FFFFFF;
border:none;
}
input[name="Enviar"]:hover{
	background-image:url(../img/naranjatrans65.png);
	color:#000000;

}
/*Tercio derecho***************************************************************************/
#scroll0Content #TituloCategoriaScroll, #nombretienda{
width:275px;
/*	position:absolute;
	left:600x;
	top:0px;*/
	padding:2px 0px 2px 0px;
	margin-bottom:5px;
border-top: 1px solid #FCB514;
border-bottom: 1px solid #FCB514;
background-image:url(../img/naranjatrans65.png);
text-transform:uppercase;
font-weight:bold;
text-align:center;
z-index:1;
}
#nombretienda{
width:298px;
}
.MarcoMiniatura{
	display:inline;
	margin:10px 0px 10px 0px;
	}
.Miniatura {
	display:inline;
	position:relative;
	top:-7px;
	left:-128px;
	}
.Miniatura a img{
	width:120px;
	height:120px;
	margin: 0px -120px 0px 0px;
	}
/*paginación*******************************************/
#paginacion{
	float:left;
	width:250px;
	height:1.3em;
	border: thin solid #FCB514;
	margin:30px 25px 25px 15px;
	background-image:url(../img/negrotrans65.png);
	overflow:hidden;
	}
#paginacion a, #paginacion a:visited{
	float:left;
	width:23px;
	margin:2px;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
	}	
#paginacion a:hover, #paginacion a:active{
	color:#FCB514;
	font-weight:bold;
	}
/*Menús desplegables SIN Jquery ***************************************************************************/
#Menu{
margin-left:45px;
margin-top:-50px;
}
#MenuPrincipal a {
 display: block;
 color: #ffffff;
 text-decoration: none;
 background-color: transparent;
 padding: 2px 0px 2px 5px;
 /*border-left: 3px solid #ffffff;*/
 line-height:1;
}
#MenuPrincipal li {
width: 120px;
padding:6px 0px 16px 0px;

}
#MenuPrincipal ul {
 z-index: 10000;
}
#MenuPrincipal ul li {
font-size:0.9em;
border-left: 3px solid #ffffff;
 padding: 2px 0px 2px 0px;
 margin-left:-13px;
}

/*controla la botonera */
#MenuPrincipal a:hover, #MenuPrincipal a:active, #MenuPrincipal a:focus,
#MenuPrincipal .menuon, #MenuPrincipal .menuon:hover,
#MenuPrincipal .menuon:active {
 color: #FCB514;
 letter-spacing: 0.01px;
}

#MenuPrincipal .menuon, #MenuPrincipal .menuon:hover,
#MenuPrincipal .menuon:active {
 border-left: 3px solid #FCB514;
}

/*controla el desplazamiento y alcance de los submenus */
#MenuPrincipal .menuhide {
 left: -9000px;
 border: 0;
}
#MenuPrincipal .menushow {
 left: auto;
 z-index: 20000;
}

/*********************** SCROLL EMPRESA***********************************************************************/
.root 		{
		position:relative;
		margin-left:40px;
		margin-top:20px;
		}

.thumb 		{
		position:absolute;
		height:9px;
		width:15px;
		left:10px;
		}
.up, .dn 	{
		position:absolute;
		left:10px;
		}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
		border:0;
		}
.scrollContainer { 
		/*position:absolute; 
		left:2px; 
		top:19px; 
		width:300px; 
		height:200px;
		clip:rect(0 467 200 0); */ 
		overflow:auto; 
		border:2px solid #FCB514;
		padding: 8px 0px 8px 8px;
		background-image:url(../img/negrotrans65.png);		
		}
.scrollContent { 
		/*position:absolute; 
		left:0px; 
		top:0px; 
		width:100px; */
		margin: 8px;
		font-size:0.8em;
		}
		
.scrollContent h1{
margin-top:8px;
margin-bottom:5px;
font-weight:bold;
font-size:1.2em;
}
		/*********************** SCROLL CATALOGO *********************************************************************/
#ScrollCatalogo {
		width:300px;
		}
#ScrollCatalogo .scrollContainer { 
		border:none;
		background-image:none;
		padding:0px;
		overflow:hidden;
		}				
#ScrollCatalogo .scrollContent { 
		margin:8px;
		}
#ScrollCatalogo .root{
		margin:0px;
		padding:0px;
		}
		/*********************** SCROLL ORIGINAL **********************************************************************
.root 		{
		position:relative;
		height:200px;
		width:489px;
		margin:0px 0px 8px 7px;		
		}
.root p 	{
		margin:10px 10px 5px 10px;
		}
.thumb 		{
		position:absolute;
		height:9px;
		width:15px;
		left:10px;
		}
.up, .dn 	{
		position:absolute;
		left:10px;
		}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
		border:0;
		}
.scrollContainer { 
		position:absolute; 
		left:2px; 
		top:19px; 
		width:300px; 
		height:200px; 
		clip:rect(0 467 200 0); 
		overflow:auto; 
.scrollContent { 
		position:absolute; 
		left:0px; 
		top:0px; 
		width:100px; 
		}*/