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

/*reset
------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	color:#FFF;
}
:focus {
	outline:0;
}
a, a:link, a:visited, a:hover, a:active{
	text-decoration:none;
}
table{
	border-collapse:separate;
	border-spacing:0;
}
th, td{
	text-align:left;
	font-weight:normal;
}
img, iframe{
	border:none;
	text-decoration:none;
}
ol, ul{
	list-style:none;
	padding:0;
	margin:0;
}
*{
	margin:0;
	padding:0;
}


/*generals
------------------------------------------------------------------ */
body { 
	margin-top:0px;
	font:.74em Arial, Helvetica, sans-serif; 
	line-height: 1.6em;
	color: #999;
}
#superwrap{
	position:absolute;
	top:9px;
	width:100%;
	left: 0px;
	
	
}
#wrap{
	margin:0 auto;
	width:945px;
	min-height:750px;
	
}
#background{
	height:415px;
	width:100%;
	background:#f08a00;
	
}

#submenu{
	padding-top:20px;
	padding-bottom:20px;
	
}
.clear{
	clear:both;
}

h1{
	font:20px Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:300;
}
h2{
	font:23px Arial, Helvetica, sans-serif;
	color:#999;
	font-weight:400;
}
h3{
	font:18px Arial, Helvetica, sans-serif;
	color:#f08a00;
	font-weight:300;
	margin-bottom:5px;
	
}
h4{	font:13px Arial, Helvetica, sans-serif;
	color:#f08a00;
	font-weight:300;
	margin-bottom:5px;
	
}
h5{	font:16px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:300;
	padding-left:10px;
	position:relative;
	bottom:60px;
}
h6{	font:20px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:300;
	
}
p{
	font:13px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:18px;
	margin-bottom:5px;
}
/*capçalera
------------------------------------------------------------------ */
#header{
	border-bottom:2px dashed #FFF;
	height:100px;
}
#header a{
	displaY:block;
	float:left;
}
#header .menu{
	float:right;
	margin-top:70px;
}
#header ul{
	
}
#header ul li{
	display:block;
	height:18px;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-right:15px;
	float:left;
}
#header ul li a:hover{
	display:block;
	height:27px;
	border-bottom:5px solid #FFF;
}
#header ul li.actiu a{
	display:block;
	height:27px;
	border-bottom:5px solid #FFF;
	
}
#header ul li.last{
	margin-right:0px;
	
	
}
/*idiomes
------------------------------------------------------------------ */

ul.idiomes{
	float:right;
	padding:3px 0;
	border-top:1px dashed #000;
	border-bottom:1px dashed #000;
}
ul.idiomes li{
	font:11px Arial, Helvetica, sans-serif;
	float:left;
	margin-right:10px;
}
ul.idiomes li a{
	padding:5px 0;
	display:block;
	color:#000;
} 
ul.idiomes li a:hover, ul.idiomes li a.actiu{
	padding:5px 0;
	display:block;
	color:#FFF;
	
}

ul.idiomes li.last{
	margin-right:0px;
	
}
.breadcrumbs{
	float:left;
	color:#333;
	
}
.breadcrumbs a{
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:underline;
}
.breadcrumbs span {
	color:#000;
	text-decoration:none;
	
}
/*central
------------------------------------------------------------------ */
#central{
	margin-bottom:30px;
}



#fotoproducte{
	margin-bottom:30px;
	height:390px;
	width:945px;
	background: url(../img/background.jpg) no-repeat;
}
.slideshow{
	margin-bottom:30px;
	height:390px;
	width:945px;
	background:#FFF;
}
#banner{
	border-bottom:2px dashed #999;
	border-top:2px dashed #999;
	padding-top:30px;
	padding-bottom:30px;
	height:auto;
	
}
#banner .publi{
	width:305px;
	height:150px;
	float:left;
	margin-right:15px;
}
#banner .publi span a{
	display:block;
	font:24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	padding-top:10px;
}
#banner .publi span a:hover{
	color:#000;
}
#banner .prof a{
	width:305px;
	height:150px;
	display:block;
	background:url(../img/banner_profesional_2.jpg) no-repeat;
}
#banner .prof a:hover{
	background:url(../img/banner_profesional.jpg) no-repeat;
}
#banner .last a{
	width:305px;
	height:150px;
	display:block;
	background:url(../img/banner_infantil_2.jpg) no-repeat;
	margin-right:0px;
}
#banner .last a:hover{
	background:url(../img/banner_infantil.jpg) no-repeat;
}
#banner .dos{
	width:450px;
	float:left;
	margin-right:40px;
}
#banner .last{
	margin-right:0px;
}
#banner .tres ul li{
	font:13px Arial, Helvetica, sans-serif;
	color:#666;
	list-style: inside circle;
}
#banner .tres ul li span{
	font:9px Arial, Helvetica, sans-serif;
	vertical-align:text-top;
	color:#666;
	
}

#banner .tres{
	margin-top:10px;
	width:305px;
	float:left;
	margin-right:15px;
	height:auto;
}
#banner .last{
	margin-right:0px;
}
#banner .tres img{
	border-bottom:1px solid #999;
	margin-bottom:10px;
}
#banner .imatge_tipo{
	border-top:1px solid #999!important;
	width:945px;
	height:354px;
	
}

/*producte
------------------------------------------------------------------ */
#profesional .product{
	width:290px;
	float:left;
	margin-right:30px;
	height:200px;
	background:#666;
	margin-top:30px;
}
#profesional .last{
	margin-right:0px;
}
#profesional .product .quadre{
	height:30px;
	width:290px;
	position:relative;
	bottom:35px;
	opacity: 1;
	filter: alpha(opacity=100);
	background:#000;
}

#profesional .product .cuina {
	background:#e2001a;
}
#profesional .product .delantal {
	background:#c4d000;
}
#profesional .product .sala {
	background:#a6007d;
}
#profesional .product .colectivitats {
	background:#36b7c1;
}
#profesional .product .complements {
	background:#4f5de5;
}
#profesional .product .infantil {
	background:#e36da3;
}
#profesional .product a:hover .quadre {
	opacity: 0.8;
	filter: alpha(opacity=80);
	
}
/*producte ampliat
------------------------------------------------------------------ */

#gallerybigimg{
	height:500px;
	width:945px;
	background:url(../img/background.jpg) no-repeat;
	border-bottom:1px solid #999;
}

#bigimg1{
	position:absolute;
	height:500px;
	width:945px;
	opacity:1;
}

#bigimg2{
	position:absolute;
	height:500px;
	width:945px;
	opacity:0;
}

#gallery-links{
	margin-top:15px;
	height:155px;
	width:945px;
}
#gallery-links li{
	margin-right:12px;
	float:left;
	height:145px;
	width:145px;
}
#gallery-links li a{
	display:block;
	height:145px;
	width:145px;
	margin-right:12px;
	float:left;
	border-bottom:8px solid #FFF;
	
}

#gallery-links .last a{
	display:block;
	margin-right:0px;
}

#gallery-links li a.sala, #gallery-links li a.davantal, #gallery-links li a.colectivitats, #gallery-links li a.complement, #gallery-links li a.infantil, #gallery-links li a.border {
	display:block;
	border:1px solid #999;
}
#gallery-links a.cuina:hover, #gallery-links a.cuina:focus, #gallery-links a.actiu:focus{
	border-bottom:8px solid #e2001a;
}
#gallery-links a.sala:hover, #gallery-links a.sala:focus{
	border-bottom:8px solid #a6007d;
}
#gallery-links a.davantal:hover, #gallery-links a.davantal:focus{
	border-bottom:8px solid #c4d000 ;
}
#gallery-links a.colectivitats:hover, #gallery-links a.colectivitats:focus{
	border-bottom:8px solid #36b7c1 ;
}
#gallery-links a.complement:hover, #gallery-links a.complement:focus {
	border-bottom:8px solid #4f5de5 ;
}
#gallery-links a.infantil:hover, #gallery-links a.infantil:focus{
	border-bottom:8px solid #e36da3 ;
}
/*infantil
------------------------------------------------------------------ */
#banner .dos a.boto{
	display:block;
	width:108px;
	height:30px;
	padding-top:10px;
	background:url(../img/boto.gif) no-repeat;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	overflow:hidden;
	
	
}
#banner .dos a.boto:hover{
	background:url(../img/boto_fosc.gif) no-repeat;
}




/*Peu
------------------------------------------------------------------ */
#base{
	margin:0 auto;
	background:#000;
	min-height:150px;
	clear:both;
	
}

#footer{
	margin:0 auto;
	width:945px;
	height:100%;
	padding-bottom:60px;
	padding-top:20px;
}
#footer .adress{
	float:right;
	margin-right:15px;
	height:170px;
	border-right:1px dashed #999;
	padding-right:15px;
	
}
#footer .adress p{
	font:11px Verdana, Geneva, sans-serif;
	line-height:14px;
	color:#FFF;
}
#footer .adress p.titol{
	font:11px Verdana, Geneva, sans-serif;
	color:#f08a00;
	
}
#footer .adress a:hover{
	color:#f08a00;
}

/*contacte
------------------------------------------------------------------ */
.mapa{
	margin-top:10px;
	margin-left:15px;
	width:900px;
	background:#CCC;
	padding:5px;
}
.google{
	float:left;
	margin-right:10px;
	border:1px solid #999;
}
#fotoproducte .mapa .last{
	margin-right:0px;
}
.localitzacio{
	height:200px;
	width:150px;
	color:#333;
	float:left;
	margin-right:15px;
	margin-top:20px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:15px;
}
.localitzacio a{
	color:#333;
}
.localitzacio a:hover{
	color:#000;
	font-weight:800;
}
.localitzacio span{
	font:13px Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:800;
}
h3.contacte{
	font:18px Arial, Helvetica, sans-serif;
	color:#f08a00;
	font-weight:300;
	margin-left:15px;
	padding-top:20px;
}
h3.formulari{
	font:18px Arial, Helvetica, sans-serif;
	color:#f08a00;
	font-weight:300;
	margin-left:15px;
}
#formulari{
	float:left;
	padding-right:40px;
	border-right:2px solid #CCC;
}
#formulari p{
	padding:20px 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#06F;
}
#formulari p a{
	color:#06F;
	
}
#formulari p a:hover{
	color:#000;
	
}
#contact{
	width:400px;
	height:350px;
	float:left;
	padding-left:15px;
}

form#form_contacto label {
	display:block;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
}
form#form_contacto input {
	border:1px solid #CCCCCC;
	margin-bottom:12px;
	width:400px;
	height:20px;
}
form#form_contacto textarea {
	border:1px solid #CCCCCC;
	margin-bottom:12px;
	width:400px;
}
form#form_contacto input.boton {
	cursor:pointer;
	width:50px;
	height:20px;
	background:#CCC;
	color:#FFF;
	
}