@charset "utf-8";

/*reglas generales*/
body {
	color: #BEBEBE; background: #535661 url(i/bg-body.gif) repeat-x;
	font: 0.875em/1 Georgia, "Times New Roman", Times, serif;
	padding-bottom: 4em;
	}
	
hr {
	background: #74767f;
	border: none;
	font-size: 1px; 
	height: 1px;
	margin: 0 0 20px 0;
	}

/*Reglas de texto*/
p {
	margin-bottom: 1.5em;
	line-height: 1.5em;
	}

strong { font-weight: bold; }
	
/* Estructura de columnas */
#marco {
	width: 940px;
	margin: 0 auto;
	}

.fila:after {  
	content : "."; 
	display : block; 
	height : 0; 
	clear : both; 
	visibility : hidden;
	}

/*items*/
.item {
	float: left;
	margin: 0 20px 20px 0;
	}
	
.item a:hover { outline: #fff dotted 1px; }

.grande {
	height: 300px;
	width: 300px;
	}
	
.chico {
	height: 140px;
	width: 140px;
	}
	
.grande, .chico {
	position: relative;
	}
	
.doblez {
	background:url(i/doblez.png);
	display: block;
	height: 55px;
	position: absolute;
	right: 0;
	top: 0;
	width: 46px;
	z-index: 10;
	}

.mascara { position: absolute; }

.grande .mascara { clip:rect(0px 300px 300px 0px); }

.chico .mascara { clip:rect(0px 140px 140px 0px); }

.fecha {
	background: rgba(0,0,0,0.75);
	bottom: 0; left: 0;
	line-height: 3;
	margin: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	}
	
.fecha span { background:url(i/flecha.gif) no-repeat left 0.4em; padding-left: 1em;}

.ultima {
	margin-right: 0;
	}

/*Zonas especificas de contenido*/
#cabezal {
	position: relative;
	}
	
h1 {
	background: url(i/logo.gif) no-repeat;
	height: 90px;
	line-height: 1;
	margin: 2em 0 2em 0;
	text-indent: -99999px;
	}
#pie {
	font: 0.8571em Arial, Helvetica, sans-serif;
	text-align: center;
	}
	
#legal {
	background: url(i/logo-footer.jpg) no-repeat top center;
	margin: 0 auto;
	padding-top: 42px;
	width: 380px;
	}

/*Publicidad*/
#adSpace {
	position: absolute;
	right: 0;
	top: 0;
	}