/* reiniciar estils 
* {
	margin: 0;
	padding: 0;
}*/
#section p {
	padding-top: 5px;
	padding-bottom: 5px;
}
#section fieldset p {
	padding-top: 0px;
	padding-bottom: 0px;
}
	/* sense marges ni paddings */
html, body, h1, h2, form, .destacat, .pastilla, fieldset p  {
	margin: 0px;
	padding: 0px;
}
	/* padding 20px */
#section, #content h1, .alert{
	padding: 20px;
}
	/* padding 10px */
#container, #footer, fieldset, .borde-form, .popups {
	padding: 10px;
}
	/* padding 5px */
#menu a.menu-left, #menu a.menu-right, #menu a.menu-tv, #footer a {
	padding: 5px;
}
	/* fons blanc */
body, #container, #menu a.menu-left:hover, #menu a.menu-right:hover, #menu a.menu-tv:hover, #content, .resposta, .box, .credito, .corporatiu, .popups, #tabnav .activo, .trans {
	background-color: #FFFFFF;
}
	/* fons gris clar */
#menu a, .alert  {
	background-color: #FAFAFA;
}
	/* fons groc */
.pastilla {
	background-color: #FFCC00;
}
	/* fons groc clar */
.destacat, #content h1, .credito h1 {
	background-color: #FFE004;
}
	/* fons blau clar */
#menu a:hover {
	background-color: #0073BD;
}
	/* fons blau fosc */
input[type="submit"], .submit {
	background-color: #00388D;
}
	/* text gris */
body, #footer a, input, select, .pregunta a, a.linkfletxa, a.linkfletxa-on, .popups h2, .alert {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
	/* text negre */
strong {
	color: #000000;
}
	/* text blau */
h1, h2, a, u, a:link, a:visited, #menu a, #content h1, #footer a:hover, .pastilla, .destacat, .subtext, legend  {
	color: #0055AA;
	text-decoration: none;
}
	/* text blau 50% */
.paso-desactivado {
	color: #B2CCE5;
}
	/* text blanc */
#menu a:hover, input[type="submit"], .submit, .corporatiu h1, .destacat a:hover {
	color: #FFFFFF;
}
	/* text groc */
a:hover {
	color: #FFB400;
}
	/* text vermell */
.pregunta a:hover, a.linkfletxa:hover {
	color: #FF2222;
}
	/* negreta */
h1, h2, a, u, strong, input[type="submit"], .submit, .pastilla, .destacat, .subtext, legend  {
	font-weight: bold;
}
	/* normal */
#footer, #footer strong {
	font-weight: normal;
}
	/* border gris */
#menu a, #menu a.menu-left, #menu a.menu-right, input, select, .borde, .popups, .alert, .box h1 {
	border: 1px solid #CCCCCC;
}
	/* border input formularis */
input, select {
	border: 1px solid #7f9db9;
}
	/* border groc */
fieldset, h2, .borde-form {
	border: 1px solid #FFCC00;
}
	/* border vermell */
.resposta, a.linkfletxa {
	border: 1px solid #FF2222;
}
	/* border blanc */
input[type="submit"], .submit, a.linkfletxa:hover, a.linkfletxa-on, #tabnav .activo  {
	border: 1px solid #FFFFFF;
}
	/* nomes border inferior */
h2, a.linkfletxa, a.linkfletxa-on, #tabnav .activo, .box h1 {
	border-top: none;
	border-right: none;
	border-left: none;
}
	/* sense border */
#menu a.menu-tv, input[type="checkbox"], input[type="radio"], .checkbox, .popups h2, #tabnav h2, #photo {
	border: none;
}
	/* font 70% */
body {
	font-size: 70%;
}
	/* font 90% */
small {
	font-size: 10px;
}
	/* font 95% */
.borde-form, fieldset {
	font-size: 95%;
}
	/* font 103% */
#content{
	font-size: 103%;
}
	/* font 105% */
#menu a, .box h1, .credito h1, .corporatiu h1 {
	font-size: 105%;
}
	/* font 110% */
u, strong, h2, .pastilla, .destacat {
	font-size: 110%;
}
	/* font 130% */
h1, h2 strong{
	font-size: 130%;
}
	/* font 165% */
#content h1 {
	font-size: 165%;
}
input {
	font-size: 9px;
}
select, .submit {
	font-size: 11px;
}
.alert {
	font-size: 12px;
}

hr {
	clear: both;
	height: 1px;
	border: 0;
	color: #FFF;
	background-color: #FFF;
}
fieldset {
	margin: 10px;
}
fieldset p {
	padding-right: 10px;
}

	/* MAQUETACIO */

html, body, * html #container {
	height: 100%;
}
body {
	background-image: url(../images/bg-body.gif);
	background-repeat: repeat-x;
}
#container {
	background-image: url(../images/bg-container.gif);
	background-repeat: repeat-y;
	min-height: 100%;
	width: 750px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: auto;
}
#header{
	clear: both;
}
#menu{
	clear: both;
	margin: 5px;
}
#menu a{
	background-image: url(../images/menu.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height:30px;
	line-height:30px;
	padding-top: 4px;
	padding-right: 13px;
	padding-bottom: 4px;
	padding-left: 14px;
	margin-right:2px;
	cursor: pointer;
}
#menu a:hover {
	background-image: url(../images/menu-on.gif);
}
#menu a.menu-left {
	background-image: url(../images/menu-left.gif);
	background-position: left;
	padding-right: 10px;
	padding-left: 15px;
	border-top: none;
	border-bottom: none;
	border-left: none;
}
#menu a.menu-left:hover {
	background-image: url(../images/menu-left-on.gif);
}
#menu a.menu-right {
	background-image: url(../images/menu-right.gif);
	background-position: right;
	padding-right: 15px;
	padding-left: 10px;
	border-top: none;
	border-bottom: none;
	border-right: none;
}
#menu a.menu-right:hover {
	background-image: url(../images/menu-right-on.gif);
}
#menu a.menu-tv {
	background-image: url(../images/boto-tv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 49px;
	padding-right: 10px;
	margin-right:0px;
}
* html #menu a.menu-left {
	padding-left: 10px;
}
* html #menu a.menu-right {
	padding-right: 10px;
}
#menu a.menu-tv:hover{
	background-image: url(../images/boto-tv-on.gif);
}
#content {
	line-height: 20px;
	background-image: url(../images/bg-box.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: justify;
	width: 540px;
	margin: 5px;
	float: left;
}
#content h1 {
	text-align: left;
	line-height: 57px;
	background-image: url(../images/bg-titol-destacat.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	vertical-align: bottom;
	height: 57px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#section{
	position:relative;
	padding-top: 50px;
	padding-bottom: 50px;
}
#photo{
	position: absolute;
	display: block;
	top: -50px;
	right: 20px;
}
#footer{
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	clear: both;
}
#footer a {
	background-image: none;
	padding-top: 0px;
	padding-bottom: 0px;
}
form {
	line-height: 12px;
}
input[type="submit"], .submit{
	background-image: url(../images/submit.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 2px;
	cursor: pointer;
	height: 20px;
}
input[type="submit"]:hover, .submit:hover {
	background-image: url(../images/submit-on.gif);
}
input[type="checkbox"], input[type="radio"], .checkbox {
	height: 15px;
}
select {
height: 18px;
}
.left{
	float:left;
	width:200px;
}
.right{
	float:right;
	width:200px;
}
.center{
	float:left;
	width:350px;
}
.pregunta{
	overflow:hidden;
	cursor:pointer;
}
.resposta{
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
}
.pregunta a{
	background-image: url(../images/ico-pregunta.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-top: 3px;
	padding-left: 12px;
}
.pregunta a:hover{
	background-image: url(../images/ico-pregunta-hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-top: 3px;
	padding-left: 12px;
}
a.linkfletxa, a.linkfletxa:hover, a.linkfletxa-on {
	background-image: url(../images/ico-pregunta.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-top: 3px;
	padding-left: 12px;
	float: right;
}
a.linkfletxa-on{
	background-image: url(../images/ico-pregunta-on.gif);
}
.marge{
	margin: 5px;
}

u {
	text-decoration: none;
}

h1, h2 {
	text-transform: uppercase;
}
.borde-form{
	text-align: left;
}
.box{
	background-image: url(../images/bg-box.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 5px;
}
.box h1{
	line-height: 17px;
	background-image: url(../images/bg-titol.gif);
	text-align: center;
	height: 20px;
}
.destacat {
	line-height: 13px;
	background-image: url(../images/bg-destacat.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	margin: 5px;
}
.subtext {
	width:350px;
	padding-top:7px;
}
.credito {
	background-image: url(../images/bg-box.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 5px;
}
.credito h1 {
	line-height: 17px;
	background-image: url(../images/bg-titol-destacat.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	height: 20px;
	vertical-align: bottom;
}
.corporatiu {
	background-image: url(../images/bg-box.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 5px;
}
.corporatiu h1 {
	line-height: 17px;
	background-image: url(../images/bg-titol-corporatiu.gif);
	text-align: center;
	height: 20px;
}
.popups {
	line-height: 150%;
	text-align: justify;
	margin: 10px;
}
.popups h2 {
	background-image: url(../images/bg-h2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 2px;
}
.alert {
	background-image: url(../images/close.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
	padding-left:15px;
	padding-top: 50px;
	padding-bottom: 50px;
	position: absolute;
	top: 70px;
	right: 140px;
	z-index: 1;
	cursor: pointer;
}
.trans {
	width: 750px;
	height: 100%;
	position:absolute;
	top: -200px;
	right: -10px;
	z-index: 0;
	filter: alpha(opacity=70);
	opacity: .7;
}
#validate {
	background-color:#FAFAFA;
	font-size: 11px;
	width: 300px;
	margin-top: -100px;
	margin-left: -160px;
	border: 1px solid red;
}
/*Pestanyes*/
.TabbedPanels .pestanyes1 {
	height: 25px;
	padding-left: 5px;
	background-image: url(../images/bg-h2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: 1px solid #DDDDDD;
}
.pestanyes1 .TabbedPanelsTab {
	background-color: #E4E4E4;
	height: 23px;
	padding: 0px 10px;
	margin: 1px;
	border-color: #CCCCCC;
}
.pestanyes1 .TabbedPanelsTabHover {
	color: #0055AA;
	background-color: #CCCCCC;
}
.pestanyes1 .TabbedPanelsTabSelected {
	color: #0055AA;
	background-color: #FFFFFF;
}
.TabbedPanels .pestanyes2 {
	height: 25px;
	border-bottom: 1px dotted #CCCCCC;
}
.pestanyes2 .TabbedPanelsTab {
	color: #999999;
	font-size: 105%;
	font-weight: bold;
	letter-spacing: 5px;
	border: none;
}
.pestanyes2 .TabbedPanelsTabHover {
	color: #0055AA;
	background-color: #CCCCCC;
}
.pestanyes2 .TabbedPanelsTabSelected {
	color: #0055AA;
	background-color: #FFFFFF;
}
.TabbedPanels li h2 {
	border: none;
}
.TabbedPanelsContent {
	background-color: #FFFFFF;
	padding: 5px;
	padding-top: 20px;
}

/*Acordeon*/
.AccordionPanelTab {
	color: #333333;
	font-weight: bold;
	background-image: url(../images/ico-pregunta.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-top: 3px;
	padding-left: 12px;
}
.AccordionPanel .AccordionPanelTabHover {
	background-image: url(../images/ico-pregunta-hover.gif);
	color: #FF2222;
}
.AccordionPanelOpen .AccordionPanelTab {
	background-image: url(../images/ico-pregunta-on.gif);
}
.AccordionPanelOpen .AccordionPanelContent {
	border: solid 1px #FF2222;
	overflow: hidden;
}
/**/

/*Panel*/
.CollapsiblePanelTab {
	color: #333333;
	font-weight: bold;
	background-image: url(../images/ico-pregunta.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 12px;
	border-bottom: solid 1px #FF2222;
	line-height: 10px;
}
.CollapsiblePanel .CollapsiblePanelTabHover {
	background-image: url(../images/ico-pregunta-hover.gif);
	color: #FF2222;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-image: url(../images/ico-pregunta-on.gif);
	border: none;
}
.CollapsiblePanelOpen .CollapsiblePanelContent {
	border: solid 1px #FF2222;
}
/**/
#menu-contingut h1 {
	text-align: left;
	padding-left: 20px;
}
#menu-contingut a {
	/*font-weight: normal;*/
}
#menu-contingut, #menu-contingut a:link, #nav a:visited, #menu-contingut strong  {
	color: #0055AA;
}
#menu-contingut a:hover {
	color: #FFB400;
}
#menu-contingut ul {
	padding: 10px;
	padding-left: 20px; 
	margin: 0px;
}
.highlight {
	background-color:#fef8d0;
	margin: 5px;
}
.highlight h1 {
	font-size:105%;
	line-height: 17px;
	background-color: #FFE004;
	background-image: url(../images/bg-titol-destacat.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	height: 20px;
	vertical-align: bottom;
}