/* SECCIÓN: ELEMENTOS GENERALES DE LA PÁGINA */
/* Tamaño de fuente, color de texto y color de fondo del proyecto. */
html, body {
	font-size: 87.5%; /*DEFINIR*/
	color: #525252; /*DEFINIR*/
	background-color: #FFF; /*DEFINIR*/
	
}
/* Fondo de la página. Se repite a lo ancho de toda la pantalla. */
body {
	background-image: url(../images/css_fnd_body.jpg); /*DEFINIR*/
}
/* Fuentes base del proyecto. */
body, input, textarea, select, optgroup {
	font-family: Tahoma, Arial, Helvetica, sans-serif; /*DEFINIR*/
}


/* SECCIÓN: CLASES GENERALES DE LA PÁGINA */


/* SECCIÓN: APOYO A LOS LECTORES DE TEXTO */


/* SECCIÓN: ESTILOS DEL ARMAZÓN DE LA PÁGINA */
/* Contenedor de toda la página */
#contenedor {
	line-height: 18px;
}
/* Cabecera de la página */
#cabecera {
}
/* Contenedor del menu vertical y contenido de la página. */
#cuerpo {
}
/* Contenedor del menu vertical de la página. */
#cuerpo #menu {
}
/* Contenedor del contenido de la página. */
#cuerpo #contenido {
}
/* Contenedor de las migas de pan de la página. */
#cuerpo #contenido #migas {
}
/* Contenedor del pie de la página. */
#pie {
}


/* SECCIÓN: Específicos del contenedor general. */
#contenedor {
}


/* SECCIÓN: Específicos de la cabecera. */
#cabecera {
	/* Altura del tocho negro */
	padding: 0; /*DEFINIR*/
}


/* SECCIÓN: Específicos del cuerpo de la página. */
#cuerpo {
}


/* SECCIÓN: Específicos del menú vertical de la página. */
/* Primer nivel */
/* Tamaño del texto de las opciones de menú de primer nivel. */
#cuerpo #menu ul {
	font-size: 100%; /*DEFINIR*/
}
/* Color de la linea inferior de las opciones de menú de primer nivel. */
#cuerpo #menu ul li {
	border-bottom: 1px solid #E5E5E5; /*DEFINIR*/
}
/* Color de las opciones de menu (sin seleccionar) de primer nivel. */
#cuerpo #menu ul li a {
	color: #555; /*DEFINIR*/
}
/* Piti de las opciones de menu (sin seleccionar) de primer nivel. */
#cuerpo #menu ul li a {
	/* El piti es un gif de 9x9 de fondo transparente y con el motivo centrado. */
	background-image: url(../images/css_menu_li_piti.gif); /*DEFINIR*/
}
/* Color de las opciones de menu (sin seleccionar) de primer nivel, al pasar por encima. */
#cuerpo #menu ul li a:hover {
	color: #910046; /*DEFINIR*/
}
/* Color de las opciones de menu (seleccionadas) de primer nivel. */
#cuerpo #menu ul li.seleccionado a {
	color: #910046; /*DEFINIR*/
}
/* Segundo nivel */
/* Color de fondo de todas las opciones de segundo nivel. */
#cuerpo #menu ul li ul {
	background-color: #F3F3F3; /*DEFINIR*/
}
/* Color de las opciones de menu (sin seleccionar) de segundo nivel. DEBE DEFINIRSE EN DOS SITIOS. */
#cuerpo #menu ul li ul li a {
	color: #555; /*DEFINIR*/
}
#cuerpo #menu ul li.seleccionado ul li a {
	color: #555; /*DEFINIR*/
}
/* Tamaño del texto de las opciones de menú de segundo nivel. */
#cuerpo #menu ul li ul li a {
	font-size: 94%; /*DEFINIR*/
}
/* Piti de las opciones de menu (sin seleccionar) de segundo nivel. */
#cuerpo #menu ul li ul li a {
	/* El piti es un gif de 9x9 de fondo transparente y con el motivo centrado. */
	background-image: url(../images/css_menu_li_li_piti.gif); /*DEFINIR*/
}
/* Color de las opciones de menu (sin seleccionar) de segundo nivel, al pasar por encima. */
#cuerpo #menu ul li ul li a:hover {
	color: #910046; /*DEFINIR*/
}
/* Color de las opciones de menu (seleccionadas) de segundo nivel. */
#cuerpo #menu ul li ul li.seleccionado a {
	color: #910046; /*DEFINIR*/
}
/* Tercer nivel */
/* Color de fondo de todas las opciones de tercer nivel. */
#cuerpo #menu ul li ul li ul {
	background-color: #F3F3F3; /*DEFINIR*/
	padding-right: 10px;
}
/* Color de las opciones de menu (sin seleccionar) de tercer nivel. DEBE DEFINIRSE EN DOS SITIOS. */
#cuerpo #menu ul li ul li ul li a {
	color: #555; /*DEFINIR*/
}
#cuerpo #menu ul li ul li ul li.seleccionado ul li a {
	color: #555; /*DEFINIR*/
}
/* Tamaño del texto de las opciones de menú de tercer nivel. */
#cuerpo #menu ul li ul li ul li a {
	font-size: 94%; /*DEFINIR*/
}
/* Piti de las opciones de menu de tercer nivel. */
#cuerpo #menu ul li ul li ul li a {
	/* El piti es un gif de 9x9 de fondo transparente y con el motivo centrado. */
	background-image: url(../images/css_menu_li_li_piti.gif); /*DEFINIR*/
}
/* Color de las opciones de menu (seleccionadas) de tercer nivel, al pasar por encima.. */
#cuerpo #menu ul li ul li ul li a:hover {
	color: #910046; /*DEFINIR*/
}
/* Color de las opciones de menu (seleccionadas) de tercer nivel. */
#cuerpo #menu ul li ul li ul li.seleccionado a {
	color: #910046; /*DEFINIR*/
}


/* SECCIÓN: Específicos de las migas de pan. */
/* Color de fondo de las migas de pan. */
#cuerpo #contenido #migas {
	background: none; /*DEFINIR*/
	margin-bottom: 3px;
}
/* Color de la linea inferior de las migas de pan. */
#cuerpo #contenido #migas {
	border-bottom: 1px solid #E5E5E5; /*DEFINIR*/
}
/* Tamaño del texto de las migas de pan. */
#cuerpo #contenido #migas ul li {
	font-size: 94%; /*DEFINIR*/
}
/* Piti de las migas de pan. El piti es un gif de 9x9 de fondo transparente y con el motivo centrado. */
#cuerpo #contenido #migas ul li {
	background-image: url(../images/css_migas_li_piti.gif); /*DEFINIR*/
}
/* Color de la opción seleccionada (última). */
#cuerpo #contenido #migas ul li {
	color: #333; /*DEFINIR*/
}
/* Grosor del texto de la opción seleccionada (última). */
#cuerpo #contenido #migas ul li {
	font-weight: normal; /*DEFINIR*/
}
/* Color de las enlaces de las migas de pan. */
#cuerpo #contenido #migas ul li a {
	color: #333; /*DEFINIR*/
}
/* Grosor del texto de las migas de pan. */
#cuerpo #contenido #migas ul li a {
	font-weight: normal; /*DEFINIR*/
}

#cuerpo #contenido #migas .actual{
	color: #910046; /*DEFINIR*/
}

#cuerpo #contenido .dest{
	color: #910046; /*DEFINIR*/
	font-weight: bold;
}

#cuerpo #contenido h1{
	color: #910046;
	margin-top: 15px;
	line-height: 25px;
}

#cuerpo #contenido .img01{
	margin: 0;
	padding: 0;
}

#cuerpo #contenido .col01{
	font-size: 94%;
	float: left;
	width: 336px;
	padding-right: 10px;
	margin-right: 20px;
	border-right: 1px solid #ccc;
	margin-top: 10px;
}
#cuerpo #contenido .col01a{
	font-size: 94%;
	float: left;
	padding-right: 10px;
	margin-right: 20px;
	margin-top: 10px;
}

#cuerpo #contenido .col02{
	margin-top: 10px;
	font-size: 90%;
	float: left;
	width: 336px;
}

#cuerpo #contenido .col01 img, #cuerpo #contenido .col01a img, #cuerpo #contenido .col02 img{
	border: 1px solid #ccc;
	margin: 5px 0;
	padding: 0;
}
#cuerpo #contenido .col02 .imgDcha img{
	border: none;
}

/* SECCIÓN: Específicos del pie de la página. */
/* Color de fondo de la primera linea del pie. */
#pie div.direccion p {
	background-color: #910046; /*DEFINIR*/
}
/* Color de texto de la primera linea del pie. */
#pie div.direccion p {
	color: #FFF; /*DEFINIR*/
}
/* Color de texto de los enlaces de la primera linea del pie. */
#pie div.direccion p a {
	color: #FFF; /*DEFINIR*/
}
/* Color de fondo de la segunda linea del pie. */
#pie div.avisos {
	background-color: #4C4C4C; /*DEFINIR*/
}
/* Color de fondo de la segunda linea del pie. */
#pie div.avisos p {
	color: #FFF; /*DEFINIR*/
}
/* Color de texto de los enlaces de la primera linea del pie. */
#pie div.avisos p a {
	color: #FFF; /*DEFINIR*/
}




/* SECCIÓN: Específicos del contenido de la página. */
#cuerpo #contenido {
	width: 713px;
}

#cuerpo #contenido .linea{
	width: 713px;
	height: 1px;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

.clear{
	clear: both;
}

input, textarea{	
	border: 1px solid #7F9DB9;
}

.boton{
	border: none;
}
#cuerpo01{
	text-align: center;
	height: 40em;
}
#contenido01{
	margin: 0 auto;
	width: 879px;
}
#pres{
	padding-top: 25px;
}

.fnd_gris{
	font-family: "Trebuchet Ms", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	text-align: left;
	color: #fff;
	background: #393939;
	padding: 10px 0 10px 10px;
}

.fnd_gris a{
	color: #fff !important;
	text-decoration: none;	
}

#cuerpo01 #contenido01 .col01{
	text-align: left;
	margin-top: -1px;
	font-size: 94%;
	float: left;
	width: 400px;
	border-right: 1px solid #fff;
}

#cuerpo01 #contenido01 .col02{
	text-align: left;
	margin-top: -1px;
	font-size: 90%;
	float: left;
	width: 478px;
}

#cuerpo01 #contenido01 .dest{
	color: #910046; /*DEFINIR*/
	font-weight: bold;
}

#cuerpo01 #contenido01 a{
	color: #393939;
}

#cuerpo01 #contenido01 a:hover{
	text-decoration: none;
}

#cuerpo01 #contenido01 .det{
	margin-top: 20px;
}

.iqzda{
	float: left;
}

.txt_ropa{
	padding: 35px 25px 25px 0;
}

.acerca_de{
	height: 22px;
	width: 100%;
	text-align: right;
	padding-top: 2px;
	font-size: 90%;
}

.acerca_de .otro{
	color: #fff;
	text-decoration: none;
	padding: 0 8px 0 16px;
	background: url(../images/mas.gif) left no-repeat;
}

.acerca_de .primero{
	color: #fff;
	text-decoration: none;
	padding: 0 8px 0 16px;
}

.acerca_de a:hover{
	text-decoration: underline;
}

.foto01, .foto02, .foto03, .foto04, .foto05, .foto06, .foto07, .foto08, .foto09, .foto10, .foto01a, .foto02a, .foto03a, .foto04a, .foto05a, .foto06a, .foto07a, .foto08a, .foto09a, .foto10a{
	display: none;
	position: absolute;
	border: 1px solid #ccc;
	padding: 10px;
	background: #fff;
	z-index: 10;
}
	.foto01 { top: 300px; left: 200px; }
	.foto02 { top: 510px; left: 200px; }
	.foto03 { top: 720px; left: 200px; }
	.foto04 { top: 940px; left: 200px; }
	.foto05 { top: 1150px; left: 200px; }
	.foto06 { top: 1360px; left: 200px; }
	.foto07 { top: 1570px; left: 200px; }
	.foto08 { top: 1780px; left: 200px; }
	.foto09 { top: 1990px; left: 200px; }
	.foto10 { top: 2200px; left: 200px; }
	.foto01a { top: 300px; left: 200px; }
	.foto02a { top: 300px; left: 400px; }
	.foto03a { top: 300px; left: 200px; }
	.foto04a { top: 300px; left: 400px; }
	.foto05a { top: 400px; left: 200px; }
	.foto06a { top: 400px; left: 400px; }
	.foto07a { top: 600px; left: 200px; }
	.foto08a { top: 600px; left: 400px; }
	.foto09a { top: 700px; left: 200px; }
	.foto10a { top: 700px; left: 400px; }
.bot_cerrar {
	position: absolute;
	top: 10px;
	right: 10px;
}
.lista_acerca li{
	float: left;
	width: 250px;
}
table {
	font-weight: bold;
}
table img{
	display: block;
	border: 5px solid #910046;
	background: #fff;
	padding: 5px;
}
table img.img_padding{
	margin-left: 60px;
}

/* Menú Idioma */
#cabecera ul.menuIdiomas {
	position: absolute;
	top: 0;
	left: 3px;
	padding: 3px;
	font-size: 90%;
	background-color: transparent;
	display: block;
	width: 15em;
}
#cabecera ul.menuIdiomas li {
	font-weight: normal;
	float: left;
	color: #fff;
	text-decoration: none;
	padding: 0 8px 0 16px;
	background: url(../images/mas.gif) left no-repeat;
	border: none;
}
#cabecera ul.menuIdiomas li.primero {
	border: none;
	background: none;
	padding: 0;
	padding-right: 10px;
}
#cabecera ul.menuIdiomas li a {
	color: #FFF;
}
#cabecera ul.menuIdiomas li a:hover {
	text-decoration: none;
}