body {font-size:14px;}

ul.menu {margin:0px; list-style:none;}
ul.menu li {float:left; border:1px solid White; width:100px; height:32px; text-align:center; line-height:32px;}
ul.menu li a {color:White; font-weight:normal; font-size:1.1em;}

section.index {width:1010px; margin:0 auto;}
section.ppst {width:680px; margin:40px auto; padding:24px; border:1px solid #5a5a5a;}
section.info {width:700px; margin:0 auto;}
section.llista {width:1010px; margin:0 auto;}
section.botiga {width:1040px; margin:0 auto;}
h1.index {margin-top:20px; text-align:center; font-size:1.6em; font-weight:bold;}
div.nomesMobil {visibility:hidden;}
div.linkToIndex {float:left; width:312px; height:143px; background:url('../imatges/logos/logoCS.png') no-repeat left top;}

div.missatge {position:fixed; z-index:999; background:url('../imatges/icones/msg48.png') no-repeat; right:10px; bottom:30px; width:64px; height:64px;}
div.peuLogo {float:left;}
div.peuText {float:right; margin-top:24px; font-size:0.9em;}

div.pastillaLlista {width:660px; margin:0 auto;}
div.pastillaFamilia {clear:both; width:100%; max-width:1000px; margin-left:8px; margin-right:8px; margin-bottom:24px; padding:0px;}
div.pastillaFamilia img {width:100%;}
div.pastillaFamilia p {text-align:justify; padding-left:8px; padding-right:8px;}
div.pastillaFamilia div.text {position:absolute; text-align:center; bottom:20px; width:100%; color:Yellow; font-size:1.3em;}
div.grupPastillaPeu {position:fixed; bottom:0px; right:5%;}
div.menuL {width:280px;}
div.contacteFormDreta {float:right;}
div.contacteInfoEsquerra {float:left;}
div.paragraf {position:relative; width:96%; max-width:800px; margin:12px auto; padding-left:8px; padding-right:8px;}
div.paragraf div.punts {position:absolute; top:-12px; left:10%; width:64px; height:24px; background:url(../imatges/icones/puntsParagraf.png) no-repeat center center;}
div.paragraf div.puntsInf {position:absolute; bottom:-12px; right:10%; width:64px; height:24px; background:url(../imatges/icones/puntsParagraf.png) no-repeat center center;}
div.projecte {float:left; width:32%; text-align:center; margin-bottom:24px; margin-left:4px; margin-right:4px;}

div.divFormTruca {width:220px; background:#efefef; border:2px solid #5a5a5a; position:fixed; bottom:60px; right:5%; z-index:997;}
div.formTruca {width:100%;}
div.formTruca div.camp {margin:6px; text-align:center; font-size:0.9em; padding-right:6px;}
div.formTruca div.chk, div.formTruca div.boto {text-align:center; margin-top:6px; margin-bottom:6px;}
div.formTruca input[type=text], div.formTruca input[type=email], div.formTruca input[type=tel] {border:1px solid #cacaca; width:100%; height:16px; font-size:12px;}
div.formTruca input[type=button], input[type=submit] {width:100px; height:24px; text-align:center; background:#99cc03; color:White;}
div.formTruca textarea {width:100%; height:112px; font-size:12px;}
div.formContacteContenidor {width:380px; height:810px; margin:0 auto;}
div.formContacte {position:absolute; width:380px; border:1px solid #5a5a5a; padding:8px; z-index:997; background:#efefef;}
div.formContacte div.caixa {clear:both; margin:8px;}
div.formContacte textarea {width:360px; height:124px; padding-left:6px;}
div.formContacte input[type=text], div.formContacte input[type=email], div.formContacte input[type=tel] {width:360px; height:24px; padding-left:6px;}
div.formContacte input[type=button], input[type=submit] {width:100px; height:24px; text-align:center; background:#99cc03; color:White;}
div.formPpstPpal {height:420px; width:570px;}
div.formPpstPpal h4 {margin-bottom:0px; padding-bottom:0px;}
div.formPpstPpal div.passos {float:left; width:33%; text-align:center;}
div.formPpstPpal div.etiq {float:left; width:76px; height:32px; padding-left:4px;}
div.formPpstPpal div.etiqLlarga {float:left; width:176px; height:32px; padding-left:4px;}
div.formPpstPpal div.zonaInst {float:left; width:40%; padding-top:7px;}
div.formPpstPpal div.caixa {float:left; margin:6px;}
div.formPpstPpal input.caixaCurta {width:260px;}
div.formPpstPpal input.caixaLlarga {width:536px;}
div.formPpstPpal textarea {width:536px; height:184px;}
div.formPpstPpal select {height:18px; font-size:1em;}
div.formPpstPpal select option {height:14px; margin:2px;}
div.formPpstPpal input[type=number] {height:18px; width:80px;}
div.formPpstPpal input[type=radio] {margin:4px;}
div.formPpstPpal input[type=button], input[type=submit] {width:140px; height:32px; text-align:center; background:#99cc03; color:White;}
div.formVisita {height:600px;}
div.formDF {height:720px;}
div.zonaInstDataInstalla {float:left;}

/***************** botiga online versio escriptori **************************************/
div.prodBfoto {float:left; width:50%; text-align:center;}
div.prodBinfo {float:left; width:50%;}
div.prodBcarac div {float:left; width:50%;} div.prodBcarac span {font-weight:bold;}
div.prodBpreu {}
div.carContenidor {max-width:1040px; margin:0 auto;}
div.carArticle {float:right; width:220px; min-height:250px; font-size:0.9em; margin:12px;}
div.carClient div.pastilla {float:left; margin:6px; border:1px solid #5a5a5a;}
div.carClient div.pastillaDetall {float:left; width:310px; margin:6px; border:1px solid #5a5a5a; font-size:0.9em;}
div.carClient input[type=text] {width:200px; margin:6px;}
div.carClient textarea {margin:6px; width:200px; height:120px;}