/* ELEMENTS COMUNS
------------------------------------------------------------------------*/
body {
	margin: 0;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #fff;
	text-align: center; /*si no ho poso IE 5.5 no centrarŕ el container*/
}

a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #22b700;
}

a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #22b700;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #68cc52;
}

a:active {
	text-decoration: none;
	font-weight: normal;
	color: #999;
}

.text_top_footer {
	height: 30px;
	margin: 0;
	padding: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 28px;
	/*border: 1px solid red;*/
}

.link_email {
	background: url(../logos/ico_email.gif) no-repeat left 3px;
	padding-left: 14px;
}

.link_extern {
	background: url(../logos/ico_link_extern.gif) no-repeat right 2px;
	padding-right: 10px;
}

.link_ampliar {
	background: url(../logos/ico_enlarge.gif) no-repeat left bottom;
	padding-left: 15px;
}

.link_pdf {
	background: url(../logos/ico_pdf.gif) no-repeat;
	padding-left: 18px;
}

.link_email_rebre {
	background: url(../logos/ico_email_rebre.gif) no-repeat left 4px;
	padding-left: 22px;
}

.carta_preu {
	margin: 0 0 20px 0;
	padding: 3px 6px;
	border-top: 1px dotted #999;
}

.top {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0 0 0 8px; /*deixo espai per l'icona*/
	background: url(../logos/fletxa_top.gif) no-repeat;
	background-position: 0px 6px;
	/*border: 1px solid green;*/
}

h1 {
	margin: 0;
	padding: 0 0 10px 0; /*espai inferior*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	/*border: 1px solid green;*/
}


h2 {
	margin: 0;
	padding: 20px 0 5px 0; /*espai superior i inferior*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #b50022;
	/*border: 1px solid red;*/
}

h3 {
	margin: 0;
	padding: 15px 0 0 0; /*espai superior i inferior*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b50022;
	/*border: 1px solid yellow;*/
}


/* ESTRUCTURA
------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 954px;
	/*border: 1px solid yellow;*/
}

#header {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	height: 107px;
	border-bottom: 1px solid #fff;
	/*border: 1px solid white;*/
}

#header img {
	float: left;
	border: 0;
}

#enclose {
	clear: both;
	width:952px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background: url(../logos/bg_column_left.gif) left bottom no-repeat;
}

#columnLeft {
	float: left;
	width: 300px;
	padding: 0 0 12px 0; /*deixo espai per sota*/
	/*border: 1px solid green;*/
}

#columnMain {
	float: right;
	width: 618px; /*652(width columnMain)-34(paddings laterals)=618px*/
	padding: 30px 17px;
	text-align: justify; /*evita que els textos del cos quedin centrats per culpa del text-align:center del body */
	/*border: 1px solid orange;*/
}

#columnMain img {
	border: 4px solid #fff;
}

#carta {
	float: right;
	width: 94%;
	margin: 0;
	padding: 0;
	text-align: justify; /*evita que els textos del cos quedin centrats per culpa del text-align:center del body */
	/*border: 1px solid orange;*/
}


/* MENÚ PRINCIPAL
------------------------------------------------------------------------*/
#navcontainer p {display: none;}

#navcontainer ul {
	list-style-type: none;
	width: 952px;
	padding: 4px 0; /*espai V*/
	margin: 0; /*espai inferior*/
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background: url(../logos/bg_menu.gif) left top repeat-x;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

#navcontainer ul li {display: inline;}

#navcontainer li {
	padding: 0 8px; /*espai H entre elements*/
	border-right: 1px solid #fff;
}

#active {border-bottom: 4px solid #fff; /*border inferior blanc*/}

#navcontainer li a:link {text-decoration: none; font-weight: bold; color: #fff;}
#navcontainer li a:visited {text-decoration: none; font-weight: bold; color: #fff;}
#navcontainer li a:hover {text-decoration: none; font-weight: bold; color: #22b700; border-bottom: 4px solid #22b700;}


/* MENÚ SECUNDARI
------------------------------------------------------------------------*/
#menuSec {
	width: 266px;
	margin: 20px auto 0 auto;
	/*border: 1px solid blue;*/
}

#menuSec p {display: none;}

#menuSec ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menuSec ul li {
	height: 24px;
	margin-bottom: 4px;
	font-size: 11px;
	line-height: 24px;
	text-align: left;
	background: url(../logos/bg_b.gif) no-repeat;
	/*border: 1px solid yellow;*/	
}

#menuSec span {
	display: block;
	padding-left: 18px;
	color: #fff;
	background: url(../logos/bg_b_active.gif) no-repeat;
}

#menuSec li a {
	display: block;
	padding-left: 18px;
}

#menuSec li a:link {text-decoration: none; color: #fff;}
#menuSec li a:visited {text-decoration: none; color: #fff;}
#menuSec li a:hover {text-decoration: none; color: #22b700; background-image: url(../logos/bg_b_hover.gif);	background-repeat: no-repeat;}


/* SUB-MENÚ SECUNDARI
------------------------------------------------------------------------*/
#submenuSec {
	width: 266px;
	margin: 0 auto;
	/*border: 1px solid blue;*/
}

#submenuSec ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#submenuSec ul li {
	height: 20px;
	margin-bottom: 4px;
	font-size: 11px;
	line-height: 20px;
	text-align: left;
	background-color: #595959;
	/*border: 1px solid yellow;*/
}

#submenuSec span {
	display: block;
	padding-left: 18px;
	color: #000;
	background-color: #fff;
}

#submenuSec li a {
	display: block;
	padding-left: 18px;
}

#submenuSec li a:link {text-decoration: none; color: #fff;}
#submenuSec li a:visited {text-decoration: none; color: #fff;}
#submenuSec li a:hover {text-decoration: none; color: #22b700;}


/* NOTÍCIES
------------------------------------------------------------------------*/
#box_news_titol {
	width: 228px; /*264(width caixa)-36(paddings laterals)=228px*/
	height: 24px;
	padding: 0 18px;
	margin: 20px auto 0 auto;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #b50022;
	line-height: 22px;
	background: url(../logos/bg_news_titol.gif) left top repeat-x #22b700;
	border: 1px solid #fff;
}

#box_news {
	width: 228px; /*264(width caixa)-36(paddings laterals)=228px*/
	height: 86px;
	padding: 0 18px;
	margin: 0 auto 20px auto;
	font-size: 11px;
	text-align: left;
	color: #000;
	background-color: #fff;
	border: 1px solid #fff;
	overflow: auto;
}

#box_news ul {
	list-style-image: url(../logos/ico_list.gif);
	margin: 0 0 0 18px;
	padding: 5px 0;
}

#box_news li {
	border-bottom: 1px dotted #b50022;
	padding: 5px 0;
	line-height: normal;
}

#box_news a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}


/* IMATGES
------------------------------------------------------------------------*/
.img_r {
	float: right;
	margin: 0 0 0 17px;
	border: 4px solid #fff;
}

.img_l {
	float: left;
	margin: 0 17px 0 0;
	border: 4px solid #fff;
}

.box_media {
	float: left;
	margin: 0 0 20px 10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	/*border: 1px dotted red;*/
}

.box_media img {
	display: block;
	margin: 0 0 3px 0; /*separació V entre foto i text*/
}


/* FORMULARI
------------------------------------------------------------------------*/
.text_field {
	font-size: 11px;
	color: #000;
	border: 1px solid #999;
	background-color: #fff;
}

fieldset {
	border: 0;
}

fieldset p {
	margin: 2px 0 0 74px;
}

label {
	width:7em;
	display:block;
 	float: left;
	text-align: right;
	margin-right: 0.5em;
}

.boto_form {
	height: 24px;
	margin: 10px 2px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #fff;
	background: url(../logos/bg_menu.gif) repeat-x #b50022;
	cursor: pointer;
}

.warning {
	color: #22b700;
}

.privacitat {
	margin:10px 100px 0 165px;
	font-size:10px;
}

.ko {
	margin:auto;
	width:350px;
	border: 1px solid red;
	background: pink;
	color:red;
	padding:0 2px;
	margin-bottom: 5px;
}

.ok {
	margin:auto;
	width:350px;
	border: 1px solid green;
	background: yellow;
	color:green;
	padding:0 2px;
	margin-bottom: 5px;
}