body{ font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color:#333333; margin:0px; }

table{  font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#333333;  }

input[type=text]{ height:25px; font-size:16px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; border:1px solid #17375e; }
input.boto{ font-size:16px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; border:1px solid #17375e; background:url(../img/fons-titol-caixa.gif) repeat-x top #17375e; color:#ffffff; font-weight:bold; padding:5px 15px 5px 15px; cursor:pointer;  }
input.boto:hover{ background:url(../img/fons-titol-caixa-hl.gif) repeat-x bottom #17375e; }
input.boto:active{ top:1px; position:relative; }

input.botoPetit{ font-size:14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; border:1px solid #17375e; background:url(../img/fons-titol-caixa.gif) repeat-x top #17375e; color:#ffffff; font-weight:bold; padding:4px 15px 4px 15px; _padding:0px 15px 0px 15px; cursor:pointer;  }
input.botoPetit:hover{ background:url(../img/fons-titol-caixa-hl.gif) repeat-x bottom #17375e; }
input.botoPetit:active{ top:1px; position:relative; }


a{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; color:#333333; text-decoration:none; }
a:hover{ text-decoration:underline; }
a:active{ position:relative; top:1px; }
a.boto{ font-size:16px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; border:1px solid #17375e; background:url(../img/fons-titol-caixa.gif) repeat-x top #17375e; color:#ffffff; font-weight:bold; padding:5px 15px 5px 15px; cursor:pointer; }
a.boto:hover{ background:url(../img/fons-titol-caixa-hl.gif) repeat-x top #17375e; }

img{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; }

li{ margin-bottom:10px; }


.round, div.bannerVacances, div.ajudaBuscarDiv, div.ajudaBuscarCaixaDiv{ border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; }
.noRound{ border-radius: 0px;	-moz-border-radius: 0px; -webkit-border-radius: 0px; }
.roundTop{ border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; overflow:hidden; }
.roundBottom{ border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; overflow:hidden; }
.roundTopRight{ border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
.noRoundTopRight{ border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; }
.roundBottomRight{ border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
.noRoundBottomRight{ border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; }
.noRoundBottom{ border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; }
.noRoundTop{ border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; }


.border{ border:1px solid #17375e; border:1px solid #888888; }


.ombraFonsBlauTitol, h1.titolCaixa, div.caixa div.titol, input.boto, input.botoPetit{ text-shadow:0px 0px 1px #aaa; }
.ombraFonsBlau, div.capcalera, div.part_inferior{ /* text-shadow:0px 0px 3px #ddd; */ }
.ombraFonsClarTitol, div.menuCat a.opcio, a.menu, div.menuCat div.submenu a.opcioSubmenu, a.pestanya{ text-shadow:-1px 1px 2px #ccc; }
.ombraFonsClar, div.caixa div.contingut{ text-shadow:0px 0px 2px #ccc; }

/********************
 ********************
 * 	CAPÇALERA		*
 ********************
 ********************/
div.capcalera{ background-color:#17375e; color:#ffffff; z-index:200; position:relative; }
table.capcalera{ color:#FFFFFF; width:100%; border-spacing:0px; z-index:200; position:relative;}
img.logo{ border:0px; }
td.logo_capcalera{ 	text-align:left; width:33%; }
a.logo_capcalera{ 	color:#ffffff; background-color:transparent; }
table.logo_capcalera{ color:#ffffff; text-align:center; }
td.img_capcalera{ text-align:center; }
div.img_capcalera{ display:inline-block; width:400px; height:120px; /* background-image:url(../img/capcalera/Mando-Oki.jpg); Es sobreescriu després (a header.inc) */ }
div.contacta_container{ float:right; }
td.contacta_capcalera{ text-align:right; vertical-align:top; padding-right:10px; width:33%; }
td.buscar_capcalera{ text-align:right; vertical-align:bottom; padding-right:5px;}
a.contacta_capcalera{ font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; background-color:transparent; }
a.contacta_capcalera:hover{ color:#17375e; background-color:#ffffff; }
a.buscar_capcalera{ color:#ffffff; text-decoration:none; font-size:14px; background-color:transparent; }
a.buscar_capcalera:hover{ color:#17375e; background-color:#ffffff; }
a.buscar_capcalera span.buscar_capcalera{ font-size:9px; }
input.buscar_capcalera{ margin-top:5px; margin-bottom:5px;width:220px; }
div.agregar_favoritos{ float:right; border-right:1px solid #ffffff; font-weight:bold; margin-right:10px; padding-right:10px; padding-bottom:3px; text-align:center; }
a.agregar_favoritos{ color:#ffffff; text-decoration:none; background-color:transparent; }
a.agregar_favoritos:hover{ background-color:#ffffff; color:#17375e; }
div.ajudaBuscarDiv{ position:absolute; line-height:20px; top:-2px; left:-290px; width:280px; _width:290px; background-color:white; padding:5px; text-align:left; border:1px solid #17375e; color:#333333; z-index:200; }
div.ajudaBuscarDivCenter{ left:-140px; }
div.ajudaBuscarCaixaDiv{ position:absolute; line-height:20px; top:24px; left:-180px; width:200px; _width:290px; background-color:white; padding:5px; text-align:left; border:1px solid #17375e; color:#333333; z-index:200; }

a.bannerConsulta{ display:inline-block; background-color:white; color:#333333; height:90px; width:400px; text-align:left; background:url(../img/fons-banner.gif) repeat-x bottom white; }
a.bannerConsulta:hover{ background:url(../img/fons-banner-hl.gif) repeat-x bottom white; }
a.bannerConsulta span.txt1{ display:block; position:relative; padding-top:10px; padding-left:33px; }
a.bannerConsulta span.txt2{ display:block; padding-top:0px; padding-left:33px; font-size:24px; text-transform: uppercase; }
a.bannerConsulta span.txt3{ display:block; padding-top:10px; padding-left:33px; font-size:16px; font-weight:bold; }

div.bannerVacances{ display:inline-block; _padding:10px 25px 10px 25px; background-color:white; color:#333333; height:120px; width:400px; text-align:left; background:url(../img/fons-banner.gif) repeat-x bottom white; }
div.bannerVacances div.inner{ padding:10px 25px 10px 25px; _padding:0px;}

/********************
********************
* 	MENÚ			*
********************
********************/
div.menu{ margin-bottom:5px; z-index:100; position:relative; }
table.menu{ width:100%; z-index:100; }
table.menu tr{ }
table.menu td{ text-align:center; vertical-align:top; padding-right:3px; }
a.menu{ display:inline-block; padding:5px 0px; width:100%; font-size:16px; _font-weight:bold; border:1px solid #17375e; cursor:pointer; background:url(../img/fons-menu.gif) repeat-x bottom; z-index:100; }
a.menu:hover{ background:url(../img/fons-menu-hl.gif) repeat-x bottom; }

/********************
 ********************
 * 	MENÚ CATEGORIES *
 ********************
 ********************/
div.menuCatContainer{ position:relative; display:none; z-index:150;}
div.menuCat{ position:absolute; z-index:50; width:100%; top:-1px; font-size:14px; opacity:.97; z-index:150; }
div.menuCat div.opcio{  }
div.menuCat a.opcio{ height:23px; text-align:left;  background:#f6f7f9; position:relative;  z-index:60; width:100%; display:inline-table; left:0px; border-right:1px solid #17375e; border-left:1px solid #17375e; z-index:150;}
div.menuCat a.opcio:hover{ background:#e3e4e5;	text-decoration:none; font-weight:bold; }
div.menuCat a.opcio span.text{ left:10px; top:2px; position:relative;  }
div.menuCat div.submenu{ text-align:right; position:absolute; z-index:70; display:inline-block; float:right; text-align:left; display:none; width:1px; z-index:150;}
div.menuCat div.submenu a.opcioSubmenu{ height:23px; position:relative; overflow:visible; background:#e3e4e5; border:1px solid #17375e; display:inline-table; left:-1px; width:250px; color:#333; padding-left:10px;  }
div.menuCat div.submenu a.opcioSubmenu:hover{ background:#fff; font-weight:bold; text-decoration:none;  }


/********************
********************
* 	CONTINGUT		*
********************
********************/
div.contingut{ text-align:justify; }
table.contingut{ border-spacing:0px; width:100%; }
td.contingut_dreta{ width:300px; padding-right:0px; vertical-align:top;}
td.contingut_esquerra{ vertical-align:top; }
div.contingut_marc{ margin:50px; margin-top:30px; }
div.contingut_interior_marc{ margin-left:30px; }


/********************
 ********************
 * 	CAIXES			*
 ********************
 ********************/
div.caixa div.contingut{ padding:15px; border:1px solid #17375e; margin-bottom:15px; background:url(../img/fons-menu.gif) repeat-x bottom; }
div.caixa{ }
div.caixa div.titol{ padding:7px; border:1px solid #17375e; border-bottom:0px; text-transform: uppercase; background:url(../img/fons-titol-caixa.gif) repeat-x top #17375e; color:#ffffff; font-weight:bold; font-size:14px;  }
h1.titolCaixa{ padding:7px; border:1px solid #17375e; border-bottom:0px; text-transform: uppercase; background:url(../img/fons-titol-caixa.gif) repeat-x top #17375e; color:#ffffff; font-weight:bold; font-size:14px; margin-bottom:0px; margin-top:0px; }
h1.titolSocial{ padding-bottom:0px; _padding-bottom:7px; }
div.caixaGran{ margin:0px; }
a.titolCaixa{ color:#ffffff; }

/********************
 ********************
 * 	PESTANYES		*
 ********************
 ********************/
h1.pestanya{ display:inline; padding:7px !important;}
a.pestanya{ display:inline; }
a.pestanya{ padding:7px; padding:7px; border:1px solid #17375e; border-bottom:0px; font-size:14px; text-transform: uppercase; margin-bottom:0px; line-height:30px; color:#333333; cursor:pointer; background:url(../img/fons-menu.gif) repeat-x bottom; }
a.pestanya:hover{ background:url(../img/fons-menu-hl.gif) repeat-x bottom; }

/********************
 ********************
 * 	LOCALITATS		*
 ********************
 ********************/
div.localitats{ line-height:20px; text-align:justify; }
div.localitats_textInterior{ font-size:14px; font-weight:bold; text-align:center; line-height:25px; margin-top:50px; margin-bottom:20px; }
table.taulaLocalitats{ width:100%; _width:85%; }
table.taulaLocalitats td{ }


/********************
 ********************
 * 	CATEGORIES		*
 ********************
 ********************/
a.categories_caixa { font-size:13px; }
table.caixa_categories{ width:250px; }
h2.categories{ font-size:16px; margin-left:30px; margin-bottom:0px; }
div.categories_textInterior{ font-size:14px; font-weight:bold; text-align:center; line-height:25px; margin-top:40px; margin-bottom:20px; }
span.categories_textInterior2{ font-size:14px; font-weight:normal; }
div.text_intro_categories{ margin-left:0px; margin-right:0px; margin-bottom:20px; font-size:14px; }
span.text_sub_categoria{ display:block; padding-left:30px; padding-right:30px; }
div.link_totes_categories{ text-align:right; margin-top:20px; }
a.link_totes_categories{ font-weight:bold; font-size:14px; }


/********************
 ********************
 * 	CONTACTA		*
 ********************
 ********************/
table.contacta{ font-size:14px; border-spacing:10px; }
table.contacta th{ text-align:left; width:200px; }
textarea.contacta{ width:460px; height:200px; font-family:  Arial, Helvetica, sans-serif; color:#333333; font-size:16px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; border:1px solid #17375e; }
input[type=text].contacta{ width:250px; }
input[type=text].contacta_llarg{ width:460px; }
td.submitContacta{ text-align:center; }




/********************
 ********************
 * 	HOME			*
 ********************
 ********************/
table.taulaHome{ border-collapse:collapse; font-size:14px; }
table.taulaHome td{ padding:10px; text-align:justify; }
table.taulaHome td.imatge{ text-align:center; }
table.taulaHome td.interrogant{ font-size:68px; font-weight:bold; }
h2.home{ font-size:14px; }


/********************
 ********************
 * 	PART INFERIOR	*
 ********************
 ********************/
div.copy{ position:relative; float:right; z-index:100; font-size:12px; margin-right:5px; }
div.part_inferior{ position:relative; clear:both; padding:20px; background:url(../img/fons-titol-caixa.gif) repeat-x top #17375e; }
a.part_inferior{ color:#ffffff; font-size:12px; text-decoration:none; margin-right:20px; }
a.part_inferior:hover{ background-color:#ffffff; color:#17375e; }


/********************************
 ********************************
 * 	CONDICIONS DE VENDA			*
 ********************************
 ********************************/
div.condicionsVenda{ }
h2.condicionsVenda{ margin-top:30px; }

/********************************
 ********************************
 * 	POLITICA DE PRIVACIDAD		*
 ********************************
 ********************************/
div.politicaPrivacitat{ }
h2.politicaPrivacitat{ margin-top:30px; }
h3.politicaPrivacitat{ margin-top:30px; }
p.politicaPrivacitat{ }

/********************************
 ********************************
 * 	PREGUNTES FREQUENTS			*
 ********************************
 ********************************/
div.pregFrequents{ }
h2.pregFrequents{ margin-top:30px; }
p.pregFrequents{ }

/********************************
 ********************************
 * 	E-SHOP						*
 ********************************
 ********************************/
td.iframe{ padding-right:10px; padding-left:10px; }
iframe.iframe{ position:relative; border:0px; width:100%; height:600px; }

/********************************
 ********************************
 * 	SOBRE NOSALTRES				*
 ********************************
 ********************************/
p.sobreNosotros{ }

/********************************
 ********************************
 * 	CAPTCHA						*
 ********************************
 ********************************/
img.captcha{ margin-left:0px; }
span.captcha{ font-size:12px; cursor:pointer; }

/********************************
 ********************************
 * 	MISSATGES ENVIATS			*
 ********************************
 ********************************/
h1.emailEnviatOK{ margin-top:100px; margin-bottom:100px; }
h1.emailEnviatKO{ margin-top:100px; margin-bottom:100px; color:#aa0000; }

/********************************
 ********************************
 * 	CONTACTA / CONSULTA			*
 ********************************
 ********************************/
div.contacta_textIntro{ text-align:justify; font-size:14px; margin-bottom:30px; }
div.caixaAdrecaPostal{ text-align:left; font-size:13px; }
div.caixaAdrecaPostal a{ font-weight:bold; }
div.adrecaPostal{ font-size:14px; line-height:20px; }
div.adrecaPostal_titol{ font-size:16px; font-weight:bold; }


/********************************
 ********************************
 * 	MARQUES	i MODELS			*
 ********************************
 ********************************/
div.marques{ font-size:14px; }
p.llistat_marques{ font-size:12px; line-height:20px; }
p.formulari_marques{ margin-top:30px; margin-bottom:50px; }

div.caixaMarques{ }
div.caixaMarques_titol{ font-size:14px; font-weight:bold; }
input.caixaMarques{ width:265px; }
div.caixaMarques p{ margin-top:0px; padding-top:3px; margin-bottom:10px; }
div.caixaMarques form{ margin:0px; }
p.models_recordatori_consulta{ margin-top:0px; padding-top:0px; }
a.tipus_aparells{ display:block; margin-bottom:5px; }

/********************************
 ********************************
 * 	AUTOCOMPLETE				*
 ********************************
 ********************************/
.autocomplete{ font-family:  Arial, Helvetica, sans-serif; font-size: 10pt; line-height:13px; background-color: white; border: 1px solid black; position: absolute; cursor: default; overflow: auto; overflow-x: hidden; _overflow: visible; _overflow-x: visible; _overflow-y: auto; _padding-right:30px; }
.autocomplete_item{ padding: 1px; padding-left: 5px; color: black; width: 100%; }
.autocomplete_item_highlighted{ padding: 1px; padding-left: 5px; color: white; background-color: #0A246A; }


/********************************
 ********************************
 * 	COM BUSCAR					*
 ********************************
 ********************************/
div.comBuscar{ font-size:14px; }
div.comBuscar a.u{ text-decoration:underline; }
div.comBuscar a.u:hover{ text-decoration:none; }
div.comBuscar a.linkResaltat{ color:red; }
div.comBuscar p.img{ text-align:center; }



/********************************
 ********************************
 * 	CATÀLEG						*
 ********************************
 ********************************/
p.linkCatalegPdf{ font-size:14px; font-weight:bold; padding-top:20px; }
p.linkCatalegOnline{ font-size:14px; font-weight:bold; padding-top:20px; padding-bottom:20px; }


/********************************
 ********************************
 * 	MANDOS HOTELES				*
 ********************************
 ********************************/
table.index{ width:100%; _width:88%;  }
table.index td{ width:50%; text-align:center; padding-bottom:20px; vertical-align:top; }
table.index a.mandosHotels{ text-decoration:none; font-size:16px; font-weight:bold; }
table.index a.mandosHotels img{ border:0px; }


/********************************
 ********************************
 * 	TIPUS APARELLS / MODELS		*
 ********************************
 ********************************/
div.models{ clear:both; _position:relative;  _padding-top:40px !important;}
div.models p.titol{ color:#17375e; font-size:28px; font-weight:bold; text-shadow:-2px 2px 1px #aaa; text-align:center;}
div.models a.models{ font-size:14px;  }
div.models h2.familia{ width:160px; height:200px; margin:5px; display:inline-block; _display:inline; text-align:center; vertical-align:top; }
div.models h2.familia a.familia{ font-size:16px; font-weight:bold; }
div.models h2.familia a.familia img.familia{ border:0px; }
div.models h2.tipus{ width:160px; height:200px; margin:5px; display:inline-block; _display:inline; text-align:center; vertical-align:top; }
div.models h2.tipus a.tipus{ font-size:20px; }
div.models h2.tipus a.tipus img.tipus{ border:0px; }
div.models p.fotoTipus { float:right; position:relative; top:-10px; text-align:center; font-weight:bold; font-size:14px; margin:0px; }
 p.lletres{ font-size:16px; _margin-top:40px; }
 p.lletres a.ll{ font-weight:bold; }
 p.lletres span.ll{ color:#999999; cursor:default; }
 p.separadorLletra{ border-bottom:dotted 1px #666666; font-size:26px; font-weight:bold; color:#17375e; margin:20px 0 0 0; }
 div.containerMarques{ padding-bottom:30px; text-align:left; }
 h2.marca{ display:inline-block; _display:inline; margin:2px 0 0 0; }
 h2.marca a.marca{ font-size:12px; }

 p.titolAmbSubtitol{ margin-bottom:0px; }
 p.subtitol { font-weight:bold; font-size:16px; text-align:center; margin-top:0px; margin-bottom:20px; _margin-bottom:80px; }
 p.subtitol a.subtitol{ font-weight:bold; text-decoration:underline; }
 p.subtitol a.subtitol:hover{ text-decoration:none; }

div.models p.comoEncontrar { float:left; top:10px; position:relative; font-size:14px; text-align:center; margin-top:0px; margin-bottom:0px; }
div.models p.comoEncontrar a.comoEncontrar{ color:#cb0000;   }

 div.containerModels{ margin-top:30px; clear:both; }
 h2.model{ display:inline-block; _display:inline; width:250px; height:35px; vertical-align:top; text-align:left; margin:0px; }
 h2.model a.model{ line-height:15px; vertical-align:top; }
 p.frmNomModel{ float:left; width:45%; background:red; }
 table.paginador{ width:100%; _width:auto; table-layout:fixed;  border-bottom:dotted 1px #666666; font-size:14px; }
 table.paginador td.formulari{ text-align:left; padding-bottom:3px; vertical-align:bottom; }
 table.paginador form.partNomModel{ margin:0px; padding:0px; }
 form.partNomModel input.partNomModel{ font-size:14px; height:20px; width:100px; color:#333333; border:1px solid #333333; }
 form.partNomModel input.submit{ font-size:14px; color:#333333; }
 table.paginador td.paginador{ text-align:right; padding-bottom:3px; vertical-align:bottom; }
 td.paginador a{ margin-left:20px; }
div.models table.components{ width:100%; _width:auto; table-layout:fixed; }
div.models table.components td{ vertical-align:top; }
div.models table.components td.drt{ padding:20px 0; width:240px; font-size:16px; text-align:center; }
div.models table.components td.drt a.despiece img{ border:0px; }
div.models h2.component{ margin:10px 0; }
div.models h2.component a.component{ }
div.models h2.component a.component span.imgComp{ width:60px; display:inline-block; _display:inline; }
div.models h2.component a.component span.imgComp img.img{ border:0px; vertical-align:middle; }
table.pasAPas{ position:relative; top:-10px; width:100%; _width:auto; border-collapse:collapse; table-layout:fixed;  }
table.pasAPas td{ text-align:center; padding:0px; vertical-align:top; }
table.pasAPas td.ant{  }
table.pasAPas td.act{ color:#999999; }
table.pasAPas td.ant div.line{ height:9px; background:url(img/linia.png) no-repeat center; }
table.pasAPas td.ant div.line_last{ height:9px; background:url(img/linia_last.png) no-repeat center; }
table.pasAPas td.act div.line{ height:9px; background:url(img/linia_act.png) repeat-x center; }

div.caixaSimilitudMandos{ font-size:14px; }
div.caixaSimilitudMandos p.botoSimilitudMandos{ text-align:center; }
div.mandoPk{ float:left; _float:none; _display:inline; height:340px; padding:0 20px;  _height:320px; width:110px; _width:150px; text-align:center; }
div.mandoPk a.ampliarFoto{ }
div.mandoPk a.comprarMando{}
div.mandoPk a.comprarMando img{ border:0px; }

div.caixaEncontrarModelo{ font-size:14px; }
div.caixaEncontrarModelo img{ margin-top:10px; margin-bottom:10px; }

div.prodDir{ float:left; _float:none; _display:inline; text-align:center; margin-right:30px; width:180px; height:230px; }
div.prodDir a{ display:block; text-align:center;  font-weight:bold; font-size:14px; }
div.prodDir a span{ text-align:center; }
div.prodDir a img{ border:0px; margin-top:5px; }


/********************************
 ********************************
 * 	LLISTAT MANDOS				*
 ********************************
 ********************************/
div.llistatMandos p.titol{ color:#17375e; font-size:28px; font-weight:bold; text-shadow:-2px 2px 1px #aaa; text-align:center;}
div.llistatMandos h2.model { width:350px; }
div.llistatMandos h2.model a.model{ font-size:14px; font-weight:normal; }
div.llistatMandos h2.model a.model span{ font-weight:bold; }