/* CSS Document */

/*Para el div contenedor que fija el ancho máximo*/

.contenedor {
font-size:0.9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:660px;
text-align:center;
margin:0px;
}

/*Justificamos el texto por defecto y definimos varias clases de párrafo*/

P {
text-align: justify;
margin:0px;
}

.mediano {
font-size:0.85em;
}


.pequeno {
font-size:0.775em;
text-align: left;
}

.minimo {
font-size:0.7em;
}

.versalitas {
font-size:0.9em;
font-variant:small-caps;
font-weight:bold;
}

.versalitas_min {
font-size:0.7em;
font-variant:small-caps;
font-weight:bold;
}

/*Eliminamos el subrayado en los hyperenlaces*/

img {
border:0px;
margin:0px;
padding:0px;
}

/*Eliminamos el subrayado en los hyperenlaces*/

a {
text-decoration:none;
border:none;
}

/*Para el div de los títulos; ocupa todo el ancho de su div contenedor*/

.titulo_apartado {
text-align:left;
float:left;
width:100%;
}

/*Separador horizontal de 10px de alto*/

.separador_10px {
float:left;
clear:both;
width:100%;
height:10px;
font-size:0em;/*Con este selector evitamos que explorer nos establezca su altura por defecto de 1em mínimo para sus elementos bloque*/
}

/*Separador horizontal de 5px de alto*/

.separador_5px {
float:left;
clear:both;
width:100%;
height:5px;
font-size:0em;/*Con este selector evitamos que explorer nos establezca su altura por defecto de 1em mínimo para sus elementos bloque*/
}

/*Separador horizontal de 2px de alto*/

.separador_2px {
float:left;
clear:both;
width:100%;
min-height:2px;
font-size:0em;/*Con este selector evitamos que explorer nos establezca su altura por defecto de 1em mínimo para sus elementos bloque*/
}

.separador_1px {
float:left;
clear:both;
width:100%;
min-height:1px;
font-size:0em;/*Con este selector evitamos que explorer nos establezca su altura por defecto de 1em mínimo para sus elementos bloque*/
}




/*Maquetación a una columna

/*Div que ocupa una columna completa*/

.una_col {
width:100%;
text-align:center;
}

/*Maquetación a dos columnas*/

/*Div que ocupa la columna de la izquierda*/

.dos_col_izq {
width:49%;
float:left;
text-align:center;
}

/*Div que ocupa la columna de la derecha*/

.dos_col_der {
overflow:hidden;
width:49%;
float:right;
text-align:center;
}

/*Maquetación a 3 columnas*/

/*Div que ocupa una columna en maquetación a 3 columnas*/

.tres_col {
width:32%;
float:left;
text-align:center;
}

/*Div separador vertical para tres columnas*/

.tres_col_sep {
width:2%;
float:left;
text-align:center;
}

/*Div que ocupa 2 columnas para maquetación a 3 columnas situado a la izquierda*/

.dos_tercios_izq {
width:65%;
float:left;
text-align:center;
}

/*Div que ocupa 2 columnas para maquetación a 3 columnas situado a la derecha*/

.dos_tercios_der {
width:65%;
float:right;
text-align:center;
}


/*Maquetación a cuatro columnas*/

/*Div que ocupa una columna para maquetación a 4 columnas*/

.cuatro_col {
width:23%;
float:left;
text-align:center;
}

/*Para usar una columna que ocupa dos columnas en maquetación a columnas, 
	usar la clase.dos_col izquierda o derecha según se requiera*/
	
/*Div que ocupa tres columnas para maquetación a 4 columnas*/

.tres_cuartos_col_izq {
width:74%;
float:left;
text-align:center;
}

.tres_cuartos_col_der {
width:74%;
float:right;
text-align:center;
}
	
/*Separador vertical para columnas a cuatro columnas*/

.cuatro_col_sep {
width:2.5%;
float:left;
text-align:center;
}

/*Maquetación a cinco columnas*/

/*Div para cada columna a cinco columnas*/

.cinco_col {
width:17.9%;
float:left;
text-align:center;
}

/*Div para una columna que ocupa 3 columnas a cinco columnas*/

.tres_quintos_col_izq {
width:59%;
float:left;
text-align:center;
}

/*Div para una columna que ocupa 4 columnas a cinco columnas*/

.cuatro_quintos_col_izq {
width:79%;
float:left;
text-align:center;
}

/*Separador vertical para maquetación a 5 columnas*/

.cinco_col_sep {
width:2.5%;
float:left;
text-align:center;
}