/*
ETIQUETAS HTML
*/
*{
font-family:Verdana, Geneva, Helvetica, sans-serif;
}
body{
background-color:#003399;
}
strong{
color:#006666;
font-weight:bold;
}
h3{
font-size: 12px;
color:#006666
}
ul#navlist, ul#navlist li{
float:left;
list-style:none;
margin:0;
padding:0;
}
ul#navlist{
font-size:13px;
background-color:#B36B00;
}
ul#navlist li a {
color:#fff;
border-color:#000;
border-width:1px 1px 1px 0;
border-style:solid;
display: block;
float: left;
padding: 0px 7px 0px 10px;
text-decoration: none;
text-align: center;
border-width: 1px;
border-top: 0px solid #000;
border-left: 0px solid #000;
border-bottom: 2px solid #000;
border-right: 1px solid #000;
}
ul#navlist li a.primera {
border-color:#000;
border-width:1px 1px 1px 1px;
border-style:solid;
}
ul#navlist li#active a {
background: #f0e7d7;
color: #800000;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
color: #ffffff;
background:#FF9900;
border-top: 1px solid #CC6600;
border-left: 1px solid #CC6600;
border-bottom: 0px solid #CC6600;
border-right: 0px solid #CC6600;
}
/*
menu edicions
Para que la pseudo clase de la etiqueta funcione correctamente el orden de las declaraciones debe ser el siguiente:
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
*/
ul#navlistsubmenu, ul#navlistsubmenu li{
float:left;
list-style:none;
margin:0;
padding:0;
}
ul#navlistsubmenu{
font-size:13px;
background-color:#FF9900;
}
ul#navlistsubmenu li a {
color:#fff;
display: block;
float: left;
padding: 0px 16px 3px 3px;
text-decoration: none;
text-align: center;
background-image:url(../images/recorte.gif);
background-position: right top;
background-repeat:no-repeat;
}
ul#navlistsubmenu li.primera a{
border-width:1px;
}
/*
DIVS
*/
#cap{
background-image:url(../images/imageCap.gif);
/* background-position: 97% 30%;*/
background-repeat:no-repeat;
position:absolute;
top:0px;
width:780px;
height:105px;
padding-top:100px;
padding-left: 20px;
z-index:200;
}
#cap h1{
position:absolute;
left:350px;
top:10px;
color:#0000CC;
font-size:20px;
}
#cap h1 span{
color:#0000CC;
font-size:12px;
}
#cap h4 {
position:absolute;
left:350px;
top:40px;
color:#ccccCC;
font-size:10px;
}
#centrat{
position:absolute;
top:0px;
left:50%;
width:780px;
height:1165px;
margin-left:-390px;
background-color:#fff;
}
#destacat_institut p{
line-height: 20px
}
#destacat_edicions{
background-color:#FFCC66;
position:absolute;
width:740px;
top:180px;
left:10px;
height:920px;
padding: 5px 10px 10px 10px;
z-index:202;
}
#destacat_seccions{
}
#lateral_seccions{
}
#destacat_edicions h1{
font-size: 16px;
}
#destacat_edicions p{
font-size: 16px;
}
#destacat_edicions h1.coleccio{
color:#FF9900;
padding-bottom:30px;
padding-top:20px;
font-size:18px;
}
#destacat_edicions h1.coleccio span{
color:#1919B3;
}
#destacat_inici a, #destacat_veurecont a{
font-size:12px;
}
#destacat_veurecont{
position:absolute;
width:670px;
height:2000px;
padding:60px 30px 20px 60px;
line-height:30px;
}
#lateral_escriptors{
line-height:20px
}
#lateral_escriptors h1{
position:relative;
top:170px;
}
#lateral_escriptors p{
position:relative;
top:187px;
}
#lateral_inici{
position:absolute;
padding-top:85px
}
#lateral_inici span{
position:absolute;
padding-top:220px
}
#menu{
position:absolute;
top:107px;
left:10px;
}
#submenu{
position:absolute;
top:-18px;
left:20px;
}
/*
CLASES
*/
.baix, .llibres{
background-color:#acc;
}
.baix {
position:absolute;
top:860px;
left:0px;
width:750px;
height:260px;
padding:20px 10px 10px 20px;
z-index:4000;
}
.destacat, .lateral{
position:absolute;
top:105px;
height:950px;
}
.destacat{
background-image:url(../images/imagenCap_acabado.gif);
background-repeat:no-repeat;
position:absolute;
left:0px;
width:448px;
padding:60px 10px 10px 30px;
line-height:25px;
}
.destacat h1, .lateral h1{
position:relative;
text-align:justify;;
font-size:16px;
color: #CC6600;
font-weight:bold;
}
.destacat img{
position:relative;
width:170px;
margin:30px;
float:right;
}
.destacat p,.destacat li,.lateral p{
position:relative;
text-align: left;
font-size:12px;
}
.lateral{
background-color:#CCCCFF;
background-image:url(../images/barra_lateral.gif);
background-repeat:no-repeat;
position:absolute;
left:489px;
width:261px;
padding:75px 10px 10px 20px;
z-index:3000;
}
.lateral .fem {
color:#B34700;
}
.lateral li.femdins{
color:#009999;
}
.lateral li{
font-size:12px;
}
.lateral img{
position:absolute;
height:150px;
}
.lateral h1 {
color:#006666;
}
.llibres{
position:relative;
width:700px;
height:180px;
padding:5px 10px 10px 30px;
margin-top: 15px;
}
.llibres img, .baix img{
position:relative;
height:90px;
float: left;
clear: none;
}
.llibres p{
position:relative;
float: left;
clear: right;
padding-left:10px;
}
.llibres p.preu{
position:relative;
float: left;
clear: none;
}
.llibres a.comprar, .baix a.comprar{
font-size:14px;
position:relative;
float: right;
clear: none;
}
.llibre{
position:relative;
background-color: #ffc;
width:700px;
height:240px;
padding:5px 10px 0px 30px;
margin-top: 15px;
line-height:5px;
}
.llibre img{
position:relative;
height:120px;
padding:0px 10px 0px 0px;
margin-top: 5px;
float: left;
clear: none;
}
.llibre h1{
color: #c30;
font-size:14px;
text-decoration: underline;
line-height:15px
}
.llibre h2{
color: #f60;
font-size:12px;
}
.llibre h3{
color: #99f;
font-size:11px;
}
.llibre p{
font-size:12px;
line-height:20px;
}
.llibre a{
font-size:14px;
float: left;
clear: none;
line-height:20px;
}
.menu{
}
.nom_pagina{
color:#9999FF;
position:absolute;
top:77px;
right:110px;
color:#0000CC;
font-size:13px;
z-index:201;
}
.peu{
background-color:#cfc;
background-image:url(../images/imagenPeu.gif);
background-repeat:no-repeat;
background-color:#aaa;
position:absolute;
top:1160px;
left:0px;
width:750px;
height:50px;
padding:5px 10px 5px 20px;
}
.peu p{
color:#000;
font-size:9px;
}
.peu h1{
color:#000;
font-size:10px;
}