@charset "utf-8";
/* CSS Document */
body{height:100%;width:100%;text-align:center;background-color:#fff;}
#web{position:absolute;height:100%;text-align:left;background-color:#000;width:990px;top:0px;left:50%;margin-left:-495px;overflow:visible;}
#head{border-width:0px 1px;border-style:solid;border-color:#000;height:15px;}
	#head h1{font-size:0.4em;color:#ccc;position:absolute;left:50%;margin-left:430px;top:45px;}
	h1 span.image{cursor:pointer;display:block;position:absolute;width:55px;height:60px;background:transparent url(../../images/project/logoKlein.gif) no-repeat left top scroll;}
#body{border-width:0px 1px;border-style:solid;border-color:#000;}
	#mainMenu{margin-left:350px;text-transform:uppercase;font-size:.7em;z-index:11;position:absolute;top:15px;}
		#mainMenu h2{display:none;}
		#mainMenu ul{list-style-type:none;padding-left:0px;}
			#mainMenu ul li{float:left;margin-right:30px;padding-right:17px;background:transparent url(../../images/project/endMenuList.gif) no-repeat right top scroll;}
			#mainMenu ul.mainList .selected a,#mainMenu ul.mainList dl.dropdown dd.selected a,#mainMenu ul.mainList dl.dropdown a:hover,#mainMenu ul.mainList a:hover{color:rgb(237,28,46);}
			#mainMenu ul.mainList a{color:#fff;display:block;float:left;cursor:pointer;}
				#mainMenu ul.mainList a span.begin,#mainMenu ul.mainList a span.content{display:block;float:left;height:17px;}
				#mainMenu ul.mainList a span.begin{width:7px;background:transparent url(../../images/project/beginMenuList.gif) no-repeat left top scroll;}
				#mainMenu ul.mainList a span.content{margin-top:-2px;background:transparent url(../../images/project/contentMenuList.gif) repeat-x left 2px scroll;}
			#mainMenu dl.dropdown{display:none;clear:left;position:absolute;margin-top:14px;*margin-top:-2px;margin-left:0px;width:126px;padding:5px;padding-right:0px;line-height:1.1em;background:transparent url(../../images/project/verticalBar.gif) no-repeat bottom left scroll;}
			#mainMenu dl.dropdown dd{margin:6px 0px;}
			#mainMenu dl.dropdown dd.p1{margin-top:10px;padding-top:42px;}
			#mainMenu dl.dropdown dd.last{margin-bottom:0px;}
			/* En Firefox mostra el menú sense Javascript :  #mainMenu li:hover dl.dropdown{display:block;} */
				#mainMenu dl.dropdown dd{padding-left:0px;margin-left:0px;}
				#mainMenu ul.mainList dl.dropdown dd a{color:#000;float:none;}
	#content{height:464px;background:#fff url(../../images/project/kklein.gif) no-repeat left top scroll;}	
		#content a{color:#666666;}
		#content a:hover{color:#333333;text-decoration:underline;}
		#headSection{display:none;}
		#bodySection{margin-left:290px;height:464px;overflow:hidden;}
#foot{border-width:0px 1px;border-style:solid;border-color:#000;background-color:#000;color:#fff;padding-bottom:10px;}
	#footContent{padding:15px 0px 0px 290px;}
	#note{height:25px;text-align:right;line-height:2em;font-size:0.7em;font-family:sans-serif;color:#999999;margin-right:83px;margin-top:-3px;*margin-top:0px;padding-top:10px;padding-right:15px;padding-bottom:3px;background:transparent url(../../images/project/foot.gif) no-repeat right bottom scroll;}
	#note ul{list-style-type:none;padding-left:0px;overflow:visible;min-height:2.5em;}
		#note li{float:right;margin-left:5px;}
		#note a{color:#fff;padding:2px 5px;}
		#note a:hover{background-color:#333;}
/*Per zones part interna*/
body.primary #bodySection{width:613px;border-style:solid;border-color:#000;border-width:0px 3px;background:transparent url(../../images/home/Bucle_01.jpg) no-repeat left top scroll;}
body.terms #bodySection{background-image:none;background-color:#e7e7e7;padding-top:70px;height:393px;}
body.terms #template{margin-left:106px;background:transparent url(../../images/project/box.gif) no-repeat top left;height:332px;width:405px;}
body.contact #template{padding-top:120px;}
body.products #mainMenu #dropdown-products{display:block;}
body.contact #mainMenu #dropdown-contact{display:block;}
body.orders #template{padding-top:70px;}
body.products #centralLayer,body.products #product,body.inspiration #inspiration{padding-top:135px;}
body.user #centralLayer{padding-top:80px;}
			
/*Seccions de la web amb el contingut alineat amb el menú */
body.contact #template,body.orders #template,body.news #template,body.products #template,body.user #template{margin-left:61px;}

/*Caixa central amb text*/
div.box{padding:10px;}
div.box div.controlsBox,div.message div.controlsBox,div.formBox div.controlsBox{float:right;width:15px;padding-left:10px;}
div.box div.controlsBox{height:312px;}
	div.box div.controlsBox ul,div.message div.controlsBox ul,div.formBox div.controlsBox ul{list-style-type:none;padding-left:0px;font-size:0.7em;}
	div.box div.controlsBox li,div.message div.controlsBox li{line-height:17px;}
	div.box div.controlsBox li.p1{margin-bottom:256px;}
	div.box div.controlsBox li.p2{margin-bottom:4px;}
div.box div.contentBox, div.message div.contentBox{overflow:hidden;font-size:0.75em;position:relative;}
div.box div.contentBox{height:312px;}
div.box div.contentBox span.company,div.message div.contentBox span.company{font-weight:bold;}
div.box div.contentBox img.logo,div.message div.contentBox img.logo{display:block;margin-bottom:20px;}
div.box div.contentBox p,div.message div.contentBox p{text-align:justify;margin-bottom:1em;}
div.box div.footBox,div.message div.footBox{clear:both;}

/* Caixa flexible amb missatge (un parell de línies) */
div.message{background:transparent url(../../images/project/bodyMessage.gif) repeat-y top left;width:421px;}
div.message div.controlsBox{padding:9px 15px 0px 5px;background:transparent url(../../images/project/topMessage.gif) no-repeat top right;}
div.message div.contentBox{height:auto;padding:11px 10px 0px 10px;background:transparent url(../../images/project/topMessage.gif) no-repeat top left;}
div.message div.footBox{background:transparent url(../../images/project/footMessage.gif) no-repeat bottom left;height:11px;}


/* Panell formulari */
div.formBox{width:225px;}
div.formBox div{padding:0px 10px;}
div.formBox div.headForm h3,div.formBox div.footForm{text-transform:uppercase;color:#fff;text-align:right;font-size:.7em;font-weight:normal;line-height:1.8em;padding:0px 10px;}
div.formBox div.headForm{background-color:#000;padding:0px;}
div.formBox div.headForm h3.inactive{background-color:#A7A9AC;}
div.formBox div.controlsBox{padding:4px 10px;padding-right:0px;}
div.formBox div.inactive{background-color:#808080;background-position:left -25px !important;}
div.formBox div.contentForm{background-color:#e6e6e6;padding:5px 10px;font-size:.8em;}
div.formBox div.contentForm p{text-align:justify;margin:7px 0px;font-size:.75em;}
div.formBox div.row{margin:5px 0px 0px 0px;padding:0px;}
div.formBox div.footForm{padding-right:0px;background:#000 url(../../images/project/bottomMiddleBoxBlack.gif) repeat-x top left;}
#content div.formBox div.footForm a{color:#fff;display:block;padding-top:7px;padding-right:10px;background:transparent url(../../images/project/bottomBoxBlack.gif) no-repeat top right;}
#content div.formBox div.footForm a:hover{color:rgb(237,28,46);text-decoration:none;}

div.formBox form.inactive div.headForm{background-color:#A7A9AC;}
div.formBox form.inactive div.footForm{background-color:#A7A9AC;background-image:url(../../images/project/bottomMiddleBox.gif);}
#content div.formBox form.inactive div.footForm a{background-image:url(../../images/project/bottomBox.gif);}
div.formBox #error,div.formBox #status,div.formBox #help{padding:10px 0px;width:200px !important;}
/* Barra lateral */
div.sideBar{height:332px;margin-top:132px;float:right;width:64px;background:transparent url(../../images/project/sideBar.jpg) repeat-y  left top;}
div.sideBar ul{padding:15px 0px 0px 15px;list-style-type:none;background:transparent url(../../images/project/sideTopBar.jpg) no-repeat top left;}

/* Elements especials */

#template div.error,#template div.help,#template div.status{background-color:#fff;font-size:.7em;width:421px;padding:0px 10px;border-width:0px;margin:5px 0px;}
#template div.error{color:red;}
span.email{display:block;background:transparent url(../../images/project/emailBox.gif) no-repeat left top;height:16px;}
span.password{display:block;background:transparent url(../../images/project/passwordBox.gif) no-repeat left top;height:16px;}
span.contact{display:block;background:transparent url(../../images/project/contactBox.gif) no-repeat left top;height:35px;}
body.user span.company{display:block;background:transparent url(../../images/project/companyBox.gif) no-repeat left top;height:16px;}
span.phone{display:block;background:transparent url(../../images/project/phoneBox.gif) no-repeat left top;height:16px;}
span.fax{display:block;background:transparent url(../../images/project/faxBox.gif) no-repeat left top;height:16px;}
span.city{display:block;background:transparent url(../../images/project/cityBox.gif) no-repeat left top;height:16px;}
span.zip{display:block;background:transparent url(../../images/project/zipBox.gif) no-repeat left top;height:16px;}
span.state{display:block;background:transparent url(../../images/project/stateBox.gif) no-repeat left top;height:16px;}
span.country{display:block;background:transparent url(../../images/project/countryBox.gif) no-repeat left top;height:16px;}
span.address{display:block;background:transparent url(../../images/project/addressBox.gif) no-repeat left top;height:16px;}
span.confirm{display:block;background:transparent url(../../images/project/confirmBox.gif) no-repeat left top;height:16px;}
span.formField input{color:#666666;border-width:0px;background-color:transparent;height:14px;font-size:.8em;line-height:16px;margin-top:-2px;width:140px;}

span.inactive{background-position:left -16px;}
span.email input{margin-left:43px;width:157px;}
span.password input{margin-left:60px;}
span.company input{margin-left:55px;width:145px;}
span.phone input{margin-left:45px;width:155px;}
span.fax input{margin-left:37px;width:163px;}
span.city input{margin-left:45px;width:155px;}
span.zip input{margin-left:32px;width:168px;}
span.state input{margin-left:45px;width:155px;}
span.country input{margin-left:60px;}
span.address input{margin-left:52px;width:148px;}
span.confirm input{margin-left:100px;width:100px;}
span.contact textarea{border-width:0px;font-family:Arial, Helvetica, sans-serif;background-color:transparent;height:28px;font-size:.95em;line-height:16px;width:145px;color:#666;margin-left:55px;overflow:none;}

/*Botons*/
a.close span.begin{display:block;position:absolute;width:17px;height:17px;cursor:pointer;background:transparent url(../../images/project/close.gif) no-repeat left -17px;}
a.back span.begin{display:block;position:absolute;width:17px;height:17px;cursor:pointer;background:transparent url(../../images/project/left.gif) no-repeat left top;}
a.back:hover span.begin{background-position:-17px top;}
a.black span.begin{background-image:url(../../images/project/closeBlack.gif);}
a.close:hover span.begin{background-position:left top;}
a.up span.begin{display:block;position:absolute;width:17px;height:17px;cursor:pointer;background:transparent url(../../images/project/up.gif) no-repeat left -17px;}
a.up:hover span.begin{background-position:left top;}
a.down span.begin{display:block;position:absolute;width:17px;height:17px;cursor:pointer;background:transparent url(../../images/project/down.gif) no-repeat left top;}
a.down:hover span.begin{background-position:left -17px;}
a.close:hover,a.down:hover,a.up:hover,a.back:hover{text-decoration:none !important;}

a.button{padding:2px 4px; background-color:#999;color:#fff !important;}
a.button:hover{text-decoration:none !important;color:#fff !important;background-color:#000;}