/* CSS Document */ body { background-color:#F5F5F5; } div#contenidor { margin-left: auto; margin-right: auto; width: 1124px; } div#capcalera { width: 1124px; height:157px; background-image:url("/javax.faces.resource/media/imatges/fons/capcalera.jpg.xhtml"); background-repeat:no-repeat; background-position:left top; border-bottom:4px solid #A44164; } div#capcalera .logo { margin-left:70px; margin-top:18px; } div#capcalera div#MenuCapcalera{ float:right; margin-top:20px; color:#FFF; margin-right:75px; width:74%; } div#capcalera div#MenuCapcalera ul{ float:right; margin-bottom:5px; } div#capcalera div#MenuCapcalera ul li{ float:right; } div#capcalera div#MenuCapcalera ul li.separador{ float:right; margin-left:10px; margin-right:10px; } div#capcalera div#MenuCapcalera ul li a { color:#FFF; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; margin-left:2px; margin-right:2px; } div#capcalera div#usuaris{ float:right; margin-top:8px; } div#capcalera div#usuaris ul li, div#capcalera div#usuaris ul li.separador{ float:left; } div#capcalera div#xarxesSocials { float:right; position: relative; top: 4px; z-index: 100; right: 0px; } div#capcalera div#xarxesSocials img { float:left; margin-left:5px; } div#cos { min-height:800px; background-color:#FFF; position:relative; } div#difuminatEsquerra { background-image:url("/javax.faces.resource/media/imatges/fons/difuminat_lateral_e.png.xhtml"); background-position:left top; background-repeat:no-repeat; min-height:600px; } div#difuminatDreta { /* min-height:1160px;*/ background-image:url("/javax.faces.resource/media/imatges/fons/difuminat_lateral_d.png.xhtml"); background-position:right top; background-repeat:no-repeat; min-height:600px; } div#centreContingut{ margin-left: 69px; margin-right: 69px; } div#cos div#menu_superior { background-image:url("/javax.faces.resource/media/imatges/fons/menu_superior.png.xhtml"); background-position: left top; background-repeat:no-repeat; min-height:33px; padding-top:5px; padding-left:5px; padding-right:4px; width:972px; } div#cos div#esquerra { width:226px; float:left; } div#cos div#esquerra div#cistella { background-image:url("/javax.faces.resource/media/imatges/fons/cistella.jpg.xhtml"); background-position:left top; background-repeat:no-repeat; min-height:55px; padding-left:60px; padding-top:20px; margin-bottom:10px; font-size:0.9em; padding-right: 15px; } div#titolMenuProductes { border:1px solid #A44164; background-color:#A44164; border-radius:4px; color:#FFF; padding: 5px 0px 2px 10px; } div#cos div#esquerra div#comComprar { margin-top:10px; margin-bottom:10px; /*border-bottom:4px solid #A44164;*/ } div#cos div#esquerra div#comComprar p { margin-top:10px; margin-bottom:10px; } div#cos div#esquerra div#formaPagament { margin-top:10px; margin-bottom:10px; } div#cos div#esquerra div#formaPagament img.logos { float:left; margin-right:15px; margin-bottom:5px; } div#cos div#esquerra div#formaPagament p { margin-top:10px; margin-bottom:10px; } div#cos div#esquerra div#esquerraContenidor { width:85%; } div#cos div#dreta { float:right; width:760px; } div#cos div#dreta div#esquerraContingut{ float:left; width:569px; margin-top: -15px; } div#cos div#dreta div#esquerraContingut div.novetatTitol{ float:left; margin-top:25px; } div#cos div#dreta div#esquerraContingut .novetat{ float:left; width:260px; border:1px solid #A8A8A8; padding:5px; min-height:170px; background-color:#F2F2F2; margin-top:1px; margin-bottom:10px; position:relative; } div .llistatArt { font-size: 1.1em; } div#cos div#dreta div#esquerraContingut .novetat ul{ float:left; margin-left:5px; } div#cos div#dreta div#esquerraContingut .novetat img{ float:left; border: 1px solid #999; } img.punter { cursor: pointer; } img.foto { border:1px solid #999; } div#cos div#dreta div#esquerraContingut .detall{ width:96%; border:1px solid #A8A8A8; padding:10px; min-height:148px; background-color:#F2F2F2; margin-top:1px; margin-bottom:10px; position:relative; } div#cos div#dreta div#esquerraContingut .detall .marcfoto{ float:left; } div#cos div#dreta div#esquerraContingut .detall ul{ float:left; margin-left:5px; width:60%; } div.quanitat{ margin-top:20px; position:relative; float:right; margin-left:0px; } div.autorDetall { margin-top:20px; height:30px; } a.escoltar { background-image:url("/javax.faces.resource/media/imatges/icones/escoltar.png.xhtml"); background-position:0 2px; background-repeat:no-repeat; padding-left: 20px; margin-left:3px; } a.pdf { background-image:url("/javax.faces.resource/media/imatges/icones/pdf.png.xhtml"); background-position:0 -3px; background-repeat:no-repeat; padding-left:25px; padding-bottom:20px; height:20px; } a.link { background-image:url("/javax.faces.resource/media/imatges/icones/link.png.xhtml"); background-position:0 -3px; background-repeat:no-repeat; padding-left:25px; padding-bottom:20px; height:20px; } div.preuCistella{ position:absolute; right:4px; bottom:3px; width:135px; } div.preuCistella span{ float:left; margin-top:6px; } a.afegirCompra{ float:right; } a.afegirCompra span:hover{ text-decoration: underline; } div.mesVenuts { margin-right:12px; width:175px; float:left; position:relative; min-height:240px; padding-right:5px; } div.usSuggerim { width:100%; float:left; position:relative; min-height: 185px; margin-bottom:10px; padding-right:5px; } div.usSuggerim img { border: 1px solid #999; margin-bottom: 5px; } div#cos div#dreta div#dretaContingut{ float:right; width:165px; border-left: 2px solid #E1E1E1; padding-left:10px; min-height: 650px; } #historicAlbarans table, #historicAlbarans table tr, #historicAlbarans table td{ border: none; border: 0px; } div#menuUsuari { margin-right: 10px; float: right; margin-top: 0px; margin-bottom: -5px; } .menuUsuariOpcions { float: left; text-align: right; font-size: 0.9em; font-weight: bold; } div#peu { height:220px; background-image:url("/javax.faces.resource/media/imatges/fons/peu.jpg.xhtml"); background-repeat:no-repeat; background-position:left top; padding-left:70px; padding-right:75px; padding-top:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif; } div#peu ul { float:left; } div#peu ul li { float:left; } div#peu ul li.separador { margin-left:10px; margin-right:10px; } div#peu ul li a { color:#FFF; font-size:0.8em; } div#peu .logoPeu{ float:left; height:50px; margin-right:10px; } div#peu div.nostresEmpreses { float:left; margin-right:10px; } div#peu div.nostresEmpreses img { height:60px; margin-left:10px; margin-right:20px; } div#peu div.nostresEmpreses span { float:left; margin-top:20px; } div#peu div#subvencionada{ float:right; font-size:0.8em; font-size:0.9em; } div#peu div#subvencionada span{ float:left; margin-top:10px; margin-right:5px; } div#peu div#subvencionada img{ float:left; } div#capaLLoguer { background-image:url("/javax.faces.resource/media/imatges/icones/lloguer_icona.png.xhtml"); background-position:top right; background-repeat:no-repeat; height:55px; width:100%; } div#capaCistella { background-image:url("/javax.faces.resource/media/imatges/icones/lloguer_icona.png.xhtml"); background-position:top right; background-repeat:no-repeat; height:55px; width:100%; } div#passosLLoguer{ margin-bottom:20px; } div#passosLLoguer span{ margin-right:15px; } div#PreuTotal{ float:right; } div#PreuTotal button { float:right; margin-top:3px; margin-left:20px; } div#Comparteix{ float:left; font-size:0.9em; margin-top:-5px; } div#Comparteix span{ float:left; } div#Comparteix a { float:left; margin-left:5px; } .columnaCistella { vertical-align: top; text-align: right; margin-top:10px; padding-bottom:15px!important; padding-top:15px!important; } .columnaCistella img, .columnaCistella ul{ float:left; margin-left:5px; } .liObert, .liFill, .liTancat { background-image:url("/javax.faces.resource/media/imatges/icones/submenu_logo.gif.xhtml")!important; background-repeat:no-repeat!important; background-position: 1px 3px!important; padding-left:19px; padding-bottom: 2px; font-size:0.95em; cursor: pointer; } .liObert { background-image:url("/javax.faces.resource/media/imatges/icones/submenu_logo2.gif.xhtml")!important; } .liFill { background-position: 17px 3px; padding-left: 13px; margin-left:17px; font-size: 0.95em; } .ui-accordion-content table { margin-left:-25px!important; } .liSeleccionat { color: #666!important; } div#ordenar { float:right; } #ofertesDestacades li, #ofertesDestacades.ui-widget-content { border: 0px!important; } .resultatsBuscar { padding:10px; padding-left: 50px!important; } .titolBuscar { font-weight:bold; } .cosBuscar { margin-left:10px; } .paginesBuscar { float:right; margin-right: 20px; font-size: 1.2em; martin-bottom:30px; } .paginesBuscar a { padding:2px; } .radioTipoPago td, .radioPagament td { cursor:pointer; padding-right:5px!important; } .radioPagament label { padding-right:60px!important; } .radioTipoPago label { padding-right:40px!important; } .radioTipoPago { font-size: 1.3em!important; margin-top: -25px!important; } .ui-growl{ position: fixed; top: 20px; left: 20px !important; width: 301px; }