/*  ESTRUCTURA GENERAL DE LA PÀGINA */

body {
	background-color: #000000;
	margin: 0px;
	/*
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 55px;
	*/
	background-image: url(fons.png);
	background-repeat: repeat-x;
	background-position: left top;
}

body.imprimir {
	background-color: #000000;
	margin: 0px;
	/*
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 55px;
	*/
}

html, body, #contenidor {
  height:100%; min-height:100%;
}

#contenidor_imprimir {
	position:absolute;
	width: 95%;
	color:#FFFFFF;
	text-align:left;
	margin-right:20px;
	margin-left:20px;
}


#contenidor {
	position:absolute;
	width: 100%;
}

html > body, html > body #contenidor {
  height:auto;
}


/*  ELEMENTS DE LA PÀGINA */


h1 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 25px;
	color: #F1F1DB;
	margin-top: 0px;
	margin-bottom: 50px;
	line-height:30px;
}
h2 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 22px;
}


/*  Capa Flash-random */

#imatge_fons {
	position: absolute;
	height: 360px;
	width: 510px;
	right: 0px;
	top: 0px;
}


/*  Capa idiomes */

#contenidor #idiomes {
	height: 70px;
	position: relative;
	margin-top: 15px;
	margin-left: 55px;
	margin-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	font-weight: bold;
}
#contenidor #idiomes a:link,
#contenidor #idiomes a:visited {
    color: #CCCCCC;
	text-decoration: none;
}
#contenidor #idiomes a:hover,
#contenidor #idiomes a:active {
	color: #FFFFFF;
	text-decoration: none;
}


/*  Columna esquerra */

#contenidor #esquerra {
	color: #FFFFFF;
	width: 470px;
	position: relative;
	float: left;
	left: 55px;
}
#contenidor #esquerra #logo {
	margin-bottom: 10px;
}
#contenidor #esquerra #menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F1F1DB;
	margin-bottom: 35px;
}
#contenidor #esquerra #menu a:link,
#contenidor #esquerra #menu a:visited {
    color: #F1F1DB;
	text-decoration: none;
}
#contenidor #esquerra #menu a:hover,
#contenidor #esquerra #menu a:active {
	color: #FFCC66;
	text-decoration: none;
}
#contenidor #esquerra {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
	margin-bottom: 40px;
}
#text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
}
#contenidor #esquerra #llibres {
	height: 260px;
	width: 520px;
	margin-bottom: 50px;
	margin-top: 10px;
}
#contenidor #esquerra #llibres table {
	height: 260px;
	width: 520px;
}
#contenidor #esquerra #llibres table a:link,
#contenidor #esquerra #llibres table a:visited {
    color: #FFCC66;
	text-decoration: none;
}
#contenidor #esquerra #llibres table a:hover,
#contenidor #esquerra #llibres table a:active {
	color: #FFFFFF;
	text-decoration: none;
}


/*  Columna dreta */

#contenidor #dreta {
	color: #FFFFFF;
	width: 330px;
	position: absolute;
	padding-top: 195px;
	left: 625px;
}
#contenidor #dreta #noticies {
	height: 37px;
	width: 330px;
	margin-bottom: 35px;
}
#contenidor #dreta #noticies #noticies_inf {
	height: 37px;
	width: 330px;
	position: absolute;
	border: 1px solid #4C4C4C;
}
#contenidor #dreta #noticies #noticies_sup {
	height: 25px;
	width: 330px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCC66;
	text-decoration: none;
	font-weight: normal;
	position: absolute;
	padding-top: 12px;
}
#contenidor #dreta #noticies #noticies_sup a:link,
#contenidor #dreta #noticies #noticies_sup a:visited {
    color: #FFCC66;
	text-decoration: none;
}
#contenidor #dreta #noticies #noticies_sup a:hover,
#contenidor #dreta #noticies #noticies_sup a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#contenidor #dreta #links {
	height: 236px;
	width: 330px;
}
#contenidor #dreta table {
	width: 330px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#links table {
	width: 330px;
	font-family: Comic Sans MS;
	font-size: 11px;
	color: #FFFFFF;
}

#contenidor #dreta #links table a:link,
#contenidor #dreta #links table a:visited {
	font-size: 11px;
	font-family: Comic Sans MS;
    color: #FFFFFF;
	text-decoration: none;
}
#contenidor #dreta #links table a:hover,
#contenidor #dreta #links table a:active {
	font-size: 11px;
	font-family: Comic Sans MS;
	color: #E9E6C7;
	text-decoration: none;
}


#contenidor #dreta table a:link,
#contenidor #dreta table a:visited {
    color: #FFFFFF;
	text-decoration: none;
}
#contenidor #dreta table a:hover,
#contenidor #dreta table a:active {
	color: #E9E6C7;
	text-decoration: none;
}


/* PEU DE PÀGINA */

#peu {
	position:absolute;
	bottom:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	left: 55px;
}
#peu a:link, #peu a:visited {
    color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}
#peu a:hover, #peu a:active {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}


/*  ESTILS ESPECÍFICS ESTÀTICS */

#contenidor #logo2 {
	position: absolute;
	top: 85px;
	left: 55px;
}
#contenidor #menu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F1F1DB;
	position: absolute;
	left: 395px;
	top: 115px;
	width: 515px;
}
#contenidor #menu2 a:link,
#contenidor #menu2 a:visited {
    color: #F1F1DB;
	text-decoration: none;
}
#contenidor #menu2 a:hover,
#contenidor #menu2 a:active {
	color: #FFCC66;
	text-decoration: none;
}
#contenidor #esquerra2 {
	color: #FFFFFF;
	width: 68%;
	position: relative;
	left: 55px;
	top: 100px;
	padding-bottom: 25px;
}
#contenidor #esquerra2 #text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
	margin-bottom: 50px;
}
#contenidor #contenidor_idiomes {
	position: relative;
	left: 0px;
	top: 80px;
}

#contenidor .barra_superior {
	background-color: #303030;
	height: 36px;
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-weight: bold;
	color: #CCCCCC;
}
#contenidor .text_poema {
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
.text_poema_oriental {
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}

#contenidor #dreta2 {
	color: #FFFFFF;
	height: 257px;
	width: 193px;
	position: absolute;
	top: 170px;
	right: 25px;
}
#contenidor #dreta2 #dreta2_sub {
	width: 193px;
	height: 257px;
	position: absolute;
	background-color: #FFFFFF;
	filter: alpha(opacity=10);
	-moz-opacity:.10;
	opacity:.10;
}
#contenidor #dreta2 #dreta2_sup {
	width: 152px;
	height: 229px;
	position: absolute;
}
#contenidor .sala_llengues {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	border: 1px solid #959595;
	width: 291px;
}

#contenidor .sala_llengues2 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	border: 1px solid #959595;
	width: 291px;
	left: 352px;
	top: 0px;
}

#contenidor .sala_llengues3 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	border: 1px solid #959595;
	left: 649px;
	top: 0px;
	right: 25px;
}

#contenidor .sala_llengues_2 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	border: 1px solid #959595;
	width: 440px;
}

#contenidor .sala_llengues2_2 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	border: 1px solid #959595;
	width: 430px;
	left: 550px;
	right: 25px;
	top: 0px;
}

#contenidor .sala_llengues_1 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	border: 1px solid #959595;
	width: 440px;
}


#contenidor #llengua1 {
	left: 55px;
	position: relative;
	/*width: 291px;*/
	margin-bottom: 70px;
}
#contenidor #llengua3 {
	position: absolute;
	/*width: 291px;*/
}
#contenidor #llengua2 {
	position: absolute;
}

#contenidor #contenidor_idiomes #llengua3 #tria_llengua {
	position: absolute;
	top: -22px;
	right: -1px;
}
#contenidor #contenidor_idiomes #llengua3 #tria_llengua select {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #959595;
	background-color: #303030;
}
#contenidor .notes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E9E6C7;
}
.text_poema {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E9E6C7;
}

.text_poema_oriental {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E9E6C7;
	line-height:20px;
}


#contenidor .text_poema .text_poema_oriental a:link,
#contenidor .text_poema .text_poema_oriental a:visited {
    color: #E9E6C7;
	font-weight: normal;
	text-decoration: underline;
}
#contenidor .text_poema .text_poema_oriental a:hover,
#contenidor .text_poema .text_poema_oriental a:active {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#contenidor .icones {
	height: 30px;
	margin-right: 10px;
	margin-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #323232;
	padding-top: 10px;
}
#peu2 {
	position:absolute;
	bottom:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	left: 55px;
}
#peu2 a:link, #peu2 a:visited {
    color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}
#peu2 a:hover, #peu2 a:active {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#peu3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	margin-bottom: 20px;
	margin-left: 55px;
}
#peu3 a:link, #peu2 a:visited {
    color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}
#peu3 a:hover, #peu2 a:active {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

a:link, a:visited {
    color: #FFCC66;
	font-weight: normal;
	text-decoration: none;
}
a:hover, a:active {
	color: #FFFF99;
	font-weight: normal;
	text-decoration: none;
}


a.relacions:link, a.relacions:visited {
	font-size:11px;
    color: #FFD66C;
	font-weight: normal;
	text-decoration: none;
	line-height:18px;
}
a.relacions:hover, a.relacions:active {
	font-size:11px;
	color: #FFFF99;
	font-weight: normal;
	text-decoration: none;
	line-height:18px;
}

a.titols:link, a.titols:visited {
	font-weight:bold;
    color: #FFD66C;
	text-decoration: none;
}
a.titols:hover, a.titols:active {
	font-weight:bold;
	color: #FFFF99;
	text-decoration: none;
}


#contenidor #contenidor_idiomes #llengua1 #tria_pagina {
	position: absolute;
	top: -22px;
	left: -1px;
}
#contenidor #contenidor_idiomes #llengua1 #tria_pagina select {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #959595;
	background-color: #303030;
}