/* HOJA DE ESTILOS DE ESTRUCTURA
   Autor: Interesa Consultores
   
   Indice:		1.1  body
				1.2  Contenedor
				1.3  Cuerpo
				1.4  Contenido
				1.5  Tipologias de pagina
				
   --------------------------------------------------------*/

	
	/* =Body
   --------------------------------------------------------*/
	
	body {
		background-color: #FFF;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 62.5%;
		height: 100%;
		line-height: 1;
		margin: 60px 0 0 0;
		text-align: center;
	}

	
	/* =Contenedor
   --------------------------------------------------------*/	
	
	#contenedor {
		margin: 0 auto;
		text-align: left;
		width: 975px;
	}
	

	/* =Cuerpo
   --------------------------------------------------------*/
   
   	#cuerpo {
		height: 1%;
		margin-bottom: 46px;
	}
	
	#modulo-1 {
		float: left;
		width: 120px;
	}
	
	#modulo-2 {
		float: left;
		padding-top: 30px;
		width: 855px;
	}
		
		/* borde de colores */
		.queEs {
			border-top: 6px solid #CC0000;
		}
		
		.enQue {
			border-top: 6px solid #000;
		}
		
		.aQuien {
			border-top: 6px solid #B1B2B5;
		}
		
		.solicitud {
			border-top: 6px solid #00B0AB;
		}
		
		.actualidad {
			border-top: 6px solid #FF6E00;
		}
		
		.contacto {
			border-top: 6px solid #FFD100;
		}


	/* =Contenido
   --------------------------------------------------------*/	
	
	#cuerpo .bloque-1,
	#cuerpo .bloque-2,
	#cuerpo .bloque-3 {
		display: inline;
	}
	
	#cuerpo .bloque-1 {
		float: left;
	}
	
	#cuerpo .bloque-2 {
		float: right;
	}
	
	#cuerpo .bloque-3 {
		float: left;
	}
	
	#cuerpo .contenido1Col,
	#cuerpo .contenido2Col,
	#cuerpo .contenido2ColIzdaGrande,
	#cuerpo .contenido2ColIzdaMediana {
		padding-left: 35px;
	}
	
	
	/* =Tipos de estructura de contenido
		- una columna:                    820px
		- dos columnas iguales:           370px y 370px
		- dos columnas izquierda grande:  572px y 180px
		- dos columnas izquierda mediana: 530px y 255px
		- tres columnas:                  380px 170px y 235px
   --------------------------------------------------------*/
	
		/* Una columna */
		#cuerpo .contenido1Col .bloque-1 {
			width: 820px;
		}
		
		
		/* Dos columnas iguales */
		#cuerpo .contenido2Col .bloque-1,
		#cuerpo .contenido2Col .bloque-2 {
			width: 370px;
		}
		
		
		/* Dos columnas (izquierda grande) */
		#cuerpo .contenido2ColIzdaGrande .bloque-1 {
			width: 546px;
		}
		
		#cuerpo .contenido2ColIzdaGrande .bloque-2 {
			width: 180px;
		}
		
		
		/* Dos columnas (izquierda mediana) */
		#cuerpo .contenido2ColIzdaMediana .bloque-1 {
			width: 530px;
		}
		
		#cuerpo .contenido2ColIzdaMediana .bloque-2 {
			width: 255px;
		}
		
		
		/* Tres columnas */
		#cuerpo .contenido3Col .bloque-1 {
			display: inline;
			width: 380px;
		}
		
		#cuerpo .contenido3Col .bloque-2 {
			display: inline;
			float: left;
			margin-left: 55px;
			width: 170px;
		}
		
		#cuerpo .contenido3Col .bloque-3 {
			display: inline;
			margin-left: 15px;
			width: 235px;
		}