/* CSS Document */

.input_petit {
	font-size:9px;
}

.input_invisible {
	width:50px;
	height:20px;
	border:0px;
	color:#CCCCCC;
	background-color:#CCCCCC;
}

.titol_separador {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background-color:#999999;
	color:#FFFFFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
		
}	

.capa_cerca {
	float:left;
	margin-right:20px;
	text-align:left;
}

.capa_cerca select {
	width:100px;
	font-size:10px;
}

.taula_reserves_allotjaments .passat1 {
	background-color:#daeceb;
}

.capa_cerca input {
	width:100px;
	font-size:10px;
}

.td9 {
	padding:5px;
	border-bottom:1px solid #999;
	background-color:#FFF;
	font-size:10px;
	background-color:#ededed;
	text-align:center;
}

.th9 {
	font-size:10px;
}

body {
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}

body, div, td, p {
	font-size:12px;
}

.fons_taules3 {
	background-color:#CC6600;
}

.tr_top {
background: rgb(254,204,177);
background: -moz-linear-gradient(top,  rgba(254,204,177,1) 0%, rgba(204,133,63,1) 50%, rgba(204,102,0,1) 51%, rgba(251,149,94,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,204,177,1)), color-stop(50%,rgba(204,133,63,1)), color-stop(51%,rgba(204,102,0,1)), color-stop(100%,rgba(251,149,94,1)));
background: -webkit-linear-gradient(top,  rgba(254,204,177,1) 0%,rgba(204,133,63,1) 50%,rgba(204,102,0,1) 51%,rgba(251,149,94,1) 100%);
background: -o-linear-gradient(top,  rgba(254,204,177,1) 0%,rgba(204,133,63,1) 50%,rgba(204,102,0,1) 51%,rgba(251,149,94,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,204,177,1) 0%,rgba(204,133,63,1) 50%,rgba(204,102,0,1) 51%,rgba(251,149,94,1) 100%);
background: linear-gradient(to bottom,  rgba(254,204,177,1) 0%,rgba(204,133,63,1) 50%,rgba(204,102,0,1) 51%,rgba(251,149,94,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 );
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}

.rodo {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


.imatge_panell_top {
	 width:100px; overflow:hidden;
}

.fons_taules2 {
	background-color:#F3F3F3;
	font-size:10px;
	border-radius:5px;
}

.fons_taules2 td {
	padding:5px;
}


input {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	border:1px solid #cccccc;
}

.fons_taules2 select {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	border:1px solid #cccccc;
}

.rodo_top {
	border-top-left-radius: 5px; border-top-right-radius: 5px;
}

.rodo_bottom {
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
}

.rodo {
	border-radius:5px;
}

.fons_taules1 {
	background-color:#CCCCCC;
}

.titular {
	font-family:"Arial Black";
	color:#FFFFFF;
	font-size:14px;
}

.titular2 {
	font-family:"Arial Black";
	color:#000000;
	font-size:14px;
}

.nom_camp {
	font-weight:bold;	
}

.fons_blanc {
	background-color:#FFFFFF;
}

td {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px; 
	color:#000000;
}



.casella_menu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	height: 32px;
	text-align: center;
	font-weight:bold;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	padding:5px;
	text-align:left;
	margin-bottom:5px;
}


.casella_menu0 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC6600;
	background-position: center center;
	height: 35px;
	text-align: center;
	overflow:hidden;
	overflow:hidden;
	padding:5px;
	text-align:left;
	padding-left:10px;
	margin:0px;
	border-bottom:1px #FFF solid;
	
}










.taula_menu_panell {
	width:180px;
	margin:0px;
}

.taula_menu_panell td {
	margin:0px;
	margin-bottom:5px;
	
}

.taula_menu_panell tr {
	margin:0px;
	margin-bottom:5px;
	
}




.fons_taronja {
	background-color: #CC6600;
}

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

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

a.blanc {
	color:#FFFFFF;
	text-decoration:none;
}

a:hover.blanc {
	color:#999999;
	text-decoration:none;
}
.boto_imatge {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFCC99;
	width: 65px;
	border: 1px solid #000000;
	height: 22px;
}
.boto_gravar {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #006600;
	border:0px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-radius:1px;
}

.boto_volver_listado {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color: #ccc;
	border:0px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-radius:1px;	
}

.boto_duplicar {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color:#0FF;
	border:0px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-radius:1px;	
}


.boto_esborrar {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: rgb(169,3,41);
	background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
	background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );

	height: 25px;
	width: 160px;
	border:#999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:5px;	
}


.boto_gravar2011 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#F90;
	width: 150px;
	display:block;
	border-radius:5px;
	padding-top:5px;
	float:right;
	background-color:#F60;
	padding:5px;
	text-align:center;
	
}

.txt_avis {
	color:#FF0000;
	font-weight:bold;
	font-size:14px;
}


a.txt_boto {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	background-color: #006600;
	height: 25px;
	width: 150px;
	border:#999999 solid 1px;
	text-decoration:none;
}

textarea {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}


.txt_petit {
	font-size:9px;
}

.boto_petit {
	font-size:9px;
	width:50px;
}


/* acordio */

.accordion_toggle_active {
			background: #917b8e;
			color: #ffffff;
		}
		
		.accordion_toggle {
			background:#999;
			color: #ffffff;
			padding:5px;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 20px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		
		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			margin: 20px 0 0 0;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 20px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 20px 0 0 0;
			font:"Times New Roman", Times, serif;
			color:#333333;
			font-size:15px;
			font-weight:bold;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }
	
	
	
	
.menutitle{
cursor:pointer;
margin-bottom: 2px;
background-color:#CCCCCC;
color:#000000;
width:790px;
padding:2px;
text-align:center;
font-weight:left;
margin-left:70px;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}

.menu_familia {
cursor:pointer;
margin-bottom: 5px;
background-color:#666666;
color:#ffffff;
width:800px;
padding:2px;
text-align:left;
font-weight:bold;
font-size:16px;
margin-top:20px;
margin-left:60px;
/*/*/border:1px solid #000000;/* */
}

.menu_document {
cursor:pointer;
margin-bottom: 1px;
background-color:#FFF3E8;
color:#000000;
width:780px;
padding:2px;
text-align:left;
font-weight:normal;
font-size:11px;
margin-left:80px;
/*/*/border:1px solid #000000;/* */
}


#aladreta {
	float:right;
}

#alaesquerra {
	float:left;
}

.td_usuari {
	background-color:#FFCC99;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:12px;
	font-weight:bold;
	padding:5px;
	margin-top:10px;
	text-align:center;
}

#dades_servidor {
	background-color:#ededed;
	border:1px #CCC solid;
	width:195px;
	margin-top:5px;
	text-align:left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:5px;
}

#dades_servidor li {
	list-style:none;
	margin-left:-30px;
}

.imatge_petita {
	width:50px; 
	height:50px; 
	overflow:hidden;
	text-align:center;
	border:#CCC 1px solid;
	background-color:#ededed;
}

.fila_activada {
	background-color:#ffffff;
}

.boto1 {
	background-color:#CCC;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	height:15px;
	border:#999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:5px;
	padding:5px;
	float:left;
	margin:5px;
	background-image:url(../control/img/degradat_botons.png);
	
}


.boto2 {
	background-color:#FC0;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	height:25px;
	border:#999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:5px;
	padding:5px;
	float:left;
	margin:5px;
	background-image:url(../control/img/degradat_botons.png);
	font-weight:bold;
	
}


.boto3 {
	background-color:#9CF;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	height:25px;
	border:#999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:5px;
	padding:5px;
	float:left;
	margin:5px;
	background-image:url(../control/img/degradat_botons.png);
	font-weight:bold;
	
}



.boto4 {
	background-color:#cccccc;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	height:25px;
	border:#999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:5px;
	padding:5px;
	float:left;
	margin:5px;
	background-image:url(../control/img/degradat_botons.png);
	font-weight:bold;
	
}

.boto5 {
	background-color:#FC0;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	display:block;
	border:#999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:5px;
	padding:5px;
	margin:5px;
	background-image:url(../control/img/degradat_botons.png);
	font-weight:bold;
	
}

.separador_productes {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	font-size:14px;
	border:#CCC 1PX solid;
	background-image:url(../control/img/degradat_titols.png);
	margin-top:20px;
}

.inputs_imatges {
	font-size:9px;
	width:1px;
	height:1px;
	border:none;
}

.requadre_img {
	border:#cccccc 1px solid;
	width:100px;
	overflow:hidden;
}

#linia_nou {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	float:left;
	font-size:11px;
	padding:5px;
	border-radius:5px;

}

.taula3 td {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	/*float:left;*/
	font-size:11px;
	padding:10px;


}

.input_variant {
	font-size:9px;
}

#linia_llistat {
	clear:left;
	width:570px;
	margin-top:10px;
	border:1px #CCC solid;
}

#linia_total {
	float:left;
	width:810px;
	background-color:#ededed;
}

#linia_total th {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#taula_entregues th {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#linia_total td {
	background-color:#ededed;
}

.destaca1 {
	color:#900;
	text-align:center;
	font-weight:bold;
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

.titols_th {
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px #cccccc solid;
	font-size:10px;
}

#capa_central { 
	float:left;
	padding:10px;
	border:#999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:5px;
	width:800px;
	
}

#central_dades_usuari {
	background-color:#666666;
	color:#FFF;
	float:left;
	width:763px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:5x;
	padding:10px;
	overflow:hidden;
}

.central_modul {
	color:#333;
	float:left;
	width:390px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:10px;
	padding:10px;
	border:#999 1px solid;
	margin-top:10px;
	line-height:17px;
}

.central_modul h2 {
	color: #04677e;
	font-size:14px;
}

.llista_modul {
	margin-left:-10px;
}

.llista_modul ul {

}

.llista_modul li {
	list-style:none;
	margin-bottom:20px;
	background-position:0px; 
	background-repeat:no-repeat; 
	padding-left:55px;
	display:block;
}


.capa_importacio {
	color:#333;
	float:left;
	width:780px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:10px;
	padding:10px;
	border:#999 1px solid;
	margin-bottom:20px;
	margin-top:20px;
	text-align:center;
}

.capa_importacio_fitxer {
	clear:left;
	width:850px;
}

.importacio_fitxer {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius:10px;
	padding:10px;
	border:#999 1px solid;
	margin-bottom:20px;
	text-align:center;
	width:370px;
	margin-right:20px;
	float:left;
}

.input_preu3 {
	font-size:9px;
} 
 
.add_newsletter {
	border-radius:5px;
	padding:10px;
	text-align:center;
	float:left;
	width:750px;

}


.preu {font:'Arial Black', Gadget, sans-serif; font-weight:bold; color:#ff0000; font-size:18px; background-color:#FFC; padding:10px; border-radius:5px; float:left; width:200px; text-align:center; margin-right:450px;}

.titol1 {color:#F60; font-family:'Arial Black', Gadget, sans-serif; font-size:25px;}

.text_petit {
	font-size:9px;
}

.linia_grups {
	background-color:#FC6;
	padding:5px;
	font-size:9px;
	text-align:center;
	border-radius:5px;
	float:left;
	width:110px;
	height:45px;
	overflow:hidden;
	margin:3px;
}

.linia_grups2 {
	background-color:#F90;
	padding:5px;
	font-size:9px;
	font-weight:bold;
	text-align:center;
	border-radius:5px;
	float:left;
	width:115px;
	height:55px;
	overflow:hidden;
	margin:3px;
}

#news_contenidos {
	float:left;
	width:350px;
	background-image:url(/control/img/boto_contenidos1.gif);
	background-repeat:no-repeat;
	background-position:0px 25px;
}

#news_contenidos select {
	width:200px;
}

#news_productos {
	float:left;
	width:350px;
	border-bottom:1px dotted #666;
	padding:10px;	
	background-image:url(/control/img/boto_productes1.gif);
	background-repeat:no-repeat;
	height:70px;
}

.input_disimulat {
	background-color:#FFC;
	border:none;
	font-size:10px;
}

#news_tipus {
	float:left;
	width:740px;

}


#news_boto {
	float:left;
	width:860px;
	text-align:center;
}

.linia_resaltada {
	background-color:#FC9;
}

.td_titol_subusuaris {
	background-color:#666666;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-radius:5px;
	margin-top:50px;
	text-align:center;
	color:#FFF;
}

.titols_control {
	border-radius:5px;
	background-color:#666666;
	padding:5px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:18px;
	color:#FFF;
	width:100%;
	margin-left:0px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:left;
	float:left;
}

.imatge_noms {
	margin-right:15px;
	float:left;
	margin-left:15px;
}

.td_titolsc {
	background-color:#630;
	text-align:center;
	color:#FFF;
	padding:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;	

	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;	
	
	-moz-border-top-left-radius:5px;
	-moz-border-top-right-radius:5px;
}

.taula3 {
	width:100%;
}



.botons_controlb {
	width:530px;
	float:left;
	margin-bottom:15px;
}


.botons_control1 {
	float:left;
	margin-top:20px;
}

.botons_control2 {
	float:right;
	margin-top:20px;
}

.cercador_control {
	border-radius:5px;
	background-color:#cccccc;
	padding:5px;
	font-size:12px;
	color:#FFF;
	width:773px;
	float:left;
	text-align:right;
	margin-bottom:5px;
}

.botons_control {
	border-radius:5px;
	margin-top:5px;
	padding:0px;
	font-size:12px;
	color:#FFF;
	width:773px;
	float:left;
	text-align:left;
	margin-bottom:5px;
}


.botons_control_esquerra {
	float:left;
}

.botons_control_dreta {
	float:right;
}

form {
	margin:0px;
	padding:0px;
}

.capa_taula_llistat_control {
	border-radius:5px;
	width:750px;
	float:left;
	margin-top:20px;
}

.taula_llistat_control2 {
	border-radius:5px;
	background-color:#ededed;
	padding:15px;
	width:355px;
	height:295px;
	float:left;
}

.taula_llistat_control3 {
	width:385px;
	height:320px;
	overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	background-color:#010101;
	text-align:center;
}

.capa_buscador {
	float:left;
	width:770px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	background-color:#ededed;
}
	

.taula_llistat_control {
	width:780px;
	float:left;
}

.capa_contingut_control {
	width:1000px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	background-color:#ededed;	
}

.num_prod {
	border:#fff 1px dotted; width:100px; margin-bottom:0px; padding:5px; text-align:center; font-size:10px; color:#fff; height:12px;
	border-radius:5px;
	float:right;
}

.quadre_imatge {
	width:100px;
	overflow:hidden;
	height:100px;
	border-radius:5px;
	text-align:center;
	background-color:#999;
}


.llista_permisos {
	margin-left:-40px; 
}

.llista_permisos li {
	padding:10px;
	border:1px dotted #666;
	border-radius:5px;
	width:200px;
	list-style:none;
	margin-bottom:15px;
	background-color:#FFC;
}
	
H2 {
	font-size:14px;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#333;
	border-bottom:#333 1px dotted;
}

th {
	background-color:#666;
	color:#FFF;
	font-weight:bold;
	font-size:10px;
	padding:2px;
}

.td_gris {
	background-color:#cccccc;
	color:#000000;
	font-size:10px;
	padding:2px;
	border-radius:0px;
	text-align:center;
}


/* glossymenu */



.glossymenu{
padding: 0;
width: 750px; /*width of menu*/
border: none;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
overflow:hidden;
}

.glossymenu a.menuitem{
background: #cccccc;
font: bold 11px;
color: #000000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #FFF;
font-weight:bold;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #000000;
font-weight:bold;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
/*background-image: url(glossyback2.gif);*/
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #246791;
}

.glossymenu div.submenu ul li a{
display: block;
font-size: 11px;
color: #246791;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

.formulari {
	border:#CCC 1px solid; float:right; margin-left:100px; padding:10px; width:450px; -moz-border-top-left-radius: 5px;	-webkit-border-top-left-radius: 5px;	border-top-left-radius: 5px;	-moz-border-bottom-right-radius: 5px;	-webkit-border-bottom-right-radius: 5px;	border-bottom-right-radius: 5px;	-moz-border-bottom-left-radius: 5px;	-webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; background-color:#ededed;
}

.normal {
	font-weight:bold;
	color:#00325b;
}

.separador {
	border-bottom:#CCCCCC 1px dotted;
	border-left:0px;
	border-right:0px;
	border-top:0px;
}

.linia_zebra {
	background-color:#ededed;
}

.requadre {
	border:#333 1px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	padding:5px;
}

.requadre2 {
	background-color:#FFC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	padding:5px;
}

.imatge_titols { 
margin-left:10px;
margin-right:20px;}


#noticies_central {
	width:770px;
	overflow:auto;
	background-color:#ededed;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	padding-right:0px;
}

.fila_noticia_central {
	width:370px;
	min-height:200px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	border:1px solid #666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}


.qu1 {
	float:left;
	width:5px;
	height:5px;
	margin:5px;
	background-color:#F0F;
}

.qu2 {
	float:left;
	width:5px;
	height:5px;
	margin:5px;
	background-color:#0FF;
}

.qu3 {
	float:left;
	width:5px;
	height:5px;
	margin:5px;
	background-color:#FF0;
}

.qu4 {
	float:left;
	width:5px;
	height:5px;
	margin:5px;
	background-color:#00F;
}

.qu5 {
	float:left;
	width:5px;
	height:5px;
	margin:5px;
	background-color:#0F0;
}

.qu6 {
	float:left;
	width:5px;
	height:5px;
	margin:5px;
	background-color:#F00;
}

.estil_iframes {
	scrollbar-arrow-color:#0000FF; 
scrollbar-track-color:#F90; 
scrollbar-shadow-color:#000000; 
scrollbar-face-color:#F90; 
scrollbar-highlight-color:#666666; 
scrollbar-darkshadow-color:#000000; 
scrollbar-3dlight-color:#0000FF;
margin-bottom:30px;
margin-top:30px;
border:1px solid #666;
}

#capa_llistat {
	float:left;
	width:613px;
}

#capa_relacio {
	float:left;
}

.alerta {color:#F00; font-weight:bold; font-size:16px; }

.griset {
	background-color:#ededed;
	padding:5px;
}

.fosquet {
	background-color:#696;
	padding:5px;	
}
.fosquissim {
	background-color:#F9F;
	padding:5px;	
}


.selects_campanyes {
	font-size:10px;
	width:300px;
	margin:10px;
}

.taula_reserves_allotjaments {
	width:800px;
	margin-top:30px;
}

.taula_reserves_allotjaments td {
	background-color:#ededed;
	text-align:center;
}

.boto_confirmar {
	display:block;
	text-align:center;
	width:80px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#090;
	color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
	margin-bottom:5px;
	float:left;
}


.boto_cancelar {
	display:block;
	text-align:center;
	width:80px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#900;
	color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
	float:left;
	margin-left:5px;
}

.confirmat {
	color:#060;
}

.no_confirmat {
	color:#F00;
}

.separa_taules {
	height:5px;
background: #4c4c4c;
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );

}


.auranet_img7 {
	float:right;
	width:200px;
	height:100px;
	text-align:center;
}

#principal {
	margin:auto;
	width:1000px;
	margin-top:5px;
	border:1px solid #CCC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.td_topi {
	margin-bottom:10px;
}

.imatge_menu {
	float:left;
	margin-right:10px;
	width:40px;
}

.text_menu {
	float:left;
	padding-top:8px;
}

.text_menu2 {
	float:left;
	padding-top:2px;
font-family: 'Sansita One', cursive;	
}

.galeria_botons {
	float:right;
}

.data_central {
	font-style:italic;
	font-size:10px;
	width:70px;
}

#formulari_alta {
	float:left;
	width:780px;

}

.separador_fami {
	border-bottom:1px solid #CCC;
}

.boto_control00 {
	float:left;
	width:100px;
	background-color:#ededed;
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
background: rgb(242,246,248);
background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1)));
background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
background: -o-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
background: -ms-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
padding:10px;
text-align:center;
margin-right:10px;
height:70px;
	
}


.boto_control00b {
	float:left;
	width:100px;
	background-color:#ededed;
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
background: rgb(252,234,187);
background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1)));
background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
padding:10px;
text-align:center;
margin-right:10px;
height:70px;
	
}




.enllac_veure {
	font-style:italic;
	font-size:14px;
	color:#F30;
}

.td_fons_taules {
	background-color:#ededed;
}


.capa_news {
	float:left;
	width:780px;
	visibility:visible;
}

.capa_news0 {
	float:left;
	visibility:hidden;
	width:1px;
	height:1px;
	overflow:hidden;
}

h3 {
	font-family: 'Sansita One', cursive;
	font-weight:900;
	color:#06C;
	font-size:18px;
}

h1 {
	font-family: 'Sansita One', cursive;
}

h2 {
	font-family: 'Sansita One', cursive;
}

h4 {
	font-family: 'Sansita One', cursive;
	color:#666;
	font-size:14px;
}


.tips {
	float:left;
	width:790px;
	text-align:center;
font-style:italic;
font-size:14px;
line-height:20px;
margin-top:0px;
margin-bottom:20px;
color:#666;
}


#passos {
	margin:0px;
	margin-bottom:30px;
	margin-left:-40px;
}

#passos ul {
}

#passos li {
	display:inline;
	padding:10px;
	width:200px;
	background-color:#ededed;
	font-family: 'Sansita One', cursive;
	font-size:16px;
	color:#666;
}

.fletxa {
	font-size:36px;
}

.boto7 {
	margin-top:40px;
	font-weight:bold;
background: rgb(184,225,252);
background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1)));
background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 );
font-family: 'Sansita One', cursive;
	font-size:16px;	
}


.new_disseny {
	float:left;
	width:337px;
	margin-right:20px;
	border:1px solid #CCC;
	background-color:#ededed;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:20px;
	font-style:italic;
	font-size:14px;
	line-height:20px;
	color:#666;
	margin-bottom:20px;
	height:300px;
}

.lini_no0 {
	width:350px;
	height:300px;
	overflow:scroll;
	text-align:left;
}

.lini_no {
	float:left;
	width:325px;
	margin-bottom:20px;
	border:1px solid #ededed;
}

.new_titol {
	position:absolute;
	margin-top:-130px;
	margin-left:400px;
	width:380px;
	border:1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Sansita One', cursive;
	font-size:16px;
	color:#333;
	text-align:center;
	height:88px;
}


#capa_versio_anterior {
	position:absolute;
	margin-left:600px;
	color:#FFF;
	font-style:italic;
	margin-top:13px;
}

#capa_versio_anterior a {
	color:#FFF;
	font-style:italic;
	margin-top:13px;
}




#calendari {
	float:left;
	width:748px;
	border-right:2px solid #8d8381;	
	border-bottom:3px solid #8d8381;
	background-color:#FC9;
}
	
	
	
#titol_calendari {

}

.avui {
	background-color:#c1a69e;
	
}

#activitat_reserva {
	width:20px;
}

#titol_calendari {
	float:left;
	background-color:#8d8381;
	height:22px;
	width:748px;
	color:#fff;
	font-weight:bold;
	font-size:19px;
	text-align:center;	
	padding-top:1px;	
}

#fletxa1 {
	float:left;
	width:20px;
	height:20px;
	overflow:hidden;

}

#fletxa2 {
	float:right;
	width:20px;
	height:20px;
	overflow:hidden;		

}

.camp_hora {
	float:left;
	width:35px;
	height:25px;
	border:1px;
	font-size:10px;
	border:1px solid #FFF;;
	text-align:center;
	margin-right:1px;
	margin-bottom:1px;
}

.camp_hora input {
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
}	

.un_dia {
	float:left;
	width:104px;
	border:1px solid #8d8381;
	height:300px;
}

.un_dia a {

	
}

.un_dia a:hover {

	
}

.hora_places {
	float:left;
	width:20px;
	font-size:9px;
}

.input_places {
	float:left;
	width:20px;
}

.un_dia_places {
	float:left;
	width:104px;
	border:1px solid #8d8381;
}

.un_dia_places input {
	width:20px;
	font-size:9px;
	padding:1px;
	height:16px;
}

.ocupat {
	background-color:#666;
}

.dia_dia {
	float:left;
	font-size:9px;
	width:94px;
	margin-left:5px;
	margin-top:5px;
}

.dia_nom_dia {
	float:left;
	width:105px;
	text-align:right;
	background-color:#666;
	color:#FFF;
}


.dia_dia_places {
	float:left;
	font-size:9px;
	width:50px;
}

.dia_nom_dia_places {
	float:left;
	width:105px;
	text-align:right;
	background-color:#666;
	color:#FFF;
}	


.boto_calendari {
	font-size:16px;
	color:#666;
	font-weight:bold;
	margin-bottom:50px;
}



.fons_taules2 .calendarDateInput {
	padding:0px;
	margin:0px;
}

.div_logs {
	float:left;
	width:100%;
	overflow:scroll;
	height:50px;
	font-size:9px;
	border:1px solid #ccc;
	display:none;
}




#container-main{
    margin:40px auto;
    width:95%;
    min-width:320px;
    max-width:960px;
}

#container-main h1{
    font-size: 40px;
    text-shadow:4px 4px 5px #16a085;
}

.accordion-container {
    width: 100%;
    margin: 0 0 20px;
    clear:both;
}

.accordion-titulo {
    position: relative;
    display: block;
    padding: 20px;
    font-size: 24px;
    font-weight: 300;
    background: #2c3e50;
    color: #fff;
    text-decoration: none;
}
.accordion-titulo.open {
    background: #16a085;
    color: #fff;
}
.accordion-titulo:hover {
    background: #1abc9c;
}

.accordion-titulo span.toggle-icon:before {
    content:"+";
}

.accordion-titulo.open span.toggle-icon:before {
    content:"-";
}

.accordion-titulo span.toggle-icon {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 38px;
    font-weight:bold;
}

.accordion-content {
    display: none;
    padding: 20px;
    overflow: auto;
}

.accordion-content p{
    margin:0;
}

.accordion-content img {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    width: 50%;
    height: auto;
}


@media (max-width: 767px) {
    .accordion-content {
        padding: 10px 0;
    }
}