/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a { outline: none; }

/* BLOCKS */
body { font-size: 13px; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background-color: #e7e7e7; }
div.bgTop { background-color: #171717; width: 100%; clear: both; }
div.bg { background-color: #e7e7e7; width: 100%; clear: both; }
#branding { position: relative; width: 960px; height: 85px; margin: 0 auto; }
#wrapper { background-color: #fff; }
#mainContent { padding: 65px 0 25px 0; width: 960px; margin: 0 auto; }
#secondaryContent { width: 960px; margin: 0 auto; padding: 25px 0; overflow: hidden; line-height: 1.2em; }
#contact { padding-left: 12px; }

/* FOOTER - NOVEDADES */
#secondaryContent ul { background: #eee; }
#secondaryContent li { width: 218px; float: left; padding: 5px; margin-bottom: 10px; margin-right: 10px; }
#secondaryContent li.no-margin { margin-right: 0; }
#secondaryContent li img { float: left; border: 1px solid #555; margin: 0 5px 5px 0; opacity: 1; }
#secondaryContent li img:hover { opacity: 0.75; }
#secondaryContent li h4 { font-size: 14px; font-weight: bold; margin-bottom: 6px; }
#secondaryContent li h4 a { display: block; text-decoration: none; }
#secondaryContent li p { font-size: 11px; margin-bottom: 8px; line-height: 13px; color: #777; }

/* LISTS */
ul#mainMenu { position: absolute; width: 480px; height: 85px; top: 0; right: 0; }
ul#mainMenu li { float: left; }
ul#mainMenu li a { display: block; width: 117px; height: 30px; text-align: center; text-decoration: none; text-transform: uppercase; padding-top: 55px; color: #333; outline: none; }
#branding ul#mainMenu li a.actual { background-color: #fff; color: #333; }
ul#mainMenu #menuBtn1 { background-color: #ffe2b1; }
ul#mainMenu #menuBtn2 { margin-left: 4px; background-color: #b1ceff; }
ul#mainMenu #menuBtn3 { margin-left: 4px; background-color: #ffb1f5; }
ul#mainMenu #menuBtn4 { margin-left: 4px; background-color: #b1ffbc; }

ul#mainMenu #menuBtn1:hover, 
ul#mainMenu #menuBtn2:hover, 
ul#mainMenu #menuBtn3:hover, 
ul#mainMenu #menuBtn4:hover { background-color: #bebebe; color: #111; }

ul.coleccions { margin: 50px 0 100px; }
	ul.coleccions li { float: left; margin-right: 12px; }
	ul.coleccions li a { background-color: #444; border-radius: 5px 5px 5px 5px; color: #FAFAFA; font-size: 13px; padding: 3px 10px; text-decoration: none; }
	ul.coleccions li a:hover { background-color: #aaa; }
	

/* HEADINGS */
h1 { font-size: 24px; margin: 0 0 12px 0; }
h1.slogan { text-indent: -9999px; background: url(img/slogan.gif) no-repeat; width: 666px; height: 104px; margin: 0 auto; }
h2 { font-size: 16px; margin: 0 0 12px 0; }
#secondaryContent h2 { margin-bottom: 16px; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
h3 { font-size: 14px; }

/* LINKS */
a, a:visited { color: #333; }
a:hover { color: #666; }

/* STYLES */
#branding img.logo { position: absolute; bottom: 0; }
p.presentation { font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em; }
p.ensiolaInfo { clear: both; font-size: 11px; padding: 35px 0 12px 0; border-bottom: 1px solid #aaa; }
#contact p { padding-bottom: 6px; }
input, textarea {width: 150px;}
input#submit {width: 60px;}
hr { clear: left; }
em { font-style: italic; }
strong { font-weight: bold; }

/* FICHAS */
#mainContent #ficha { padding-left: 230px; font-size: 14px; line-height: 1.7em; position: relative; }
#mainContent #ficha img.premi-critica { position: absolute; top: 0; right: 0; }
#mainContent p.fichaPortada img { float: left; margin: 0 12px 50px 0; padding: 5px; border: 1px solid #eee; }
#mainContent p.fichaAutor { padding-bottom: 12px; font-size: 13px; line-height: 16px; }
#mainContent p.fichaRef { }
#mainContent p.fichaSinopsis { padding-bottom: 12px; }
#mainContent p.fichaCita { padding: 0 24px 24px 24px; }
#mainContent p.fichaDatos { margin-top: 12px; margin-bottom: 24px; padding-left: 12px; border-left: 1px solid #666; line-height: 1.4em; font-size: 13px; }
#mainContent p.clear { clear: left; }
#fichas h1 span { font-size: 16px; }
p.autor { text-align: right; }

/* TABLES */
table.sortable { width: 960px; margin: 35px 0; background: url(img/bg-table.gif) repeat; font-size: 12px; line-height: 18px; }
table th { text-transform: uppercase; padding: 5px 0; color: #fff; font-weight: bold; border-right: 1px solid #666; text-align: center; cursor: pointer; }
table td { padding: 5px; border-right: 1px solid #e7e7e7; }
table tr.tableHeaders { background-color: #999; }
td.ref, td.publicacion, td.precio { text-align: center; }
td.titulo { border-left: 1px solid #e7e7e7; }
td.titulo a { font-weight: bold; }