@charset "utf-8";
/* CSS Document */
body {font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../img/bg_web.gif); margin:0; padding:0}

#hombra {
	position:fixed;
	top:0;
	left:0;
	background:url(../img/hombra.png);
	height:52px;
	width:100%;
	z-index: 1;
}
#hombra2 {
	position: fixed;
	top:auto;
	left:0;
	bottom:0;
	background:url(../img/hombra_inf.png);
	height:52px;
	width:100%;
	z-index: 1;
	clear:both;
}


#container{
	position:absolute;
	width:887px;
	height:570px;
	margin-left:-443px;
	margin-top:-285px;
	top:50%;
	left:50%;
	z-index: 2;
}

#container #top{ background:url(../img/Top.png) no-repeat; width:887px; height:156px; margin:0; padding:0}
#container #top #logo{padding:65px 0 0 50px; height:10px; width:100px; float:left; z-index:60px}
#container #top #logo a{ display:block; height:70px; width:260px; text-decoration:none;}
#container #top #direccio {width:400px; float:right; font-size:9px; font-weight:bold; color:#fff; position:relative; top:60px; left:auto; right:80px; text-align:right}
#container #top #direccio a{ color:#fff; font-size:11px; font-weight:bold; text-decoration:none}
#container #top #direccio a:hover{ color:#ff9c10}
#container #top #contacta{}

#container #contingut{background: url(../img/bg_contingut.png) no-repeat; width:887px; height:370px; margin:0; padding:0}
#container #contingut_home{background: url(../img/bg_contingut_home.png) no-repeat; width:887px; height:370px; margin:0; padding:0}
#container #contingut #menu, #container #contingut_home #menu{ height:135px; float:left}
#container #contingut_home #menu{ margin-top:16px}


#container #contingut #ruta,
#container #contingut #rutaClient {font-size:10px; font-weight:bold;margin:0 60px 0 165px; padding:2px}
#container #contingut #ruta {background:#ffc100; color:#411b1f;}
#container #contingut #rutaClient{background:#411b1f; color:#f8d52c;}


#container #contingut #menu #telefon, #container #contingut_home #menu #telefon{ position:absolute; top:auto; bottom:50px; left:27px}


#text_contingut{float:right; width:625px; height:352px; overflow:auto; margin:0 60px 0 0; padding:0 20px}
#text_contingut_home{float:right; width:625px; height:370px; overflow: hidden; margin:0 60px 0 0; padding:0 20px}

#text_contingut p { font-size:10px}

.textgran{ font-size:12px!important;}
.vermell{ color:#F33500}

#text_contingut_home a img{ border:none}
.link1{ margin:0 0 0 40px}
.link2{ float:right; margin:0 70px 0 0}
.link3{ margin:-3px 0 0 40px}
.link4{ float:right; margin:-3px 70px 0 0}


ul.ul_decorat {list-style: url(../img/ul.jpg); font-size:10px}
ul.ul_decorat li a {text-decoration:none; color:#000}
ul.ul_decorat li a:hover {text-decoration: underline}
/* FITXZA PROJECTES ******************************************************************************** */

.fitxa_projecte{width:625px; height:130px; background-position:3px 3px; background-repeat:no-repeat; margin:0 0 20px 0}
.fitxa_projecte_bg{color:#fff; background:url(../img/bg_projectes.png) no-repeat; width:623px; height:134px;}
.fitxa_projecte_bg h1{ font-size:16px!important; color:#f8d52c; margin:0 0 0 265px; padding:6px 0 0 0}
.fitxa_projecte_bg p{ font-size:9px!important; padding:0 0 5px 0; margin:0 0 0 265px}
.fitxa_projecte_bg p.producte{ font-size:11px!important; padding:0; margin:0 0 0 265px}


/* FITXZA PRoductes ******************************************************************************** */

.fitxa_producte{width:260px; height:130px; background-position:50% 50%; background-repeat:no-repeat; margin:0 0 20px 0; }
.fitxa_producte_bg{color:#fff; background:url(../img/bg_projectes.png) no-repeat; width:623px; height:134px;}
.fitxa_producte_bg h1{ font-size:14px!important; color:#f8d52c; margin:0 0 0 265px; padding:6px 0 0 0;}
.fitxa_producte_bg p{ font-size:9px!important; padding:0 0 5px 0; margin:0 0 0 265px}
.fitxa_producte_bg p.producte{ font-size:11px!important; padding:0; margin:0 0 0 265px}
.fitxa_producte_bg ol, .fitxa_producte_bg ul{ font-size:9px!important; padding:0; margin:0 0 0 300px}


a.info,a.info2,a.seguretat,a.tecnica{background-repeat:no-repeat; background-position:top left; height:28px; display:block; float:right; margin: 0px 10px 0 0}
a.info{background-image:url(../img/bt/bt_info.png); width:49px; margin:-5px 10px 0 0}
a.info2{background-image:url(../img/bt/bt_info.png); width:49px; margin:0 10px 0 0}
a.tecnica{background-image:url(../img/bt/bt_tecnica.png); width:87px;}
a.seguretat{background-image:url(../img/bt/bt_seguretat.png);width:96px;}

a.info:hover,a.info2:hover, a.seguretat:hover, a.tecnica:hover{ background-position:bottom left}
a span{ visibility:hidden; display:none}


/* FITXZA OFERTES ******************************************************************************** */
.imgateOferta{ width:300px; height:260px; background-position:30px 30px; background-repeat: no-repeat;}
.bg_ofertes{ background:url(../img/bg_ofertes.png) no-repeat; width:593px; height:280px; margin:0 0 20px 0}
.bg_ofertes h1{ color:#613438; font-size:18px!important; margin:2px 0 0 250px;  font-weight:bold!important}
.bg_ofertes ul{ color:#613438; font-size:9px;margin:13px 0 0 218px;*margin:13px 0 0 270px;}
.bg_ofertes ul li{margin:0 0 3px 0;*margin:0; *padding:0;*line-height:14px}
.bg_ofertes .preu{margin:9px 0 0 246px; font-size:36px!important; font-weight:bolder; color:#f43500!important; font-family:Verdana!important}
.bg_ofertes p{margin:9px 0 0 246px;color:#613438;}


/* FITXZA NOVETATS ******************************************************************************** */
.foto_novetat{ width:300px; height:160px; background-position:20px 10px; background-repeat:no-repeat; margin:0 0 20px 0}
.bg_novetat{ background:url(../img/bg_novetat.png) no-repeat; width:623px; height:173px;}
.bg_novetat h1{color:#613438; font-size:20px!important; margin:0 0 0 300px; padding:10px 0 0 0;  font-weight:bold!important}
.bg_novetat h2{color:#613438; font-size:12px!important; margin:0 0 0 300px; padding:0 0 0 0;  font-weight:bold!important}
.bg_novetat p{color:#613438; font-size:11px!important; margin:4px 0 0 300px;}


/* ShowRooms ******************************************************************************** */
.foto_showrooms{width:151px; height:250px; background-position:0 10px; background-repeat:no-repeat; margin:0 0 50px 0}
.bg_showrooms{ background:url(../img/bg_showrooms.png) no-repeat; width:593px; height:267px;}
.bg_showrooms h1 {color:#f8d52c; font-size:16px!important; margin:0 0 0 20px; padding:14px 0 0 170px}

.foto_showrooms_petit{width:185px; height:67px; background-position:0 0; background-repeat:repeat-x;}
.foto1{ margin:-6px 0 0 180px;*margin:0px 0 0 190px;}
.foto2{ margin:-78px 0 0 400px;*margin:-70px 0 0 400px;}
.foto3{ margin:53px 0 0 180px;*margin:50px 0 0 190px;}
.foto4{ margin:-78px 0 0 400px;*margin:-70px 0 0 400px;}
.text {background:url(../img/bg_showrooms_petit.png) no-repeat; width:185px; height:67px;}
.text p{ color:#fff; padding:68px 0 0 0; font-size:8px; line-height:8px }

/* IDEES ******************************************************************************** */
.colors{width:50px; height:50px; cursor:pointer; display:block}
.colors a{width:50px; height:50px; display:block; text-decoration:none}
.colors a.blanc{width:48px!important; height:48px!important; display:block; text-decoration:none}
.simulador{ float:right;background-image:url(../img/bt/bt_simulador.png); background-repeat:no-repeat;
background-position:top left; width:154px; height:34px; display:block; margin: -10px 10px 0 0}
.simulador:hover{background-position:bottom left;}



/*FOOTER I SUB MENU ******************************************************************************** */
#submenu{ float:left; margin:-60px 0 0 120px; z-index:600}
#submenu a img{ border:none}

#container #footer{z-index:20;background:url(../img/bg_footer.png) no-repeat; width:887px; height:44px; margin:-4px 0 0 0; padding:0; color:#fff; font-size:9px; text-align:right;}
#container #footer #interiofooter {margin:4px 75px 0 0; padding-top:2px}
#container #footer #interiofooter a{color:#fff; font-size:9px; text-decoration:none; vertical-align:top}
#container #footer #interiofooter a:hover{ color:#ff9c10}
#container #footer #interiofooter span{ color:#000}





.tornar{ font-size:10px; color:#000}
.tornar:hover{ color:#ff9c10}


/*INTRANET ******************************************************************************** */

#container #top2{ background:url(../img/TopIntranet.png) no-repeat; width:887px; height:156px; margin:0; padding:0}
#container #top2 #logo{padding:65px 0 0 50px; height:10px; width:100px; float:left; z-index:60px}
#container #top2 #logo a{ display:block; height:70px; width:260px; text-decoration:none;}


#paginacio{float:right; vertical-align:top;}
#paginacio input{width:auto; height:auto; vertical-align:middle}
#paginacio a,#paginacio .pagines{padding:5px 5px; font-size:10px; font-weight:normal; vertical-align: middle;}

#paginacio a{background:#f33500; color:#000;}
#paginacio a:hover{background:#fda200}
#paginacio .pagines{ background:#fda200; color:#fff;}



.cercador{ background:url(../img/bg_cercador.png) no-repeat; width:174px; height:26px; float:right}
.cercador input{ border:0 none; margin-top:3px; margin-left:5px; width:140px; float:left}
.cercador input.boto{ width:30px; height:26px; float:right; margin-top:0}



.ul_cerca{font-size: 10px; margin:0; padding:0; list-style:none; font-weight:bold}
.ul_cerca li{ margin:0 0 3px 0}
.ul_cerca ul{font-size: 10px; margin:0; padding:0 0 0 10px; list-style:none;font-weight:bold;}
.ul_cerca li a{font-size: 10px; color:#000;font-weight:bold}
.ul_cerca li li a{font-size: 10px; color:#000;font-weight:normal}
.ul_cerca li a:hover{ color:#ff9c10}

.estat{background:url(../img/estoc.png) no-repeat; width:253px; height:16px;}

.estat .disponible{ margin:0 0 0 205px}
.estat .parcial{ margin:0 0 0 217px}
.estat .sotacomanda{ margin:0 0 0 232px}