body{
	margin: 0px;
	


	text-align: center;
	background-color: #999999;
}

html,body{
	height: 100%;
}






#main{
	background: url() 0 0 repeat-x;
	height: 100%;
}

#center{

	
	background: url(../fons.jpg) 0 0 repeat;
	margin: 0 auto;
	text-align: left;
	width: 850px;
	height: 100%;
	position: relative;
}

#middle{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	
}
#edgetop3{
	
	width: 742px;
	height: 305px;
}
#edgetop3 img{
		
	border: 0px;
}

#edgetop3_home{
	
	width: 742px;
	height: 386px;
}
#edgetop2{
	
	width: 100%;
}
#edgetop2 img{
		
	border: 0px;
}

#edgetop{
	background: url(../header2.jpg) 0 0 repeat;
	height: 304px;
}

#edgetop img{
		
	border: 0px;
}
#edgetop a:link {color: #ffffff;  text-decoration: none}
#edgetop a:visited {color: #ffffff;  text-decoration: none}
#edgetop a:hover {color: #000000;  text-decoration: none}
#edgetop a:active {color: #000000;  text-decoration: none}

#content{
	margin: 0px 0px 0px 0px;
	background-color: #919397;
	
}

#edgebot{
	background: url(../img/port_r6_c11.jpg) 0 0 repeat;
	height: 5px;
}
#edgebot2{
	background: url(../img/port_r6_c1.jpg) 0 0 repeat;
	height: 9px;
}

.contingut, .contentsub{
	
	
	padding: 0px 0px 0px 0px;


	
}






.contentsub{
	background: url() 0 0 repeat-x;
}





h1{
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	padding: 0px;
	margin: 10px 0px 5px 0px;
}



#seccio{

   padding-left: 5px;
  background: url(../fons.jpg) 0 0 repeat;
}



#div2 {

	position: relative;
	width: 576px;
	padding-top: 45px;
	
	left: 48px;
	
	font: 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	color: BLACK;
	text-align:justify;	
}

#div2 a:link {color: #000000;  text-decoration: none}
#div2 a:visited {color: #000000;  text-decoration: none}
#div2 a:hover {color: #000000;  text-decoration: underline}
#div2 a:active {color: #000000;  text-decoration: none}


#div2_quienes {
	position: relative;
	width: 550px;
	padding-top: 45px;
	left: 48px;
	font: 11px Tahoma;
	line-height:16px;
	color: BLACK;
	text-align:justify;
}

#div2_home {

	position: relative;
	width: 576px;
	padding-top: 25px;
	
	left: 43px;
	
	font: 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	color: BLACK;
	text-align:left;	
}

#div2_llibre {

	position: relative;
	width: 550px;
	padding-top: 45px;
	
	left: 48px;
	
	font: 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	color: BLACK;
	text-align:justify;	
}
#div2_home a:link {color: #000000;  text-decoration: none}
#div2_home a:visited {color: #000000;  text-decoration: none}
#div2_home a:hover {color: #000000;  text-decoration: underline}
#div2_home a:active {color: #000000;  text-decoration: none}


#div22 {
	position: relative;
	width: 560px;
	top: 8px;
	left: 2px;
	text-align:left;
	
}#div23 {
	position: relative;
	width: 280px;
	top: 0px;
	left: 0px;
	text-align:justify;
}
#div24 {
	position: relative;
	width: 185px;
	top: 0px;
	left: 0px;
	text-align:justify;
}
.titol_llibre {
	text-align: left;
	font: 11px Tahoma;
	line-height:20px;
	font-weight: bold;	
	
}

#flash {
	position: absolute;
	top: 113px;
	left: 0px;
	
}

#titolmenu {
	position: absolute;
	top: 99px;
	left: 10px;
	font: 10px Tahoma;
	text-align: left;	
	color: #1E303A;
	letter-spacing: 0px
}


#titolmenu2 {
	position: absolute;
	top: 99px;
	left: 110px;
	font: 10px Tahoma;
	text-align: left;	
	color: #1E303A;
	letter-spacing: 0px
}
#titolmenu3 {
	position: absolute;
	top: 99px;
	left: 178px;
	font: 10px Tahoma;
	text-align: left;	
	color: #1E303A;
	letter-spacing: 0px
}
#titolmenu4 {
	position: absolute;
	top: 99px;
	left: 241px;
	font: 10px Tahoma;
	text-align: left;	
	color: #1E303A;
	letter-spacing: 0px
}
#titolmenu5 {
	position: absolute;
	top: 99px;
	left: 312px;
	font: 10px Tahoma;
	text-align: left;	
	color: #1E303A;
	letter-spacing: 0px
}
#titolmenu6 {
	position: absolute;
	top: 99px;
	left: 390px;
	font: 10px Tahoma;
	text-align: left;	
	color: #1E303A;
	letter-spacing: 0px
}
#titolmenu7 {
	position: absolute;
	top: 99px;
	left: 494px;
	font: 10px Tahoma;
	text-align: left;	
	color: #1E303A;
	letter-spacing: 0px
}

#titolmenu9 {
	position: absolute;
	top: 98px;
	left: 590px;
	font: 10px Tahoma;
	text-align: left;
	color: #1E303A;
	letter-spacing: 0px
}




#titolmenu10 {
	position: absolute;
	top: 10px;
	left: 14px;
	font: 12px Tahoma;
	text-align: right;
	line-height: 14px;
	color: #D68425;
	background-image: url(../img/img_boletin.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 90px;
	
		
	
}



#titolmenu11 {
	position: absolute;
	top: 10px;
	left: 120px;
	font: 12px Tahoma;
	text-align: right;
	line-height: 14px;
	color: #D68425;
	background-image: url(../img/img_facebook.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 105px;
	
		
	
}

#titolmenu12 {
	position: absolute;
	top: 10px;
	left: 240px;
	font: 12px Tahoma;
	text-align: left;
	line-height: 14px;
	color: #D68425;
	background-image: url(../img/ico_twitter.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 100px;
	padding-left: 40px;
	
	
		
	
}



#titolmenu8 {
	position: absolute;
	top: 98px;
	left: 814px;
	font: 10px Tahoma;
	text-align: left;
	color: #1E303A;
	letter-spacing: 0px
}

#titolseccio {
	 position:relative;
	width: 268px;
	height: 23px;
	top: 34px;
	left: 31px;
	font: 22px Arial;
	text-align: left;
	padding-left: 1px;
	color: #1E303A;
	letter-spacing: 0px;
	font-weight: bolder;
}
#titolseccio_llibre {
	 position:relative;
	width: 468px;
	height: 23px;
	top: 34px;
	left: 27px;
	font: 24px Arial;
	text-align: left;
	padding-left: 1px;
	color: #000000;
	letter-spacing: 2px;
	font-weight: bolder;
}

.titolseccio2 {
	font: 22px Arial;
	text-align: left;
	padding-left: 1px;
	color: #1E303A;
	letter-spacing: 2px;
	font-weight: bolder;
}


.trigger {
  position:relative;
  cursor:pointer;
  z-index:2;
}
.menu {
	position:absolute;
	visibility:hidden;
	overflow:hidden;
	z-index:1;
	margin:5;
	padding:4px;
	background:#EBEBCC;
	filter:Alpha(opacity=80,finishopacity=80,style=1);
	color:#000000;
opacity:0.8;
	width: 98px;
	top: 35px;
	left: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height:18px;
	padding-left: 14px;
}

.menu a:link {color: #000000;  text-decoration: none}
.menu a:visited {color: #000000;  text-decoration: none}
.menu a:hover {color: #ffffff;  text-decoration: none}
.menu a:active {color: #ffffff;  text-decoration: none}






.titolhome {
	
	
font-family: Times;
	font-size: 18px;
	line-height:18px;
}

#rightcolumn{
	PADDING-TOP: 20px;
	width: 198px; /*Width of right column*/
	position: absolute;
	font: 11px Tahoma;
	line-height:16px;
	left: 654px;
	top: 318px;
}




#footer{

width: 850px;

font: 11px Tahoma;
	line-height:16px;
	color: white;
text-align: center;
padding: 4px 0;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.innertube a:link {color: #000000;  text-decoration: none}
.innertube a:visited {color: #000000;  text-decoration: none}
.innertube a:hover {color: #000000;  text-decoration: underline}
.innertube a:active {color: #000000;  text-decoration: underline}


.links_llibres{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.links_llibres a:link {color: #000000;  text-decoration: none}
.links_llibres a:visited {color: #000000;  text-decoration: none}
.links_llibres a:hover {color: #1E303A;  text-decoration: underline}
.links_llibres a:active {color: #1E303A;  text-decoration: none}


.floatright
{
float: right;
width: 295px;


}

.floatleft
{
float: left;
width: 260px;



}
.floatright2
{
float: right;

margin: 0 0 1px 1px;
padding-top: 4px;
padding-right: 4px;
padding-left: 10px;
padding-bottom: 80px;

}

.titolindexllibres {
	color: #345A4E;
	font-weight: bold;
}