/********************  body  ***********************/

body{
	height:100%;
	width:100%;
	margin:0px;
	text-align:center;
	font-family:Verdana;
	font-size:12px;
	scrollbar-base-color:#EBF8FB;
	scrollbar-face-color:#AACCCE;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color:#EBF8FB;
	scrollbar-shadow-color:#EBF8FB;
	scrollbar-darkshadow-color:#EBF8FB;
	scrollbar-highlight-color:#EBF8FB;
	scrollbar-3d light-color:#EBF8FB;
}


/****************  div  ********************/

#web {
	width:990px;
	height:auto;
}

#cap {
	width:990px;
	height:141px;
	text-align:center;
	background-image:url(../images/bg-cabecera-02.gif);
	background-repeat:repeat-x;
	background-position:left top;
	margin-top:10px;
}

#cap-corner-01 {
	width:10px;
	height:141px;
	float:left;
	background-image:url(../images/bg-cabecera-01.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#cap-corner-02 {
	width:10px;
	height:141px;
	float:right;
	background-image:url(../images/bg-cabecera-03.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

#logo {
	width:268px;
	height:67px;
	position:absolute;
	float:left;
	text-align:left;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin-top:48px;
	margin-left:35px;
}

#slogan-menu {
	width:950px;
	float:right;
	text-align:right;
}

#slogan {
	width:218px;
	height:54px;
	float:right;
	text-align:right;
	background-image:url(../images/slogan.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin-top:28px;
	margin-left:4px;
}

#menu-top {
	width:900px;
	height:48px;
	float:right;
	text-align:left;
	/*background-image:url(../images/bg-menu-top.gif);
	background-repeat:no-repeat;
	background-position:right top;*/
	margin-top:11px;
}

#item-menu-top {
	width:auto;
	height:48px;
	float:left;
	text-align:center;
	padding-top:15px;
	padding-left:12px;
	padding-right:12px;
	font-family:Verdana;
	font-size:10px;
	text-transform:uppercase;
	color:#FFF;
	background-color:#002596;
	background-image:url(../images/sep_menu_top.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

#open_menu {
	width:10px;
	height:48px;
	float:left;
	background-image:url(../images/open_menu.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

#home {
	width:17px;
	height:17px;
	float:right;
	text-align:left;
	margin-top:22px;
	margin-right:24px;
}

#cos {
	width:990px;
	height:auto;
	float: left;
	text-align:center;
	background:#E3E3E3;
	padding-top:20px;
	margin:auto;
}

#menu {
	width:215px;
	height:auto;
	float:left;
	text-align:right;
	margin-left:35px;
}

#menu-cap {
	width:215px;
	height:39px;
	float:left;
	text-align:left;
	background-image:url(../images/t-marcas.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#menu-cos {
	width:215px;
	height:auto;
	float:left;
	text-align:right;
}

#menu-close {
	width:215px;
	height:11px;
	float:left;
	text-align:left;
	background-image:url(../images/menu_close.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#bg-boletin {
    width:215px;
	height:35px;
	text-align:right;
	background-image:url(../images/bg-boletin.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top:0px;
	padding-bottom:20px;
	padding-top:23px;
}

#contingut {
	width:670px;
	height:auto;
	float:right;
	text-align:right;
	margin-right:35px;
}

#contingut-cap {
	width:670px;
	height:auto;
	float:left;
	text-align:left;
}

#contingut-cap-bottom {
	width:668px;
	height:12px;
	float:left;
	text-align:left;
	border-left:2px solid #ffffff;
	background:#d1d1d1;
	background-image:url(../images/bg-contingut-cap-bottom.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#contingut-marca {
	width:666px;
	height:auto;
	float:left;
	text-align:left;
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	background:#d1d1d1;
}

#contingut-logo {
	width:auto;
	height:auto;
	float:left;
	text-align:center;
	background:#FFF;
	padding:4px;
	border:1px solid #929292;
	margin-left:10px;
}

#contingut-flecha {
	width:10px;
	height:19px;
	float:left;
	text-align:center;
	background-image:url(../images/ico-flecha.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:10px;
}

#contingut-link {
	width:auto;
	height:auto;
	float:left;
	text-align:left;
	font-family:Verdana;
	font-size:10px;
	color:#000;
	margin-top:12px;
}

#contingut-cos {
	width:666px;
	height:auto;
	float:left;
	text-align:left;
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	background:#d1d1d1;
}

#contingut-close {
	width:670px;
	height:12px;
	float:left;
	background-image:url(../images/bg-contingut-close.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#marca-left {
    width:12px;
	height:37px;
	float:left;
	text-align:left;
	background-image:url(../images/bg-marca-01.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#marca-center {
	width:auto;
	height:26px;
	float:left;
	font-family:Verdana;
	font-size:14px;
	text-transform:uppercase;
	color:#002596;
	text-align:left;
	background-image:url(../images/bg-marca-02.gif);
	background-position:left top;
	background-repeat:repeat-x;
	padding-top:11px;
}

#marca-right {
    width:12px;
	height:37px;
	float:left;
	text-align:left;
	background-image:url(../images/bg-marca-03.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#submenu {
    width:auto;
	height:26px;
	float:left;
	text-align:left;
	background:#FFF;
	margin-top:11px;
}

#submenu-close {
    width:12px;
	height:26px;
	float:left;
	text-align:left;
	margin-top:11px;
}

#item {
	width:646px;
	height:auto;
	float:left;
	text-align:left;
	margin:10px;
	margin-bottom:0px;
}

#destacados {
	width:668px;
	height:38px;
	float:left;
	background-image:url(../images/t-destacados.gif);
	background-repeat:no-repeat;
}

#item-cap {
	width:646px;
	height:24px;
	float:left;
	text-align:left;
	margin-bottom:4px;
}

#item-cap-corner-01 {
	width:10px;
	height:24px;
	float:left;
	background-image:url(../images/bg-item-corner-01.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#item-cap-cos {
	width:626px;
	height:20px;
	float:left;
	font-family:Verdana;
	font-size:14px;
	text-transform:uppercase;
	color:#FFF;
	text-align:left;
	background:#929292;
	padding-top:4px;
}

#item-cap-corner-02 {
	width:10px;
	height:24px;
	float:left;
	background-image:url(../images/bg-item-corner-02.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#item-cos {
	width:646px;
	height:auto;
	float:left;
	text-align:left;
	background-image:url(../images/bg-item.gif);
	background-repeat:repeat-y;
}

#item-cromalite {
	width:646px;
	height:auto;
	float:left;
	text-align:left;
	background:#fff;
	border-top:1px solid #BBB;
}

#item-cos-map {
	width:646px;
	height:auto;
	float:left;
	text-align:left;
	background-image:url(../images/bg-map.gif);
	background-repeat:repeat-y;
}

#item-cos-img {
	width:220px;
	height:auto;
	float:left;
	text-align:center;
	background:#FFF;
	border-top:1px solid #BBB;
	border-right:1px solid #BBB;
	padding:10px;
}

#item-cos-info {
	width:370px;
	height:auto;
	float:left;
	text-align:justify;
	font-family:Verdana;
	font-size:10px;
	color:#000;
	background:#FFF;
	border-top:1px solid #BBB;
	border-left:1px solid #BBB;
	padding:15px;
	padding-bottom:0px;
	margin-left:4px;
}

#item-cromalite-info {
	width:600px;
	height:auto;
	float:left;
	text-align:justify;
	font-family:Verdana;
	font-size:10px;
	color:#000;
	background:#FFF;
	padding:15px;
	padding-bottom:0px;
	margin-left:4px;
}

#item-close {
	width:646px;
	height:10px;
	float:left;
	text-align:left;
	background-image:url(../images/bg-item.gif);
	background-repeat:repeat-y;
	margin-bottom:15px;
}

#item-cromalite-close {
	width:646px;
	height:10px;
	float:left;
	text-align:left;
	background:#FFF;
	margin-bottom:15px;
}

#item-close-corner-01 {
	width:10px;
	height:10px;
	float:left;
	background-image:url(../images/bg-item-corner-03.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#item-close-corner-02 {
	width:10px;
	height:10px;
	float:right;
	background-image:url(../images/bg-item-corner-04.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#button {
	width:380px;
	height:auto;
	float:right;
	text-align:right;
	margin-top:5px;
}

#banner {
	width:670px;
	height:auto;
	float:left;
	text-align:left;
}

#item-small {
	width:318px;
	height:124px;
	float:left;
	text-align:left;
	background-image:url(../images/bg-item-small.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top:35px;
}

#img-small {
	width:95px;
	height:112px;
	float:left;
	text-align:left;
	margin-top:6px;
	margin-left:15px;
}

#info-small {
	width:175px;
	height:50px;
	float:right;
	font-family:Verdana;
	font-size:12px;
	text-transform:uppercase;
	color:#707070;
	text-align:left;
	margin-top:11px;
	margin-right:10px;
}

#button-small {
	width:146px;
	height:50px;
	float:right;
	text-align:right;
	margin-top:6px;
	margin-right:10px;
}

#button-pdf {
	width:146px;
	height:50px;
	float:right;
	text-align:right;
	margin-right:10px;
	position:absolute;
}

#button-producto {
	width:146px;
	height:50px;
	float:right;
	text-align:right;
	margin-right:10px;
	position:absolute;
}

#peu {
	width:990px;
	height:auto;
	float: left;
	text-align:center;
	background:#E3E3E3;
	padding-top:20px;
	margin-bottom:20px;
}

#peu-info {
	width:700px;
	height:auto;
	float:left;
	font-family:Verdana;
	font-size:9px;
	color:#000;
	text-align:left;
	margin-left:35px;
	padding-top:10px;
}

#peu-logo {
	width:200px;
	height:34px;
	float:right;
	background-image:url(../images/logo-peu.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin-right:35px;
}

#peu-close {
	width:990px;
	height:10px;
	float: left;
	background-image:url(../images/bg-peu-close.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top:15px;
}

.provincia-map {
	width:295px;
	height:200px;
	float:left;
	text-align:center;
	background:#FFF;
	border-top:1px solid #BBB;
	border-right:1px solid #BBB;
	padding:10px;
	padding-bottom:3px;
}

#map-close {
	width:646px;
	height:10px;
	float:left;
	text-align:left;
	background-image:url(../images/bg-map.gif);
	background-repeat:repeat-y;
	margin-bottom:15px;
}

.provincia-info {
	width:295px;
	height:auto;
	float:left;
	text-align:justify;
	font-family:Verdana;
	font-size:12px;
	color:#000;
	background:#FFF;
	border-top:1px solid #BBB;
	border-left:1px solid #BBB;
	padding:15px;
	padding-bottom:0px;
	margin-left:4px;
}

#link-close {
	width:646px;
	height:10px;
	float:left;
	text-align:left;
	background-image:url(../images/bg-item.gif);
	background-repeat:repeat-y;
	margin-bottom:5px;
}

/*******************  Textes  ***********************/

.provincia {
	color: #777777;
}

.img-txt {
	padding:5px;
	margin:10px;
	margin-top:0px;
	border:1px solid #ccc;
}

.mapcontainer {
	border:1px solid #999;
	width:293px;
	height:200px;
}


/****************  backgrounds  ********************/

.loader {
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


/*******************  links  ***********************/


a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #999;
	text-decoration: none;
}

a.txt {
	color: #999;
	text-decoration: none;
}

a:visited.txt {
	color: #999;
	text-decoration: none;
}

a:active.txt {
	color: #999;
	text-decoration: none;
}

a:hover.txt {
	color: #000;
	text-decoration: none;
}

a.top {
	color: #FFF;
	text-decoration: none;
}

a:visited.top {
	color: #FFF;
	text-decoration: none;
}

a:active.top {
	color: #FFF;
	text-decoration: none;
}

a:hover.top {
	color: #FEE000;
	text-decoration: none;
}

a.peu {
	color: #002596;
	text-decoration: none;
}

a:visited.peu {
	color: #002596;
	text-decoration: none;
}

a:active.peu {
	color: #002596;
	text-decoration: none;
}

a:hover.peu {
	color: #000;
	text-decoration: none;
}

/*******************  UL  ***********************/

li {
	padding:8px;
}

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

ul#blue li {
	margin:0px;
	padding:0;
}
	
ul#blue li a {
	display:block;
	width:200px;
	height:21px;
	padding-right:15px;
	padding-top:6px;
	text-decoration:none;
	text-align:right;
	font-family:Verdana;
	font-size:10px;
	text-transform:uppercase;
	color:#FFF;
	background:#002596;
	background-image:url(../images/li-blue.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}
	
ul#blue li a:hover {
	display:block;
	width:185px;
	height:21px;
	padding-right:30px;
	padding-top:6px;
	text-decoration:none;
	text-align:right;
	font-family:Verdana;
	font-size:10px;
	text-transform:uppercase;
	color:#002596;
	background:#FFF;
	background-image:url(../images/li-blue-hover.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

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

ul#yellow li {
	margin:0px;
	margin-right:2px;
	padding:0;
	float:left;
}
	
ul#yellow li a {
	display:block;
	width:auto;
	height:18px;
	padding-top:8px;
	text-decoration:none;
	text-align:center;
	font-family:Verdana;
	font-size:9px;
	color:#FFF;
	background-image:url(../images/li-yellow.gif);
	background-repeat:repeat-x;
	background-position:left top;
	padding-left:10px;
	padding-right:10px;
}
	
ul#yellow li a:hover {
	display:block;
	width:auto;
	height:18px;
	padding-top:8px;
	text-decoration:none;
	text-align:center;
	font-family:Verdana;
	font-size:9px;
	color:#FFF;
	background-image:url(../images/li-yellow-hover.gif);
	background-repeat:repeat-x;
	background-position:left top;
	padding-left:10px;
	padding-right:10px;
}


/*********************  Formulari  *********************/

form
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#boletin input {
	width:110px;
	height:16px;
	font-family:Verdana;
	font-size:10px;
    border:0px solid #FFF;
	padding:3px 8px 0px 4px;
}

#boletin input.btn {
	border:0px;
	width:26px;
	height:26px;
	background-image:url(../images/b-boletin.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

input.contact
{
   	border:1px solid #b1b1b1;
	width:250px;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
   	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
}

textarea.contact
{
   	border:1px solid #b1b1b1;
	width:250px;
	height:100px;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #000000;
   	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
}

select.contact
{
   	border:1px solid #b1b1b1;
	width:250px;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
   	background-color: #FFF;
   	color: #000000;
	padding:2px 5px 2px 5px;
	width:150px;
}

input	
{
   	border:0px solid #000000;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
   	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
}

textarea 
{
   	border:0px solid #000000; 
	font-family: Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #000000;
   	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
}

select	
{
   	border:1px solid #FFF; 
	font-family: Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
   	background-color: #FFF;
   	color: #000000;
	padding:2px 5px 2px 5px;
	width:150px;
}

var selectWidth = "190";
span.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(../images/select.gif) no-repeat;
	overflow: hidden;
}

		
/*********************  Altres Parides  *********************/

.dit{
	cursor:pointer;
	cursor:hand;
}

.marc	{
	border: 1px solid #686868;
}

.trans 
{
    FILTER: alpha(opacity=65);
    opacity: 0.65;
}

.no-trans 
{
    FILTER:alpha(opacity=100);
    opacity:1.00;
}