@CHARSET "UTF-8";

/*RESET CSS*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.3;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a { text-decoration:none; outline:none; }
a img {border:none;}
.clear { clear:both; }
.png { margin:0; padding:0; }

/*COLORS*/
.rosa  { color:#e4008b; }
.gris  { color:#605d57; }
.blanc { color:#FFFFFF; }
.opacitat    { filter:alpha(opacity=20); opacity:.2; height:385px; }
.no-opacitat { filter:alpha(opacity=100) !important; opacity:1 !important; }

/*TYPO*/
.negreta       { font-weight:bold; }
h1, h2, h3, h4 { font-weight:normal; }

/*GRID*/
.span-total { float:left; width:747px; }
.last { margin-right:0 !important; }

/*LAYOUT*/
body { font-size:62.5%; color:#605d57; font-family:Arial, Helvetica, sans-serif; text-align:left; }
#container { position:relative; margin:0 auto; width:747px; }
#header { height:87px; }
#header .logo { float:left; width:126px; height:87px; }
#header .logo a { display:block; }
#header .link-home { float:left; padding:59px 0 0 561px; }
#header .link-home a { display:block; padding-left:10px; font-size:1.1em; background:url(../images/seo/detalls/fletxa-rosa-esquerra.jpg) no-repeat center left; }

#content{ clear:both; }

#footer { width:725px; border-top:1px solid #d6d6d6; clear:both; }
#footer p { margin-top:9px; font-size:1.1em; }
#footer .logos { margin-top:12px; }
#footer .logos a { float:left; display:block; margin-right:10px; }

/*MENU*/
#menu { position:absolute; left:-8px; padding-top:23px; width:168px; z-index:1; }
#menu ul {  }
#menu ul li { margin-bottom:1px; height:24px; list-style:none; background: #fff url(../images/seo/detalls/menu.jpg) repeat-y top left;  }
#menu ul li a { display:block; padding-left:22px; height:24px; line-height:24px; font-size:1.2em; color:#605d57; }
#menu ul li a:hover,#menu ul li a.active { background:#9d9389; color:#FFFFFF; }

#menu ul li.menu-0 { width:75px; filter:alpha(opacity=90); opacity:.9; }
#menu ul li.menu-1 { width:136px; filter:alpha(opacity=90); opacity:.9; }
#menu ul li.menu-2 { width:156px; filter:alpha(opacity=90); opacity:.9; }
#menu ul li.menu-3 { width:104px; filter:alpha(opacity=90); opacity:.9; }
#menu ul li.menu-4 { width:168px; filter:alpha(opacity=90); opacity:.9; }
#menu ul li.menu-5 { width:108px; filter:alpha(opacity=90); opacity:.9; }
#menu ul li.menu-6 { width:129px; filter:alpha(opacity=90); opacity:.9; }
#menu ul li.menu-7 { width:130px; filter:alpha(opacity=90); opacity:.9; }
#menu ul li.menu-8 { width:156px; filter:alpha(opacity=90); opacity:.9; }

/*BACKGROUND*/
.fons-petit {background:#fff url(../images/seo/fons/fons-general.jpg) repeat-x top left;}
.fons-gran {background:#fff url(../images/seo/fons/fons-general-gran.jpg) repeat-x top left;}

/*CONTINGUT*/
.bloc-dreta { float:left; margin-left:15px; width:429px; }
.bloc-dreta .titol { width:429px; height:49px; background-color:#f9a61a; }
.bloc-dreta .titol h2 { padding-left:10px; line-height:49px; color:#FFFFFF; font-size:3em; }
.bloc-dreta .subtitol { width:429px; height:24px; background-color:#9d9389; }
.bloc-dreta .subtitol .esquerra,.bloc-dreta .subtitol .dreta { float:left; }
.bloc-dreta .subtitol .esquerra { width:300px; }
.bloc-dreta .subtitol .dreta { width:129px; text-align:right; }
.bloc-dreta .subtitol .esquerra h3 { padding:0 10px; line-height:24px; font-size:1.4em; color:#FFFFFF; }
.bloc-dreta .subtitol .dreta a{ margin:0 10px 0 0; padding:0 10px; line-height:24px; font-size:1.6em; color:#FFFFFF; background:url(../images/seo/detalls/fletxa-gris-dreta.jpg) no-repeat right; }
.bloc-dreta .descripcio { margin:11px 0 20px 0; padding:15px; width:399px; min-height:301px; height:auto !important; height:301px; background-color:#d6d6d6; }
.bloc-dreta .descripcio p,.bloc-dreta .descripcio ul li,.bloc-dreta .descripcio span { font-size:1.2em; color:#605d57; }
.bloc-dreta .descripcio p { margin-bottom:10px; }
.bloc-dreta .descripcio ul { margin:10px; }
.bloc-dreta .descripcio ul li { padding-left:10px; list-style:none; background:url(../images/seo/detalls/llista-rosa-donut.jpg) no-repeat top left; }
.bloc-dreta .descripcio ul li a { font-size:1em; }
.bloc-dreta .descripcio a, .descripcio-general a { color:#e4008b; font-size:1em; }
.caixa-localitzacio { width:380px; min-height:85px; height:auto !important; height:85px; padding:10px; background-color:#9d9389; }
.caixa-localitzacio p { color:#FFFFFF; }
.bloc-dreta .descripcio .llista-botigas p { margin:20px 0 10px 0; font-size:1.2em; }
.bloc-dreta .descripcio .llista-botigas ul { float:left; width:185px; margin:5px; }
.bloc-dreta .descripcio .llista-botigas ul li.title { margin-bottom: 2px; background-image:none; font-weight:bold; }
.fila-llibres { margin:25px 0 15px 8px; width:385px; }
.caixa-llibre { float:left; width:121px; margin-right:10px; }
.caixa-llibre .top { width:121px; background:url(../images/seo/fons/caixa-llibre-top.jpg) no-repeat bottom left; text-align:center; }
.caixa-llibre .top a { display: block; }
.caixa-llibre .center { width:121px; background:url(../images/seo/fons/caixa-llibre-center.jpg) repeat-y top left; }
.caixa-llibre .center h2 { padding:10px; padding-top:0; font-size:1.4em !important; color:#e4008b; line-height:normal; text-align:center; }
.caixa-llibre .bottom { width:121px; height:2px; background:url(../images/seo/fons/caixa-llibre-bottom.jpg) no-repeat top left; }

/*LAYOUT1*/
.home .bloc-esquerra-home { float:left; width:469px; }
.home .bloc-esquerra-home .rotator { padding:5px; _padding:4px 5px; width:459px; height:296px; background-color:#d6d6d6; z-index:-3; }
.home .bloc-esquerra-home .titol { width:469px; height:49px; background-color:#f9a61a; }
.home .bloc-esquerra-home .titol h2 { line-height:49px; color:#FFFFFF; font-size:3em; font-weight:normal; text-align:center; }
.home .bloc-dreta-home { float:left; margin-left:8px; width:262px; }
.home .bloc-dreta-home .mes-venuts { width:262px; height:185px; margin-top:21px; background:url(../images/seo/fons/layout1-bloc-dreta-llibres.jpg) repeat-x top left; }
.home .bloc-dreta-home .mes-venuts .foto { float:left; width:130px; }
.home .bloc-dreta-home .mes-venuts .foto a { display:block; }
.home .bloc-dreta-home .mes-venuts .descripcio { float:left; width:130px; }
.home .bloc-dreta-home .mes-venuts .descripcio h2 { margin-top:7px; font-size:2em; line-height:normal; color:#f9a61a; }
.home .bloc-dreta-home .mes-venuts .descripcio h3 { margin-top:15px; font-size:1.4em; line-height:normal; color:#e4008b; }
.home .bloc-dreta-home .mes-venuts .descripcio h3 a { color:#e4008b; }
.home .bloc-dreta-home .mes-venuts .descripcio h4 { margin-top:5px; font-size:1.4em; color:#605d57; font-weight:bold; }
.home .bloc-dreta-home .mes-venuts .descripcio p { margin-top:10px; font-size:1.4em; }
.home .bloc-dreta-home .mes-venuts .descripcio p span { font-weight:bold; }
.home .bloc-dreta-home .oferta-regal { width:262px; height:149px; }
.home .bloc-dreta-home .oferta-regal .titol { width:262px; height:24px; background-color:#f9a61a; }
.home .bloc-dreta-home .oferta-regal .titol h2 { padding:0 5px; font-size:1.6em; line-height:24px; color:#FFFFFF; }
.home .bloc-dreta-home .oferta-regal .descripcio { width:262px; height:125px; background-color:#9d9389; }
.home .bloc-dreta-home .oferta-regal .descripcio .foto { float:left; width:135px; }
.home .bloc-dreta-home .oferta-regal .descripcio .text { float:left; width:113px; }
.home .bloc-dreta-home .oferta-regal .descripcio .text h3 { margin-top:10px; padding-right:5px; line-height:normal; font-size:1.5em; color:#FFFFFF; text-align:right; }
.home .bloc-dreta-home .oferta-regal .descripcio .text h3 span { font-weight:bold; }
.home .bloc-dreta-home .oferta-regal .descripcio .text a { display:block; margin-top:8px; }
.home .descripcio-general { padding:15px; clear:both; }
.home .descripcio-general p { width:449px; font-size:1.2em; }

/*LAYOUT2*/
.ample { margin-bottom:20px; width:747px; min-height:415px; height:auto !important; height:415px;  }
.ample .bloc-esquerra { float:left; width:270px; padding:5px; background-color:#d6d6d6; }

/*LAYOUT3*/
.llarg { margin-bottom:20px; width:747px; }
.llarg .bloc-esquerra { float:left; width:270px; padding:5px; background-color:#d6d6d6; }
.llarg .bloc-dreta { height:415px !important; }
.llarg .bloc-dreta .descripcio { height:300px !important; _height:301px !important; overflow-x:hidden; overflow-y:scroll; }

/*POPUP*/
#popup-book { width:490px; min-height:300px; height:auto !important; height:300px; background-color:#FFFFFF; }
#popup-book .content { min-height:296px; height:auto !important; height:296px; }
#popup-book .content .esquerra { float:left; width:150px; min-height:296px; height:auto !important; height:296px; }
#popup-book .content .esquerra img {}
#popup-book .content .dreta { float:left; width:340px; min-height:296px; height:auto !important; height:296px; }
#popup-book .content .dreta .titol { color:#e4008b; font-size:1.8em; }
#popup-book .content .dreta .autor { margin-top:10px; padding-bottom:5px; color:#605d57; font-size:1.4em; border-bottom:1px solid #d7d5d5; }
#popup-book .content .dreta .descripcio, #popup-book .content .dreta .propietats, #popup-book .content .dreta .preu { margin-top:5px; color:#605d57; font-size:1.4em; }
#popup-book .content .dreta .descripcio em { font-style: italic; }
#popup-book .subtitol { width:490px; height:30px; background-color:#f9a61a; }
#popup-book .subtitol .esquerra,#popup-book .subtitol .dreta { float:left; }
#popup-book .subtitol .esquerra { width:320px; height:24px; background-color:#9d9389; }
#popup-book .subtitol .dreta { width:170px; height:24px; text-align:right; background-color:#9d9389; }
#popup-book .subtitol .esquerra h3 { padding:0 10px; line-height:24px; font-size:1.4em; color:#FFFFFF; }
#popup-book .subtitol .dreta a{ margin:0 10px 0 0; padding:0 10px; line-height:24px; font-size:1.6em; color:#FFFFFF; background:url(../images/seo/detalls/fletxa-gris-dreta.jpg) no-repeat right; }