/* 
    Document   : structure
    Author     : NitsNets Studios
    Description:
        Estructura principal de la web
*/

/* ---------------------------------------------------------
 * CUERPO PÁGINA
 * ---------------------------------------------------------
 */
html, body {
    background: 	#ffffff;
    color:          #000000;
    font-family:    Verdana;
    font-size:      10px;
    height:			100%;
    min-height: 	100%;
    overflow-x: 	hidden;
}
	body.ibox {
		background: #000000;
		color:      #ffffff;
	}
	
/* ---------------------------------------------------------
 * CABECERA
 * ---------------------------------------------------------
 */
#header {
	height:		71px;
	left:		0px;
	position:	absolute;
	top:		0px;
	width:		100%;
}

#header_left,
#header_right {
	height:		71px;
	position:	absolute;
	top:		0px;
	width:		50%;
}
	#header_left {
		background: url(images/header_left.jpg) repeat-x 0 0;
		left:		0px;
	}
	
	#header_right {
		background: url(images/header_right.jpg) repeat-x 0 0;
		right:		0px;
	}

#header_center {
	background: url(images/header_center.jpg) repeat-x 0 0;
	height:		71px;
	left:		50%;
	margin:		0px 0px 0px -600px;
	position:	absolute;
	top:		0px;
	width:		1200px;
}


/* ---------------------------------------------------------
 * CONTENIDO
 * ---------------------------------------------------------
 */
#page {
	background-position: center top;
	background-repeat: 	 no-repeat;
	position:	absolute;
 	width:		100%;
 	top:		71px;
 	z-index:	1;
}

#main {
	left:		50%;
	margin:		0px 0px 0px -470px;
	position:	relative;
	width:		940px;
}


/* ---------------------------------------------------------
 * PIE
 * ---------------------------------------------------------
 */
#footer {
	background: #5f5f5f url(images/footer.jpg) repeat-x 0 0;
	padding:	0px 0px 35px 0px;
	position: 	relative;
}

#footer_1 {
	background: url(images/footer_1.jpg) no-repeat 0 0;
	height:		auto !important;
	height:		154px;
	left:		50%;
	margin:		0px 0px 0px -600px;
	min-height: 154px; /* 184 */
	padding:	10px 240px 20px 130px;
	position: 	relative;
	width:		830px; /* 1200px */
	z-index:	2;
}

#footer_2 {
	background: url(images/footer_2.png) repeat 0 0;
	height:		auto !important;
	height:		114px;
	min-height: 114px;
	position: 	relative;
	width:		100%;
	z-index:	5;
}
	#footer_2_content {
		background: url(images/footer_2.gif) no-repeat center 45px;
		left:		50%;
		margin:		-114px 0px 0px -490px;
		padding:	0px 20px;
		position:	relative;
		width:		940px; /* 980px */
		z-index:	10;
	}


/* ---------------------------------------------------------
 * HOME
 * ---------------------------------------------------------
 */
#home_column {
	position:	relative;
}

#home_column_left {
	float:		left;
	position:	relative;
	width:		600px;
}
	#home_column_left.home_special {
		margin:	391px 0px 0px 0px;
	}
	
#home_column_left_2 {
	float:		left;
	position:	relative;
	width:		306px;
}

#home_column_right {
	float:		right;
	position:	relative;
	width:		306px;
}
	#home_column_right.home_special {
		margin:		-52px 0px 0px 0px;
		position:	relative;
		z-index:	5;
	}

#home_column_right_2 {
	float:		right;
	position:	relative;
	width:		614px;
}


/* ---------------------------------------------------------
 * RESTO DE PÁGINAS
 * ---------------------------------------------------------
 */
#inside {
	padding:	52px 0px 0px 0px;
}

#inside_column {
	/*padding:	52px 0px 0px 0px;*/
}

#inside_column_perfil {
	/*padding:	52px 0px 0px 0px;*/
    position:relative;
}


/* Columnas IZQ */
#inside_column_left {
	float:		left;
	position:	relative;
	width:		600px;
}
	#inside_column_left_2 {
		float:		left;
		position:	relative;
		width:		306px;
	}
	
	#inside_column_left_3 {
		float:		left;
		position:	relative;
		width:		270px;
	}
	
	#inside_column_left_4 {
		float:		left;
		position:	relative;
		width:		400px;
	}
	
	#inside_column_left_5 {
		float:		left;
		position:	relative;
		width:		453px;
	}
	
	#inside_column_left_6 {
		float:		left;
		position:	relative;
		width:		617px;
	}
	
	#inside_column_left_7 {
		float:		left;
		position:	relative;
		width:		650px;
	}
	
	#inside_column_left_8 {
		float:		left;
		position:	relative;
		width:		460px;
	}
	

/* Columnas DER */
#inside_column_right {
	float:		right;
	position:	relative;
	width:		306px;
}
	#inside_column_right_2 {
		float:		right;
		position:	relative;
		width:		614px;
	}
	
	#inside_column_right_3 {
		float:		right;
		position:	relative;
		width:		636px;
	}
	
	
	#inside_column_right_4 {
		float:		right;
		position:	relative;
		width:		506px;
	}
	
	#inside_column_right_5 {
		float:		right;
		position:	relative;
		width:		453px;
	}
	
	#inside_column_right_6 {
		float:		right;
		position:	relative;
		width:		270px;
	}
	
	#inside_column_right_7 {
		float:		right;
		position:	relative;
		width:		460px;
	}
	
	
	
	
	
/* -----------------------------------------------------------
 * ESTRUCTURAS QUE DEBEN IR EN EL CSS FINAL
 * -----------------------------------------------------------
 */
 
/* -------------------------------------
 * COLUMNA 100% = 940px
 * -------------------------------------
 */	
.inside_structure_1 {
	position: 	relative;
} 


/* -------------------------------------
 * DOS COLUMNAS : 614px + 306px
 * -------------------------------------
 */
.inside_structure_2 {
 	margin:		0px 0px 25px 0px;
 	position: 	relative;
}
	.inside_structure_2 .inside_column_left {
 		float:  left;
 		width: 	614px;
 	}
 	
 	.inside_structure_2 .inside_column_right {
 		float: 	right;
 		width: 	306px;
 	}
 	

/* -------------------------------------
 * DOS COLUMNAS : 515px + 425px
 * -------------------------------------
 */	
.inside_structure_3 {
    background:	url("images/line_1.gif") no-repeat left bottom;
    margin:		0px 0px 25px 0px;
    padding: 	0px 0px 10px 0px;
	position: 	relative;
}
	.inside_structure_3 .inside_column_left {
		float:  left;
		width: 	515px;
	}
	
	.inside_structure_3 .inside_column_right {
		float: 	right;
		width: 	425px;
	}


/* -------------------------------------
 * DOS COLUMNAS : 600px + 306px
 * -------------------------------------
 */
.inside_structure_4 {
 	position: 	relative;
}
	.inside_structure_4 .inside_column_left {
 		float:  left;
 		width: 	600px;
 	}
 	
 	.inside_structure_4 .inside_column_right {
 		float: 	right;
 		width: 	306px;
 	}


/* -------------------------------------
 * DOS COLUMNAS : 453px + 453px
 * -------------------------------------
 */
.inside_structure_5 {
 	position: 	relative;
}
	.inside_structure_5 .inside_column_left {
 		float:  left;
 		width: 	453px;
 	}
 	
 	.inside_structure_5 .inside_column_right {
 		float: 	right;
 		width: 	453px;
 	}
 	
 	
/* -------------------------------------
 * TRES COLUMNAS : 300px + 285px + 285px
 * -------------------------------------
 */
.inside_structure_6 {
 	position: 	relative;
}
	.inside_structure_6 .inside_column_left {
 		float:  left;
 		padding:0px 30px 0px 0px;
 		width: 	300px;
 	}
 	
 	.inside_structure_6 .inside_column_center {
 		float:  left;
 		width: 	285px;
 	}
 	
 	.inside_structure_6 .inside_column_right {
 		float: 	right;
 		width: 	285px;
 	}
 	
 
/* -------------------------------------
 * CASO ESPECIAL DE LA HOME
 * -------------------------------------
 */	
.inside_home .inside_column_left {
	margin:		420px 0px 0px 0px;
}

.inside_home .inside_column_right {
	margin:		-52px 0px 0px 0px;
	position:	relative;
	z-index:	5;
}