/* colors

	vermell				: #e60003;

*/

/*---------------------------------------------
//  Estructura
//---------------------------------------------
*/

body {
	background			: #FFF url(../img/back_body.png) top left repeat-x ;	
	color				: #3b3b3b;
}

#contenidor {
	padding				: 0 4px;
	width				: 969px; /*=977-4-4 */
	margin				: 0 auto;
	background			: url(../img/back_contenidor.png) 0 20px repeat-y ;	
}

#cabe {
	position			: relative;	
}

#grupPag {
	overflow			: hidden;
	background			: url(../img/back_grup_pagina.jpg) top left no-repeat;
	border-top			: 1px solid #FFF;
	padding				: 0 20px 0 50px;
	width				: 909px; /* =969-20-40*/
}


/*---------------------------------------------
//  Capçalera
//---------------------------------------------
*/

/* Idiomes */

#idiomes {
	text-align			: right;	
	font-size			: 12px;
	position			: absolute;
	top					: 0;
	right				: 0;
	z-index				: 10;
}

#idiomes a {
	color				: #3b3b3b;
	padding				: 8px 20px 8px 0;
	display				: inline-block;
}

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

#idiomes img {
	padding				: 1px;
	border				: 1px solid #e2e2e2;
	border-top			: 1px solid #FFF;
	margin				: 0 4px 0 0;
	vertical-align		: middle;
}

#idiomes a:hover img {
	border				: 1px solid #e2e2e2;
	border-bottom		: 1px solid #FFF;
}

#idiomes a.selected {
	background			: url(../img/back_idiomes_selected.png) top center no-repeat;	
}

#logo {
	position			: absolute;
	top					: 0;
	left				: -4px;
	z-index				: 10;
}

a#enlaceLogo {
	width				: 240px;
	height				: 140px;
	position			: absolute;
	top					: 0;
	left				: 30px;
	z-index				: 11;
	display				: block;
	background			: url(../img/blank.png) top left repeat; /* ie necesita un background*/
	line-height			: 9999px;
	overflow			: hidden;
}

/* Menu Superior */

#menuSuperior {
	position			: absolute;
	top					: 215px;
	left				: 0;
	z-index				: 10;
	border-bottom		: 1px solid #FFF;
	border-top			: 1px solid #FFF;
	width				: 100%;
}


#menuSuperior ul {
	border-top			: 2px solid #354248;
	border-bottom		: 2px solid #354248;
	overflow			: hidden;
	background			: #FFF;
	opacity				: 0.75;
	filter				: alpha(opacity=75); /* per ie6 i ie7, per transparencia*/
	zoom				: 1; /* per ie6 i ie7, per transparencia*/
	width				: 950px;
	padding				: 0 0 0 19px;
}

#menuSuperior li {
	float				: left;	
}

#menuSuperior li a
{
	display				: block;
	width				: 160px;
	height				: 60px;
	font				: normal bold 24px/28px "Arial Narrow", Helvetica, Arial, sans-serif;
	color				: #3b3b3b;
	text-decoration		: none;
	padding				: 10px 0 0 30px;
	overflow			: hidden;
}

#menuSuperior li a:hover {
	background			: #515151;
	color				: #FFF;
}


#menuSuperior li.selected a {
	background			: #3b3b3b;
	color				: #FFF;
}

#menuSuperior li#menuSup5 a {
	background			: #a2202a;
	color				: #FFF;
}

#menuSuperior li a span {
	display				: block;
	font				: normal normal 12px/14px Arial, Helvetica, sans-serif;
}

#slide {
	height				: 274px;
	position			: relative;
	padding				: 32px 0 0 0;
}

#slideShow {
	width				: 969px;
	height				: 274px;
	position			: relative;
}

/*---------------------------------------------
//  Menu Lateral
//---------------------------------------------
*/
#menuLateral {
	margin				: 70px 0 0 0;
	float				: right;
	width				: 267px;
}

#menuLateralTop {
	background			: url(../img/back_menu_lateral_top-trans.png) top left no-repeat;
	height				: 30px;
}

ul#lateral {
	background			: url(../img/back_menu_lateral_bottom.png) bottom left no-repeat;
	padding				: 0 0 53px 0;
}

#lateral li {
	background			: url(../img/back_menu_lateral_li.png) bottom left no-repeat;
}

#lateral li.selected {
	background			: url(../img/back_menu_lateral_li_selected.png) bottom left no-repeat;
}


#lateral li a {
	display				: block;
	padding				: 5px 20px 10px 35px;
	height				: 1%;
	font				: normal normal 19px "Arial Narrow", Helvetica, sans-serif;
	color				: #3b3b3b;
}

#lateral li a:hover {
	background			: url(../img/back_menu_lateral_li_hover.png) bottom left no-repeat;
	text-decoration		: none;
}

#lateral li.selected a {
	color				: #FFF;	
	padding				: 5px 20px 18px 35px;
}

#lateral li.selected a:hover {
	background			: none;
}


/* Menu Programes */

#menuProgramesTop {
	background			: url(../img/back_menu_programes_top.png) top left no-repeat;
	margin				: 20px 0 0 0;
	color				: #bc333e;
	font-size			: 16px;
	line-height			: 18px;
	font-weight			: bold;
	padding				: 15px 10px 10px 50px; 
}

#menuProgramesBottom {
	background			: url(../img/back_menu_programes_bottom.png) bottom left no-repeat;
	height				: 32px;
}

ul#programes  {
	background			:  url(../img/back_menu_programes.png) top left repeat-y;
}

#programes li {
	font				: normal bold 14px/16px Arial, Helvetica, sans-serif;
	padding				: 0 20px 0 50px;
	min-height			: 50px;
}

#programes li#menuProg7 { /* Escoles */
	background			:  url(../img/back_menu_programes_escoles.png) top left no-repeat;
}

#programes li#menuProg8 { /* clubs */
	background			:  url(../img/back_menu_programes_clubs.png) top left no-repeat;
}

#programes li#menuProg9 { /* empreses */
	background			:  url(../img/back_menu_programes_empreses.png) top left no-repeat;
}

#programes li#menuProg10 { /* families */
	background			:  url(../img/back_menu_programes_families.png) top left no-repeat;
}

#programes ul {
	padding				: 0 0 20px 0;	
}

#programes li li {
	font				: normal normal 12px/14px Arial, Helvetica, sans-serif;
	background			: none;
	padding				: 0;
	min-height			: 0;
}



/*---------------------------------------------
//  Pagina
//---------------------------------------------
*/

#pagina {
	width				: 590px;	
	overflow			: hidden;
}


#titPagina {
	padding				: 15px 0 0 0;
	margin				: 0 0 20px 0;
	border-bottom		: 5px solid #def3fd;
}


#titPagina h2,
#titPagina h2 a{
	font-size			: 11px;
	font-weight			: bold;
	color				: #bc333e;
}

#titPagina h1 {
	font				: normal bold 48px "Arial Narrow", Helvetica, sans-serif;
	color				: #3b3b3b;
	padding				: 0 0 15px 0;
	border-bottom		: 1px solid #cccccc;
}


#textePagina h3 {
	font-size			: 14px;
	font-weight			: bold;
	padding				: 5px 0 8px 0;
}


#textePagina p {
	padding				: 0 0 6px 0;
}

#textePagina ul{
	margin				: 10px 10px 20px 10px;
}
	
#textePagina li{
	padding				: 2px 0 4px 14px;
	background			: url(../img/back_li_texte.png) no-repeat left 7px;
}

.picasa,
iframe,
.capaPDF{
	background			: transparent url(../img/back_picasa.png) no-repeat bottom left;
	padding				: 0 0 32px 0;
}

/* pagina Activitats*/

.activitats {
	border-bottom		: 1px solid #FFF;
	margin				: 0 0 20px 0;
	padding				: 10px 10px 15px 10px;
	background			: #e9f0f4;
	border				: 1px solid #FFF;
	width				: 568px;
	overflow			: hidden;
}


.activitats .imgLeft {
	float				: left;
}

.activitats .imgLeft img {
	width				: 180px;
	margin				: 0 15px 0 0;
}

.activitats h2 {
	color				: #a2202a;
	font				: normal bold 20px /24px Arial, Verdana, sans-serif;
	padding				: 0 0 10px 0;
}

.activitats .texteActivitats .fitxa{
	font-size			: 11px;
	line-height			: 14px;
}

/* Excursions */

.grup4 .llistat {
	float				: left;
	border				: 1px solid #FFF;
	margin				: 0 10px 15px 0;
	width				: 280px;
	overflow			: hidden;
}

.grup4 h2 {
	color				: #a2202a;
	font				: normal bold 16px /20px Arial, Verdana, sans-serif;
	padding				: 5px;	
}

.grup4 .texteLlistat {
	padding				: 0 5px 5px 5px;	
}

/* Formulari de Reserves */

form td {
	background			: #cee0e8;
	padding				: 5px 5px 5px 10px;
}

form td.TitolFormulari {
	font				: normal bold 13px Arial, verdana, sans-serif;	
	border-top			: 1px solid #FFF;
	background			: #e9f0f4;
}


/* Pagina Home */

#grupCarrusel{
	background			: transparent url(../img/back_carrusel.png) no-repeat bottom left;
	padding				: 0 0 32px 0;
}

h2.titHome {
	font				: normal bold 18px/18px "Arial Narow", Arial, Helvetica, sans-serif;
	padding				: 10px 0 0 20px;
	position			: relative;
	top					: 23px;
}


a.masActividades {
	display				: inline-block;
	padding				: 15px 15px 15px 200px;
	border				: 1px solid #3b3b3b;
	background			: #FFF url(../img/back_mas_actividades.jpg) no-repeat bottom left;
	font-size			: 18px;
	font-weight			: bold;
	color				: #3b3b3b;
	display				: block;
}
/*---------------------------------------------
//  Peu
//---------------------------------------------
*/

#peu address {
	background			: url(../img/back_peu.jpg) top left no-repeat;
	text-align			: center;
	padding				: 30px 20px 20px 20px;
}

#menuInf {
	background			: #FFF url(../img/back_menu_inferior.png) bottom left repeat-x;
	text-align			: right;
	padding				: 15px 15px 15px 10px;
	border-top			: 1px solid #FFF;
}

#menuInf li {
	display				: inline-block;
	padding				: 0 0 0 15px;
}

#menuInf li a {
	font-weight			: bold;
	color				: #000;
}