@charset "utf-8";
/* CSS Document */
@import url(print.css);
body {
	background-image: url(../images/lila.png);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-bottom: 0px;
	border:0;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.25;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #666;
	font-size: 12px;
	background-attachment: fixed;
}
/***** Common Formatting *****/
p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
}
ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
}
blockquote {
	margin:22px 40px;
	padding:0;
}
small {
	font-size:0.85em;
}
img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
/***** Links *****/
a {
	font-family: Verdana, Geneva, sans-serif;
	color: #C0F;
	float: none;
}
a, a:visited, a:hover {
	text-decoration:none;
}
a:hover {
	color:#333
}
 .Estilopeu a, .Estilopeu a:link, .Estilopeu a:visited, .Estilopeu: a:hover {
 font-size: 10px;
}
.Estilopeu a:hover {
	color: YELLOW;
}
.Estilopeu {
	color: #93C;
	font-family: Arial;
	font-size: 10px;
}
/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}
input, select, textarea {
	font:1em arial, helvetica, sans-serif;
	background-color: #FF9;
}

label {
	cursor:pointer;
}
/* **************container***************************************** */

/* contenidor principal */
.oneColLiqCtrHdr #container {
	width: 850px;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: justify;
	min-height: 750px;
	background-image: url(../images/ondagris.gif);
	background-repeat: repeat;
}
/* capçalera */
.oneColLiqCtrHdr #header {
	width: 850px;
	background-repeat: repeat;
}
.oneColLiqCtrHdr #header h1 {
	margin: 0 20px;  /*el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen 
	padding: 0;  el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.oneColLiqCtrHdr #print {
	text-align: right;
	padding: 0 20px;
}
.oneColLiqCtrHdr #mainContent {
	padding: 0 20px; 
	cursor: default;
	z-index: 1;
	border-top:1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FFC;
}
.oneColLiqCtrHdr #left {
	/*padding: 10px;*/
	width: 400px;
	float: left;
	text-align: center;
}
.oneColLiqCtrHdr #right {
	margin-left: 405px;
	text-align: center;
}
.oneColLiqCtrHdr #centrat {
	text-align: center;
}
.oneColLiqCtrHdr #footer {
	/*padding: 0 10px;*/ /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	text-align: left;
	margin: 0;
	clear:both;
}
.oneColLiqCtrHdr #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
#bottom-separator {
	background-image:url('../images/lila_bottom.png');
	background-repeat:repeat-x;
	margin:0 0 auto 0;
	width: auto;
}
.cleared {
	float: none;
	clear: both;
	margin: 0 20px; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	/* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
	padding: 0;
	border: none;
	height: 10px;
}
/* ******* BARRA DE MENU ************************************************************************* */

#wrap {
	margin-top:30px;
}
/* MENU CONFIG */	
#menubar {
	width: 850px;
	position: static;
	height:25px;
	/*position:fixed;*/
	top:0px;
	left:0px;
	margin:0 auto;
	padding:0;
	background-image:url('../images/barralila.png');
	background-repeat:no-repeat;
	line-height:25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	z-index:4000;
}
ul#navmenu {
	margin:0 auto;
	padding:0;
	/*float:left;*/
	list-style: none;
	border: 0 none;
	margin-left:15px; /* marge esquerra on comencen els noms del menú */
	z-index: 4000;
}
ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	z-index: 4000;
}
ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 200px;
	list-style: none;
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	-webkit-box-shadow: 3px 3px 20px #000;
	-webkit-border-radius: 5px;
	z-index: 4000;
}
ul#navmenu ul li {
	float: left; /*For Gecko*/
	display: block !important;
	display: inline; /*For IE*/
	background-image: none;
	z-index: 4000;
}
/* Root Menu */
ul#navmenu a {
	padding: 0 10px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color:#FF0;
	line-height:25px;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	text-align:center;
	font-size: 14px;
	z-index: 4000;
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
	border-bottom:none;
	color: #FF0; /* color lletra amb cursor a sobre */
	background-image:url('../images/menubar_hover.png'); /* color de fons amb cursor a sobre */
	background-repeat: repeat-x;
	z-index: 4000;
}
/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
	float: none;
	line-height:22px;
	width:auto; /* llargada de la fletxa del menu desplegable */
	text-align:left;
	color: #333;
	background-image:none;
	background-color:#FFF;
	border-bottom:none;
	z-index: 4000;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
	color: #FFF; /* color lletra submenu desplegable quan cursor sobre */
	background-image:url('../images/menu_ex_hover_bg.jpg');
	background-repeat:repeat-x;
	border-bottom:none;
	z-index: 4000;
}
ul#navmenu ul li {
	width:225px;  /* amplada del primer menu desplagable */
	padding:0px;
	background-color:#FFF;
	border: 1px solid #999999;
	border-top:none;
	border-bottom:none;
}
ul#navmenu ul li.start {
	background-color:#FFF;
	border: 1px solid #999999;
	border-top:none;
	border-bottom:none;
	padding-top:5px;
}
ul#navmenu ul li.end {
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	padding-bottom:5px;
	background-color:#FFF;
	border: 1px solid #999999;
	border-top:none;
}
ul#navmenu ul li.expand a {
	background-image:url('../images/menu_ex_arrow_defa.jpg');
	background-repeat:no-repeat;
	background-position:right;
	border-bottom:none;
}
ul#navmenu li:hover li.expand a:hover, ul#navmenu li:hover li.expand:hover a {
	background-image:url('../images/menu_ex_arrow_hover.jpg');
	background-repeat:no-repeat;
	background-position:right;
	border-bottom:none;
}
/* 3rd Menu */  /* estil 3er menu desplegable */
ul#navmenu li:hover li.expand:hover li a, ul#navmenu li.iehover li.iehover li a {
	color: #333;
	background-image:none;
	border-bottom:none;
	background-color: #FFF;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li.expand:hover li a:hover, ul#navmenu li:hover li.expand:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {
	background: #FFFFFF;
	color: #FFF;
	background-image:url('../images/menu_ex_hover_bg.jpg');
	background-repeat:repeat-x;
	border-bottom:none;
}
ul#navmenu ul li ul li {
	width:200px;
	padding:0px;
	background-color:#FFF;
	border: 1px solid #999999;
	border-bottom:none;
	border-top:none;
}
ul#navmenu ul li ul li.start {
	background-color:#FFF;
	border: 1px solid #999999;
	border-bottom:none;
	padding-top:5px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
}
ul#navmenu ul li ul li.end {
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	padding-bottom:5px;
	background-color:#FFF;
	border: 1px solid #999999;
	border-top:none;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #CCCCCC;
	color: #000000;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #16171B;
	color: #FFF;
}
ul#navmenu ul ul, ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 225px; /* distància del segon desplegable respecte del primer */
	margin: 0px;
	-webkit-box-shadow: 3px 3px 20px #000;
	-webkit-border-radius: 5px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
	display: none;
}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
	display: block;
}
/***** Tables *****/

table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}

table tr td {
	padding:2px;
}
/***** Wrapper *****/

#wrap {
	width:800px;
	margin:0 auto;
}
/***** Global Classes *****/

.clear {
	clear:both;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-justify {
	text-align:justify;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
.wrap {
	width:960px;
	margin:0 auto;
}
.img-left {
	float:left;
	margin:4px 10px 4px 0;
}
.img-right {
	float:right;
	margin:4px 0 4px 10px;
}
.nopadding {
	padding:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}