@charset "iso-8859-1";
/*****************************************************************************************************************
 *      Web:                                                               *
 *      Autor:         http://www.jmocana.eu                                                                     *
 *      Hoja:          rejilla.css                                                                               *
 *      Descripcion:   Estilos para la rejilla del site a 12 columnas                                            *
 *      Fecha:         04/03/2012                                                                                *
 *      Versión:       1.0                                                                                       * 
 *****************************************************************************************************************/

/****************************************************************************************************
/* Rejilla
/****************************************************************************************************/
/* contenedores
----------------------------------------------------------------------------------------------------*/
.contenedor_12 {
	margin-left: auto;
	margin-right: auto;
	width: 99.7em;
}

/* col >> Global
----------------------------------------------------------------------------------------------------*/

.fila{padding-bottom: 1em;}
.fila .txt-col{background-color: #FFF;}

.contenedor_12 .col_1,
.contenedor_12 .col_2,
.contenedor_12 .col_3,
.contenedor_12 .col_4,
.contenedor_12 .col_5,
.contenedor_12 .col_6,
.contenedor_12 .col_7,
.contenedor_12 .col_8,
.contenedor_12 .col_9,
.contenedor_12 .col_10,
.contenedor_12 .col_11,
.contenedor_12 .col_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: .8em;
	margin-right: .8em;
}

.mover_der_1, .mover_izq_1,
.mover_der_2, .mover_izq_2,
.mover_der_3, .mover_izq_3,
.mover_der_4, .mover_izq_4,
.mover_der_5, .mover_izq_5,
.mover_der_6, .mover_izq_6,
.mover_der_7, .mover_izq_7,
.mover_der_8, .mover_izq_8,
.mover_der_9, .mover_izq_9,
.mover_der_10, .mover_izq_10,
.mover_der_11, .mover_izq_11,
.mover_der_12, .mover_izq_12 {
	position:relative;
}

/* col >> Solapados
----------------------------------------------------------------------------------------------------*/

.contenedor_12 .first {
	margin-left: 0;
}

.contenedor_12 .last {
	margin-right: 0;
}

/* col >> 12 Columnas
----------------------------------------------------------------------------------------------------*/


.contenedor_12 .col_1 {
	width:6.7em;
}

.contenedor_12 .col_2 {
	width:15.0em;
}

.contenedor_12 .col_3 {
	width:23.3em;
}

.contenedor_12 .col_4 {
	width:31.6em;
}

.contenedor_12 .col_5 {
	width:39.9em;
}

.contenedor_12 .col_6 {
	width:48.2em;
}

.contenedor_12 .col_7 {
	width:56.5em;
}

.contenedor_12 .col_8 {
	width:64.8em;
}

.contenedor_12 .col_9 {
	width:73.1em;
}

.contenedor_12 .col_10 {
	width:81.4em;
}

.contenedor_12 .col_11 {
	width:89.7em;
}

.contenedor_12 .col_12 {
	width:98.0em;
}

/* espacio_izq | Espaciado por la izquierda >> 12 Columnas
----------------------------------------------------------------------------------------------------*/


.contenedor_12 .espacio_izq_1 {
	padding-left:8.3em;
}

.contenedor_12 .espacio_izq_2 {
	padding-left:16.6em;
}

.contenedor_12 .espacio_izq_3 {
	padding-left:24.9em;
}

.contenedor_12 .espacio_izq_4 {
	padding-left:33.2em;
}

.contenedor_12 .espacio_izq_5 {
	padding-left:41.5em;
}

.contenedor_12 .espacio_izq_6 {
	padding-left:49.8em;
}

.contenedor_12 .espacio_izq_7 {
	padding-left:58.1em;
}

.contenedor_12 .espacio_izq_8 {
	padding-left:66.4em;
}

.contenedor_12 .espacio_izq_9 {
	padding-left:74.7em;
}

.contenedor_12 .espacio_izq_10 {
	padding-left:83.0em;
}

.contenedor_12 .espacio_izq_11 {
	padding-left:91.3em;
}



/* espacio_der | Espaciado por la derecha >> 12 Columnas
----------------------------------------------------------------------------------------------------*/


.contenedor_12 .espacio_der_1 {
	padding-right:8.3em;
}

.contenedor_12 .espacio_der_2 {
	padding-right:16.6em;
}

.contenedor_12 .espacio_der_3 {
	padding-right:24.9em;
}

.contenedor_12 .espacio_der_4 {
	padding-right:33.2em;
}

.contenedor_12 .espacio_der_5 {
	padding-right:41.5em;
}

.contenedor_12 .espacio_der_6 {
	padding-right:49.8em;
}

.contenedor_12 .espacio_der_7 {
	padding-right:58.1em;
}

.contenedor_12 .espacio_der_8 {
	padding-right:66.4em;
}

.contenedor_12 .espacio_der_9 {
	padding-right:74.7em;
}

.contenedor_12 .espacio_der_10 {
	padding-right:83.0em;
}

.contenedor_12 .espacio_der_11 {
	padding-right:91.3em;
}



/* mover_der | Mover contenedor a la derecha >> 12 Columnas
----------------------------------------------------------------------------------------------------*/


.contenedor_12 .mover_der_1 {
	left:8.3em;
}

.contenedor_12 .mover_der_2 {
	left:16.6em;
}

.contenedor_12 .mover_der_3 {
	left:24.9em;
}

.contenedor_12 .mover_der_4 {
	left:33.2em;
}

.contenedor_12 .mover_der_5 {
	left:41.5em;
}

.contenedor_12 .mover_der_6 {
	left:49.8em;
}

.contenedor_12 .mover_der_7 {
	left:58.1em;
}

.contenedor_12 .mover_der_8 {
	left:66.4em;
}

.contenedor_12 .mover_der_9 {
	left:74.7em;
}

.contenedor_12 .mover_der_10 {
	left:83.0em;
}

.contenedor_12 .mover_der_11 {
	left:91.3em;
}



/* mover_izq | Mover contenedor a la izquierda >> 12 Columnas
----------------------------------------------------------------------------------------------------*/


.contenedor_12 .mover_izq_1 {
	left:-8.3em;
}

.contenedor_12 .mover_izq_2 {
	left:-16.6em;
}

.contenedor_12 .mover_izq_3 {
	left:-24.9em;
}

.contenedor_12 .mover_izq_4 {
	left:-33.2em;
}

.contenedor_12 .mover_izq_5 {
	left:-41.5em;
}

.contenedor_12 .mover_izq_6 {
	left:-49.8em;
}

.contenedor_12 .mover_izq_7 {
	left:-58.1em;
}

.contenedor_12 .mover_izq_8 {
	left:-66.4em;
}

.contenedor_12 .mover_izq_9 {
	left:-74.7em;
}

.contenedor_12 .mover_izq_10 {
	left:-83.0em;
}

.contenedor_12 .mover_izq_11 {
	left:-91.3em;
}

/* TAMAÑO DE PROMOS SEGÚN REJILLA */
/* titular módulo */
#contenidos .fila .col_12 .mod h2, #contenidos .fila .col_11 .mod h2, #contenidos .fila .col_10 .mod h2{font: normal 2.4em/1em 'PTSansBold';}
#contenidos .fila .col_9 .mod h2, #contenidos .fila .col_8 .mod h2, #contenidos .fila .col_7 .mod h2{font: normal 2em/1em 'PTSansBold';}
#contenidos .fila .col_6 .mod h2, #contenidos .fila .col_5 .mod h2, #contenidos .fila .col_4 .mod h2{font: normal 1.8em/1em 'PTSansBold';}
#contenidos .fila .col_3 .mod h2, #contenidos .fila .col_2 .mod h2, #contenidos .fila .col_1 .mod h2{font: normal 1.6em/1em 'PTSansBold';}
/* cintillo */
#contenidos .fila .col_12 .mod .cintillo, #contenidos .fila .col_11 .mod .cintillo, #contenidos .fila .col_10 .mod .cintillo{font: 1.4em/1.2em Tahoma,Verdana;}
#contenidos .fila .col_9 .mod .cintillo, #contenidos .fila .col_8 .mod .cintillo, #contenidos .fila .col_7 .mod .cintillo{font: 1.3em/1.2em Tahoma,Arial,Verdana;}
#contenidos .fila .col_6 .mod .cintillo, #contenidos .fila .col_5 .mod .cintillo, #contenidos .fila .col_4 .mod .cintillo{font: 1.2em/1.2em Tahoma,Arial,Verdana;}
#contenidos .fila .col_3 .mod .cintillo, #contenidos .fila .col_2 .mod .cintillo, #contenidos .fila .col_1 .mod .cintillo{font: 1.1em/1.2em Tahoma,Arial,Verdana;}
/* data */
#contenidos .fila .col_12 .mod .autor, #contenidos .fila .col_11 .mod .autor, #contenidos .fila .col_10 .mod .autor{font: 1.4em/1.3em Tahoma,Verdana;}
#contenidos .fila .col_9 .mod .autor, #contenidos .fila .col_8 .mod .autor, #contenidos .fila .col_7 .mod .autor{font: 1.3em/1.3em Tahoma,Arial,Verdana;}
#contenidos .fila .col_6 .mod .autor, #contenidos .fila .col_5 .mod .autor, #contenidos .fila .col_4 .mod .autor{font: 1.2em/1.3em Tahoma,Arial,Verdana;}
#contenidos .fila .col_3 .mod .autor, #contenidos .fila .col_2 .mod .autor, #contenidos .fila .col_1 .mod .autor{font: 1.1em/1.3em Tahoma,Arial,Verdana;}
/* cuerpo */
#contenidos .fila .col_12 .mod p, #contenidos .fila .col_11 .mod p, #contenidos .fila .col_10 .mod p{font: 1.5em/1.4em Arial,Tahoma,Verdana;}
#contenidos .fila .col_9 .mod p, #contenidos .fila .col_8 .mod p, #contenidos .fila .col_7 .mod p{font: 1.4em/1.4em Arial,Tahoma,Verdana;}
#contenidos .fila .col_6 .mod p, #contenidos .fila .col_5 .mod p, #contenidos .fila .col_4 .mod p{font: 1.3em/1.4em Arial,Tahoma,Verdana;}
#contenidos .fila .col_3 .mod p, #contenidos .fila .col_2 .mod p, #contenidos .fila .col_1 .mod p{font: 1.2em/1.4em Arial,Tahoma,Verdana;}
/* titular promo */
#contenidos .fila .col_12 .mod h3, #contenidos .fila .col_11 .mod h3, #contenidos .fila .col_10 .mod h3{font: 2.1em/1.3em LucidaGrandeRegular;}
#contenidos .fila .col_9 .mod h3, #contenidos .fila .col_8 .mod h3, #contenidos .fila .col_7 .mod h3{font: 1.8em/1.3em LucidaGrandeRegular;}
#contenidos .fila .col_6 .mod h3, #contenidos .fila .col_5 .mod h3, #contenidos .fila .col_4 .mod h3{font: 1.5em/1.3em LucidaGrandeRegular;}
#contenidos .fila .col_3 .mod h3, #contenidos .fila .col_2 .mod h3, #contenidos .fila .col_1 .mod h3{font: 1.4em/1.3em LucidaGrandeRegular;}

