/* CSS Document */

* { 
margin: 0;
padding: 0;
}

body {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	color: #000;
	text-align: left;
	background-image:url(../img/fons_blau.gif);
    background-color: #f4f9fa;
	margin: 0;
}

/***************
Col. esquerra
****************/

#fotofons {
width: 300px;
height: 100%;
overflow: hidden;
position: fixed !important;
position: absolute;
top: 0;
left: 0;
background-color: #f4f9fa;
z-index: 1;
}

#fotofons img {
height: 100%;
}

#logo {
position: fixed !important;
position: absolute;
left: 25px;
top: 15px;
z-index: 7;
}

#menu {
position: fixed !important;
position:absolute;
top: 110px;
left: 100px;
width: 217px;
height: 234px;
background: url(../img/fons_menu.png) no-repeat;
padding: 15px;
z-index: 3;
font-weight: bold;
font-size: 12px;
}

#menu ul {
list-style-type: none;
}

#menu li {
padding-left: 22px;
background: url(../img/bullet.gif) no-repeat left -2px;
height: 30px;
margin: 0;
}

#menu li:hover {
background: url(../img/bullet.gif) no-repeat left -33px;
}

/***************
header
****************/

#idiomes {
position:absolute;
right: 0;
top: 5px;;
font-size: 11px;
line-height: 18px;
}

#idiomes ul {
display: inline;
list-style-type:none;
}

#idiomes li {
float: left;
/*background: url(../img/fons_idiomes.gif) no-repeat;*/
background-color: #D1F5FC;
width: 77px;
height: 19px;
margin-right: 5px;
text-align: center;
}

#data {
position: absolute;
left: 0;
top: 5px;
line-height:18px;
font-size: 11px;
color: #333;
}

#data img {
vertical-align:text-top;
padding: 0 6px;
}

#data p {
background-color: #FFFFFF;
padding: 1px 3px;
margin-bottom: 3px;
text-align: center;}


/***************
Columna dreta
****************/

#dreta {
position: absolute;
width: 550px;
top: 0;
left: 350px;
}

#content {
position: absolute;
top: 50px;
z-index:4;
}

#intro {
font-size: 11px;
line-height: 17px;
color: #030;
}

#flashcalendari {
margin: 15px 0;
}

#flashcalendari img {
max-width: 548px;}

#activitatshome {
padding: 1px 20px 20px 20px;
background-color: #fff;
-moz-border-radius: 20px;
border-radius: 15px;
}

.resumactivitat {
margin: 6px 0;
background-color: #f6f6f6;
padding: 3px 8px;
}

#footer {
margin: 15px 0 25px 0;
font-size: 10px;
color: #666666;
text-align: center;
}

/***************
Col. dreta segones
****************/

.content2 {
padding: 20px;
background-color: #fff;
-moz-border-radius: 20px;
border-radius: 15px;
margin-bottom: 10px;
}

.content2 p {
margin-bottom: 10px;
}

.content2 img {
margin: 0 3px;
}

#llistatcol ul {
list-style-type: none;
}

#llistatcol li {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

#llistatcol li img {
padding: 2px;
border: 1px solid #ccc;
}

#llistatcol img:hover {
border: 1px solid #f90;
}

#formsoci {
background-color: #f7f7f7;
text-align: center;
padding: 20px 0;
}

#formsoci form {
width: 350px;
text-align: right;
}
#fitxaimg ul {
list-style-type: none;
}

#fitxaimg ul {
list-style-type: none;
}

#fitxaimg li {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

#fitxaimg li img {
height: 100px;
padding: 2px;
border: 1px solid #ccc;
}

#fitxaimg img:hover {
border: 1px solid #f90;
}


/*generiques*/

.esq {
float: left;}

.dre {
float: right;
}

.clear {
clear: both;
}

.textdre {
text-align:right;
}

.inline {
display: inline;
}

h1 {
font-size: 26px;
color:#069;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px dotted #069;
font-weight: normal;
}

h2 {
font-size: 18px;
color:#FF6600;
margin: 26px 0 13px 0;
padding-bottom: 4px;
font-weight: normal;
}

h3 {
font-size: 17px;
color:#006699;
margin-bottom: 8px;
background:url(../img/puntet9.gif) no-repeat left 7px;
padding-left: 13px;
font-weight:normal;
}

h4 {
font-size: 17px;
font-weight:normal;
color:#FF6600;
padding: 8px 0 3px 0;
border-top: 1px dotted #999;
}

form input, select {
border: 1px solid #336699;
font-size: 11px;
padding: 1px;}

.taro {
color: #FF6600;
background:url(../img/puntet8.gif) no-repeat left 4px;
padding-left: 10px;
}

.tarob {
color: #FF6600;
background:url(../img/puntet8.gif) no-repeat 3px 4px;
padding-left: 15px;
font-weight:bold;
}

.gris {
color: #666;
}

.tipo11 {
font-size: 11px;
}

.menys28 {
margin-top: -34px;
}

.mes30 {
margin-top: 30px;
}

.puntets {
border-bottom: 1px dotted #999;
padding-bottom: 8px;
}

.mesinfo {
color: #333;
background-color:#FCF3B4;
padding: 0 5px;
}

.imgmarges{
padding: 2px;
border: 1px solid #ccc;
}

/* links */

a {
color: #000;
text-decoration: none;
}

a:visited {
color: #000;
text-decoration: none;
}

a:hover {
color: #f60;
text-decoration: none;
}

a:active {
color: #f60;
text-decoration: none;
}

#content a {
color:#FF6600;
text-decoration: none;
}

#content a:hover {
color:#099;
}


/* fix png ie6*/
/* no funciona borrar */
/* url(iepngfix.htc); } */