/*
 color del text normal #5a5a5a
 color del a:hover #a5a5a5
 color verd menu #99cc03
 color verd text #357a1d
*/

img {border:0px;}
a {color:#323232; text-decoration:none;}
a:hover {text-decoration:underline; color:#a5a5a5;}
p {text-align:justify;}
h1 {font-family:Montserrat,"Trebuchet MS"; color:#3a3a3a; font-size:1.6em; font-weight:bold; clear:both; margin-top:12px; margin-bottom:0px;}
span.verd {color:#357a1d;} span.taronja {color:#ffa500;} span.gris {color:#282828;}
h2 {font-family:Montserrat,"Trebuchet MS"; color:#5a5a5a; font-size:1.6em; font-weight:bold; clear:both; margin:0px; padding:0px;}
h3 {font-family:Montserrat,"Trebuchet MS"; color:#357a1d; font-size:1.2em; font-weight:bold; margin-top:12px; margin-bottom:6px;}
h4 {font-family:Montserrat,"Trebuchet MS"; color:#5a5a5a; font-size:1.2em;}
div.salt {clear:both;}
div.rodo {border-radius:5px; border: 1px solid #5a5a5a; padding: 4px;}
div.migRodo {border-top-left-radius:5px;border-top-right-radius:5px; border:1px solid #5a5a5a; padding:2px; margin:2px;}
div.barraVerda {clear:both; width:99%; height:8px; margin:0 auto; background:url('../imatges/fons/liniaVerda.jpg') repeat-x;}
div.barraTaronja {clear:both; width:99%; height:8px; margin:0 auto; background:url('../imatges/fons/liniaTaronja.jpg') repeat-x;}
div.ombra, header.ombra { padding:0px; margin:0px;
	-webkit-box-shadow: 3px 3px 6px 0px rgba(90,90,90,0.70);
   -moz-box-shadow: 3px 3px 6px 0px rgba(90,90,90,0.70);
   box-shadow: 3px 3px 6px 0px rgba(90,90,90,0.70);
}
div.ombra {background:#a0a0a0;}
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=button], textarea {font-family:Montserrat; border-radius:5px; border:1px solid #323232; color:#353535;}
body {font-family:Montserrat, Helvetica,'Sans Serif','Trebuchet MS'; color:#101010;}
header {width:100%; clear:both; position:fixed; z-index:997; left:0px; top:0px; background:White;}
nav {position:absolute; bottom:20px; right:20px;}

div.menuL {position:absolute; visibility:hidden; right:4px; top:112px; z-index:1000;}
ul.menuL {list-style:none; margin-top:0px; padding:0px; background:White; border:1px solid #a5a5a5; font-size:0.8em;}
ul.menuL li {padding-left:10px; border-bottom:1px solid #a5a5a5; line-height:32px;}
ul.menuL li a {color:#5a5a5a;}
ul.menuL li ul {list-style:none; margin-left:0px; padding:0px;}
ul.menuL li ul li {padding-left:12px; border-bottom:none;}
ul.menuL li ul li a {color:#5a5a5a;}

div.pastillaProducte {float:left; width:96%; max-width:380px; margin:6px; text-align:center;}

div.pastillaOpcio {float:left; margin:5px; width:150px; height:100px; border:2px solid #5a5a5a; text-align:center;}
div.pastillaOpcio h2 {font-size:1.2em; color:White; margin-top:25px; font-weight:normal;}
div.pastillaOpcio:hover {border:2px solid #a5a5a5;}
div.pastillaLliure {border:2px solid #5a5a5a; background:#282828; color:White; width:98%; max-width:980px;}
div.pastillaLliure ul {text-align:left; font-size:0.8em; font-family:Montserrat;}
div.pastillaLliure li {padding:2px; line-height:20px; margin-right:8px;}
div.pastillaLliure h2 {font-size:1em; color:White; margin-top:12px; margin-left:12px; font-weight:normal;}
div.pastillaPeu {float:left; margin:5px; width:150px; height:48px; background:#99cc03; border:2px solid #5a5a5a;}
div.pastillaPeu a {color:White;} div.pastillaPeu a:hover {text-decoration:none; color:#5a5a5a;}
span.titolPetit {font-size:0.8em;} span.titolGran {font-size:1.3em;}

ul.guiaInst {list-style:none; margin-left:0px; padding:0px;}
ul.guiaInst li div {padding-left:80px; padding-top:12px; text-align:justify;}
ul.guiaInst li.li1:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal1.png');}
ul.guiaInst li.li2:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal2.png');}
ul.guiaInst li.li3:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal3.png');}
ul.guiaInst li.li4:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal4.png');}
ul.guiaInst li.li5:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal5.png');}
ul.guiaInst li.li6:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal6.png');}
ul.guiaInst li.li7:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal7.png');}
ul.guiaInst li.li8:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal8.png');}
ul.guiaInst li.li9:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal9.png');}
ul.guiaInst li.li10:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal10.png');}
ul.guiaInst li.li11:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal11.png');}
ul.guiaInst li.li12:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal12.png');}
ul.guiaInst li.li13:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal13.png');}
ul.guiaInst li.li14:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal14.png');}
ul.guiaInst li.li15:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal15.png');}
ul.guiaInst li.li16:before {float:left; padding-left:0px; content:url('../imatges/pictogrames/pictoInstal16.png');}

div.titolForm {clear:both; font-size:1.5em; text-align:center; font-weight:bold;}
div.formPpstPpal {position:relative; border:1px solid #5a5a5a; background:#efefef; z-index:999; margin:0 auto;}
div.formPpstPas1 {position:absolute; top:0px; left:8px; width:100%; visibility:visible;}
div.formPpstPas2 {position:absolute; top:0px; left:8px; width:100%; visibility:hidden;}
div.formPpstPas3 {position:absolute; top:0px; left:8px; width:100%; visibility:hidden;}
div.formPpstPas4 {position:absolute; top:0px; left:8px; width:100%; visibility:hidden;}

/**************************************** botiga online *************************************/
ul.menuB {list-style:none; border:1px solid #5a5a5a; width:260px; background:#343434; margin:6px; padding-left:6px;}
ul.menuB a {color:White;} ul.menuB a:hover {text-decoration:none;}
ul.menuB ul {display:none; list-style:none; padding-left:12px;}
ul.menuB ul li {padding-top:8px;}
div.llistaBcontenidor {position:relative; float:left; width:164px; height:220px; margin:3px; text-align:center; border:1px solid #5a5a5a; font-size:0.8em;}
div.llistaBpreu {position:absolute; bottom:4px; right:4px; font-weight:bold;}
div.prodBcontenidor {margin:0 auto;} div.prodBcontenidor h2 {text-align:center;}
div.prodBcontenidor p {margin-left:12px; margin-right:12px; text-align:justify;}
div.prodBpreu {float:right; padding:24px; border:1px solid #5a5a5a; border-radius:5px; font-size:1.2em; font-weight:bold; text-align:center;}
div.prodBcarac {width:98%; margin:0 auto;}
div.carContenidor {clear:both; margin:12px; padding:12px; border:1px solid #5a5a5a;}
div.carArticle a:hover {text-decoration:none;}

/********************************** Galeria de fotos ***************************************/
div.gfCaixa {
	position:fixed; top:0px; left:0px; width:100%; height:100%;
	background:rgba(100,100,100,0.8);
	z-index:1000; visibility:hidden;
}
div.gfInterior {max-width:800px; margin:0 auto; text-align:center;}