/********INCLUDES********/
@import url("grid.css");
@import url("base.css");
/************************/

body { margin:0; padding:0; font:62.5% Helvetica, Arial, Verdana, sans-serif; color:#ffffff; background:#000000 url(../images/fons-mas.jpg) repeat-x top; }
body.roperos1 { background:#000000 url(../images/fondos/fons-roperos1.jpg) repeat-x top; }
body.roperos2 { background:#000000 url(../images/fondos/fons-roperos2.jpg) repeat-x top; }
body.mesas { background:#000000 url(../images/fondos/fons-mesas.jpg) repeat-x top; }
body.contenedores { background:#000000 url(../images/fondos/fons-contenedores.jpg) repeat-x top; }
body.sillas { background:#000000 url(../images/fondos/fons-sillas.jpg) repeat-x top; }
body.elements { background:#000000 url(../images/fondos/fons-elements.jpg) repeat-x top; }

/*FONS*/
.metal { background:#000000 url(../images/fondos/body/fons-metal.jpg) repeat-x top; }
.fenolic { background:#000000 url(../images/fondos/body/fons-fenolic.jpg) repeat-x top; }
.install-fenolic { background:#000000 url(../images/fondos/body/fons-install-fenolic.jpg) repeat-x top; }
.office { background:#000000 url(../images/fondos/body/fons-office.jpg) repeat-x top; }
.order { background:#000000 url(../images/fondos/body/fons-order.jpg) repeat-x top; }
.confort { background:#000000 url(../images/fondos/body/fons-confort.jpg) repeat-x top; }
.elementos { background:#000000 url(../images/fondos/body/fons-elements.jpg) repeat-x top; }

/*LAYOUT*/
#capsalera { height:107px; margin-top:20px; }
#container-submenu { height:16px; }
#contingut { margin-top:1px; min-height: 450px; height: auto !important; height:450px; }
#foto { height:443px; padding-top:10px; z-index:0; }
#foto img { border:1px solid #ffffff; }
#dades { margin-top:10px; }
#peu { margin-top:20px; }
#footer_contact { margin-top: 12em; }

/*Tooltip*/
#tooltip { font-size:1em; margin:5px; padding:6px 5px 5px 5px; color:#000000; background-color:#ffffca; z-index:1; }

.cie { _margin-top:-1px;}

/*NAVEGACIO*/
	/*menu generic*/
	.menu li a { display:block; _display:inline; height:17px; line-height:17px; padding:0 2px; color:#ffffff; }
	.menu li a:hover { color:#000000; background-color:#ffffff; }
	.menu li a.sel {  height:17px; line-height:17px; padding:0 2px; color:#000000; background-color:#ffffff; }
	a.sel img { width: 100px; height: 100px; }
	/*menu capsalera*/
	#menu-capsalera { height:17px; margin-top:10px; }
	#menu-capsalera li { float:right; margin:0 18px 0 0; _margin:0 16px 0 0; }
	#menu-capsalera li a { color:#FFFFFF; }
	#menu-capsalera li a:hover,#menu-capsalera li a.active { color:#a8141c; background: none; }
	#menu-capsalera li.idioma { margin:0; }
	#menu-capsalera li.idioma a { color:#FFFFFF; _padding:5px 2px; }
	#menu-capsalera li.idioma a:hover,#menu-capsalera li.idioma a.active { color:#000000; background-color:#FFFFFF;}
	/*menu principal*/
	#menu-principal { height:20px; }
	#menu-principal li { float:left; margin:0 7px 0 0; }
	#menu-principal li a, #menu-principal li a.sel { height:20px; line-height:20px; padding:0 8px 0 8px; _padding:5px 8px 5px 8px; }
	/*submenu*/
	.submenu { width:950px; height:17px; background-color:#ffffff; }
	.submenu li { float:left; padding:0 8px; background:url(../images/fondos/borde-negre.jpg) no-repeat right; }
	.submenu li.ultim { background:none; }
	.submenu li a { height:16px; line-height:20px; color:#000; }
	.submenu li a:hover { color:#a8141c; }
	.submenu li a.sel { height:16px; line-height:20px; color:#a8141c; }
	/*series / productes*/
	#productes li { margin-top:16px; }
	#productes li a:hover { border-bottom:1px solid #535353; }
	#productes li a.sel { border-bottom:1px solid #535353; }
	/*scroll*/
	#productes2 li { margin-top:16px; }
	#productes2 li a:hover { border-bottom:1px solid #535353; }
	#productes2 li a.sel { border-bottom:1px solid #535353; }
	/* desmontables */
	#series { position: relative; height: 413px; }
	#dismountable { height:40px; }
	
	/*fotos productes*/
	#fotos-productes li a { display:block; width:100px; height:100px; background-color:#000000; opacity:0.3;  filter:alpha(opacity=30); }
	#fotos-productes li a:hover { opacity:1;  filter:alpha(opacity=100); }
	#fotos-productes li a.sel { opacity:1;  filter:alpha(opacity=100); }
	/*#fotos-productes img { margin-right: 10px; }*/
	
	.carousel { margin-left: 10px; }
	.previous_button { float:left; margin:40px 5px 0 12px; width:13px; height:24px; background:url(../images/previous-button.jpg) no-repeat top left; cursor: pointer; }
	.previous_button_disabled { background: none; cursor: default; }
	.next_button { float:left; margin:40px 0 0 -3px; _margin:40px 0 0 5px; width:13px; height:24px; background:url(../images/next-button.jpg) no-repeat top left; cursor: pointer; }
	*:first-child+html .next_button { margin:40px 0 0 3px; }
  
	.next_button_disabled { background: none; cursor: default; }
	
	/*Carousel*/
	#carousel {
	  float: left;
	  /*width: 482px;*/
	  height: 102px;
	  margin-bottom: 10px; 
	  position: relative;
	}
	
	#carousel .container {
	  float: left;
	  width: 440px;
	  height: 102px;
	  position: relative;    
	  overflow: hidden;
	}
	
	#carousel ul {
	  margin: 0;
	  padding:0;
	  width: 100000px;
	  position: relative;
	  top: 0;
	  left: 0;
	  height: 102px;
	}                      
	
	#carousel ul li {
	  width: 110px; /*102*/
	  height: 102px;
	  text-align: center; 
	  list-style:none;   
	  float:left;
	}
	#carousel ul li a{ border: 1px solid #FFF; }
	
	#btnUp{ position: absolute; margin-left:44px; width:25px; height: 13px; line-height: 20px; background: url(../images/scroll-sup.gif) no-repeat top left; text-align: center; cursor: pointer; }
	#btnDown{ position: absolute; width:25px; height: 13px; line-height: 20px; margin:380px 0 0 44px; _margin:382px 0 0 44px; background: url(../images/scroll-inf.gif) no-repeat left; text-align: center;  cursor: pointer;}
	#easyscroll { margin:20px 0; _margin:10px 0; }
	
/*FORMULARI*/
label,input,textarea, select { margin-bottom: 5px; }
input, select { width:90%; border:1px solid #000000;}
textarea { width:90%; height:100px; _height:60px; border:1px solid #000000;}
.formError { background-color:#d48a87; }
input.boto{ width: 70px; font-size:1.1em; border:1px solid #FFFFFF; background-color:#000000; color:#FFFFFF; }
/*seguretat*/
#seguretat form { width:250px; margin:140px auto 0 auto; }
#seguretat form input { width:227px; }
#seguretat form input.boto { width:100px; margin:10px 0 0 75px; cursor:pointer; }
#seguretat form .error { margin-top:10px; color:#ff0000; }
/*contactar*/
#form-contactar label { text-align:right; }

/*CATALOG*/
.docs-container { height:440px; }
.catalog-pdf img { width: 150px; height: 150px; }