/*NOTA: Hi han estils definits per l'IExplorer 6 al header.php*/

/* Estils generics */
  html {height: auto; height: 100%;}
	body  {	font-family : Arial;	font-size : 12px; margin: 0px 0px 0px 0px;text-align: center;  background-image: url(../img/background.gif);height: 100%;}
	table {	font-family : Arial;	font-size : 12px; empty-cells:show; }
	td { font-family : Arial; 	font-size : 12px; }
	a {text-decoration: none; color: #33A;  }
	a:visited {text-decoration: none; color: #33A;}	
	a:hover{ text-decoration: none; color: #33A;}
	img { border: none; }
  h2 { width: 100%; border-width: 0px 0px 1px 0px; border-color: #F90; border-style: solid; font-size: 18px; font-weight: bolder; }

/* divs principals*/

  #div_ppal {  width: 780px; margin: 0 auto; background: #FFF;  display: block; }
  #div_ppal_header { width: 100%; height: 100px; background-image: url(../img/header.jpg);  margin: 0 auto;}
	#div_ppal_central {  width: 100%; background: #FFF; height: 100%; padding: 0px 15px 0px 0px;}
	#div_ppal_central_admin { width: 100%; height: 100%; padding: 10px 5px 5px 10px; margin: 0px;}
	#div_ppal_central #div_menu {  width: 100%; height: 21px; background-image: url(../img/menu.gif); clear: both; margin: 0px 0px 10px 0px;  }
	#div_ppal_central #div_menuesquerre {  position:absolute; width: 180px; top: 130px; text-align: left; background: #FFF;}
	#div_ppal_central #div_central { top: 100px; margin: 0px 0px 0px 190px; padding: 0px 0px 0px 0px; text-align: left; background: #FFF; }
	#div_central { text-align: left; background: #FFF; }
	
/* Menu Esquerre */
  #div_menuesquerre .menu_esquerre_header { background-image: url(../img/menu_esquerre_head.gif); height: 21px; width: 155px; }
  #div_menuesquerre .menu_esquerre_element { color: #494; font-weight: bolder; font-family: Arial; font-size: 11px;  width: 100%; height: 20px; }
  #div_menuesquerre ul { 	list-style: none; font-size: 12px; padding: 0px 0px 0px 0px; width: 155px;  margin: 10px 0px 0px 0px;}
	#div_menuesquerre ul li { margin: 0px 0px 0px 18px; padding: 2px 0px 2px 3px; list-style-type: disc; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #333399; }
	#div_menuesquerre ul li a { color: #494; font-size: 12px; font-family: Arial; }
	#div_menuesquerre ul li a.hover{ text-decoration: none; }
	
	/* Menu horitzontal */
	#div_menu { width: 100%; text-align: left; color: #FFF; margin: 2px 0px 0px 10px; font-weight: bolder; }

	
	
/* Agenda */

  .agenda_bloc_event { margin: 10px 0px 0px 5px; border-width: 0px 0px 1px 0px; border-color: #d39913; border-style: solid; }
  .agenda_titol { width: 100%; text-align: left; font-size: 18px; font-family: Arial; color: #d39913; font-weight: bolder;border-width:0px 0px 2px 0px; border-style:solid; border-color: #d39913; }
	.agenda_titol_linea { width: 100%;  height: 0px; }

  .agenda_header { color: #333; }
	.agenda_data { padding: 0px 10px 0px 0px; font-weight: bolder; } 
	.agenda_titol_event { font-family: Arial, Helvetica; font-size: 13px; color: #33F; font-weight: bolder; }	
	.agenda_text_event { padding: 0px 0px 0px 20px; color:#333;}
	.agenda_lloc { padding: 0px 0px 5px 5px;font-style: italic; color: #333; } 
	.agenda_form_div { width: 98%;}
	
	.agenda_taula_tr { background: #000; }
	.agenda_taula_head { background: #000; color: #FFF; font-weight: bolder; padding: 0px 5px 0px 10px; height:20px; text-align: left; }
	.agenda_taula_field { padding: 0px 2px 0px 5px; text-align: left; border-width: 0px 0px 1px 0px; border-color: #888; border-style: solid; }
	.agenda_taula { width: 760px; border: 1px solid gray; margin: 10px 10px 0px 0px;}
	
	.agenda_afegir { float: left; clear: both;}
	.agenda_llista { float: left; clear: both; }
	
	.gris { background: #CCC; height: 20px; width: 90px; color: #000;  border-width: 0px 0px 1px 0px; border-color: #888; border-style: solid; text-align: right;}
	.verd { background: #030; height: 20px; width: 100px; }
	
	
/* Usuaris */

  .usuaris_afegir{ float: left; clear: both;}
	.usuaris_llista { float: left; clear: both; }
	.usuaris_taula_head {  background: #000; color: #FFF; font-weight: bolder; padding: 0px 5px 0px 10px; height:20px; text-align: left;}
	.usuaris_taula_field { padding: 0px 5px 0px 5px; text-align: left; border-width: 0px 0px 1px 0px; border-color: #888; border-style: solid; }
	.usuaris_taula { width: 760px; border: 1px solid gray; margin: 10px 10px 0px 0px;empty-cells:show;}
	/* pagines */
	
	.page_login {  }
	.page_login_title { margin: 50px; font-size: 16px; font-weight: bolder; font-family: Arial, Helvetica; }
	
	/* formularis generals*/
	
	.form_box {  }
	.form_row { text-align: left; width: 100%;}
	/*.form_fieldname {  float: left; font-weight: bolder; padding: 0px 15px 0px 3px; float: left; height: 20px; margin: 10px 0px 0px 0px; }*/
	.form_agenda_fieldname { float: left; font-weight: bolder; height: 20px; font-family: arial; font-size: 11px; color: #333; width: 100px;}
	.form_agenda_fieldtext { float: left;}
	.form_separador { clear: both; display: block; float: left; margin: 5px 0px 5px 0px;}
	.form_spantextbox { text-align: right; float: right; height: 20px; margin: 10px 0px 0px 0px;}
	.form_spansendbutton {text-align: center;  float: right; width: 100%;height: 20px; margin: 15px 0px 0px 0px;}
	.div_bloc { display: block; float: left; clear: left; width: 100%; margin: 0px 0px 3px 0px;}
  .form_textbox { width: 150px; }
	.form_text { height: 15px; font-size: 11px; }
	
	.form_fieldname { float: left; font-weight: bolder; height: 20px; font-family: arial; font-size: 11px; color: #333; width: 100px;}
	.form_fieldtext { float: left;}

	 .button_submit { border: 0px;margin: 0px; padding: 0px;background: none; color: transparent; background-image: url(../img/button_desar.jpg); width: 110px; height: 22px; cursor: pointer; }
	 .button_afegir { border: 0px;margin: 0px; padding: 0px;background: none; color: transparent; background-image: url(../img/button_afegir.jpg); width: 110px; height: 22px; cursor: pointer; }
	
	/* formularis concrets */
	
	.login {  margin: 0 auto; width: 300px; }
	
 /* Elements administració*/
 .admin_hmenu { float: left; width: 100%; padding: 3px 0px 0px 15px;}
   .admin_hmenu a {color: #EEE; font-size: 11px; font-weight: bolder; }
 .admin_option_box { float: left; width: 70px; height: 70px; margin: 10px 10px 0px 10px; text-align:center; text-decoration: none; }
 .admin_option_image { float: left; width: 100%; border: none; text-decoration: none; clear: both; }
 .admin_option_text { float: left; width: 100%; font-family: Arial, Helvetica; font-weight: bolder; color: #555;  text-decoration: none; }