/* -------------------------------------------------------------------------------------- estils.css (c) Jordi Baucells Lluís (www.baucells.com) novembre 2007 Aquest full d'estils està creat baix la llicència GPL (General Public License) COLORS: #FFB200 (Taronja): Tipografia dels titols. #B37D00 (Marró): Tipografia dels enllaços i menú. #CC6600 (Roig clar): Alernatiu. ------------------------------------------------------------------------------------- */ /* Estils principals i estructurals ----------------------------------------------------- */ * { margin:0; padding:0; } body { background: #ffffff url(grafics/fons.jpg) repeat; color: #000000; margin: 0; padding: 0; text-align: center; /* IE hack Part 1 */ } /* modificadors d'etiquetes ------------------------------------------------------------- */ hr { color: #ffb200; } a:link { text-decoration: none; color: #b37d00; } a:visited { text-decoration: none; color: #b37d00; } a:hover { text-decoration: none; color: #ffb200; } a:active { text-decoration: none; } /* tipus de lletra --------------------------------------------------------------------- */ .normal { font-family: Georgia, Times, serif; font-size: 0.75em; /* 12/16=0.75 */ font-style: normal; font-weight: normal; color: #000000; } .titol1 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #b37d00; padding-bottom: 20px; padding-top: 20px; } .titol2 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; /*font-weight: bold;*/ color: #b37d00; padding-bottom: 20px; padding-top: 20px; } .petita { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #000000; } .postlink { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; padding-top: 5px; } .imatge{ margin: 10px; text-align: center; border: 1px solid #000000; } .imatgedreta{ margin-left: 10px; margin-bottom: 10px; text-align: right; border: 1px solid #000000; } /* ************************************************************ */ /* CAPES */ /* **************************************************************/ /* Capa principal, baix de . Conté totes les altres capes */ #principal { position: relative; width: 790px; margin: 1px auto; padding: 0px; background: #FFFFFF; border: 1px solid Gray; text-align: center; z-index: 1; } /* banner superior ---------------------------------------------------------------------- */ #capabanner { position: relative; width: 780px; height: 75px; margin: 0px; padding: 5px; background: #ffffff url(grafics/fons4.jpg); text-align: left; border: none; z-index:2; } /* menu superior ------------------------------------------------------------------------ */ #capamenusup { position: relative; width: 785px; margin: 0px; height: 22px; text-align: right; padding-right: 5px; background: #ffb200; z-index: 3; } /* enllaços del menú superior ----------------------------------------------------------- */ .menusup { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; /*font-weight: bold;*/ text-decoration: none; color: #000000; border: 1px solid #000000; background-color: #ffffff; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; } .menusup:hover { color: #000000; background-color: #FFFFFF; } /* dades. Conté el menú lateral i la capa central -------------------------------------- */ #capadades { position:relative; width:780px; height: 100%; /*min-width: 600px; */ min-height: 1000px; padding: 0px; background-color: #FFFFFF; z-index: 4; } /* menú lateral ------------------------------------------------------------------------- */ #capamenulat { position: relative; width: 250px; height: 500px; /*padding: 5px 5px 5px 5px;*/ float: left; text-align: left; /* IE hack Part 2 */ background-image: url(grafics/fons2.jpg); background-repeat: no-repeat; background-position: top; background-color: #FFFFFF; /*border-right: 1px solid #AAAAAA;*/ z-index: 5; } /* contingut del menú */ #menulat { width: 150px; margin: 10px 5px 10px 5px; padding: 5px 5px 5px 5px; border: 1px dashed #000000; text-align: left; /* IE hack Part 2 */ background-color: #FFFFFF; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.8; z-index: 6; } /* titol de cada grup de menú lateral */ .menulattitol { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffb200; /*font-weight: bold;*/ margin-bottom: 5px; margin-top: 10px; font-weight: bold; } /* contingut del menú lateral */ .menulat { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; /*color: #ffb200;*/ /*border-bottom: 1px solid Black; */ /*font-weight: bold;*/ margin-left: 5px; } .menulat:link { text-decoration: none; color: #b37d00; } .menulat:hover { color: #000000; /* background-color: #e6da73; */ } .menulat:active { color: #000000; background-color: #e6da73; } /* Contingut -------------------------------------------------------------------------- */ #capacontingut { position: relative; width: 520px; height:500px; float: right; min-height: 500px; padding: 10px 5px 10px 5px; text-align: left; /* IE hack Part 2 */ background-color: #FFFFFF; /*background-image: url(grafics/fons3.jpg);*/ /*background-repeat: no-repeat;*/ /*background-position: top;*/ z-index: 7; } /* continguts seleccionables per l'usuari */ #contingutnormal { margin-bottom: 10px; text-align: left; /* IE hack Part 2 */ } #contingutressaltat { text-align: center; /* IE hack Part 2 */ padding: 5px 5px 5px; border: 1px dashed #000000; margin-bottom: 10px; background-color: #e6da73; } #contingutressaltat .titol1 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #ffb200; padding-bottom: 5px; padding-top: 5px; font-weight: normal; } /* titol de la secció */ #contingutseccio { text-align: left; /* IE hack Part 2 */ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 28px; /*font-weight: bold;*/ color: #ffb200; padding-bottom: 5px; padding-top: 5px; } /* peu de pàgina ------------------------------------------------------------------------ */ #capapeu { width:780px; clear: both; margin: 10px; /*border-top: 1px solid #000000;*/ z-index: 9; text-align: center; position: relative; margin: 1px auto; padding: 0px; }