/* Alambre Estudio Gráfico
   www.alambre.net
   //
   Estilos TS FUNDICIONES CSS+XHTML
   Estructura
   Junio 2009
*/

/* fondo y general*/

html, body, #content {
	height:100%; width:100%;
}
		
html {
	overflow-x: hidden;
	overflow-y: hidden;
}

body {
	overflow:hidden;/*Needed to eliminate scrollbars*/
	background:#63778e;
	font:11px Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #686657;
}

h2{
overflow: hidden;	
text-align: right;}

h2 img{
	text-align: right;
	}
				
/* enlaces */

	a{
		color: #014694;
		text-decoration: none;
		outline: none;
	}

	a:hover{
		color: #014694;
		text-decoration: underline;
	}

/* Contenido */
				
			
	#col1{
		position:absolute;
		top:0px;
		left:100%;
		height: 100%;
		margin-left: -245px;
		/* 15px de margen de seguridad para barra */
		z-index:82;
		width:230px;
		/*background-color: white;*/
	}

	#col1bis{
		position:absolute;
		top:0px;
		left:100%;
		height: 100%;
		margin-left: -230px;
		/* 15px de margen de seguridad para barra */
		background-color: #eae7e3;
		z-index:82;
		width:230px;
	}
		
	#col2{
		z-index: 84;
		position:absolute;
		top:0px;
		left:100%;
		height: 100%;
		margin-left: -475px;
		z-index:80;
		width:475px;
		background-color: #EAE7E3;
		background-image: url(../img/estructura/fondo_col2.gif);
		background-repeat: repeat-y;
		top:0; overflow:auto;
	}
		
	#col2bis{
		z-index: 84;
		position:absolute;
		top:0px;
		left:100%;
		height: 100%;
		margin-left: -500px;
		z-index:80;
		width:500px;
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
	}
			
	#col3{
		z-index: 32;
		width:330px;
		top:0;
		left: 100%;
		margin-left: -826px;
		position:absolute;
		padding-top: 115px;
		overflow: auto;
		text-align: right;	
}

		
	#col2 p{
		font-size: 12px;
		width: 177px;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-left: 21px;
		margin-right: 21px;
		line-height: 16px;
	}
	
	#col2 ul{
			padding-bottom: 10px;
			padding-top: 10px;
			margin-left: 21px;
			margin-right: 21px;
			width: 177px;
			font-size: 12px;
}
	#col2 ul li{
			margin: 0;
			margin-left: 12px;
			*margin-left: 15px;	/* IE7 e inferiores */
			*padding-top: 10px;	/* IE7 e inferiores */
			margin-bottom: 5px;
			padding: 0px;
			padding-top: 0px;
			width: 165px;
			list-style-type: disc;
			list-style-position: outside;
			vertical-align: top;
			line-height: 16px;
}

/* TEXTOS */

	.contenido{
		margin-top: 110px;
		padding-bottom: 16px;
	}
	
	div.grafico_container{
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 21px;
	}
		
/* MENU */

	#logo{
	}
	
	#logo img{
		margin-top: 41px;
		margin-bottom: 47px;
		margin-left: 17px;
	}
	
	ul#menu{
		list-style-type: none;
		margin-left: 65px;
	}

	ul#menu li{
		margin-bottom: 4px;
		line-height: 0px;
	}

	ul#menu li.bajo{
		margin-top: 20px;
	}
		
/* COPYRIGHT */

	#pie{
		vertical-align: bottom;
		position: fixed;
		bottom: 0px;
		margin-left: 65px;
		color: #808080;
		line-height: 13px;
	}

	#pie a{
	color: #3b3c3c;
	}

	#pie ul{
		list-style-type: none;
	}

	#pie ul li.sel, #pie ul li a:hover{
		color: #3b3c3c;
		text-decoration: none;
	}

	#pie ul li a{
		color: #808080;
	}


	#copyright{
		margin-top: 48px;
		margin-bottom: 23px;
	}