html{overflow-x:hidden;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 11px; 
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
	scrollbar-face-color: #f4f4f0;
	scrollbar-highlight-color: #f4f4f0;
	scrollbar-shadow-color: #E8DCCE;
	scrollbar-arrow-color: #e89b31;
	scrollbar-3dlight-color: #E8DCCE;
	SCROLLBAR-ARROW-COLOR:  #dddddd; 
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #f4f4f0;

/*
	width: 790px;
	border-bottom: 20px dotted #efefef;
	background-image: url(img/f_peu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
*/
}

#botonera { position:relative; top:0px; left:50px; background:#F60; width:300px; }

.10 { font-size: 10px; }
.carregant { font-size: 10px; color: #777; }

a.zoom { 
	text-decoration : none;
	color : #0e5e5d;
	padding: 4 4 4 4;
	}

a.zoom:hover {
	text-decoration : none;
	background-color: #0e5e5d;
	color : #ffffff;
	padding: 4 4 4 4;
	}

.esq790 { text-align: left; width: 790px; }

fieldset { border: 1px solid #777; }


i { width: 790px; text-align: left; }

.instrucciones { width: 790px; text-align: left; }


form {margin:0;padding:0;}

input,textarea {	
	color:#000000;
	background-color: #eeeeee;
	font-size : 11px;
	font-family : Helvetica, Verdana, MS Sans Serif, Geneva, sans-serif;
	font-weight:normal;
	border: 1px solid #777;
	padding: 2px; }

pre { width: 790px; text-align: left; }

select {	
	color:#333333;
	font-size : 10px;
	font-family : Helvetica, Verdana, MS Sans Serif, Geneva, sans-serif;
	font-weight:normal;
	background-color: #ffffff;
	border: 1px outset #fcfcfc;
	}	

table,td { font-size : 11px; font-family: Helvetica, Verdana, Arial, Arial, sans-serif; border : 0px; }

table.punts { border : 1px dotted #bfbfbf; }

/*Estilos de las distintas tablas que aparecen en pantalla*/
.avis { color: #1b7c8d; }
.cabeceras {
color: #012f53; 
background-color: #f9f9f9; 
font-size : 10px; 
font-family: Helvetica, Verdana, Arial, Arial, sans-serif; 
font-weight:bold;
padding:10px;
border-top: 0px;
border-top-color: #999;
border-top-style: solid;
border-bottom: 1px;
border-bottom-color: #ccc;
border-bottom-style: solid;
}
.cabeceras_gran {
color: #012f53; 
background-color: #ffffff; 
font-size : 22px; 
font-family: Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
font-weight:bold;
padding:10px;
border-top: 1px;
border-top-color: #fff;
border-top-style: dotted;
border-bottom: 1px;
border-bottom-color: #fff;
border-bottom-style: dotted;
}
.articulos {background-color: #ffffff}
.subtotal {background-color: #d1d1d1}
.descuento {background-color: #d1d1d1}
.gastosEnvio {background-color: #d1d1d1}
.gastosMani {background-color: #d1d1d1}
.contraReembolso {background-color: #d1d1d1}
.total {background-color: #8ac6c6}

/* ------------------------------------------- */

.menu_dalt,a.menu_dalt,a.menu_dalt:visited,a.menu_dalt:active,a.menu_dalt:link {font-size:10px; text-decoration:none; padding:0 0 2px; border-bottom:2px dotted #FFF; color:#444;}
a.menu_dalt:hover { border-color: #e89b31; color: #000}

.menu_dreta,a.menu_dreta,a.menu_dreta:visited,a.menu_dreta:active,a.menu_dreta:link  { text-decoration: none; color: #333; }
a.menu_dreta:hover { text-decoration: none; color: #0294cc; }

.expand_contra,a.expand_contra,a.expand_contra:visited,a.expand_contra:active,a.expand_contra:link { 
	text-decoration:none; 
	color:#999; font-size:10px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
}
a.expand_contra:hover { color: #333; font-size : 10px; font-family: Arial, Helvetica, Verdana, sans-serif; }

.producte { color:#012F51; font-weight:normal; }

.info,a.info,a.info:visited,a.info:active,a.info:link  { text-decoration: none; color: #01739f; padding: 0 0 3px; border-bottom: 1px solid #FFF; }
a.info:hover { text-decoration: none; color: #012F51; padding: 0 0 3px; border-bottom: 1px dotted #0294cc; font-weight:bold; }

.correu,a.correu,a.correu:visited,a.correu:active,a.correu:link  { text-decoration: none; color: #E89B31; padding: 0 0 3px; border-bottom: 1px solid #FFF; font-weight:bold; }
a.correu:hover { text-decoration: none; color: #333; padding: 0 0 3px; border-bottom: 1px dotted #E89B31; font-weight:bold; }

.lletra_gran {
color:#2cb2e3;
font-size:28px;
line-height:21px;
padding-top:0px;
padding-right:0px;
font-family: "Old English Text MT", "Century Gothic", Times, serif, Georgia;
}

.lletra_gran1 {
color:#6bc5e5;
font-size:28px;
line-height:21px;
padding-top:0px;
padding-right:0px;
font-family: "Old English Text MT", "Century Gothic", Times, serif, Georgia;
}


a.menu_sota:link, a.menu_sota:visited {
	border-bottom: 1px;
	border-bottom-color: #CFCDCD;
	border-bottom-style: solid;
	color: #444;
	display: block;
	font-family: Helvetica, Verdana;
	font-size: 10px;
	line-height: 20px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-top: 2px;
	text-align: right;
	text-decoration: none;
	width: 140px;
}

a.menu_sota:hover {
	background-color: #FAFAFA;
	background-image: url(img/ico_fletxa_menu_sota.png);
	background-position: left;
	background-repeat: no-repeat;
	text-transform: uppercase;
	color: #02719c;
}


h1 { margin:0 0 0 .01em; font-size:3em; color: #777; font-family: Arial Narrow, Helvetica, sans-serif; border-bottom: 1px dotted #ccc; }
h1.taronja { margin:0 0 0 .01em; font-size:3em; color: #fd5501; font-family: Arial Narrow, Helvetica, sans-serif; border-bottom: 1px dotted #999; }
h1.taronja1 { margin:0 0 0 .01em; font-size:3em; color: #ea7e00; font-family: Arial Narrow, Helvetica, sans-serif; border-bottom: 1px dotted #999; }
h1.blau { margin:0 0 0 .01em; font-size:3em; color: #648abb; font-family: Arial Narrow, Helvetica, sans-serif; border-bottom: 1px dotted #999; }
h1.vermell { margin:0 0 0 .01em; font-size:3em; color: #F02B25; font-family: Arial Narrow, Helvetica, sans-serif; border-bottom: 1px dotted #999; }
h1.groc { margin:0 0 0 .01em; font-size:3em; color: #eae81c; font-family: Arial Narrow, Helvetica, sans-serif; border-bottom: 1px dotted #999; }
h1.gris { margin:0 0 0 .01em; font-size:3em; color: #777; font-family: Arial Narrow, Helvetica, sans-serif; border-bottom: 1px dotted #999; }
h1.blanc { margin:0 0 0 .01em; font-size:3em; color:#fff; background:#000000; font-family: Arial Narrow, Helvetica, sans-serif; border-bottom: 1px dotted #999; }
h1.negre { margin:0 0 0 .01em; font-size:3em; color:#000; font-family: Arial Narrow, Helvetica, sans-serif; border-bottom: 1px dotted #ccc; }
h1.verd { margin:0 0 0 .01em; font-size:3em; color:#199147; font-family: Arial Narrow, Helvetica, sans-serif; border-bottom: 1px dotted #ccc; }
h2 { margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:2.0em; color: #a8a8a8; }
h3 { margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.6em; color: #a8a8a8;}
h3.verd { color:#199147; font-family: Arial Narrow, Helvetica, sans-serif; }
h3.lila { margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.6em; color: #4444D2; font-weight:bold; }
h3.gris { margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.6em; color: #4A4A4A; font-weight:bold; }
h4 { margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.6em; color: #383838; font-weight:bold; }
h4.negre {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.2em; color: #000000; font-weight:bold;}
h4.taronja {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.2em; color: #fd5501; font-weight:bold;}
h4.taronja1 {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.4em; color: #F02B25; font-weight:bold;}
h4.taronja2 {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.4em; color: #ea7e00; font-weight:bold;}
h4.verd {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.4em; color: #199147; font-weight:bold;}
h4.groc {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.4em; color: #EAE71C; font-weight:bold;}
h4.gris {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.2em; color: #4A4A4A; font-weight:bold;}
h4.negre_fgris {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.2em; color: #000000; background-color:#ddd; font-weight:bold; padding: 7px;}
h4.negre_subr {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.2em; color: #000000; background-color:#ddd; font-weight:bold; border-bottom: 1px solid #555; padding: 4px;}
h5 { margin:0 0 0 .01em; font-family: Arial, Helvetica, sans-serif; font-size:0.7em; color: #383838;}
h6 { margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.0em; color: #333; font-weight:normal; }

.resalta_text { color: #333333; font-weight: bold; }

img.borde { border : 1px solid #777; }


/*-- PORTFOLIO LAYOUT -------------*/
#portfolioNav {width: 234px; position: relative; float: left; display: inline; margin: 50px 30px 30px 0; font-size: 12px;}
	#portfolioNav ul {padding: 0; margin: 5px 0 30px 0; list-style: none; border-bottom: 1px solid #444444;}
	#portfolioNav li {width: 234px; background-color: #373737; background-image: url(img/port_li_off.gif); background-position: top left; background-repeat: no-repeat; color: #999999; padding: 7px 0 6px 30px;}
	#portfolioNav li#select {width: 234px; background-color: #373737; background-image: url(img/port_li_select.gif); background-position: top left; background-repeat: no-repeat; color: #FFFFFF; font-weight: bold; padding: 7px 0 6px 30px;}
	#portfolioNav a:link {color: #999999; text-decoration: none; background-color: #373737;}
	#portfolioNav a:visited {color: #999999; text-decoration: none; background-color: #373737;}
	#portfolioNav a:hover {color: #CCFF00; text-decoration: none; background-color: #373737;}

#portfolioHolder {width: 498px; position: relative; float: left; display: inline; margin: 46px 0 0 0;}

#portfolioMain {width: 498px; position: relative; float: left; display: inline; margin: 0 0 15px 0;}

#portfolioText {width: 234px; position: relative; float: left; display: inline; margin: 0 30px 0 0px;}
	#portfolioText p {font-size: 12px; color: #CCCCCC; line-height: 1.5; margin: 0 0 8px 0;}
#portfolioOverview {width: 234px; position: relative; float: left; display: inline; margin: 0 0 0 0; font-size: 12px; color: #CCCCCC; line-height: 1.5;}
	#portfolioOverview p {margin: 0 0 8px 0;}
	#portfolioOverview ul {padding: 0; margin: 0 0 0 0; list-style: none; position: relative;}
	#portfolioOverview li {padding: 0 0 5px 15px; background-image: url(img/bullet_info.gif); background-repeat: no-repeat; background-position: 4px 6px;}
/*--------------------------------------*/	


a.menu_sub:link, a.menu_sub:visited {
	border-bottom: 1px;
	border-bottom-color: #CFCDCD;
	border-bottom-style: dotted;
	color: #404040;
	display: block;
	font-family: Helvetica, Verdana;
	font-size: 11px;
	line-height: 26px;
	padding-bottom: 1px;
	padding-left: 30px;
	padding-top: 1px;
	text-align: left;
	text-decoration: none;
	width: 120px; }

a.menu_sub:hover {
	background-color: #FAFAFA;
	background-image: url(img/ico_fletxa_menu_sub.png);
	background-position: left;
	background-repeat: no-repeat;
	color: #012f53; }
/*--------------------------------------*/	


/*-- Taules Zebra Automātic -------------*/
	#playlist {
		border: 1px solid #666666;
	}
	#playlist tbody tr td {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 8pt;
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
	}
	#playlist tbody tr.selected td {
		background-color: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	}
/*--------------------------------------*/

.formbutton{
cursor:pointer;
border:outset 1px #fafafa;
background:#999;
color:#4f4f4f;
padding: 1px 2px;
background:url(img/f_form_submit1.gif) repeat-x left top;
}



.blau_fosc {color: #012F53; text-decoration:none; }
.blanc {color: #ffffff; text-decoration:none; }


img.esquerra{
padding:4px;
border:2px solid #ddd;
float:left;
margin:12px 18px 0 0;
}

img.dreta{
padding:4px;
border:2px solid #ddd;
float:right;
margin:12px 18px 0 0;
}

.titol_foto,a.titol_foto,a.titol_foto:visited,a.titol_foto:active,a.titol_foto:link,a.titol_foto:hover { color: #d4d3d2; font-size : 22px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; text-decoration:none; }

.titol_foto1,a.titol_foto1,a.titol_foto1:visited,a.titol_foto1:active,a.titol_foto1:link,a.titol_foto1:hover { color: #333333; font-size : 22px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; text-decoration:none; }

	.linia {
	clear: both;
	background-image:  url(img/dotted_line.gif);
	background-repeat: repeat-x;
	background-position: left;
	height:25px;
	width:100%; }

	.linia_v {
	clear: both;
	background-image:  url(img/dotted_line.gif);
	background-repeat: repeat-y;
	background-position: left;
	width:2px;
	height:100%; }
	
	
	#peu {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	background-color: #f1f1f1;
	color: #777;
	text-align: left;
	font: 95% arial, helvetica, sans-serif;
	border-top: 0px solid #ccc; }
	#peu a {
	text-decoration: none;
	border-bottom: 0px; }
	#peu a:hover {
	text-decoration: none;
	border-bottom: 0px; }
	#peu ul {
	padding-left: 0;
	margin-left: 0;
	background-color: #f1f1f1;
	color: #444;
	float: left;
	width: 100%; }
	#peu ul li { display: inline; }
	#peu ul li a {
	padding: 0.5em 0.5em;
	background-color: #f1f1f1;
	color: #444;
	text-decoration: none;
	float: left;
	border-right: 1px solid #bbb; }
	#peu ul li a:hover {
	background-color: #696969;
	color: #fff; }

.titolet {
	background-color: #EAF5FF;
	border-top: 1px dotted #012f53;
	font-weight: bold;
	padding: 0.5em 0.5em;
	color: #012f53; }



.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid #777;
}
.highslide:hover img {
	border: 1px solid #e89b31;
}

.highslide-image {
	border: 10px solid white;
    cursor: pointer; /* opera */
	cursor: url(highslide/graphics/zoomout.cur), pointer;
}
.highslide-image-blur {
    cursor: pointer;
    cursor: hand;
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	opacity: 0.60; /* w3c */
	filter: alpha(opacity=60); /* ie */
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray; }


	#menu_galeria {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	background-color: #fff;
	color: #012F53;
	text-align: left;
	font: 100% verdana, helvetica, sans-serif;
	border-top: 0px solid #ccc; }
	#menu_galeria a {
	text-decoration: none;
	border-bottom: 0px; }
	#menu_galeria a:hover {
	text-decoration: none;
	border-bottom: 0px; }
	#menu_galeria ul {
	padding-left: 0;
	margin-left: 0;
	background-color: #fff;
	color: #012F53;
	float: left;
	width: 100%; }
	#menu_galeria ul li { display: inline; }
	#menu_galeria ul li a {
	font-weight:bold;
	padding: 0.7em 0.7em;
	background-color: #012F53;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #bbb; }
	#menu_galeria ul li a:hover {
	background-color: #e89b31;
	color: #fff; }

.menu_galeria1,a.menu_galeria1,a.menu_galeria1:visited,a.menu_galeria1:active,a.menu_galeria1:link  { 
font: 95% verdana, helvetica, sans-serif;
padding: 0.4em 0.4em;
color: #012F53;
text-decoration: none; }
a.menu_galeria1:hover { 
text-decoration: none;
background-color: #efefef;
color: #333; }
.menu_galeria1_escollit  { 
font-weight: bold;
font: 95% verdana, helvetica, sans-serif;
padding: 0.4em 0.4em;
color:#fff;
background-color: #e89b31; }

/* ------------------------------------------------------------------------------------ 
#menu dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #69c url(bottom.gif) no-repeat bottom left;}
#menu dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; background: #69c url(top.gif) no-repeat top left;}
#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
#gallery a, #gallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px; background: #47a url(arrow.gif) no-repeat 10px 10px; width:125px; }
#gallery a:hover {background: #258 url(arrowr.gif) no-repeat 11px 10px; color:#9cf;}
ol li {font-size:11px;}
 ------------------------------------------------------------------------------------ */
/*
.menu,a.menu,a.menu:visited,a.menu:active,a.menu:link  { text-decoration: none; padding: 0 0 4px; border-bottom: 4px dotted #FFF; color: #444; }
a.menu:hover { border-color: #ccc; color: #000}
.menu_escollit  { color:#0294cc; text-transform: uppercase; font-weight:bold; }
*/
/* ------------------------------------------------------------------------------------ */
#menu a, #menu a:visited {
color:#555;
text-decoration:none;
text-align:left;
display:block; 
padding: 6px 0px 0px 10px;
margin:-10 auto;
border-left:1px solid #aaa;
}
#menu a:hover {
border-left:1px solid #aaa;
color:#000;
}
#menu a.on, #menu a:visited.on {
font-weight: bold;
color:#000;
text-decoration:none;
text-align:left;
display:block; 
padding: 6px 0px 0px 10px;
margin:-10 auto;
border-left:1px solid #aaa;
}
.menu_titol_cap {
color:#000;
text-decoration:none;
text-align:left;
display:block; 
padding: 0px 0px 0px 10px;
margin:-10 auto;
border-left:1px solid #aaa;
}
.menu_titol_cap1 {
font-weight:bold;
color:#000;
text-decoration:none;
text-align:left;
display:block; 
padding: 0px 0px 0px 10px;
margin:-10 auto;
border-left:1px solid #aaa;
}
.menu_titol_cap2 {
color:#000;
text-decoration:none;
text-align:left;
display:block; 
padding: 0px 0px 0px 10px;
margin:-10 auto;
}
.menu_titol_cap3 {
font-weight:bold;
color:#000;
text-decoration:none;
text-align:left;
display:block; 
padding: 0px 0px 0px 10px;
margin:-10 auto;
}

.peu,a.peu,a.peu:visited,a.peu:active,a.peu:link  {font-size:10px; text-decoration: none; text-align: center; color: #777; border-bottom:1px dotted #FFF; }
a.peu:hover { color: #000; border-bottom:1px dotted #fd5501; }

.menu_dalt,a.menu_dalt,a.menu_dalt:visited,a.menu_dalt:active,a.menu_dalt:link {font-size:10px; text-decoration:none; padding:0 0 2px; border-bottom:2px dotted #FFF; color:#444;}
a.menu_dalt:hover { border-color: #e89b31; color: #000}

.idiomes,a.idiomes,a.idiomes:visited,a.idiomes:active,a.idiomes:link  { text-decoration: none; color: #aaa; }
a.idiomes:hover { text-decoration: none; color: #fd5501; }

div.parraf_blau {
margin: 0px 0px 0px 2.5em;
border-left: 4px solid #648abb;
padding: 0px 0px 10px 20px;
}

div.parraf_taronja1 {
margin: 0px 0px 0px 2.5em;
border-left: 1px solid #ea7e00;
padding: 0px 0px 10px 20px;
}

div.fletxa {
background-image: url(img/ico_dre.jpg);
background-repeat: no-repeat;
background-position: left top;
margin: 1.5em 0px 0px 0px;
padding: 0px 0px 10px 30px;
}

div.fletxa1 {
background-image: url(img/ico_dre1.jpg);
background-repeat: no-repeat;
background-position: left top;
margin: 1.5em 0px 0px 0px;
padding: 0px 0px 10px 30px;
}

div.fletxa2 {
background-image: url(img/ico_dre2.jpg);
background-repeat: no-repeat;
background-position: left top;
margin: 1.5em 0px 0px 0px;
padding: 0px 0px 10px 30px;
}

/* EMPRESA --------------------------------------------------------------------*/
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:300px; 
height:450px; 
background:#eee url(img/empresa_portada.jpg) 0 110px no-repeat;
border:1px solid #bdbdbd;
margin:0 auto;
}
#album_cat {
width:300px; 
height:450px; 
background:#eee url(img/empresa_portada_cat.jpg) 0 110px no-repeat;
border:1px solid #bdbdbd;
margin:0 auto;
}
#album_eng {
width:300px; 
height:450px; 
background:#eee url(img/empresa_portada_eng.jpg) 0 110px no-repeat;
border:1px solid #bdbdbd;
margin:0 auto;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:40px 0 0 0; 
list-style-type:none; 
position:relative; 
width:300px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:10px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:94px; 
height:44px; 
line-height:18px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-300px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:70px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
/* EMPRESA FI -----------------------------------------------------------------*/

.dalt_taronja,a.dalt_taronja,a.dalt_taronja:visited,a.dalt_taronja:active,a.dalt_taronja:link {font-size:14px; text-decoration:none; color:#fe5502; border:1px solid #999; }
a.dalt_taronja:hover { background:#ddd; color: #000;  border:1px solid #fe5502; }

.dalt_blau,a.dalt_blau,a.dalt_blau:visited,a.dalt_blau:active,a.dalt_blau:link {font-size:14px; text-decoration:none; color:#648abb; border:1px solid #999; }
a.dalt_blau:hover { background:#ddd; color: #000;  border:1px solid #648abb; }


.titol_foto {
color: #fff; 
background-color: #111; 
font-size : 10px; 
font-family: Arial, Helvetica, Verdana, sans-serif;
}

.f_groc {background: #EAE71C}
.gris10 {color: #555555; font-size: 10px; }

.total { color: #000000; font-size: 150%; font-weight:bold; background-color: #ffffff; border: 0px solid #777; padding: 2px; }

.obliga  { color: #E89B31; font-weight:bold; font-size:150%; }

textarea.feld
{	font-family:Helvetiva, Arial, sans-serif;
	font-size:11px;
	color:#5C5C5C;
	border-width: 0px 1px 1px 0px;
	border-right-color: #ffffff;
	border-bottom-color:#aaaaaa;
	background-color:#ffffff;
	width: 220px;
	
	scrollbar-base-color:#ffffff; 
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color:  #ff8b00;
	
}
input.feld
{
	font-family:Helvetiva, Arial, sans-serif;
	font-size:11px;
	color:#5C5C5C;
	border-width: 0px 1px 1px 0px;
	border-right-color: #ffffff;
	border-bottom-color:#aaaaaa;
	background-color:#ffffff;
	width: 220px;
}

input.submitfeld
{
	font-family:Helvetiva, Arial, sans-serif;
	font-size:11px;
	color:#6c8cac;
	border-width: 0px 0px 0px 0px;
	border-right-color: #ffffff;
	border-bottom-color:#ffffff;
	background-color:#ffffff;
}


select.feld
{	font-family:Helvetiva, Arial, sans-serif;
	font-size:11px;
	border-width: 0px 1px 1px 0px;
	border-right-color: #ffffff;
	border-bottom-color:#3254A0;
	background-color:#f4f4f4;
	color:#303030;
	
	scrollbar-face-color: #DA0006;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #DA0006;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color:  #FFFFFF;
}

.produ1,a.produ1,a.produ1:visited,a.produ1:active,a.produ1:link {text-decoration:none; color:#fff; background-color:#F02B25; border: 1px #fff solid;}
a.produ1:hover { color:#fff; background-color:#F02B25; border: 1px #000 solid; }
.produ2,a.produ2,a.produ2:visited,a.produ2:active,a.produ2:link {text-decoration:none; color:#fff; background-color:#F02B25; border: 1px #fff solid;}
a.produ2:hover { color:#fff; background-color:#F02B25; border: 1px #000 solid; }
.produ3,a.produ3,a.produ3:visited,a.produ3:active,a.produ3:link {text-decoration:none; color:#fff; background-color:#199147; border: 1px #fff solid;}
a.produ3:hover { color:#fff; background-color:#39ad6b; border: 1px #000 solid; }
.produ4,a.produ4,a.produ4:visited,a.produ4:active,a.produ4:link {text-decoration:none; color:#000; background-color:#ffff01; border: 1px #fff solid;}
a.produ4:hover { color:#000; background-color:#ffff01; border: 1px #000 solid; }

.titol_portada_taronja {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.5em; color: #fd5501; font-weight:bold;}
.titol_portada_negre {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.5em; color: #000; font-weight:bold;}
.titol_portada_blanc {margin:0 0 0 .01em; font-family: Arial Narrow, Helvetica, sans-serif; font-size:1.5em; color: #fff; font-weight:bold;}

.c_F02B25 { color: #fff; }

.redufont { font-size: 0.6em; }

.ventatges { padding: 0px 0px 0px 70px; }

.destacat {
	background: #fff6bf url(img/ico_exclama.jpg) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}

/* MAPA WEB ------------------------------------------------------------ */
#mapa {
  float:left;
  width:200px;
  line-height:11px;
  border-bottom:1px dotted #a2a2a2;   }
#mapa a {
  display:block;
  margin:0px;
  padding:1px 0px 0px 10px;
  /*height:17px;*/
  font:400 11px Arial,sans-serif;
  line-height:18px;
  color:#333333;
  background:#eaeaea;
  text-decoration:none;
  border-top:1px dotted #a2a2a2;   }
#mapa a:hover {
  color:#fff;
  background:#555;
  border-top:1px dotted #fd5501; }

#mapa_altres {
  float:left;
  width:126px;
  line-height:11px;
  border-bottom:1px solid #444444;   }
#mapa_altres a {
  display:block;
  margin:0px;
  padding:1px 0px 0px 10px;
  /*height:17px;*/
  font:400 11px Arial,sans-serif;
  line-height:18px;
  color:#cc0000;
  background:#777777;
  text-decoration:none;
  border-top:1px solid #444444;   }
#mapa_altres a:hover {
  color:#fff;
  background:#517247;   }
/* FI MAPA WEB --------------------------------------------------------- */


a.tooltipinfo{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.tooltipinfo:hover{z-index:25; background-color:#ff0}

a.tooltipinfo span{display: none}

a.tooltipinfo:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:60em;
    border:1px solid #0cf;
    background-color:#ff9900; color:#000;
    text-align: center}


.f_blanc { background-color:#FFFFFF; font-size:1em; }