/**
 *Author: Staylogic Online Services
 *URI: http://www.staylogic.com
 *Date: 10/01/2008 (dd/mm/yyyy)
 **/

div .block a {
    display:block;
}

html, body, body.listado {
    margin: 0px;
    background-color: #cccccc;
    background-image: url('/images/backgrounds/body.png');
    background-repeat: repeat-x;
    background-position: top;
    font-family: "Trebuchet MS", verdana, arial, tahoma;
    font-size:10px;
}
body.listado {
    background-image: url('/images/backgrounds/body-llistat.png');
}
img {
    border:0px;
}

#top {
    padding-top:10px;
    width:100%;
    height: 102px;
    border-width: 0px !important;
}

#top-contingut {
    width:950px;
    margin:auto;
}

#banner-publi {
    padding: 15px 0 0 0;
}


#menu {
    width:100%;
    height:45px;
    background: #e2052a url('/images/backgrounds/barramenu.png');
    border-width: 0px !important;
}
#menu-contingut {
    width:950px;;
    height:45px;
    margin: auto;
}

#contingut {
    width: 950px;
    margin: auto;
	background: transparent url('/images/backgrounds/barradreta.png');
	background-position: right top;
	background-repeat: repeat-y;
}

#esquerra {
    width:760px;
    float: left;
}
#dreta {
    width:187px;
    float: right;
    background: #660000 url('/images/backgrounds/barradreta.png');
}


#cistella-top {
    width:187px;
    height: 45px;
    background: #660000 url('/images/backgrounds/cistella-top.png');
}
.cistella-middle {
    width:187px;
    background: #660000 url('/images/backgrounds/cistella-middle.png');
}
#cistella-bottom {
    width:187px;
    height: 125px;
}


#noticies {
    width:187px;
    height: 157px;
    background: #660000 url('/images/backgrounds/noticies.png');
}


.mesvenuts-top {
    width:187px;
    height: 66px;
    background: #660000 url('/images/backgrounds/mesvenuts-top.png');
}
.mesvenuts-middle {
    width:187px;
    height: 60px;
    background: #660000 url('/images/backgrounds/mesvenuts-middle.png');
}
.mesvenuts-bottom {
    width:187px;
    height: 67px;
    background: #660000 url('/images/backgrounds/mesvenuts-bottom.png');
}


#novedades {
    width: 763px;
    height:331px;
}
#novedades-contingut {
    width: 950px;
    margin: auto;
    height:331px;
}

#pastilles {
    width: 763px;
    float: left;
}


#bottom {
    width:100%;
    height:128px;
    background: #232325 url('/images/backgrounds/barrainferior.png');
}
#bottom-contingut {
    width:950px;
    margin:auto;
}

.precio {
    margin-left:10px;
}
.comprar {
    margin-right:10px;
}




.pastilla1, .pastilla2, .pastilla3, .pastilla4, .pastilla5, .pastilla6, .pastilla7, .pastilla8, .pastilla9, .pastilla10, .pastilla11, .pastilla12 {
    float: left;
    width: 183px;
    max-width:183px;
    height: 320px;
    max-height: 320px;
    margin-top:12px;
    margin-right:7px;
}
.pastilla1 { background: transparent url('/images/backgrounds/pastilla1.png'); }
.pastilla2 { background: transparent url('/images/backgrounds/pastilla2.png'); }
.pastilla3 { background: transparent url('/images/backgrounds/pastilla3.png'); }
.pastilla4 { background: transparent url('/images/backgrounds/pastilla4.png'); }
.pastilla5 { background: transparent url('/images/backgrounds/pastilla5.png'); }
.pastilla6 { background: transparent url('/images/backgrounds/pastilla6.png'); }
.pastilla7 { background: transparent url('/images/backgrounds/pastilla7.png'); }
.pastilla8 { background: transparent url('/images/backgrounds/pastilla8.png'); }
.pastilla9 { background: transparent url('/images/backgrounds/pastilla9.png'); }
.pastilla10 { background: transparent url('/images/backgrounds/pastilla10.png'); }
.pastilla11 { background: transparent url('/images/backgrounds/pastilla11.png'); }
.pastilla12 { background: transparent url('/images/backgrounds/pastilla12.png'); }

.pastilla-llistat {
    float: left;
    width: 187px;
    max-width:187px;
    height: 153px;
    max-height: 153px;
    margin-top:7px;
    margin-right:1px;
    background: transparent url('/images/backgrounds/pastilla-listado.png');
}


.cabecera {
    text-align: center;
    color: #ffffff;
    font-size:1.5em;
    line-height:25px;
    margin-top:5px;
}

.imagenportada {
    margin-right: 17px;
    cursor: pointer;
}
.imagenficha {
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 156px;
    max-height: 156px;
}

/**
 *SPRITES DE MENÚ
 **/

#menuitems {
    width:471px;
    height:45px;
    margin: 0px ;
    background: url('/images/menuitems-ca.png');
    padding: 0px;
    position: relative;
}
#menuitems li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
    top: 0px;
}
#menuitems li, #menuitems a {
    height: 45px;
    display: block;
}

#menupanel1b { left: 0; width: 95px; }
#menupanel2b { left: 96px; width: 116px; }
#menupanel3b { left: 212px; width: 129px; }
#menupanel4b { left: 340px; width: 133px; }

#menupanel1b a:hover { background: transparent url('/images/menuitems-ca.png') 0 -45px no-repeat; }
#menupanel2b a:hover { background: transparent url('/images/menuitems-ca.png') -96px -45px no-repeat; }
#menupanel3b a:hover { background: transparent url('/images/menuitems-ca.png') -212px -45px no-repeat; }
#menupanel4b a:hover { background: transparent url('/images/menuitems-ca.png') -340px -45px no-repeat; }


#menulangitems {
    width: 24px;
    height: 45px;
    background: url('/images/menulangitems-es.png');
    margin: 0px;
    padding: 0px;
    position: relative;
}
#menulangitems li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
    top: 0px;
}
#menulangitems li, #menulangitems a {
    height: 45px;
    display: block;
}

#menulangpanel-ca { left: 0px; width: 24px; }
#menulangpanel-ca a:hover { background: transparent url('/images/menulangitems-ca.png') 0 -45px no-repeat; }
#menulangpanel-es { left: 0px; width: 24px; }
#menulangpanel-es a:hover { background: transparent url('/images/menulangitems-es.png') 0 -45px no-repeat; }

/**
 *ELEMENTS DE FORMULARI
 **/

.cercador {
    padding-left: 5px;
    margin-left: 12px;
    margin-top: 11px;
    width: 274px;
    background: #990000;
    color: #ffffff;
    border: 0px;
    height: 23px;
}

input[type=text].contactar, textarea.contactar, input[type=text].error, textarea.error { width:300px; }
input[type=text].error, textarea.error { background:#369; color:#fff }
input[type=text].cistella, textarea.cistella { width:300px; }
textarea.cistella { height:100px; }

/**
 *COLORS I ALINEACIONS
 **/


.left  { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }



.color00 { color: #000000; }
.color01 { color: #990000; }
.color02 { color: #666666; }
.color03 { color: #ffffff; }
.color04 { color: #ff0000; }
.color05 { color: #0000ff; }
.color06 { color: #cc0000; } /* TITULO PASTILLA */
.color07 { color: #333333; } /* AUTOR PASTILLA */
.color08 { color: #009900; } /* COMPRAR PASTILLA */
.color09 { color: #660000; } /* NÚMEROS MÉS VENUTS */

.text00 { font-size: 1em; }
.text01 { font-size: 1.1em; }
.text02 { font-size: 1.2em; }
.text03 { font-size: 2.6em; }
.text04 { font-size: 1.2em; }
.text05 { font-size: 1.2em; }
.text06 { font-size: 3.9em; }
.text07 { font-size: 1.3em; }
.text08 { font-size: 1.8em; }
.text09 { font-size: 0.9em; }
.text10 { font-size: 1.6em; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.floatleft { float:left; }
.floatright { float: right; }

.bordered { border:1px solid #650000; padding: 0px;}

.columnaesquerra { width: 150px; margin-right: 10px; text-align:left; }
.columnadreta { width: 310px; }


/**
 *AJUDES DE MAQUETACIÓ
 **/
.wrapper {
    clear:both;
    height:0px;
}

.wrapper-mig {
    clear:both;
    height: 10px;
}
.wrapper-espaiat {
    clear:both;
    height: 20px;
}
.wrapper-superespaiat {
    clear:both;
    height: 40px;
}

.wrapper-petit {
    clear:both;
    height: 5px;
}

.wrapper-banner {
    clear: both;
    height: 5px;
}

.noborder {
    border-width:0px;
}


/**
 *LINKS
 **/

a { color:#ffffff; text-decoration: none; }
a.sub { color:#ffffff; text-decoration: underline; }
a.mesvenuts { color:#660000; text-decoration: none; }
a.mesvenuts:hover { color:#AA4444; text-decoration: underline; }
a.cistella { color:#660000; text-decoration: none; }
a.cistella:hover { color:#AA4444; text-decoration: underline; }


.paginador {
    background: transparent;
    text-align: center;
    line-height: 21px;
}

.paginador a:link, .paginador a:active, .paginador a:visited {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#990000;
    padding:3px;
    border:1px solid transparent;
}

.paginador a:hover, .paginador .text00 { /* #paginador .text00 no es de tipo link, es de tipo texto, per va aquí para que esté todo junto */
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#ffffff;
    background:#990000;
    padding:3px;
    border:1px solid #990000;
}