/*
	Contenedor principal
*/
#contenedor{
	width:70em;
	min-width:775px;
	max-width:100%;
	margin:auto;
}

#cabecera{
	position:relative;
}

#cabecera-interior{
	position:relative;
	width:100%;
}

#cuerpo-interior{
	overflow:auto;
	padding-bottom:2em;
	position:relative;
}

#cuerpo #menu{
	float:left;
	width:21%;
	margin-left:1%;
}

#cuerpo #contenidos{
	float:right;
	width:75.3%;
	position:relative;
}

/*
	Columnas centrales.
	Este es el ancho por defecto, 
	utilizando clases en su contenedor (#contenidos-interior) se pueden asignar otros anchos
*/
#cuerpo #contenidos-interior #columna-1{
	float:left;
	width:69%;
	margin-top:0;
}

#cuerpo #contenidos-interior #columna-2{
	float:right;
	width:28.5%;
	margin-right:1%;
	margin-top:0;
	overflow:hidden;
}

#cuerpo #contenidos-interior #columna-3{
	width:95%;
	clear:both;
	margin-top:0;
	overflow:hidden;
}

/*
	Anchos de las columnas.
	prehome -> Anchos de columnas para la prehome
	mitad   -> Dos columnas iguales
*/
#cuerpo #contenidos-interior.prehome #columna-1{
	width:65%;
}

#cuerpo #contenidos-interior.prehome #columna-2{
	width:32%;
}

#cuerpo #contenidos-interior.mitad #columna-1{
	width:48%;
}

#cuerpo #contenidos-interior.mitad #columna-2{
	width:48%;
}

#cuerpo #contenidos-interior.columnas #columna-1{
	width:32%;
}

#cuerpo #contenidos-interior.columnas #columna-2{
	width:32%;
	float:left;
}

#cuerpo #contenidos-interior.columnas #columna-3{
	width:32%;
	float:left;
	clear:none;
}

#cuerpo #contenidos-interior.columnas-25-50-25 #columna-1{
	width:24%;
}

#cuerpo #contenidos-interior.columnas-25-50-25 #columna-2{
	width:49%;
	float:left;
}

#cuerpo #contenidos-interior.columnas-25-50-25 #columna-3{
	width:24%;
	float:left;
	clear:none;
}

/*
	Filas y columnas
*/
#cuerpo #contenidos-interior .fila-100{
	overflow:hidden;
	width:100%;
}

#cuerpo #contenidos-interior .fila-100 .fila-100-50{
	float:left;
	width:49.9%;
}

#cuerpo #contenidos-interior .fila-100 .fila-100-33{
	float:left;
	width:33%;
}

#cuerpo #contenidos-interior .fila-100 .fila-100-66{
	float:left;
	width:66%;
}

#pie{
	height:0em;
	overflow:visible;
}

/* Foco: WCAG 2.0 */
a:focus,input:focus,select:focus,textarea:focus,button:focus,area:focus{
	outline:2px solid #FF0;
}

a:active,input:active,select:active,textarea:active,button:active,area:active{
	outline:none;
}