@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Paytone+One|Muli:400);

body {
	background-color: #FCF8F0;
	background-image: url(../img/fons.png);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: solid #000 1px;
	margin-bottom: 50px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

/* taula superior faixa_gris */
#faixa_gris {
	background-color: #333;
	font-size: 10px;
	color: #ffffff;
	font-family: 'Muli', sans-serif; 
}

#faixa_gris a {
    text-decoration: none;
    color: #ffffff;
}

#faixa_gris a:hover {
    color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
}

#faixa_gris .active {
    color: #ffffff;    
    font-size: 11px;
}

#faixa_gris .visited {
    color: #ffffff;
    font-size: 11px;
}

/* GENERAL: caixa centrada a la pantalla. Ho inclou tot excepte la faixa gris) */
#general {  
	position: absolute; /*Posicionamiento absoluto*/
	top: 50%; /*Desde arriba, colocar al 50% de la pantalla*/
	left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	height: 550px; /*Le ponemos el valor del alto*/
	width: 900px; /*Le ponemos el valor del ancho*/
	margin-top: -300px; /*Restamos la mitad de alto para centrarlo verticalmente (pero jo ho faig pujar una mica: 300 per comptes de 275)*/
	margin-left: -450px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/
	z-index:5;
}

/* idiomes */
#idiomes {
	position: relative;
	top: -14px;
	left: -18px;
	text-align: right;
	font-size: 12px;
	color: #0000;
	font-family: 'Paytone One', sans-serif;
}

#idiomes a {
    text-decoration: none;
    color: #666;
}

#idiomes a:hover {
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

#idiomes .active {
    color: #666;    
}

#idiomes .visited {
    color: #666;
}


/* CONTINGUTS: caixa amb ombra i cantos roms, dins de "general". Ho inclou tot excepte la faixa gris i els crèdits) */
#continguts {  
	position:relative;
	width: 900px;
	min-height: 545px;
	background-color: #FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 0 9px 3px #666;
	-webkit-box-shadow: 0 0 9px 3px #666;
	box-shadow: 0 0 9px 3px #666;
	border: 0px solid #fff;
}

/* logotip */
#logotip {
	position:relative;
	width: 900px;
	height: 100px;
	top: 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	background-color: #0668AD;
	z-index:2;
	
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* ullCMYK */
#ullCMYK {
	position:absolute;
	width: 900px;
	top: 55px;
	z-index:1;
}


/* slogans */
#slogans {
	position:absolute;
	width: 332px;
	height: 134px;
	top: 158px;
	left: 556px;
	z-index:2;
	visibility: visible;
}

/* pestanyes */
#pestanyes {
	position: absolute;
	width: 230px;
	height: 38px;
	top: 62px;
	right: 35px;
	z-index: 3;
	visibility: visible;
}

/* submenu_empresa */
#submenu_empresa {
	position: absolute;
	width: 130px;
	top: 100px;
	right: 47px;
	z-index: 5;
	padding: 10px;
	-moz-box-shadow: 0px 2px 7px 4px #333;
	-webkit-box-shadow: 0px 2px 7px 4px #333;
	box-shadow: 0px 2px 7px 4px #333;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-image: url(../img/fons_blanc_translucid_80.png);
	text-align: right;
	visibility: hidden;
}

/* links de submenu_empresa */
#submenu_empresa  a {
	font-family: 'Muli', sans-serif; 
	font-size:18px;
	line-height: 26px;
    text-decoration: none;
    color: #333;
}

#submenu_empresa  a:hover {
    color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}

#submenu_empresa  .active {
    color: #000;    
    font-size: 11px;
}

#submenu_empresa  .visited {
    color: #333;
    font-size: 11px;
}

/* imatges_productes */
#imatges_productes {
	position: absolute;
	width: 730px;
	top: 340px;
	left: 86px;
	z-index: 3;
}

/* submenus_productes */
#submenus_productes {
	color: #ffffff;
	font-family: 'Muli', sans-serif; 
	font-size:14px;
	text-align:left;
	z-index:30;
	bottom: 210px;
	position:absolute;
	z-index:4;
}

/* links de submenus_productes */
#submenus_productes a {
    text-decoration: none;
	font-family: 'Paytone One', sans-serif;
    color: #fff;
    font-size: 14px;
	line-height: 24px;
}

#submenus_productes a:hover {
    color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #fff;
}

#submenus_productes .active {
    color: #000;    
}

#submenus_productes .visited {
    color: #fff;
}

/* submenu productes_planxes */
#submenus_productes #productes_planxes {
	position: absolute;
	left: 95px;
	bottom: 0px;
	width: 170px;
	visibility: hidden;
	background-image: url(../img/fons_negre_translucid_80.png);
	padding: 10px;
	-moz-box-shadow: 0px 2px 7px 4px #333;
	-webkit-box-shadow: 0px 2px 7px 4px #333;
	box-shadow: 0px 2px 7px 4px #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* submenu productes_cautxus */
#submenus_productes #productes_cautxus {
	position: absolute;
	left: 242px;
	bottom: 0px;
	width: 170px;
	visibility: hidden;
	background-image: url(../img/fons_negre_translucid_80.png);
	padding: 10px;
	-moz-box-shadow: 0px 2px 7px 4px #333;
	-webkit-box-shadow: 0px 2px 7px 4px #333;
	box-shadow: 0px 2px 7px 4px #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* submenu productes_quimics */
#submenus_productes #productes_quimics {
	position: absolute;
	left: 388px;
	bottom: 0px;
	width: 170px;
	visibility: hidden;
	background-image: url(../img/fons_negre_translucid_80.png);
	padding: 10px;
	-moz-box-shadow: 0px 2px 7px 4px #333;
	-webkit-box-shadow: 0px 2px 7px 4px #333;
	box-shadow: 0px 2px 7px 4px #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* submenu productes_tintes */
#submenus_productes #productes_tintes {
	position: absolute;
	left: 533px;
	bottom: 0px;
	width: 190px;
	visibility: hidden;
	background-image: url(../img/fons_negre_translucid_80.png);
	padding: 10px;
	-moz-box-shadow: 0px 2px 7px 4px #333;
	-webkit-box-shadow: 0px 2px 7px 4px #333;
	box-shadow: 0px 2px 7px 4px #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* submenu productes_neteja */
#submenus_productes #productes_neteja {
	position: absolute;
	left: 679px;
	bottom: 0px;
	width: 180px;
	visibility: hidden;
	background-image: url(../img/fons_negre_translucid_80.png);
	padding: 10px;
	-moz-box-shadow: 0px 2px 7px 4px #333;
	-webkit-box-shadow: 0px 2px 7px 4px #333;
	box-shadow: 0px 2px 7px 4px #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* submenu productes_altres */
#submenus_productes #productes_altres {
	position:absolute;
	left: 725px;
	bottom: 0px;
	width: 170px;
	visibility: hidden;
	background-image: url(../img/fons_negre_translucid_80.png);
	padding:10px;
	
	-moz-box-shadow: 0px 2px 7px 4px #333;
	-webkit-box-shadow: 0px 2px 7px 4px #333;
	box-shadow: 0px 2px 7px 4px #333;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* textos_empresa */
#textos_empresa {
	position: absolute;
	width: 900px;
	height: 400px;
	top: 135px;
	left: 0px;
	z-index: 4;
	font-size: 15px;
	line-height: 19px;
	text-align: justify;
	font-family: 'Muli', sans-serif;
	background-color: #FFF;
	border: solid #fff 0px;
	visibility: hidden;
}

#textos_distribucio {
	position:absolute;
	top: 0px;
	left: 40px;
	visibility:hidden;
}

#textos_historia {
	position:absolute;
	top: 0px;
	left: 40px;
	visibility:hidden;
}

#textos_valors {
	position:absolute;
	top: 0px;
	left: 40px;
	visibility:hidden;
}

#textos_equip {
	position:absolute;
	top: 0px;
	left: 40px;
	visibility:hidden;
	font-size:12px;
	line-height:16px;
}

/* classes */
.titol {
	color: #0668AD;
	font-family: 'Paytone One', sans-serif;
	font-size:26px;
}

.subratllat {
	border-bottom:#0668AD dotted 2px;
	height:3px;
}

/* peu pagina1 - signatura IDDIC */
#peu_pagina1 {
	position:relative;
	top: 0px;
	right: 0px;
	width: 300px; 
	float:right; 
	padding-right:15px; 
	padding-top:8px; 
	padding-bottom:8px;
	text-align:right;
	font-family: 'Paytone One', sans-serif;
	font-size: 8px;
}

#peu_pagina1 a {
	text-decoration: none;
	color: #E3D2AC;
}

#peu_pagina1 a:hover {
	color: #E3D2AC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0668AD;
}

#peu_pagina1 a:active {
    color: #0668AD;
}

#peu_pagina1 a:visited {
    color: #E3D2AC;
}

/* peu pagina2 - adreça */
#peu_pagina2 {
	position: absolute; /*Posicionamiento absoluto*/
	bottom: 8px;
	left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	width: 970px; /*Le ponemos el valor del ancho*/
	margin-left: -485px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/
	
	font-family: 'Muli', sans-serif;
	color: #0668AD;
	font-size: 11px;
	text-align:center;
	z-index:1;
}

#peu_pagina2 a {
	text-decoration: none;
	color: #0668AD;
}

#peu_pagina2 a:hover {
	color: #0668AD;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0668AD;
}
/* 5-2-20 */
/* Estilo Aviso legal */

.aviso_legal a:hover {
    color: #666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.aviso_legal {
    display: inline;
    position: relative;
    left: -20px;
}
.aviso_legal a {
	padding-right: 7px;
}