/** CSS Intranet Acindar **/

/*   Reseteo de estilos   ***************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img { 
	border:0;
	}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
	}
ol,ul {
	list-style:none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border:0;
	}
	
a img{border:0;}	


/*   FooterStickAlt - Footer Abajo Siempre    ***************************************************/

* {
	margin: 0;
}

html, body {
	height: 100%;
}

#container {
	height: auto !important;
	/*margin: 0 auto -65px; *//* the bottom margin is the negative value of the footer's height */
	margin:0 auto;
	position:relative;
}


#header{
	height:74px;
	position:relative;
}

#main_content {
	clear:both;
	padding:10px 9px;
	_height:302px;
	min-height:302px; 	/* 709 = 729 (height) - 20 (padding) */
	position:relative;
	margin:0 auto;
	width: 709px;
}

#main_content:after{ 	/*ajusta la altura del main_content a los div flotantes*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearer {
	height: 65px; /* .push must be the same height as .footer */
}

#footer {
	clear:both;
	margin:0 auto;
	padding-top:10px;
	height:55px;
	position:relative;
}
	
/*   Estructura General ****************************************************************************/

/* body
/* #container
/* #header
/* #header  #head_top
/* #header  #head_bottom
/* #main_image
/* #main_content
/* #main_content  #content
/* #main_content  #content  .column 	 (HOME)
/* #main_content  #content  #col_left  (INTERNAS)
/* #main_content  #content  #col_right (INTERNAS)
/* #footer

/***************************************************************************************************/

body {
	margin:0 auto;
	padding-top:0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6f6f6f;
	background:#a9aaa2;
}

#container{
	width:729px;
	background:#FFF;
	margin:0 auto;
}
	
#header{
	background: #414141 url(../img/bg/bg-header.gif) no-repeat right bottom;
	height:156px; 
	width:709px;
	padding:0 10px;
}

#main_image, #main_image li{
	width:729px;
	height:349px;
	display:block;
}

	
#main_content {
	clear:both;
	padding:10px 9px;
	_height:302px;
	min-height:302px; 	/* 709 = 729 (height) - 20 (padding) */
	position:relative;
	margin:0 auto;
	width: 709px;
}


#main_content #content{
	display:block;
	width:100%;
	height:100%;
}

#main_content .column{
	display:block;
	float:left;
	height:100%;
	min-height:302px;
}

#main_content .column1{
	width:187px;
}

#main_content .column2{
	width:162px; /* 162 = 174 (width) - 12 (padding) */
	padding:0 6px;
}

#main_content .column3{
	width:170px; /* 170 = 180 (width) - 10 (padding) */
	padding:0 5px;
}

#main_content .column4{
	width:168px;
}

#main_content #col_left{
	width:177px;
	height:100%;
	margin-right:17px;
	background:red;
	min-height:500px;
	float:left;
}

#main_content #col_right{
	width:513px;
	height:100%;
	min-height:500px;
	background:orange;
	float:left;
}


#footer{
	clear:both;
	width:711px;
	padding:10px 9px 0 9px;
	_height:55px;
	max-height:55px;
	background: #FFF url(../img/bg/bg-footer.gif) no-repeat right bottom;
	font-size:10px;
}


/* HEADER ****************************************************************************/

#head_top{clear:both;}

#header #logo{
	float:left;
	padding:25px 0 16px 0px; 
}

#header #logo img{}
	
#header #opciones_header{
	float:right;
	width:530px;
	height:96px;
	padding-right:10px; 
}

#header #opciones_header #fecha_actual{
	padding-top:9px;
	height:10px;
	color:#757678;
	text-align:right;
}

#header #opciones_header h1{
	color:#c0542f;
	font-weight:bold;
	font-size:11px;
	display:block;
	clear:both;
	text-align:right;
	height:18px; 
	
}

#header #opciones_header #navegacion{
	height:30px;
	padding:0;
	float:right;
	margin-bottom:25px;
}

#header #opciones_header #navegacion ul{
	height:10px;
	float:right;
	margin:0;
	padding:3px 0 0; 
}

#header #opciones_header #navegacion ul li{
	display:inline;
	float:left;
	padding:0;
}


#header #opciones_header #navegacion ul li a:link,
#header #opciones_header #navegacion ul li a:visited{
	text-decoration:none;
	padding:0 6px 0 6px;
	display:block;
	float:left;
	background: url(../img/bg/li-navegacion.gif) no-repeat right 2px;
}

#header #opciones_header #navegacion ul li a:hover{
	text-decoration:underline;
}


#header #opciones_header #navegacion ul#menu1 li a:link,
#header #opciones_header #navegacion ul#menu1 li a:visited,
#header #opciones_header #navegacion ul#menu1 li a:hover{
	color:#898989;
}

#header #opciones_header #navegacion ul#menu2{
	clear:both;
}

#header #opciones_header #navegacion ul#menu2 li a:link,
#header #opciones_header #navegacion ul#menu2 li a:visited,
#header #opciones_header #navegacion ul#menu2 li a:hover{
	color:#CCC;
	background: url(../img/bg/li-navegacion2.gif) no-repeat right 2px;
}


#header #opciones_header #navegacion ul#menu1 li a.lastItem,
#header #opciones_header #navegacion ul#menu1 li a.lastItem:visited,
#header #opciones_header #navegacion ul#menu2 li a.lastItem,
#header #opciones_header #navegacion ul#menu2 li a.lastItem:visited{
	background:none;
}

#header #opciones_header #navegacion select{
	float:right;
	width:193px;
	font-size:11px;
	margin-left:7px;
	border-bottom:1px solid #d4d0c8;
	border-right:1px solid #d4d0c8;
}

#header #opciones_header h1{
	height: 34px;
	line-height: 90px;
	overflow:hidden;
	display:block; 
	background: url(../img/titulos/reporte-sustentabilidad-06.gif) no-repeat right 3px;
}

#header #opciones_header h1.tit_reporte_eng{
	height: 34px;
	line-height: 90px;
	overflow:hidden;
	display:block; 
	background: url(../img/titulos/sustainability-report-2006.gif) no-repeat right 3px;
}

#head_bottom{
	clear:both; 
	padding-left:15px;
	width:694px;
}

#head_bottom #menu{
	padding-top:0px;
	padding-bottom:30px;
}

#head_bottom #menu ul{

}

#head_bottom #menu ul li{
	display:inline;
}

#head_bottom #menu ul li a{
	color: #898989;
	font-size:11px;
	text-decoration:none;
	display:block;
	float:left;
	_height:42px;
	min-height:42px;
	width:90px;
	margin-right:8px;
	background: url(../img/pix-gris.gif) repeat-x left bottom;
	padding-bottom:4px;
}

#head_bottom #menu ul li a:hover{
	color: #FFF;
	text-decoration: underline;
}

	

/* MAIN CONTENT **********************************************************************/



/* FOOTER *****************************************************************************/


#div_axxon{
	float:left;
	width:161px;
	height:30px;
	display:block;
	text-align:left;
	margin-right:7px;
	margin-left:3px;
	background: url(../img/pix-claro.gif) repeat-x left 20px;
}

#div_acindar{
	float:right;
	width:161px;
	height:30px;
	display:block;
	text-align:left;
	margin-left:10px;
	background: url(../img/pix-claro.gif) repeat-x left 20px;
}


#div_politicas{
	float:right;
	width:138px;
	height:30px;
	text-align:left;
	margin-right:7px;
	display:block;
	margin-left:10px;
	background: url(../img/pix-claro.gif) repeat-x left 20px;
}

#footer a,
#footer a:hover,
#footer a:active,
#footer a:visited{
	text-decoration:none;
	color:#666666;
}