/*AUTOR::::Eduard Giménez Porredon::::::::::*/
/*EMAIL::::info@eduardgimenez.com:::::::::::*/
/*URL::::::http://www.eduardgimenez.com:::::*/
/*GENERALS**********************************************************************************/
* {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}
body {
	background: url(../images/generals/fonsBody.jpg) repeat-x #B2B2B2;
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	width: 900px;
	margin: auto;
}

/*TOP**************************************************************************************/
#top {
	background: url(../images/generals/capcalera.jpg) no-repeat;
	height: 62px;
}
.logo {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*Navegacio principal*/
#nav ul {
	list-style-type: none;
	font-size: 10px;
	float: right;
	padding-top: 40px;
}
#nav li {
	float: left;
}
#nav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding-right: 14px;
	padding-left: 14px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
	text-transform: uppercase;
}
#nav li a:hover {
	color: #0cc;
}
#poliuretanos #nav a.poliuretanos, #productosPrincipal #nav a.productos, #productosLam #nav a.productos, #productosPaneles #nav a.productos, #productosPlan #nav a.productos, #productosEspe #nav a.productos, #dondeEstamos #nav a.dondeEstamos, #contactar #nav a.contactar {
	color: #0cc;
	cursor: default;
}
/*CONTENT************************************************************************************/
#content {
	clear: both;
}
#content h1 {
	background-repeat: no-repeat;
	height: 104px;
	background-position: 0px 35px;
	text-indent: -1000px;
	margin-left: 18px;
}
#poliuretanos #content h1 {
	background-image: url(../images/titulars/poliuretanos.gif);
}
#productosPrincipal h1 {
	background-image:url(../images/titulars/productosPrincipal.gif);
}
#productosLam #content h1 {
	background-image: url(../images/titulars/productosLaminados.gif);
}
#productosPlan #content h1 {
	background-image: url(../images/titulars/productosPlan.gif);
}
#productosPaneles #content h1 {
	background-image: url(../images/titulars/productosPaneles.gif);
}
#productosEspe #content h1 {
	background-image: url(../images/titulars/productosEspecialidades.gif);
}
#dondeEstamos #content h1 {
	background-image: url(../images/titulars/dondeEstamos.gif);
	margin-left: 16px;
}
#contactar #content h1 {
	background-image: url(../images/titulars/contactarPoliuretanos.gif);
}
#mapaWeb #content h1 {
	background-image: url(../images/titulars/mapaWeb.gif);
}
/*fons contents*/
#poliuretanos #content {
	background-image: url(../images/generals/fonsPoliuretanos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#dondeEstamos #content {
	height: 590px;
	background-image: url(../images/generals/fonsDonde.jpg);
	background-repeat: no-repeat;
}
#contactar #content {
	background-image: url(../images/generals/fonsContactar.jpg);
	background-repeat: no-repeat;
	height: 615px;
}
#productosPrincipal #content {
	background-image: url(../images/generals/fonsProductes.jpg);
	background-repeat: no-repeat;
}
#productosPlan #content {
	background: url(../images/generals/fonsPro02.jpg) no-repeat;
}
#productosPaneles #content {
	background: url(../images/generals/fonsPro03.jpg) no-repeat;
}
#productosEspe #content {
	background: url(../images/generals/fonsPro04.jpg) no-repeat;
}
#productosLam #content {
	background: url(../images/generals/fonsPro01.jpg) no-repeat;
}
/*Inici*****************************************/
#flash{
	height: 320px;
	width: 900px;
	padding-bottom: 20px;
	padding-top: 20px;
}
#iniLaminados, #iniPlanchas, #iniMecanizados, #iniPaneles, #iniEspecialidades {
	width: 174px;
	height: 320px;
	background-repeat: no-repeat;
	float: left;
	position: relative;
}
#iniPlanchas, #iniMecanizados, #iniPaneles, #iniEspecialidades {
	margin-left: 7px;
}
#iniLaminados h2, #iniPlanchas h2, #iniMecanizados h2, #iniPaneles h2, #iniEspecialidades h2 {
	display: none;
}
#iniLaminados p, #iniPlanchas p, #iniMecanizados p, #iniPaneles p, #iniEspecialidades p {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	padding-top: 40px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	word-spacing: 0px;
	letter-spacing: 0em;
}
#iniLaminados {
	background-image: url(../images/generals/paginaIni/laminados.jpg);
}
#iniPlanchas {
	background-image: url(../images/generals/paginaIni/planchaBloques.jpg);
}
#iniMecanizados {
	background-image: url(../images/generals/paginaIni/mecanizados.jpg);
}
#iniPaneles {
	background-image: url(../images/generals/paginaIni/panelesEncolados.jpg);
}
#iniEspecialidades {
		background-image: url(../images/generals/paginaIni/especialidades.jpg);
}
#iniLaminados:hover, #iniPlanchas:hover, #iniMecanizados:hover, #iniEspecialidades:hover, #iniPaneles:hover {
	background-position: right top;
	cursor: pointer;
}
.entrar {
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/generals/paginaIni/fonsEntrar.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 55px;
	display: block;
	text-align: center;
	position: absolute;
	left: 109px;
	top: 195px;
}
.entrar:hover {
	color: #B2B2B2;
}
/*Poliuretanos***********************************/
#poliuretanos #content img {
	margin-left: 14px;
}
#colPoli01, #colPoli02 {
	width: 400px;
	float:left;
	padding-top: 25px;
	padding-bottom: 55px;
	padding-left: 33px;
}
#colPoli01 p, #colPoli02 p, #avisoLegal p {
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	text-align: justify;
}
/*Productos**************************************/

/*Menu productos***/
#menuPro {
	width: 175px;
	margin-left: 4px;
	_margin-left: 2px;
	float: left;
}
.titolMenu {
	font-size: 11px;
	font-weight: normal;
	background-image: url(../images/generals/fletxaMPro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	padding-left: 17px;
	padding-top: 2px;
	background-color: #f2f2f2;
	cursor: pointer;
	margin-bottom: 2px;
}
.titolMenuActiu {
	font-weight: normal;
	background-position: left bottom;
}
.titolMenuSel {
	font-size: 11px;
	font-weight: normal;
	background-image: url(../images/generals/fletxaMPro.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 17px;
	padding-left: 17px;
	padding-top: 2px;
	background-color: #f2f2f2;
	cursor: default;
	margin-bottom: 2px;
}
.submenu ul, .submenuSel ul {
	font-size: 11px;
	list-style-type: none;
}
.submenu ul li, .submenuSel ul li {
	margin-bottom: 1px;
	_margin-bottom: 0px;
}
.submenu li a, .submenuSel li a {
	display: block;
	text-decoration: none;
	color: #000;
	background-image: url(../images/generals/fonsSubmenu.gif);
	background-position: left bottom;
	height: 15px;
	padding-left: 22px;
	padding-top: 1px;
}
.submenu li a:hover, .submenuSel li a:hover {
	background-position: left top;
	color: #fff;
}
.submenuSel li li a {
	background-image: url(../images/generals/boliche.gif);
	margin-left: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #007777;
	}
.submenuSel li li a:hover {
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #007777;
	color: #007777;
	}
#seleccionat {
	display: block;
	text-decoration: none;
	color: #fff;
	background-image: url(../images/generals/fonsSubmenu.gif);
	background-position: left top;
	height: 15px;
	padding-left: 22px;
	padding-top: 1px;
	cursor: default;
}
#seleccionat2 {
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #007777;
	color: #007777;
	cursor: default;
}
/*Fitxa productes principal***/
#productosPriFitxa{
	width: 677px;
	float: right;
	background-image: url(../images/generals/fonsFitxaProductosPrin.jpg);
	height: 800px;
	padding: 13px;
	background-repeat: no-repeat;
}
#productosPriFitxa p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0em;
	text-align: justify;
	word-spacing: 0em;
}
#productosPriFitxa h3 {
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -1000em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
#prinPlanchas {
	background-image: url(../images/titulars/titularProPrincipal/planchasRevestidas.gif);
}
#prinBloques {
	background-image: url(../images/titulars/titularProPrincipal/planchasBloques.gif);
}
#prinPaneles {
	background-image: url(../images/titulars/titularProPrincipal/panelesEncolados.gif);
}
.prinEspecialidades {
	background-image: url(../images/titulars/titularProPrincipal/especialidades.gif);
}
#flashProductos {
	height: 225px;
	width: 677px;
	padding-bottom: 13px;
}
.clicable, .clicable2 {
	padding-right: 11px;
	padding-left: 12px;
	margin-bottom: 10px;
	padding-bottom: 6px;
	padding-top: 10px;
	width: 303px;
	float: left;
	border: 1px solid #FFFFFF;
}
.clicable {
    margin-right: 10px;
}
.clicable2 {
	margin-left: 10px;
}
.clicable:hover, .clicable2:hover {
	cursor: pointer;
	background-color: #EBEBEB;
	border: 1px solid #CCCCCC;
}
/*Descripcio productes***/
#descripcio{
	width: 180px;
	float: left;
	margin-left: 14px;
}
#descripcio p {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 10px;
	letter-spacing: 0em;
	word-spacing: 0em;
	font-family: Arial, Helvetica, sans-serif;
}
#descripcio ul {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
	padding-left: 20px;
	padding-right: 10px;
}
#descripcio li {
	font-size: 11px;
	background-position: 10px 8px;
	margin-bottom: 8px;
	list-style-position: inside;
	list-style-type: square;
}
/*Titular producte*/
#pural, #pirgr, #piralu35, #pirak, #pir5c, #pirsl, #pirslpe, #pirmc, #pirak500, #pirbv, #pirvv, #piralut, #purd35, #purd40, #purd70, #purd100, #pirl40, #pirm, #casspir, #panelpelr, #panelpelra, #panelpeeps, #panelpepir, #mecanizados, #altadensidad, #amoldados, #decoracion, #codos, #coquillas, #segmentos, #isoflor, #higroflor {
	background-repeat: no-repeat;
	text-indent: -1000em;
}
#pural {
	background-image: url(../images/titulars/titularsPro/pural.gif);
}
#pirgr {
	background-image: url(../images/titulars/titularsPro/pirgr.gif);
}
#piralu35 {
	background-image: url(../images/titulars/titularsPro/piralu35.gif);
	padding-bottom: 20px;
}
#pirak {
	background-image: url(../images/titulars/titularsPro/pirak.gif);
}
#pir5c {
	background-image: url(../images/titulars/titularsPro/pir5c.gif);
}
#pirsl {
	background-image: url(../images/titulars/titularsPro/pirsl.gif);
	padding-bottom: 20px;
}
#pirslpe {
	background-image: url(../images/titulars/titularsPro/pirslpe.gif);
}
#pirmc {
	background-image: url(../images/titulars/titularsPro/pirmc.gif);
}
#pirak500 {
	background-image: url(../images/titulars/titularsPro/pirak500.gif);
}
#pirbv {
	background-image: url(../images/titulars/titularsPro/pirbv.gif);
}
#pirvv {
	background-image: url(../images/titulars/titularsPro/pirvv.gif);
}
#piralut {
	background-image: url(../images/titulars/titularsPro/piralut.gif);
}
#purd35 {
	background-image: url(../images/titulars/titularsPro/purd35.gif);
}
#purd40 {
	background-image: url(../images/titulars/titularsPro/purd40.gif);
}
#purd70 {
	background-image: url(../images/titulars/titularsPro/purd70.gif);
	padding-bottom: 20px;
}
#purd100 {
	background-image: url(../images/titulars/titularsPro/purd100.gif);
}
#pirl40 {
	background-image: url(../images/titulars/titularsPro/pirl40.gif);
}
#pirm {
	background-image: url(../images/titulars/titularsPro/pirm.gif);
}
#casspir {
	background-image: url(../images/titulars/titularsPro/casspir.gif);
}
#panelpelr {
	background-image: url(../images/titulars/titularsPro/panelpelr.gif);
}
#panelpelra {
	background-image: url(../images/titulars/titularsPro/panelpelra.gif);
}
#panelpeeps {
	background-image: url(../images/titulars/titularsPro/panelpeeps.gif);
}
#panelpepir {
	background-image: url(../images/titulars/titularsPro/panelpepir.gif);
}
#mecanizados {
	background-image: url(../images/titulars/titularsPro/mecanizados.gif);
}
#coquillas {
	background-image: url(../images/titulars/titularsPro/coquillas.gif);
}
#segmentos {
	background-image: url(../images/titulars/titularsPro/segmentos.gif);
}
#codos {
	background-image: url(../images/titulars/titularsPro/codos.gif);
}
#altadensidad {
	background-image: url(../images/titulars/titularsPro/altadensidad.gif);
}
#amoldados {
	background-image: url(../images/titulars/titularsPro/amoldados.gif);
}
#decoracion {
	background-image: url(../images/titulars/titularsPro/decoracion.gif);
	padding-bottom: 20px;
}
#higroflor {
	background-image: url(../images/titulars/titularsPro/higroflor.gif);
}
#isoflor {
	background-image: url(../images/titulars/titularsPro/isoflor.gif);
}
/*Fitxa del producte***/
#fitxa{
	float: right;
	width: 512px;
	background-image: url(../images/generals/fonsfitxa.gif);
	background-repeat:   repeat-y;
}
#fitxa img {
	padding-top: 12px;
	padding-left: 14px;
	padding-bottom: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#fitxaImg2, #fitxaImg3 {
	margin-top: -12px;
}
#flashCoquillas {
	padding-top: 12px;
	padding-left: 14px;
	padding-bottom: 12px;
	height: 170px;
	width: 485px;
}
.titularFitxa {
	font-family: "Trebuchet MS", Verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background-image: url(../images/generals/pestanyesFitxa.gif);
	background-position: left bottom;
	height: 25px;
	width: 478px;
	margin-left: 14px;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 1px;
	cursor: pointer;
	margin-top: 1px;
}
.titularFitxaAc {
	background-position: left top;
}
.contFitxa {
	background-color: #e2e2e2;
	margin-left: 15px;
	margin-right: 15px;
}
.contFitxa h4 {
	font-size: 11px;
	color: #494949;
	padding-bottom: 8px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.contFitxa p {
	font-size: 11px;
	padding-right: 3px;
	padding-left: 3px;
	color: #696969;
	padding-top: 5px;
	padding-bottom: 5px;
}
.contFitxa ul {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
	padding-left: 20px;
	padding-right: 10px;
}
.contFitxa li {
	font-size: 11px;
	color: #696969;
	background-position: 10px 8px;
	margin-bottom: 8px;
	list-style-position: inside;
	list-style-type: square;
}
.contFitxa ul li ul {
	margin-bottom: -10px;
}
.contFitxa table {
	margin-right: 10px;
	background-color: #F5F5F5;
	margin-left: 10px;
	font-size: 11px;
	padding-right: 2px;
	padding-left: 2px;
	width: 460px;
}
.contFitxa table th {
	color: #333;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8d8d8;
}
.contFitxa table td {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	text-align: center;
	color: #696969;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8d8d8;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}
#peuFitxa {
	background-image: url(../images/generals/fonsfitxaPeu.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 512px;
	float: right;
}
#pdf, #pdf2 {
	display: block;
	color: #494949;
	text-decoration: none;
	font-size: 11px;
	background-repeat: no-repeat;
	background-image: url(../images/generals/pdf.gif);
	width: 170px;
	margin-left: 14px;
	height: 17px;
	padding-top: 3px;
	background-position: 0px 50%;
	padding-left: 20px;
	margin-top: 7px;
}

#visita {
	display: block;
	color: #494949;
	text-decoration: none;
	font-size: 11px;
	background-repeat: no-repeat;
	background-image: url(../images/generals/linia.gif);
	width: 170px;
	margin-left: 14px;
	background-position: 6px 4px;
	_background-position: 6px 7px;
	margin-top: 7px;
	padding-left: 20px;
}
#piraluLink {
	display: block;
	color: #494949;
	text-decoration: none;
	font-size: 11px;
	width: 170px;
	margin-left: 14px;
	height: 17px;
	padding-top: 3px;
	padding-left: 20px;
	margin-top: 7px;
}
#pdf:hover, #piraluLink:hover, #visita:hover {
	text-decoration: underline;
}
/*Galeria d'imatges*/
#galeria {
	margin-left: 10px;
}
#galeria img {
	padding: 0px;
	margin-left: 7px;
	margin-bottom: 10px;
	border: 2px solid #E2E2E2;
}
#galeria a:hover img {
	border: 2px solid #00CCCC;
}



/*Donde estamos**********************************/
#colDonde {
	width: 305px;
	padding-top: 20px;
	float: right;
}
#colDonde h2 {
	text-indent: -1000em;
	background-repeat: no-repeat;
	margin-left: 20px;
}
#colDonde ul {
	font-size: 11px;
	list-style-type: none;
	margin-left: 20px;
	line-height: 17px;
	margin-bottom: 10px;
}
#colMapas {
	padding-top: 20px;
	padding-left: 25px;
}
#colMapas iframe {
	margin-bottom: 30px;
}

/*contactar**************************************/
#colContact {
	width: 343px;
	padding-top: 20px;
	float: left;
}
#colContact h2 {
	text-indent: -1000em;
	background-repeat: no-repeat;
	margin-left: 20px;
}
.cassa {
	background-image: url(../images/titulars/cassaDeLaSelva.gif);
}
.guillarrey {
	background-image: url(../images/titulars/guillarey.gif);
}
#colContact ul {
	font-size: 11px;
	list-style-type: none;
	margin-left: 20px;
	line-height: 17px;
	margin-bottom: 10px;
}
.googleM{
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
	display: block;
	width: 157px;
	background-image: url(../images/generals/fonsGoogleM.jpg);
	margin-left: 20px;
	padding-left: 14px;
	height: 16px;
	padding-top: 1px;
	margin-bottom: 40px;
}
.googleM:hover {
	color: #b2b2b2;
}
.email {
	background-image: url(../images/generals/email.gif);
	height: 10px;
	background-repeat: no-repeat;
}
.email span {
	display: none;
}
/*Formulari de contacte*/
#colFormulari {
	width: 518px;
	float: right;
	padding-top: 20px;
}
#colFormulari h2 {
	text-indent: -1000em;
	background-repeat: no-repeat;
	margin-left: 20px;
	background-image: url(../images/titulars/formularioContacto.gif);
}
#colFormulari table {
	margin-left: 40px;
	width: 420px;
}
#colFormulari td {
	padding: 3px;
}
#colFormulari label {
	display: block;
	font-weight: bold;
	background-image: url(../images/generals/fletxa.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	padding-right: 30px;
	font-size: 11px;
}
#colFormulari span {
	font-size: 9px;
}
.caixa {
	font-size: 12px;
	width: 300px;
}
#comentario {
	width: 100%;
}
.enviar {
	float: right;
	font-size: 10px;
}
#colFormulari p {
	font-size: 20px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 30px;
	font-family: "Trebuchet MS", Verdana, helvetica, sans-serif;
	color: #333;
}
#colFormulari p a {
	color: #000000;
	display: block;
	text-align: center;
}
#colFormulari p a:hover {
	color: #666;
}
/*FOOTER**************************************************************************************/
#footer {
	font-size: 11px;
	color: #fff;
	background: url(../images/generals/fonsFooter.jpg) left bottom no-repeat;
	height: 50px;
	clear: both;
	padding-top: 20px;
}
#footer p {
	text-align: center;
	padding-top: 10px;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #666;
}
/*MAPA WEB************************************************************************************/
#mapaWeb #content ul {
	font-size: 11px;
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: 20px;
}#mapaWeb #content li {
	margin-bottom: 3px;
}
#mapaWeb #content ul li ul {
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
#mapaWeb #content li a {
	color: #000;
	text-decoration: none;
	display: block;
	background-image: url(../images/generals/linia.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left center;
	width: 150px;
}
#mapaWeb #content li a:hover {
	color: #FF0000;
}
/*AVISO LEGAL********************************************************************************/
#avisoLegal {
	padding: 20px 10px 30px 10px;
}#avisoLegal h2 {
	font-family: "Trebuchet MS", Verdana, helvetica, sans-serif;
	padding-bottom: 20px;
	font-weight: normal;
	color: #333333;
}
#avisoLegal h3 {
	font-family: "Trebuchet MS", Verdana, helvetica, sans-serif;
	font-size: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: normal;
	color: #333333;
}