@import "agenda.css";
@import "botiga.css";

/* Classes generiques */

body {
   background-color: #ffffff;
   /*background-image: url('/img/fons.gif');*/
   background-repeat: repeat;
   color: #000000;
   margin: 0;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
}

img {
   border:0;
   margin:0;
}

input {
   background-color: #ffffff;
   border: 1px solid black;
   color: #737376;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 0px 1px 0px 1px;
}

select {
   background-color: #ffffff;
   border: 1px solid black;
   color: #737376;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
}

textarea {
   background-color: #ffffff;
   border: 1px solid black;
   color: #737376;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
}


/* IDs específics */

div#General {
   margin-left: auto;
   margin-right: auto;
   margin-top: 14px;
   position: relative;
   width: 1020px;
}

div#GeneralInner {
   margin-bottom: 14px;
   background-color: #ffffff;
   background-image: url('/img/fons_quadrats.gif');
   background-position: 885px 26px;
   background-repeat: no-repeat;
   border: 1px solid #eb6500;
   float: left;
   position: relative;
   width: 100%;
}

div#Cap {
   float: left;
   position: relative;
   width: 1020px;
}

div#CapLogo {
   float: left;
   position: relative;
   width: 341px;
}

div#CapLogo a {
   outline: none;
}

div#CapLogo img {
   display: block;
   margin-left: 20px;
}

div#CapMenuSup {
   border-top: 1px solid #27289c;
   border-bottom: 1px solid #27289c;
   float: left;
   height: 19px;
   position: relative;
   width: 885px;
}

div#CapMenuInf {
   background-color: #eb6500;
   border-top: 2px solid #ffffff;
   float: left;
   height: 19px;
   position: relative;
   width: 885px;
}

div#Cos {
   background-image: url('/img/fons_cos.gif');
   background-repeat: repeat-y;
   float: left;
   position: relative;
}

div#Cos2 {
   float: left;
   position: relative;
}

div#CosEsquerre {
   float: left;
   position: relative;
   width: 180px;
}

div#CosEsquerreDesplegables {
   float: left;
   position: relative;
   width: 170px;
}

div#CosEsquerreDesplegables form {
   margin: 10px;
}

div#CosEsquerreDesplegables select {
   margin-bottom: 10px;
   padding: 0;
   width: 150px;
}

div#CosEsquerreBanners {
   float: left;
   position: relative;
   width: 170px;
}

div#CosEsquerreBanners img {
   display: block;
   margin: 10px;
}

div#CosEsquerre2 {
   float: left;
   position: relative;
   width: 180px;
}

div#CosEsquerre2 p {
   color: #f36e20;
   font-weight: bold;
   text-align: center;
}

div#CosContingut {
   float: left;
   position: relative;
   width: 494px;
}

div.TextPortada {
width: 494px;
}

div#CosDret {
   float: left;
   margin-top: 10px;
   position: relative;
   width: 211px;
}

div#CosDretBanners {
   float: left;
   margin-top: 8px;
   position: relative;
   width: 211px;
}

div#Peu {
   background-color: #eb6500;
   border-top: 4px solid #3b3092;
   float: left;
   height: 20px;
   position: relative;
   width: 1020px;
}

div#PeuPoweredBy {
   font-family: Arial, Helvetica, sans-serif;
   float: left;
   margin-left: 66px;
   padding-top: 2px;
   position: relative;
}

div#PeuPoweredBy a {
   color: #000000;
   text-decoration: none;
}

div#PeuPoweredBy a:hover {
   text-decoration: underline;
}

div#PeuContacte {
   color: #3b3092;
   float: left;
   font-size: 14px;
   margin-left: 200px;
   position: relative;
}

div#PeuContacte a {
   color: #3b3092;
   text-decoration: none;
}

div#PeuContacte a:hover {
   text-decoration: underline;
}

div#PeuAvisLegal {
   color: #ffffff;
   float: right;
   font-size: 14px;
   margin-right: 66px;
   position: relative;
}

div#PeuAvisLegal a {
   color: #ffffff;
   text-decoration: underline;
}


/* Altres */ 

div.AgendaTitol {
   color: #000000;
   font-size: 16px;
   font-weight: bold;
   float: left;
   margin-top: 10px;
   position: relative;
}

div.Agenda {
   border: 1px solid #eb6500;
   float: left;
   margin-top: 8px;
   position: relative;
   width: 209px;
}

div.Agenda p {
   background-color: #eb6500;
   color: #ffffff;
   font-size: 14px;
   font-weight: bold;
   margin: 0;
   text-align: center;
}

div.Agenda p img {
   margin-bottom: 2px;
   vertical-align: middle;
}

div.Agenda p a {
   color: #ffffff;
   text-decoration: none;
}

div.Agenda p a:hover {
   color: #ffffff;
   text-decoration: underline;
   font-size: 16px;
}


div.Destacats {
   border: 1px solid #eb6500;
   float: left;
   margin-top: 8px;
   padding-bottom: 4px;
   position: relative;
   width: 209px;
}

div.Destacats p {
   background-color: #eb6500;
   color: #ffffff;
   font-size: 14px;
   font-weight: bold;
   margin: 0;
   text-align: center;
}

div.Destacats p img {
   margin-bottom: 2px;
   vertical-align: middle;
}

div.Destacats p a {
   color: #ffffff;
   text-decoration: none;
}

div.Destacats p a:hover {
   font-size: 16px;
   color: #ffffff;
   text-decoration: underline;
}

div.Continguts {
   float: left;
   padding: 10px 20px 20px 10px;
   position: relative;
   width: 474px;
}

div.Continguts a {
   color: #3b3092;
   font-weight: bold;
   text-decoration: none;
}

p.OpcioMenu {
   margin: 0px 0px 0px 20px;
}

span.OpcioMenu {
   border-right: 1px solid #27289c;
   color: #3b3092;
   float: left;
   font-size: 14px;
   font-weight: bold;
   line-height: 14px;
   padding: 2px 10px 3px 10px;
   position: relative;
}

span.OpcioMenu a {
   color: #3b3092;
   font-weight: bold;
   text-decoration: none;
}

span.OpcioMenu a:hover {
   text-decoration: underline;
}

span.OpcioMenuAct {
   background-color: #e5e5e7;
   border-right: 1px solid #27289c;
   color: #3b3092;
   float: left;
   font-size: 14px;
   line-height: 14px;
   font-weight: bold;
   padding: 2px 10px 3px 10px;
   position: relative;
}

span.OpcioMenu2 {
   border-right: 3px solid #27289c;
   color: #3b3092;
   float: left;
   font-size: 14px;
   font-weight: bold;
   line-height: 14px;
   padding: 2px 10px 3px 10px;
   position: relative;
}

span.OpcioMenu2 a {
   color: #3b3092;
   font-weight: bold;
   text-decoration: none;
}

span.OpcioMenu2 a:hover {
   text-decoration: underline;
}

span.OpcioMenu2Act {
   background-color: #e5e5e7;
   border-right: 3px solid #27289c;
   color: #3b3092;
   float: left;
   font-size: 14px;
   line-height: 14px;
   font-weight: bold;
   padding: 2px 10px 3px 10px;
   position: relative;
}

p.Submenu {
   font-size: 14px;
   font-weight: bold;
   margin: 0px 0px 0px 40px;
}  
   
a.Submenu {
   color: #ffffff;
   padding: 0px 3px 0px 3px;
   text-decoration: none;
}  
   
a.SubmenuAct {
   color: #ddddde;
   padding: 0px 3px 0px 3px;
   text-decoration: none;
}


/*** BITXO ***/

div.Bitxo {
   float: left;
   padding: 10px 20px 20px 10px;
   position: relative;
   width: 474px;
}

div.BitxoTitol {
   color: #000000;
   font-size: 16px;
   font-weight: bold;
   float: left;
   margin-bottom: 8px;
   position: relative;
   width: 100%;
}

div.BitxoText {
   color: #000000;
   float: left;
   position: relative;
   width: 100%;
}

div.BitxoActivitat {
   float: left;
   position: relative;
   width: 100%;
   padding:0 0 30px 0;
}

div.BitxoActivitatTitol {
   color: #f36e20;
   float: left;
   font-size: 14px;
   position: relative;
   width: 48%;
}

div.BitxoActivitatData {
   float: right;
   font-style: italic;
   margin: 2px 0px 2px 0px;
   position: relative;
   text-align: right;
   width: 48%;
}

div.BitxoActivitatSubtitol {
   color: #000000;
   float: left;
   margin-top: 12px;
   position: relative;
}

div.BitxoActivitatText {
   color: #000000;
   float: left;
   margin-top: 12px;
   position: relative;
}

div.BitxoActivitatText img {
   float: left;
   margin: 0px 12px 12px 0px;
}

div.BitxoActivitatEnllacos {
   float: left;
   margin-top: 12px;
   position: relative;
}

div.BitxoActivitatEnllacos a {
   color: #000000;
}

div.BitxoDestacatsTitol {
   float: left;
   font-size: 12px;
   font-weight: bold;
   padding: 4px 0px 0px 4px;
   position: relative;
   width: 200px;
}

div.BitxoDestacatsImatge {
   float: left;
   padding: 4px 0px 0px 4px;
   position: relative;
   text-align: center;
   width: 200px;
}

div.BitxoDestacatsVideo {
   float: left;
   padding: 4px 0px 0px 4px;
   position: relative;
   width: 200px;
}


/*** FORMULARIS ***/

table.GFtaulacapcalera {
   margin: 12px 6px 12px 6px;
}

td.GFtextcapcalera {
   font-size: 12px;
}

table.GFtaula {
   margin-left: auto;
   margin-right: auto;
}

table.GFtaularesposta {
   margin-top: 35%;
   margin-left: 12px;
   margin-right: 12px;
}

td.GFtextresposta {
   text-align: center;
   font-size: 12px;
}

td.TextFormulari {
   font-size: 12px;
}

td.CampFormulari {
   font-size: 12px;
}

td.CampFormulari input {
   width: 260px;
}

td.CampFormulari textarea {
   width: 260px;
}

td.CampFormulari2 {
   font-size: 12px;
}

td.CampFormulari2 input {
   width: 90px;
}

td.FormulariBotons {
}


/*****************************************************************************/

div#c1 {
   margin-left: 10px;
   width: 152px;
}

div#flash {
   margin-left: 10px;
   width: 152px;
}