@charset "utf-8";
/* CSS Document */

html, body{margin:0; padding:0; background-image:url(../img/bg-web.gif); background-position:center; background-repeat:repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif}


#icona1 a.icona{background:url(../img/iconografia/exit-sling.png) no-repeat}
#icona2 a.icona{background:url(../img/iconografia/poritex.png) no-repeat}
#icona3 a.icona{background:url(../img/iconografia/exit-decor.png) no-repeat}
#icona4 a.icona{background:url(../img/iconografia/smart-sling.png) no-repeat}
#icona5 a.icona{background:url(../img/iconografia/exit-pro.png) no-repeat}

.blau{ color:#082bc1}
.vermell{color:#ee2e24}
.verd{ color:#299d06}
.carbassa{color:#f58105}
.gris{color:#48195f}

input{ border:none}
#container{ width:985px; margin:0 auto}
.floatleft{float: left}
.floatright{float:right}
.clearBoth{ clear: both}

#top{width:985px; height:116px; margin:0 0 0 1px}
#topMenu{ margin:0 3px 0 2px}


#paseFotos{}

#menuPrincipal{ height:28px; width:100%; margin:0 0 0 0; padding:0; }
#menuPrincipal ul, ul.idioma{ list-style:none}
#menuPrincipal li, ul.idioma li{ float:left}
#menuPrincipal ul.menu_principal{ float:right; margin:0; padding:0}
#menuPrincipal ul.menu_principal li a{color:#fff; font-weight:bold; text-decoration:none; font-size:12px; height:25px; width:115px; margin:2px 3px 0 3px; display:block; text-align:center; vertical-align:middle; padding:5px 0 0 0}


#menuSuperior{ float:right; margin:0; padding:0}
#menuSuperior{ *margin:0 0 0 490px}

#menuSuperior ul{list-style:none; margin:0; padding:0}
#menuSuperior ul li{float:left; margin:0 5px 0 0; padding:0}
#menuSuperior ul li a{width:94px; height:30px; display:block; background-position:top; text-indent:-9999px}
#menuSuperior ul li a:hover{background-position:bottom;}
#menuSuperior ul li a.texbor{background-image:url(../img/menuSuperior/texbor.gif);}
#menuSuperior ul li a.exitsling{background-image:url(../img/menuSuperior/exit-sling.gif);}
#menuSuperior ul li a.poritex{background-image:url(../img/menuSuperior/poritex.gif);}
#menuSuperior ul li a.exitdecor{background-image:url(../img/menuSuperior/exit-decor.gif);}
#menuSuperior ul li a.smartsling{background-image:url(../img/menuSuperior/smart-sling.gif);}
#menuSuperior ul li a.exitpro{background-image:url(../img/menuSuperior/exit-pro.gif);}



#utilsweb{ background:#eee; width:248px; height:231px; float:right}

.bg_input{background:url(../img/bg-input.gif) no-repeat; width:168px; height:30px; display:inline-block}
/* ie7 */
.bg_input{*display:inline}
label{display:inline-block; font-size:10px; color:#999; font-weight:bold; width:70px; text-align:right; padding:0 3px 0 0}
.bgInput{width:150px; height:18px; margin:1px 0 0 2px; border:none 0}
.bgInput2{width:148px; height:18px; margin:1px 0 0 2px; border:none 0}
/* ie8 Hack */
.bgInput2{height /*\**/: 14px\9}

#ampliar3{ font-size:11px; color:#000; text-align:center; margin:0; }

#ampliar3 p{ font-size:11px; color:#000; text-align:center; margin:0; }
#ampliar3 a{ font-size:11px; color:#000; text-align:center; margin:0; }
#ampliar3 a:hover{ font-size:11px; color:#666; text-align:center; margin:0; text-decoration:none }

#utilsweb h2{ padding:10px 0 0 0; margin:0 0 5px 0;font-size:14px; font-weight:bold; color:#fff; text-indent:50px;}
#utilsweb p {text-align: right; padding:3px 0; margin:0 10px 0 0}
#utilsweb p a{text-align: right; font-size:11px; color:#999}

#faq p {text-align: left; font-size:12px; font-weight:bold; padding:3px 0; margin:0 0 0 0}
#faq .p {text-align: left; font-size:12px; font-style:italic; padding:3px 0; margin:0 0 0 30px; list-style:none}
#faq a{text-align: right; font-size:11px; color:#999; margin:0 0 0 50px; text-decoration:underline}
#faq a:hover{text-align: right; font-size:11px; color:#000; text-decoration:none}




#contingut{ margin:10px 7px}


.titolCaixaGrisClar{ padding:3px; font-size:14px; font-weight:bold; color:#fff; text-indent:20px}

.grisfosc, .grisclar, .grismesfosc{ padding:5px;}

.grisclar{background:#eee; margin:0 0 10px 0}
.grisclar h2{color:#fff;}


.grisfosc{background:#ccc; margin:0 0 10px 0}
.grismesfosc{background:#999!important; margin:0 0 10px 0}
.grisfosc h2, .grismesfosc h2{color:#fff;}

.grisclar h2, .grisclar h2.especial, .grisfosc h2, .grismesfosc h2{background-repeat: no-repeat;padding:10px 0 0 0; margin:0 0 5px 0;font-size:12px; font-weight:bold; text-indent:50px; height:34px}
.contingut{ padding:5px}

hr.columna{ color:#fff; background-color:#fff; border: solid 2px #fff; height:7px; margin:0 -5px 7px}
.contingut p strong, .contingut p{ color:#444}
.contingut p{ font-size:11px; padding:2px 0 10px 0}
.contingut ul{ font-size:11px; padding:2px 0 10px 20px}
.contingut li{padding:2px 0 5px 0}
.contingut p strong{ font-size:12px;}


.grismesfosc .contingut p strong, .grismesfosc .contingut p{ color:#fff}
.grismesfosc .contingut p{ font-size:10px}
.grismesfosc .contingut p strong{ font-size:12px;}


.columnaEsquerra{ width:639px; float:left}
.columnaEsquerraPetita{ width:249px; float:left}
.columnaDreta{ width:307px; float:right }
.columnaDretaGran{ width:697px; float:right }


.contingutSenseTitol{ padding:5px 5px 5px 270px}
.contingutSenseTitol p{font-size:14px; margin:5px 0 5px 0}


#footer{ background:url(../img/bg_footer.gif) repeat-x; height:66px; clear:both; padding:20px 0 0 20px; margin: 0 2px 0 3px}
#footer div.logo{background:url(../img/logoFooter.gif) no-repeat; width:142px; height:34px; display:block; float:left; padding:0 0 0 30px}
#footer div.skype{width:152px; height:44px; margin-top:-25px; display:block; text-align:center; float:right; padding:0 0 0 0}
#footer span.text{color:#666; font-size:10px;}
#footer span.text a{color:#666; font-size:10px;}
#footer span.text a:hover{color:#999; font-size:10px; text-decoration:none}

.floatLeft{float:left}
.floatRight{float:right}

ul.links{ list-style:url(../../includes/img/bt_info.gif);padding-left:30px;}

ul.links a{ font-size:14px; text-decoration:none; color:#333; font-weight:bolder;}
ul.links a:hover{text-decoration:underline}

#formulari p{ margin:0; padding:0}
#formulari label {
display:inline-block;
font-size:12px;
font-weight:bold;
margin:0 10px 20px 0;
text-align:right;
vertical-align:top;
width:180px;
}
#formulari input, #formulari textarea {
border:1px solid #333;
font-size:12px;
}
#formulari input {
width:404px;
}
#formulari select {
width:375px;
}
#formulari textarea {
font-size:11px;
height:110px;
width:404px;
}
#formulari input.boto {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #333;
color:#000000;
cursor:pointer;
/*float:right;*/
height:20px;
margin:10px 0 10px 562px;
width:auto !important;
}
#formulari input.boto:hover{background:none repeat scroll 0 0 #333;
border:1px solid #000;
color:#FFFFFF;}


.data{}


ul.mapaweb, ul.mapaweb ul{ font-size:14px; list-style:none; width:350px}
ul.mapaweb ul{background-color: #F5F5F5; width:330px}
ul.mapaweb li strong a{ text-indent:0; padding-left:2px; background-color:#CCC; display:block; color: #333}
ul.mapaweb li strong a:hover{ background-color:#999; color:#fff	}
ul.mapaweb li a{ text-decoration:none; padding-left:10px; color:#333}
ul.mapaweb li a:hover{ color:#CCC;}
ul.mapaweb li li a{ font-size:12px; padding-left:5px}

ul.mapaweb li a.exitsling{background-color:#e10c0c}
ul.mapaweb li a.poritex{background-color:#082ed1; color:#999}
ul.mapaweb li a.exitdecor{background-color:#c2bcc5}
ul.mapaweb li a.smartsling{background-color:#f58105}
ul.mapaweb li a.exitpro{background-color:#299d06}

.errors{ font-size:10px; background-color:#FFD9D9; border:solid 1px #A80000; padding:3px; margin:0 0 10px 0; color:#333}


#MenuIconografia p{ margin:0; padding:0 10px; height:150px}
.bottomIconografia{ background:url(../img/iconografia/bg_icones.png); height:69px; text-align:right; padding:0 5px}
a.ampliar,a.ampliar2, a.visitaTenda, a.catalegOnline{ font-size:10px; color:#999; text-align:right; margin:0; background-repeat:no-repeat; background-position:right top; display:block;}
a.visitaTendagran, a.catalegOnlionegran, a.catalegfisicgran, a.visitaManualgran, a.visitaMonstresgratis{background-position:right top;background-repeat:no-repeat;color:#999999;display:block;font-size:16px;height:35px;margin:0;padding:8px 40px 0 0;text-align:right;}

a.visitaTendagran{width:210px;}
a.catalegOnlionegran, a.catalegfisicgran, a.visitaMonstresgratis{width:130px;}

ul.idioma {float: left; margin-top:-285px; padding:5px 0 0 10px}
ul.idioma a{ height:16px; display:block; background-position:top; text-indent:-9999px;}
ul.idioma a:hover{ background-position:bottom}

.caixaPetita h2{background:none repeat scroll 0 0 transparent;
font-size:13px !important;
height:32px;
letter-spacing:-0.06em;
margin:-4px -4px 0 !important;
padding:2px 30px 0 !important;
text-align:left;
text-indent:0 !important;}
.caixaPetita p{ font-size:10px; color:#212121; margin:0 0 10px 0; text-align:left}

h3{ font-size:14px; font-weight:bold; color: #666}
.data{ float:right; font-style:italic}

.producte{margin:0 0 15px 0;}

.producte img{float:left; margin:0 5px 0 0}
.producte p{ color:#666; font-size:10px;}
.producte p strong{ font-size:12px}
p.preu{ color:#ff0000; font-size:12px; font-weight:bold; margin:10px 0 5px 0}
p.preu span.preuoferta{ color:#999; text-decoration:line-through; font-size:10px}

a.cataleg2, a.tenda2{background-position:top center; background-repeat:no-repeat; width:53px; height:0; color:#F58105; font-size:11px; text-decoration:none; display:block; float:left; padding:45px 0 0 0; text-align:center}

a.ampliar:hover,a.ampliar2:hover, a.visitaTenda:hover, a.visitaTendagran:hover, a.catalegOnlionegran:hover, a.catalegOnline:hover, a.cataleg2:hover, a.tenda2:hover, a.catalegfisicgran:hover, a.visitaManualgran:hover, a.visitaMonstresgratis:hover{color:#000; text-decoration:none}

#botigacatalegInterior{ float: right; margin:15px 10px 0 0; clear:both}

a.ampliar, a.visitaTenda, a.catalegOnline{padding:4px 30px 0 0; height:20px;}
a.ampliar2{padding:0 30px 0 0; height:14px;}

a.ampliar3{ font-size:11px; color:#000; text-align:left; margin:0; }
a.ampliar3:hover{ font-size:11px; color:#666; text-align:left; margin:0; text-decoration:none }


.a_galeria{ float:left; text-decoration:none; font-size:12px; color:#333; background-color:#CCC; padding:4px; margin:5px 0 0 7px; width:120px}
.a_galeria img{ margin:0 0 3px 0}

.h3Galeria{clear:both;padding:20px 0 2px 0; display:block; border-bottom:solid 1px #999}