/* CSS Document */

/*............hack  para IE............*/
*html a img {
border: none;
}
*html body{
	*margin: 0;
	*padding: 0;
}
/*....................................*/



body {
/*	padding:0px;*/
	background: #cecece url(images/bg-inicio.png) repeat-x;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #696969;
}

a {
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	outline:none;
}

a:hover {
	outline:none;
	text-decoration:none;
	color: #006630;
}

a:link
{
	outline:none;
	text-decoration: none;
}
a:visited
{
	outline:none;
	text-decoration: none;
}



/*h3 {
	font-size: 1em;
}*/

/* Header */

#header {
	width: 909px;
	height:610px;
	margin:auto;
	background: url(images/template.jpg) no-repeat;
	z-index: 1;
}

/* IE6 Only */
* html #header {
_background: url(images/template2.jpg) no-repeat;
}


#header h1, #header h2 {
	float: left;
	margin: 0;
	text-transform: uppercase;
	color: #FFFFFF;
}

#header h1 {
	padding: 30px 0 0 20px;
	font-size: 3em;
}

#header h2 {
	padding: 47px 0 0 8px;
	font-size: 1.8em;
	font-style: italic;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}


#wrapper {
	width: 909px;
	margin: auto;
	height: 630px;
}

/* Content */

#content {
	margin:145px 0 0 170px;/*margin drc 339px*/
	_margin-left: 79px; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */ 
	_margin-right: 150px; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */ 
	_margin-top: 145px; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */ 
	_margin-bottom: 45px; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */ 

	min-width: 450px;
	width: 450px;
	float: left;
	height: 320px;
	border-color: #333333 0px;
	z-index: 2;
}


/* SlideShow*/
#fadeshow {
	padding-right: 0px;
	width: 450px;
	background-color: transparent;
	height: 330px;
}
a fadeshow {
	border:0;
}
.clearingdiv {
	clear:both;
	height:30px;
	width:1px;
}

.loading {
background: url(images/loading.gif) no-repeat center center;
}

/* Menu */
#menu {
	line-height:0px;
	width:175px; /* Es necesario aportar anchura al menú para limitar el ancho de los botones */
	height:300px;
	float: right;
	margin-right: 0px;
	margin-top: 176px;
	margin-left: 0px;
	padding-right: 30px;
	_margin-top: -335px;/* Sólo IE6 leerá y entendera este estilo y aplicará el valor */ 
	_margin-left: 0px;/* Sólo IE6 leerá y entendera este estilo y aplicará el valor */ 
	_margin-right: 0px;/* Sólo IE6 leerá y entendera este estilo y aplicará el valor */ 
	_margin-bottom: 50px; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */ 

}

ul#menu {
	display: block; /*los elementos del menú se posicionan uno debajo de otro*/
	list-style:none;
	}
ul#menu li {
	padding:0;
	float:right;
	padding-bottom: 10px;
	}
ul#menu li a {
	display:block;
	width:175px;
	height:50px;
	text-decoration:none;
	outline:none;

	}
ul#menu li a:hover {
	background-position:bottom;
	text-decoration:none;
	outline:none;
	}
ul#menu li a span {
	display:none;
	text-decoration:none;
	outline:none;
	}

/*BOTONES TEXTO MENU*/
#galeria {
	background-image:url(images/galeria.png);
	_background-image:url(images/ie-galeria.png);/* Sólo IE6 */
	}
#foro {
	background-image:url(images/foro.png);
	_background-image:url(images/ie-foro.png);/* Sólo IE6 */
	}
#revista {
	background-image:url(images/revista.png);
	_background-image:url(images/ie-revista.png);/* Sólo IE6 */
	}
#tienda {
	background-image:url(images/tienda.png);
	_background-image:url(images/ie-tienda.png);/* Sólo IE6 */
}
#photostock {
	background-image:url(images/photostock.png);
	_background-image:url(images/ie-photostock.png);/* Sólo IE6 */
	}

/* Arrow */
#entrar {
	float: right;
	width: 136px;
	height:23px;
}
/*....................................*/

/* Footer */

#footer {
	width: 909px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background:transparent ;
}

.ft {
	margin: auto;
	line-height: normal;
	text-align: center;
	font-size: 7pt;
	padding-right: 0px;
	padding-left: 0px;
}