/* CSS Document */
body {text-align: center; background-color:rgb(200,200,200); margin: 0px; font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;  background-image:url('img/FondoX.jpg');}

#contenido {margin-left: auto; margin-right: auto; margin-bottom:15px; width: 770px; text-align: left; padding:0px;}
#main {margin-right: 160px; margin-top: 0; font-size: 90%; padding-bottom:5px;}
#logo { background-color: #000000; margin:0px; padding: 5px 0px 0px 20px; }
#sidebar {float:right; width:160px; background-color: rgb(33,78,93); margin-bottom:20px;}

#monitors { background-image:url(img/libreta.gif)}
#monitors #contenido {width: 600px; margin-top:10px; margin-right:10px; margin-left:50px; margin-bottom:20px;}
#monitors .titol {font-size:200%; font-weight:bold}
.cita {font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; text-shadow:Black;}


#direccion {padding:10px; font-size:10px;}
#portada1 { border:0px; margin:0px; padding:0px; height:270px; background-color:#FFFFFF; background-image:url(img/Portada1.jpg); background-position:top right; background-repeat:no-repeat; width:auto;}
#portada2 { border:0px; margin:0px; padding:0px; height:270px; background-color:#FFFFFF; background-image:url(img/Portada2.jpg); background-position:top right; background-repeat:no-repeat; width:auto;}
#portada3 { border:0px; margin:0px; padding:0px; height:270px; background-color:#FFFFFF; background-image:url(img/Portada3.jpg); background-position:top right; background-repeat:no-repeat; width:auto}
#portada4 { border:0px; margin:0px; padding:0px; height:270px; background-color:#FFFFFF; background-image:url(img/Portada4.jpg); background-position:top right; background-repeat:no-repeat; width:auto}
#portada5 { border:0px; margin:0px; padding:0px; height:270px; background-color:#FFFFFF; background-image:url(img/Portada5.jpg); background-position:top right; background-repeat:no-repeat; width:auto;}

#articulos { /*margin: 0 15px 25px; */padding: 0 20px;}


#almoment {border: 0px solid; text-align:center; padding:5px; margin:0px; font-size:11px; background-color:#000000; color:#FFFFFF}

#menu { background-image: url(img/fondo_menu.jpg);background-color:#00AA22; margin-top:0; height:20px; font-size:12px;  font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;}

#menu ul, #submenu ul {margin-top: 0; margin-bottom: 0;}
#submenu { background-color:rgb(33,78,93); margin-top: 0; color:#FFFFFF;  font-style:italic; font-weight: bold;}
#inici #submenu {padding-left:150px;}
#menu a {color:#004400; font-weight: bold; text-decoration:none}
#menu a:hover {color:#99FF99; font-weight: bold;}
#submenu a {color: rgb(71,145,170); text-decoration:none; font-size:12px;}
#submenu2 a:hover { color: rgb(33,78,93); font-weight: bold; background-color:rgb(71,145,170);}

#menu ul li, #submenu ul li {display: inline; list-style-type: none;}
#menu ul li a, #submenu ul li a {padding: 0 5px;}

#submenu ul li a:hover {color: rgb(33,78,93); font-weight: bold; background-color:rgb(71,145,170);}

#footer { margin-top: 20px; margin-bottom:0px; border: 2px solid rgb(33,78,93); clear: both; text-align: center; font-size: 10px; background-color:#FFFFFF }

.gimnas {color:#009933;font-weight:bold;}
.girona {color:#FFFF66;font-weight:bold;}
.girona2 {color:#FFCC33;font-weight:bold;}

div.question {margin:7px; padding:5px; background-image:url(img/question.jpg); font-size:70%;  line-height:12px}
div.question input.votar {border:1px solid;}

div.anunci {margin:7px; padding:7px; background-color:#FFFFFF; font-size:70%;/* background-image:url(img/sombra.png); */background-repeat:repeat-x; font-weight:bold; line-height:12px}
div.anunci a{ text-decoration:none; color:#000}
div.anunci a:hover{ line-height:15px;}
/*a:hover div.anunci { background-image:url(img/h2.gif); background-position:center; background-repeat:repeat}*/

div.anunci img {margin-bottom:5px; border:0px;}
div.anunci span.titol{ font-size:150%; font-weight:bold; color:#330099; text-align:center; width:100%;}

.dietowin {font-size:150%; font-weight:bold; color:#330099; border:3px solid; padding:5px;}

/*#perro {float:right;position:relative; left:-230px; top:380px;}*/
.groc {color:#FFFF00; font-weight:bolder}
.blanc {color:#FFFFFF; font-weight:bolder}
.negre {color:#000000; font-weight:bolder}
.blau {color:#0000FF; font-weight:bolder}
.vermell {color:#FF0000;  font-weight:bolder}



/********************************Default*****************************************/
#inici #main {background-color:#FFFFFF}
#super_logo {position:relative;top:-20px; left:-80px; z-index:20; line-height:14px;}
#super_logo #perro {position: absolute; z-index:20;}
#super_logo #texto {z-index:1; position:absolute;width:120px; padding:3px; padding-left:80px; padding-top:20px; text-align:justify; font-size:9px; font-weight:bold; text-shadow:Navy; color:#33CC66;}
#super_logo #texto .c1 {color:#33CCCC;}
#super_logo #texto .c2 {color:#99FF99;}
#super_logo #texto .c3 {color:#009999;}

#agenda a { color:#009900; font-weight:bold; text-decoration:none}
#agenda a:hover {text-decoration: underline}
#agenda a:visited { color: #005000}



#agenda {width:300px; padding:10px; background-color:#FFFFFF; font-size:80%; background-image:url(img/sombra.png); background-repeat:repeat-x}
#list_novetat {float:right; width:270px; font-size:90%; margin-right:5px;}
/*.novetat {background-image:url(img/chincheta.gif); background-position:top center; background-repeat:no-repeat; background-color:#FFFFCC; border:1px solid; padding:10px; margin:5px;}*/
.novetat:hover {background-color:#FFFF99; border:2px solid; padding:9px;}

.blur{  background: transparent url(img/shadow1.png); color: inherit;  margin-left: 4px;  margin-top: 4px;}
.shadow{ background: transparent url(img/shadow2.png); color: inherit;}
.shadow, .novetat{ position: relative; bottom: 3px; right: 3px;}
.novetat{ background-image:url(img/chincheta.gif); background-position:top center; background-repeat:no-repeat; background-color:#FFFFCC; color: #000; border: 1px solid #000; padding: 10px;} 

.data {color:red; font-weight:bold; text-align:right; font-size:110%}
.titol {font-weight:bold}
.text {font-size:90%}

#inici .tabla {border:1px solid #000; font-size:85%; background-color:#FFFFFF}
#inici .tabla td {padding: 2px 15px 2px 15px; border:1px solid #000;}


/********************************Activitats*****************************************/

#activitats #contenido {background-color:#FFFFFF}
#activitats #capaTexto { padding:20px; background-color:#FFFFFF; text-align:justify;}
#activitats #capaTexto .activitat {padding:10px; background-color:#C8D0D4; border:2px solid #999999; text-align:justify;}
#activitats #capaTexto .horari {float:right; margin-left:20px; padding:10px; background:#FFFFFF url(img/chincheta.gif) no-repeat top left; border:1px solid; border-bottom-width:3px; border-right-width:3px;}
#activitats #capaTexto img{padding:10px;}
#activitats #presentacion p:first-letter {font-size:150%; color:#000077; font-weight:bold}
table.Hores td {font-size:80%; padding: 5px;}
tr.c0 {background-color: #BCBCBC;}
tr.c1 {background-color: #D2D2D2;}
tr.c2 {background-color: #E8E8E8;}

/********************************HORARI*****************************************/
#Horari #main { background-color: transparent}
#Horari #submenu {padding:5px; text-align:right}

#Horari table.horari {font-size:13px; width:98%; margin: 0px; padding: 0px; background-color:#000000; border:1px solid black; color: #FFFFFF;}					
#Horari table.horari td {border:1px solid black;}
#Horari .activitat {margin:0px; padding:0px; text-align:center; font-weight:bold;}
#Horari .activitatActual {margin:0px; padding:0px; text-align:center; font-weight:bold; color:#EEEE00; }
#Horari .monitor {margin:0px; padding:0px; text-align:right; font-size:70%}
#Horari .hora {font-size: 80%; vertical-align: middle; text-align: center; color: Black; font-weight: bold;}
#Horari .sala {font-size: 80%; vertical-align: middle;	text-align: center;	color: Black; font-weight: bold;}

#Horari .col1 {	color: Black; background-color: #80c0ff;}
#Horari .col2 {	color: Black; background-color: #ff6666;}
#Horari .col3 {	color: Black; background-color: #a0f57a;}
span.col1 {padding:5px; font-weight:bold; border:1px solid black;}
span.col2 {padding:5px; font-weight:bold; border:1px solid black;}
span.col3 {padding:5px; font-weight:bold; border:1px solid black;}

#dissabte {font-size:75%; background-color:#000000; color:#FFFFFF; font-weight:bold; border:1px solid black;}
#dissabte td {padding: 5px; border:1px solid black;}

#Horari #titulo, th.sala, td.sala {display:none}


/********************************SERVEIS*****************************************/
#serveis #capaTexto {padding:20px; background-color:#FFFFFF;}
#serveis .globo {background:url(img/fondoVittal.jpg)  no-repeat; width:150px; height:150px; text-align:center; padding:10px; padding-top:20px;}
#serveis #capaTexto p:first-letter {font-size:150%; color:#000077; font-weight:bold; padding-left:50px;}
#serveis #direccio {clear:left; font-size:80%; font-weight:bold; text-align:center;}
#serveis #capaTexto img {margin:5px;}

/********************************INSTALACIONS*****************************************/
#instalacions #capaTexto {padding:10px; background-color:#FFFFFF;}
#instalacions #capaTexto p:first-letter {font-size:150%; color:#000077; font-weight:bold; padding-left:50px; text-align:justify;}


/* IMPRESION */
@media print {
	#body {margin:0px;}
	#contenido {margin:0px}
	#sidebar, #menu, #submenu, #logo { display: none;}
	#main {width:19cm}
	#Horari table.horari {width:19.5cm;}
	#Horari table.horari th {width:3.5cm; border:1px solid black;}
	#Horari table.horari th.sala { width:1cm;display:block; height:100%; border:1px solid black;} 
	#Horari table.horari td.sala { width:1cm;display:block; height:100%; border:1px solid black;}
	
	#Horari .activitat {font-size:10pt;}
	#Horari .monitor {font-size:8pt;}
	/*#Horari table.horari td.hora {font-size:6pt;}
	#Horari table.horari td {font-size:5pt;}*/
	
	a {text-decoration:underline}
	#Horari #titulo {display:block; text-align:center; background-image:url(Logo.JPG)}
	#Horari .activitatActual {margin:0px; padding:0px; text-align:center; font-weight:bold; color: #000000}
}