/*
Esta es la redefinicion del tag body que tiene el fondo de las paginas
*/

body {
	background-image: url(/img/fondo.gif);
	background-repeat: repeat;
	margin: 0px;
}

/*
Estos son todos los menues de las index
*/

.menu-pdv {
	cursor:pointer;
	margin:0px;
	background-image: url(/img/menu-pdv.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-ba {
	cursor:pointer;
	margin:0px;
	/*background-image: url(/img/menu-ba.gif);
	background-repeat:no-repeat;*/
	color:#000000;
	/*width:100px;
	height:100px;*/
	margin-top: 0px;
}

/*
Estos son los estilos para los menus de punto de vista
*/

.menu-ultnum {
	margin:0px;
	background-image:    url(/img/ultnum.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-dokumenta {
	margin:0px;
	background-image:    url(/img/dokumenta.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}


.menu-agotados {
	margin:0px;
	background-image:    url(/img/agotados.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-comprar {
	margin:0px;
	background-image:    url(/img/comprar.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-suscripcion {
	margin:0px;
	background-image:    url(/img/suscripcion.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-quienessomos {
	margin:0px;
	background-image:    url(/img/quienes_somos.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-revista {
	margin:0px;
	background-image:    url(/img/revista.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}


/*
Estos son los estilos para los menus de bazar americano
*/

.menu-bazar_opina {
	margin:0px;
	background-image:    url(/img/bazar_opina.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-bazar {
	margin:0px;
	background-image:    url(/img/bazar.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-cine {
	margin:0px;
	background-image:    url(/img/cine.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-resenas {
	margin:0px;
	background-image:    url(/img/resenas.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-reportajes {
	margin:0px;
	background-image:    url(/img/reportajes.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-musica {
	margin:0px;
	background-image:    url(/img/musica.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-arquitectura {
	margin:0px;
	background-image:    url(/img/arquitectura.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-cajitas {
	margin:0px;
	background-image:    url(/img/cajitas.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-reportajes.gif {
	margin:0px;
	background-image:    url(/img/reportajes.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-galeria {
	margin:0px;
	background-image:    url(/img/galeria.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-correo {
	margin:0px;
	background-image:    url(/img/correo.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-recomendados {
	margin:0px;
	background-image:    url(/img/recomendados.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-columnistas {
	margin:0px;
	background-image:    url(/img/columnistas.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-encuestas {
	margin:0px;
	background-image:    url(/img/encuestas.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

.menu-libreta-beatriz-sarlo {
	margin:0px;
	background-image:    url(/img/libreta-beatriz-sarlo.gif);
	background-repeat:no-repeat;
	color:#000000;
	width:100px;
	height:100px;
	margin-top: 5px;
}

/*
Estos son los estilos para los submenues
*/

.submenu {
	width:100px;
	font-family:Arial;
	font-size:11px;
	padding-left:3px;
	padding-top: 5px;
	line-height: 15px;
}

.submenu a {
	color:#000000;
	text-decoration: none;
	font-weight:normal;
}

.submenu a:hover {
	color:#000000;
	text-decoration: underline;
	font-weight:normal;
}

/*
Estilos para el pie
*/

.pie {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	padding: 5px;
}
.pie a {
	color:#000000;
	text-decoration: none;
}
.pie a:hover {
	color:#000000;
	text-decoration: underline;
}

/*
Estilos para el contenido
*/

.home {
font-family: Arial;
font-size: 12px;
color: #000000;
padding: 5px 0px 0px 5px;
line-height: 16px;
}
.home a {
color:#009900;
text-decoration: none;
}
.home a:hover {
color:#009900;
text-decoration: underline;
}

.texto {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding: 10px;
	line-height: 16px;
}
.texto a {
	color:#009900;
	text-decoration: none;
}
.texto a:hover {
	color:#009900;
	text-decoration: underline;
}
.ult {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding: 10px;
	line-height: 16px;
}
.ult a {
	color:#000000;
	text-decoration: none;
}
.ult a:hover {
	color:#000000;
	text-decoration: underline;
}
.nombre-obras {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;

}


/* --------- MENU PRINCIPAL ----------- */

#menu {
	float: left;
	clear: both;
	background: #FFFFFF;
}

#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	/*text-transform: uppercase;*/
	/*font-weight: bold;*/
}

#menu li {
	margin: 0px;
	padding: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	/*float: left;*/
}

#menu li a {
	display: block;
	background-color: #FF0000;
	color: #FFFFFF;
	width: 90px;
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	text-decoration: none;
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
}

#menu li a:hover {
	background-color: #FF4040;
	color: #000000;
}