/*estructura*/

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	background-image: url(images/IMG_fondo.gif);
	background-color: #ff9900;
	text-align: center;
	}
	
#contenedor {
	width: 100%;
	height: 100%;
	}

#libro {
	width: 950px;
	height: 580px;
	text-align: left;
	background-image: url(images/IMG_hojas.gif);
	background-repeat: no-repeat;
	}
	
.hoja {
	float: left;
	width: 470px;
	height: 530px;
	font-family: arial;
	font-size: 11px;
	color: #666666;
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
#contenido_izquierda {
	padding: 15px 40px 0 20px;
	}
	
#contenido_derecha {
	padding: 15px 20px 0 40px;
	}
	
#pie {
	width: 920px;
	height: 35px;
	clear: both;
	padding: 5px 20px 0 8px;
	font-family: arial;
	font-size: 11px;
	color: #ffffff;
	}
	
#menu {
	height: 30px;
	width: 470px;
	text-align: center;
	}
	
#foto_eventos {
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	}
	
#thumbs_eventos {
	width: 390px;
	text-align: center;
	}



/*enlaces*/

a:link, a:visited, a:active {font-family: trebuchet ms, arial; color: #00C; font-size: 11px; font-weight: bold;}
a:hover {color: #09F;}

a img {margin: 0px 1px 0px 1px; border-width: 0px;}

a.pie:link, a.pie:visited, a.pie:active {font-family: trebuchet ms, arial; color: #ffffff; font-size: 11px; text-decoration: none; font-weight: normal;}
a.pie:hover {text-decoration: underline;}

#factor a {font-size: 9px; color: #666;}
#factor a:hover {color: white;}

a img {border: 0;}

#pie img {float: left; margin-right: 10px;}

/*texto*/

h1 {
	margin: 0;
	padding-bottom: 10px;
	font-family: century gothic, trebuchet ms, arial;
	font-size: 24px;
	font-weight: bold;
	color: #ff9900;
	}
	
h2 {
	font-family: century gothic, trebuchet ms, arial;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #ff9900;
	padding: 0px;
	}
	
h3 {
	margin: 0px;
	font-size: 14px;
	padding: 0px;
	}
	
hr {
	border: 1px solid #EEEEEE;
	}
	
ul {
	margin-left: 16px;
	margin-top: 0px;
	margin-bottom: 16px;
	padding: 0;
	}
	
li {
	margin: 0;
	padding: 0;
	}
	
#pie h3 {
	display: inline;
	float: right;
	padding-top: 5px;
	}

/*otros*/

.precio {
	font-size: 16px;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	}
	
.catalogo {
	padding: 10px;
	margin: 0;
	overflow: auto;
	border: 1px dashed #ccc;
	}
	
.marco {
	border: 1px dashed #cccccc;
	padding: 2px;
	margin: 1px;
	margin-bottom: 10px;
	background-color: #ffffff;
	}
	
#thumbs_eventos ul {
	margin: 0;
	margin-left: 10px;
	margin-right: 5px;
	padding: 0;
	}
	
#thumbs_eventos li {
	float: left;
	list-style: none;
	padding: 0;
	margin-right: 5px;
	margin-bottom: 2px;
	}
	


/*novedades*/

.novedades_izquierda {
	margin: 10px;
	height: 250px;
	}
	
.novedades_cuadro {
	display: block;
	float: left;
	width: 190px;
	height: 120px;
	overflow: hidden;
	padding: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-image: url(images/IMG_novedades.gif);
	background-repeat: no-repeat;
	}
	
.novedades_cuadro img {
	float: left;
	width: 90px;
	height: 120px;
	margin-right: 10px;
	margin-bottom: 20px;
	}
	
.panel_de_control {
	font-family: arial;
	background-color: white;
	border: 2px solid #666666;
	}
	
.panel_de_control strong {
	font-size: 12px;
	}
	
.panel_de_control th {
	padding: 5px;
	border: 1px solid #666666;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: white;
	background-color: #666666;
	}
	
.panel_de_control td {
	padding: 5px;
	border: 1px solid #dddddd;
	margin: 0;
	}
	
	
/* factorn */

#factor {
	margin-top: 35px; 
	font-family: arial;
	font-size: 10px;
	color: #555555;
	}
	
#factor a {
	color: #555555;
	}
	
.blanco {
color:#FFFFFF;
}