/* CSS Document */


body{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	background-color:#000000;
	/*color:#FFFFFF; */
}

#framecontent{
	position: absolute;
	top: 0;
	bottom: 0; 
	left: 0;
	width: 215px; /*Width of frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background:#000000;
}

#maincontent{
	position: fixed;
	top: 0;
	left: 215px; /*Set left value to WidthOfFrameDiv*/
	right: 0;
	bottom: 0;
	overflow: auto;
	background-image:url(../img/fons1.jpg);
	background-color: #000;
	background-repeat: no-repeat;
	background-position: right top;
}

.innertube{
	margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.innertube1{
	top:0px;
	right:0px;
	height:235px;
	width:400px;
	float:right;
	/*position:absolute;
	position:fixed;*/
}

.innertube2{
	margin: 15px;
	top:240px;
	position:absolute;
}
* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
	height: 100%; 
	width: 100%; 
}

#barra {
	position:relative;
	background-image:url(../img/barra.gif);
	top:0px;
	left:0;
	width:210px;
	height:100%;
	z-index:10;
	background-repeat: repeat-y;
	background-position: right top;
}


#dinsBarra {
	width:200px;
	height:20px;
	bottom:10px;
	left:18px;
	position:fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100 !important;
	font-size:10pt;
	color:#FF9900 !important;
	text-decoration:none !important;
}

#it_menu{
	position:relative;
	left:33px;
}
#it_menu img{
	margin-bottom:4px;
	cursor:pointer;
}

#esq_ini, #dret_ini{
	padding:5px;	
	top:180px;
}

#esq_ini{
	float:left;
	border-right:#ff9900 dotted thin;
	display:block;
	width:380px;
}

#dret_ini{
	display:block;
	margin-left:398px;
	border-left:#111 dotted medium;
	width:250px;
}

#ini_links, #ini_temas{
	width:300px;
}