/* ------------------------------------------------------------------------
	GLOBAL
 ------------------------------------------------------------------------ */
	
	body {
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size: 76%;
		margin:0;
		padding:0;
		color:#191919;
		background-color: #e6e6e6;
		background-image: url(../img/fons-web-home.jpg);
		background-position: center top;
		background-repeat:no-repeat;
	}
	
	body.leds {
		background-image: url(../img/fons-web-leds.jpg);
		background-position: center top;
		background-repeat:no-repeat;
	}
	body.proyectos {
		background-image: url(../img/fons-web-proyectos.jpg);
		background-position: center top;
		background-repeat:no-repeat;
	}
	body.sobre-lluria {
		background-image: url(../img/fons-web-sobre-lluria.jpg);
		background-position: center top;
		background-repeat:no-repeat;
	}
	body.noticias {
		background-image: url(../img/fons-web-noticias.jpg);
		background-position: center top;
		background-repeat:no-repeat;
	}
	body.popup {
		background-image: url(../img/fons-popup.jpg);
		background-position: center top;
		background-repeat:no-repeat;
	}
	
	#wrap { width: 980px; margin: 6px auto; }
	#wrap-popup { width: 400px; margin: 150px auto 0px auto; }
	#wrap-popup h1 { font-weight:bold; padding-bottom: 20px; }
	#wrap-popup p { padding-bottom: 10px; line-height: 18px; }
	
	a { outline: none; }
	a.default { color: #666; text-decoration:none; font-weight:bold; }
	a.default:hover, a.default .triat { color:#191919; text-decoration:none; font-weight:bold; }

/* ------------------------------------------------------------------------
	BLOCS
 ------------------------------------------------------------------------ */

	#idiomes { text-align:right; font-size: 11px; letter-spacing: 4px; padding: 0px 14px 8px 14px; }
	#idiomes a { color: #191919; text-decoration:none; }
	#idiomes a.triat { font-weight:bold; }
	
	#menu { background-color:#FFF; padding: 3px; width: 971px; font-size:13px}
	#menu ul { 
		list-style:none;
		background-image: url(../img/fons-menu.gif);
		background-position: center top;
		background-repeat:no-repeat;
		width: 971px;
		height: 27px;
		margin: 0px;
		padding: 0px;
	}
	#menu li { float:left; padding-top: 6px; }
	#menu a { letter-spacing: 4px; text-decoration:none; color: #191919; display:block; padding: 0 28px 0 29px; margin: 0 3px 0 3px; }
	#menu a.triat { font-weight:bold; }
	
	#content { margin: 10px auto; width: 960px; }
	#content .separador-pagina { border-top: 1px solid #b3b3b3; margin-top: 16px; padding-bottom: 30px; }
	
	#carousel { padding: 0px 0px 0px 0px; width: 971px; }
	
	.vincle-home-esquerra { width: 110px; padding-top: 136px; padding-left: 250px; float:left; font-size: 14px; }
	.vincle-home-esquerra a { color: #191919; text-decoration:none; }
	.slogan-home { float:left; font-size: 18px; width: 580px; letter-spacing: 4px; line-height: 30px; padding-top:70px; text-align:right; }
	.slogan_home_02 { font-size: 15px; width: 800px; letter-spacing: 4px; line-height: 23px; padding-top: 40px; margin:20px auto 0 auto; text-align:center}
	
	#peu { color: #999; font-size: 11px; padding-top: 10px; }
	#peu .autor { padding-top: 40px; padding-bottom: 40px; text-align:right; }
	#peu a { color: #999; }
	#peu a:hover { text-decoration:none; }
	
	#box-button .left { background-image: url(../img/box-button-left.png); background-position: left top; background-repeat:no-repeat; height:38px; width: 16px; float:left; }
	#box-button .text { background-image: url(../img/box-button-center.png); background-position: left top; background-repeat:repeat-x; height:28px; float:left; 
						font-weight:bold; color: #666; padding: 10px 6px 0px 6px; text-align:center; }
	#box-button .text a { color: #666; text-decoration:none; }
	#box-button .right { background-image: url(../img/box-button-right.png); background-position: left top; background-repeat:no-repeat; height:38px; width: 16px; float:left; }

/* ------------------------------------------------------------------------
	TEXTOS i ICONES
 ------------------------------------------------------------------------ */
 
 	.titol-01 { font-size: 15px; color: #4c4c4c; letter-spacing: 4px; }
	.titol-02 { font-weight:bold; letter-spacing: 2px; padding: 0px 4px; }
	.color-gris { color: #999; }
	
/* ------------------------------------------------------------------------
	index.php
 ------------------------------------------------------------------------ */
 
 	#noticies-home { width: 800px; margin: 0 auto; padding-bottom: 20px; }
	#noticies-home .item { width: 380px; float:left; padding: 0 5px 0 5px; }
	#noticies-home h2 { font-size: 1.6em; background: url(../img/ico-fletxa-leds.gif) left top no-repeat; padding: 2px 0 0 22px; }
	#noticies-home h2 a { color:#4c4c4c; text-decoration:none; }
	#noticies-home h2 a:hover { text-decoration:underline; }
	#noticies-home h3 { font-weight:bold; font-size: 1.4em; padding: 2px 0 10px 22px; }
	#noticies-home h4 { padding: 12px 0 2px 22px; }
	#noticies-home .image { float:left; padding: 0 8px 4px 22px; }
	#noticies-home .text p { padding-bottom: 10px; padding-left: 22px; }
	#noticies-home .vincle { text-align:right; }
	#noticies-home .vincle a { text-decoration:none; color: #666; }
	#noticies-home .vincle a:hover { color:#000; }
	#noticies-home .separador { border-bottom: 2px solid #d7d7d7; margin: 20px 0 20px 0; }

/* ------------------------------------------------------------------------
	leds.php
 ------------------------------------------------------------------------ */
 	
	.leds-content-right li { list-style-image: url(../img/img-punt-llista.gif); }
	
	#head-leds { background-color:#FFF; padding: 3px; width: 971px; }
	#head-leds .logo { float: left; }
	#head-leds .banner { background-image: url(../img/img-header-leds.jpg); background-position: left top; background-repeat:no-repeat; 
						width:790px; height:90px; float:right; }
	
	#leds-icons { padding-top: 20px; margin: 0 auto; width: 700px; }
	
	.ico-fletxa-leds { background-image: url(../img/ico-fletxa-leds.gif); background-position:left top; background-repeat:no-repeat; 
					 padding-left: 24px; padding-top: 10px; padding-bottom: 8px; }
	
	.leds-content-left { float:left; width: 160px; }
	.leds-content-right { float:right; width: 740px; padding-right: 20px; padding-top: 4px; }
	.w-240px { width: 240px; }
	.h-100px { padding-top: 100px; }
	.h-12px { padding-top: 12px; }
	
	.vincle-leds { background-position: center top; background-repeat:no-repeat; padding: 120px 10px 0px 10px; text-decoration:none; width: 120px; display:block; 
					color: #666; font-size: 13px; font-weight:bold; text-align:center; }
	
/* ------------------------------------------------------------------------
	leds-interior.php
 ------------------------------------------------------------------------ */
	
	#submenu-leds { text-align:center; padding-top: 5px; color: #999; letter-spacing: 1px; font-size:13px }
	#submenu-leds a { color: #999; text-decoration:none; }
	#submenu-leds a.triat { font-weight:bold; }
	
	#leds-text-head { padding-top: 25px; padding-bottom: 20px; }
	#leds-text-head .submenu { float:left; width: 244px; }
	#leds-text-head .submenu ul { margin: 0; padding: 0; list-style:none; }
	#leds-text-head .submenu li { margin:0; padding-bottom:4px; }
	#leds-text-head .submenu li a { margin:0; color: #191919; text-decoration:none; padding-left: 24px; padding-bottom: 4px; display:block; }
	#leds-text-head .submenu li.triat { padding-bottom: 4px;}
	#leds-text-head .submenu li.triat a { color: #191919; text-decoration:none; font-weight:bold; padding-bottom: 4px; 
										background: url(../img/ico-fletxa-leds.gif) left -4px no-repeat; }
	
	#leds-text-head .dreta { float:left; width: 690px; padding-bottom: 20px; padding-left: 10px; }
	#leds-text-head .dreta .image { float:left; padding: 0px 20px 10px 30px; }
	#leds-text-head .dreta .image img { border: 4px solid #ddd; }
	#leds-text-head .dreta .titol { font-size: 15px; color: #4c4c4c; letter-spacing: 4px; padding-bottom: 20px; }
	#leds-text-head .dreta .text { line-height: 20px; padding-left: 30px; }
	#leds-text-head .dreta .text p { padding-bottom: 10px; }
	#leds-text-head .dreta .text p.punt-titol { font-weight:bold; padding-bottom: 10px; color:#666; }
	
	#leds-caracteristiques { float:left; width: 350px; padding: 0 0 20px 0; }
	#leds-caracteristiques h4 { font-weight:bold; padding-bottom: 4px; }
	#leds-caracteristiques p { padding:0 !important; margin:0; }
	
	#leds-accessoris { float:left; width: 350px; padding: 0 0 20px 0; }
	#leds-accessoris h4 { font-weight:bold; padding-bottom: 4px; }
	#leds-accessoris p { padding:0 !important; margin:0; }
	
	#leds-colors { float:left; width: 250px; padding: 0 0 20px 0; }
	#leds-colors h4 { font-weight:bold; padding-bottom: 4px; }
	#leds-colors p { padding:0 !important; margin:0; }
	
/* ------------------------------------------------------------------------
	proyectos-a-medida.php
 ------------------------------------------------------------------------ */
 
	#submenu-proyectos { text-align:center; padding-top: 5px; color: #999; font-size:13px }
	#submenu-proyectos a { color: #999; text-decoration:none; }
	#submenu-proyectos a.triat { font-weight:bold; }
	
	.proyectos-content-left { float:left; width: 260px; }
	.proyectos-content-right { float:left; width: 670px; padding-top: 6px; }
	
	#proyectos-text-head { padding-top: 25px; padding-left: 20px; padding-bottom: 20px; line-height: 18px; }
	
	#proyectos { line-height: 16px; z-index: 10; }
	#proyectos img { border: 0; }
	#proyectos .item { padding-bottom: 20px; }
	#proyectos .content-item { width: 916px; margin: 0 auto; }
	#proyectos .separador { border-bottom: 2px solid #d7d7d7; margin-bottom: 10px; }
	
	.fons-paginat { background-image: url(../img/fons-flors-transparent.png); background-position: left top; background-repeat:no-repeat; height:200px;
					width: 900px; margin-top: -20px; }
	#paginat { margin: 0 auto; width: 700px; }
	#paginat img { border:none; }
	#paginat table{ background-color:#FFF; height: 30px; margin: 10px auto; font-size:11px; padding:0px 4px 0px 4px; }
	
	#paginat a.default { padding:8px 10px 8px 10px; text-decoration:none; color:#000; 
				background-image: url(../img/fons-num-pestanya-active.gif); background-position: 6px 7px; background-repeat:no-repeat; }
	#paginat a.triat { background-image: url(../img/fons-num-pestanya.gif); font-weight:bold; color:#FFF; }
	#paginat a.default:hover { background-image: url(../img/fons-num-pestanya.gif); }
	#paginat a.anterior { padding: 0px 0px 0px 0px; }
	#paginat a.seguent { padding: 0px 0px 0px 0px; }
	
/* ------------------------------------------------------------------------
	proyectos-interior.php
 ------------------------------------------------------------------------ */
	
	#album {}
	#album ul { list-style:none; }
	#album li { float:left; width: 200px; padding: 6px; }
	
/* ------------------------------------------------------------------------
	sobre-lluria.php
 ------------------------------------------------------------------------ */
	
	#sobre-lluria { padding-bottom: 40px; }
	#sobre-lluria .image-esquerra { float:left; width: 400px; padding-right: 20px; padding-bottom: 10px; }
	#sobre-lluria .image-esquerra img { border: 3px solid #ddd; }
	#sobre-lluria .text-dreta { line-height: 16px; }
	#sobre-lluria .text-dreta ul { padding-left: 40px; margin:0px; }
	#sobre-lluria .text-dreta ul li { list-style-image: url(../img/img-punt-llista.gif); padding-bottom: 14px; }
	#sobre-lluria .fons-paginat { padding-top: 400px; }
	#sobre-lluria h2 { padding-bottom: 8px; font-weight:bold; color: #848484; padding-top: 16px; }
	#sobre-lluria p { padding-bottom: 8px; }
	
/* ------------------------------------------------------------------------
	noticias.php
 ------------------------------------------------------------------------ */
 
 	.fons-noticies { background-image: url(../img/fons-noticias.gif); background-position:left top; background-repeat:no-repeat; width: 950px; margin: 0 auto; }
	
	#left-not { float:left; width: 210px; padding-right: 40px; padding-top: 12px; }
	#left-not a { color: #191919; text-decoration:none; }
	#left-not ul { padding-left:40px; margin:0; list-style:none; }
	#left-not ul li { padding-bottom: 4px; }
	#left-not a.triat { font-weight:bold; }
	#left-not .form-search { padding-left: 24px; }
	#left-not .form-search button { border:0; background:none; cursor:pointer; }
	
	#right-not { float:left; width:700px; padding-top: 26px; }
	#right-not .item {}
	#right-not .item .image { float:left; padding: 0px 30px 10px 0px; }
	#right-not .item .image img { border: 3px solid #ddd; }
	
	#right-not .item .data { font-size: 11px; }
	#right-not .item h1 { font-size: 16px; letter-spacing: 4px; padding-bottom: 18px; line-height: 20px; }
	#right-not .item .text { line-height: 18px; }
	#right-not .item .text a { color: #191919; text-decoration:underline; }
	#right-not .item .separador { border-bottom: 1px solid #b3b3b3; margin-bottom: 30px; margin-top: 12px; }
	
	#right-not .item .plugins { padding-top:12px; font-size: 11px; }
	#right-not .item .plugins a { color:#191919; text-decoration:none; }
	#right-not .item .plugins .send { float:left; padding-top: 4px; }
	#right-not .item .plugins .send a { background-image: url(../img/ico-noticies-send.gif); background-position: left 2px; background-repeat:no-repeat; 
									padding: 4px 0px 8px 24px; }
	#right-not .item .plugins .download-pdf { float:left; padding-left: 16px; padding-top: 4px; }
	#right-not .item .plugins .download-pdf a { background-image: url(../img/ico-noticies-pdf.gif); background-position: left 2px; background-repeat:no-repeat; 
									padding: 4px 0px 8px 20px; }							
	#right-not .item .plugins .vota { float:left; padding-left: 60px; padding-top: 4px; }
	#right-not .item .plugins .rating { float: left; padding-left: 6px; padding-top: 4px; }
	#right-not .item .plugins .send-to { float:left; padding-left: 40px; }
	#right-not .item .plugins .send-to div { float:left; }
	#right-not .item .plugins .send-to .icones { background-image: url(../img/fons-icones-noticies-send-to.gif); background-position:left top; background-repeat:no-repeat; 
												width: 138px; height: 26px; padding: 4px 0px 0px 4px; margin-left: 6px; }
	#right-not .item .plugins .send-to .icones a img { border:0; }
	
	#formSendTo { margin-top: 16px; }
	#formSendTo table { width: 600px; font-size: 12px; }
	#formSendTo table td.name { text-align:right; padding-right:10px; vertical-align: top; }
	#formSendTo table td.input { vertical-align: top; }
	#formSendTo table td.captcha { vertical-align: top; }
	#formSendTo table td.captcha .captcha-input { float:left; }
	#formSendTo table td.captcha .captcha-image { float:left; padding-left: 8px; }
	#formSendTo table td.input input  { width: 300px; }
	#formSendTo table td.input textarea { width: 300px; height: 100px; }
	#formSendTo table td.captcha input {width: 100px; }
	#formSendTo table td.button { width: 60px; }
	
	#formSendTo .form-msg-error { width: 600px; padding: 8px; font-size: 14px; font-weight:bold; margin-bottom: 8px; text-align:center; }
	#formSendTo .form-msg-default { width: 600px; padding: 8px; font-size: 14px; font-weight:bold; margin-bottom: 8px; text-align:center; }
	
/* ------------------------------------------------------------------------
	sobre-lluria-contacto.php
 ------------------------------------------------------------------------ */
 
 	.google-maps { border: 3px solid #ddd; width:425px; height:350px; margin-left: 50px; }
	.caixa-contacto { float: right; width:300px; background-image: url(../img/fons-caixa-contacto.png); background-position: left top; background-repeat:no-repeat; 
					padding: 40px; font-size: 16px; font-weight:bold; color: #6f6f6f; margin-top: 40px; margin-right: 40px; }
 	.caixa-contacto p { padding-bottom: 10px; }
	.contacto-text { padding-left: 24px; }
	.contacto-text h2 { font-weight:bold; padding-bottom: 10px; }
	.caixa-contacto a {color: #6f6f6f;
	}
	
	#form-contacto { padding-top:40px; color: #6f6f6f; padding-bottom: 20px; }
	#form-contacto .esquerra { float:left; width: 400px; }
	#form-contacto .dreta { float:left; width: 530px; margin-left: 26px; }
	#form-contacto textarea { width: 380px; height: 300px; margin-left: 8px; border: 3px solid #DDD; }
	#form-contacto input { width: 200px; border: 2px solid #DDD; height: 20px; margin-left: 6px; }
	#form-contacto .submit { width: 96px; height:36px; border: 0px; }
	#form-contacto #box-button { margin-bottom: 10px; }
	#form-contacto table { margin-bottom: 20px; }
	#form-contacto .field-name { font-weight:bold; text-align:right; }
	#form-contacto .vincle-condicions { float: left; padding-left: 140px; padding-top:12px; }
	#form-contacto .boto-submit { float: right; }
	#form-contacto a { color: #6f6f6f; }
	#form-contacto a:hover { text-decoration:none; }
	
	#form-contacto .form-msg-error { padding: 8px; font-size: 1.2em; font-weight:bold; margin-bottom: 20px; margin-left: 20px; }
	#form-contacto .form-msg-default { padding: 8px; font-size: 1.2em; font-weight:bold; margin-bottom: 20px; margin-left: 20px; }
 
/* ------------------------------------------------------------------------
	colecciones-lamparas.php
 ------------------------------------------------------------------------ */
 
	div.capColleccions_a { position:relative; height:320px; text-align:right; width: 920px; }
	div.capColleccions_a ul { list-style:none; padding:0 25px 0 0; margin:0; }
	div.capColleccions_a ul li { list-style:none; font-size:1.3em; padding-top:25px; }
	div.capColleccions_a ul li a:link, div.capColleccions_a ul li a:visited { text-decoration:none; color:black; }
	div.capColleccions_a ul li a:hover { font-weight:bold; }
	div.capColleccions_a ul li a.triat:link, div.capColleccions_a ul li a.triat:visited { color:#990000; font-weight:bold; } 			
	div.capColleccions_b { position:relative; height:320px; width: 920px; }
	
	ul#llistaModels, ul#llistaModels li { margin:0; padding:0; list-style-type:none; }
	ul#llistaModels li { margin:0 20px 10px 0; text-align:center; float:left; }
	ul#llistaModels li h4 { font-weight:bold; }
	ul#llistaModels li a.triat:hover{ color:white; }
	ul#llistaModels a.triat:link img, ul#llistaModels a.triat:visited img, ul#llistaModels a.triat:hover img { border-color:white; }
	
	a.caqui:link, a.caqui:visited { color:#999980; }
	a.caqui:hover { color:#000000; }
	a.caqui:link img, a.caqui:visited img { border:2px solid #999980; }
	a.caqui:hover img{ border:2px solid #000000; }
	
	.fonsGris { background-color:#CCCCCC; }
	.w400 { width:390px; }
	
	a.vinclePdf:link, a.vinclePdf:visited	{
		background:transparent url(../img/pdf_ico_petit.gif) right top no-repeat;
		padding:2px 20px 2px 0; color:#990000;
	}

/* ------------------------------------------------------------------------
	colecciones-lamparas-modelo.php
 ------------------------------------------------------------------------ */
 
	div.capColleccions_b { position:relative; height:320px; }
	
	div#portaModels { padding-top:140px; margin-left:30px; width:400px; }
	ul#llistaModels, ul#llistaModels li { margin:0; padding:0; list-style-type:none; }
	ul#llistaModels li { margin:0 20px 10px 0; text-align:center; float:left; }
	ul#llistaModels li h4 { font-weight:bold; }
	ul#llistaModels li a { color: #FFF; text-decoration:none; }
	ul#llistaModels li a.triat:hover{ color: #FFF; }
	ul#llistaModels a.triat:link img, ul#llistaModels a.triat:visited img, ul#llistaModels a.triat:hover img { border-color:white; }
	
	div.espaiTextColleccio{ min-height:220px; height:auto !important; height:220px; }
	div.espaiTextColleccio div.limitador { padding:0 30px 15px 85px; }
	div#portaDetalls { padding:112px 20px 0 20px; text-align:center; }
	div#portaDetalls h4 { line-height:1.2em; }
	div#portaDetalls a.caqui:link , div#portaDetalls a.caqui:visited  { font-size:10px; color:white; text-decoration:none; color:white; line-height:10px; }
	div#portaDetalls a.triat:link img, div#portaDetalls a.triat:visited img, div#portaDetalls a.triat:hover img{ border-color:black !important; }
	div#portaDetalls a.triat:link , div#portaDetalls a.triat:visited, div#portaDetalls a.triat:hover  { color:black !important; }
	div#portaDetalls a.caqui:hover { color:#999999; }
	
	a.blanc:link img, a.blanc:visited img { border:2px solid white; }
	a.blanc:hover img{ border:2px solid #000000; }
	div.portaFotoGran { position:absolute; top:10px; right:20px; width:409px; height:409px; text-align:center; }
	div.portaFotoGran img { border:4px solid #999980; }
	.w460 { width:460px; }
	
/* ------------------------------------------------------------------------
	colecciones-lamparas-modelo.php
 ------------------------------------------------------------------------ */
 
	.container_rotador_19 { width:977px; height:273px; overflow:hidden; position:relative; cursor:pointer; margin-bottom: 4px; }
	.requadre_rotador_19{ height:300px; }
	
	div.slides { position:absolute; top:0; left:0;}
	
	div.slides div { background-color:#FFF; padding: 0px 3px 3px 3px; width:977px; }
	
	ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
	ul.slides li { position:absolute; top:0; width:977px; display:none; padding:0; margin:0; }
	#loopedSlider, #newsSlider { margin:0 auto; width:971px; position:relative; clear:both; }
	
	ul.pagination { list-style:none; padding:0; margin:0; }
	ul.pagination li  { float:left; background:url(../img/fons-num-pestanya-active.gif) left top no-repeat; margin-left:8px; width:17px; height:17px; text-align:center;}
	ul.pagination li a { font-size:11px; color:#191919; text-decoration:none; display:block; padding:1px}
	ul.pagination li.active a { font-size:11px; color:#FFF; text-decoration:none;font-weight:bold; background:url(../img/fons-num-pestanya.gif) left top no-repeat; }
	.flota_paginacio_rotador_19_previous{ float:left;margin-top:2px; margin-right:3px }
	.flota_paginacio_rotador_19_pagination{ float:left;margin-top: 5px; }
	.flota_paginacio_rotador_19_previous{ float:left;margin-top:2px; margin-left:11px }
	.paginacio_rotador_19{ float:right; margin-right:18px; margin-top:0px }
 
/* ------------------------------------------------------------------------
	THE END
------------------------------------------------------------------------ */