body {
  margin:0;
  padding:0;
  background-color:#ffde97;
  font-family:"Verdana";
  font-size:12px;
}

img {
  border:none;
}

.clear{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

.esquerre{
	float:left;
}

.inputtext{
  border:1px solid #CCCCCC;
  color:#555555;
  margin:0;
  padding:3px 4px;
}

#wrapper-total{
  width:100%;
  text-align:center;
}

#wrapper {
  width:1218px;
  text-align:left;
  margin:0 auto;
  background:url("../images/content-background.png");
}

#header{
  width:100%;
  height:119px;
  background:url("../images/header-background.png");
  position:relative;
}

#header #div-h1 {
  padding: 10px 35px 16px;
}

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

#header #div-h1 h1 a:hover{
  text-decoration:underline;
}

#header #div-usuari{
  float:left;
  padding-left:35px;
}

#header #div-hora{
  float:right;
  padding-right:35px;
}

#header #div-usuari span, #header #div-hora span{
  font-weight:bold;
}

#header #div-usuari a{
  color:#333333;
}

#header #div-usuari a:hover{
  color:#FFFFFF;
}

#footer{
  width:100%;
  height:46px;
  background:url("../images/footer-background.png");
}

#footer div{
  text-align:center;
  padding-top:15px;
}

#content {
  padding:20px 35px;
}

#div-login{
  text-align:center;
}

#div-login label, #div-login input{
  margin:10px;
}

#div-login input{
    background-color: #FFDE97;
    border: 1px solid #FF871D;
    color: #555555;
    padding: 3px;
}

#div-login label{
    color: #FF871D;
}

#div-login input.input-submit:hover{
  color:#FF871D;
  cursor:pointer;
}

#content #div-error{
  background-color:#ffaaaa;
  border:1px solid #ff0000;
  color:#ff0000;
  margin-bottom:20px;
  position:relative;
}

#content #div-error p{
  margin:10px;
}

#content #div-error #div-error-close{
  position:absolute;
  right: 5px;
  top: 5px;
  width:24px;
  height:24px;
  cursor:pointer;
  background:url("../images/icons/icon_close.png");
}

#div-menu {
  width:175px;
  float:left;
}

#div-menu ul {
  padding-left:0px;
  border:1px solid #ff871d;
}

#div-menu ul li{
  background-color:#ff871d;
  list-style:none outside none;
  padding:8px;
  font-weight:bold;
}

#div-menu ul ul li{
  background-color:#ffde97;
  font-weight:normal;
}

#div-menu ul ul li a{
  text-decoration:none;
  color:#333333;
}

#div-menu ul ul li a:hover{
  color:#ff871d;
}

#div-content{
  width:945px;
  float:right;
  border:2px solid #ff871d;
  margin-top:12px;
}

#div-content #titulo{
  background-color:#FF871D;
  font-weight:bold;
  padding:8px;
}

#div-content #titulo a{
  color:#000000;
}

#div-contingut{
  padding:15px;
}

#taula{
  border:1px solid #ff871d;
  border-spacing: 0;
  width:100%;
  font-size:11px;
}

#taula tr th{
   background-color:#FF871D;
   color:#FFFFFF;
}

#taula tr th a{
   color:#FFFFFF;
   text-decoration:none;
}

#taula tr th a img{
   border:none;
}

#taula tr th, #taula tr td{
   padding:5px;
   text-align:center;
}

#taula tr td{
  background-color:#ffde97;
}

#taula tr.vermell td{background-color:#ff7575;}
#taula tr.groc td{background-color:#ffff83;}
#taula tr.verd td{background-color:#83ff83;}

#taula tr td a{
  color:#FF871D;
  font-weight:bold;
}

#taula tr:hover td{
  /*color:#FF871D;*/
  background-color:#ffc851;
}

.boto-nou{
  text-align:right;
  margin:5px 0 20px 0;
}
.boto-nou a{
  border:2px solid #FF871D;
  background-color:#FFDE97;
  color:#FF871D;
  padding:5px;
  text-decoration:none;
  font-weight:bold;
}

.boto-nou a:hover{
  background-color:#EFC851;
}

/* paginacio */

#paginacio{
  text-align:center;
  margin:10px 0 0;
}

#paginacio a{
  padding: 4px;
  background-color:#FF871D;
  border:1px solid #FF871D;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
}

#paginacio a:hover{
  background-color:#FFF;
  color:#FF871D;
}

#paginacio span{
  padding: 5px;
  background-color:#FFF;
  color:#FF871D;
  font-weight:bold;
}

/* fi paginacio */

/* formulari */

.formulari{
  padding:30px 0;
}

.formulari .form-row{
  margin:0 0 15px;
}

.formulari .form-label{
  color:#333333;
  float:left;
  font-size:13px;
  padding-top:4px;
  text-align:right;
  width:150px;
}

.formulari .input{
  margin-left:170px;
}

.formulari .input input[type="text"], .formulari .input input[type="password"], .formulari .input select, .formulari .input .textarea{
  border:1px solid #CCCCCC;
  color:#555555;
  margin:0;
  padding:3px 4px;
  width:210px;
}

.formulari .input .html_editor{
  width:500px;
}

.formulari .readonly{
  background-color:#F5F5F5;
}

.formulari .input input[type="checkbox"]{
  margin:5px 0 0 0;
  padding:0;
}

.formulari .input input.error, .formulari .input select.error, .formulari .input textarea.error{
  border:1px solid red;
}

label.error{
    padding:3px 10px;
    color:red;
}

.formulari input.boto{
  background-color: #FFDE97;
  border: 1px solid #FF871D;
  color: #555555;
  padding: 3px;
  margin-left:170px;
  cursor:pointer;
}

.formulari input.boto:hover{
  color:#FF871D;
}

.formulari a.boto{
  background-color: #FFDE97;
  border: 1px solid #FF871D;
  color: #555555;
  padding: 5px;
  margin-left:10px;
  cursor:pointer;
  text-decoration:none;
}

.formulari a.boto:hover{
  color:#FF871D;
}

.foto-formulari{
  margin-left:170px;
  margin-top:20px;
  border:2px solid #999;
}

p.alerta{
	padding:0 25px;
}

/* fi formulari */

/* formulari amb pestanyes */

.boto-pestanya{
  float:left;
  color:#000000;
  font-weight:bold;
  cursor:pointer;
  background-color: #FFDE97;
  padding: 8px;
}

.boto-pestanya-seleccionada, .boto-pestanya:hover{
  background-color: #FF871D;
}

.pestanya{
  border:2px solid #FF871D;
  margin-bottom: 20px;
  padding: 20px 0 5px;
}

/* fi formulari amb pestanyes */

/* Inici Popup */

#lightboxdialog{
  border:2px solid #FF871D;
  text-align:center !important;
}

#lightboxdialog p{
  font-weight:bold;
  margin:21px 15px 15px 15px!important;
}

#lightboxdialog button{
  background-color: #FFDE97;
  border: 1px solid #FF871D;
  color: #555555;
  padding: 3px;
  cursor:pointer;
  margin:15px !important;
  float:none !important;
}

#lightboxdialog button:hover{
  color:#FF871D;
}

/* Fi popup */

/* Taula Imatges */

#taula-imatges{
  margin-left:50px;
  width:590px;
}
#taula-imatges tr td, #taula-imatges tr th{
  text-align:center;
}
#taula-imatges img{
  cursor:pointer;
}

/* Fi Imatges */

/* Tooltip */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #FF871D;
	background-color: #FFF;
	padding: 5px;
	opacity: 0.85;
	filter:alpha(opacity=40);
}
#tooltip h3, #tooltip div { margin: 0; }

/* Fi Tooltip */

/* Filtres llistats */
.filtresllistat{float:left;margin-right:20px;margin-bottom:20px;}
.filtresllistat .label{float:left;width:155px;text-align:right;height:31px;margin-right:20px;padding-top:4px;}
.filtresllistat .input{float:left;width:230px;height:35px;}
.filtresllistat .input input, .filtresllistat .input select{border:1px solid #CCC;color:#555;padding:3px 4px;}
.filtresllistat .input input{width:200px;}
.filtresllistat .input select{width:210px;}
.filtresllistat .botons{margin-left:175px;}
.filtresllistat .botons input{background-color:#FFDE97;border:1px solid #FF871D;color:#555;cursor:pointer;padding:3px;margin-right:10px;}


/* Estadístiques llistats */
#estadistiques{margin-bottom:20px;}
#estadistiques .apartat{text-align:right;width:195px;float:left;margin-bottom:5px;color:#FF9000;}
#estadistiques .resultat{width:85px;float:left;margin-left:10px;margin-bottom:5px;font-weight:bold;color:#333;}

/* taula tweets */
#taula tr.inactiu td {background-color:#ffbdbd;}

/* estadístiques */

#estadistiques th{color:#FF871D;border-bottom:2px solid #FF871D;padding:5px;}
#estadistiques td{color:#333;text-align:left;padding:5px;font-weight:bold;}
#estadistiques td.opcio{color:#333;text-align:right;font-weight:normal;}
#estadistiques td span{font-weight:normal;}
#estadistiques td span.verd{color:#00A100;}
#estadistiques td span.vermell{color:#A10000;}