BODY
{
   margin:0px;
   padding:0px;
   background-color: #d9d2c8;
   font-family:Verdana,Sans-Serif;
   font-size:.7em;
   color:#000000;
   line-height:1.4em;
   text-align:center;
}

h3 {
    color : #41921c;
}

IMG
{
   border:0px;
}

a 
{
   font-family:Verdana,Sans-Serif;
   color:#9C3C00;
   font-size: .75em;
   font-size/* */: 1em;
}

FORM
{
   margin:0;
}

.form-info ul
{
   margin-bottom: 10px;
}

.form-info li
{
   font-size: 10pt;
   margin: 5px 0px;
}


.enlacecabecera
{
  color:#575853;
  font-weight:normal;
  white-space: nowrap;
  text-decoration:underline;
  font-size: .6em;
  font-size/* */: .9em;
}

a.enlacecabecera:hover
{
   color:#000000;
}


.logos
{
  width:  900px;
  height: 100px;
  margin:0 auto 0 auto;
}

.franja .franjaazul
{
  width:  900px;
  height: 24px;
  background: #d9d2c8 url(../images/fondoFranjaAzul.png) repeat-x scroll center center;
  margin:0 auto 0 auto;
}

.franja .franjamarron
{
  width:  900px;
  height: 25px;
  background: #a57520;
  margin:0 auto 0 auto;
}

.franja .franjamarron .titulo{
    font-size: 0.9em;
    padding-top: 4px;
	text-align: left;
	font-weight: normal;
   	color:white;
   	float: left;
   	padding-left: 5px;	
}
.franja .franjamarron .seccion{
    font-size: 0.9em;
    padding-top: 4px;
	text-align: left;
	font-weight:bold;
   	color:white;
   	float: left;
   	padding-left: 15px;
}

.franja .franjaazul .franjamenu{
	text-align:left;
    color:rgb(2,85,31);    
    float:right;
   
}

.franja .franjaazul a {
  font-weight:bold;
  color:white;
  padding-left:12px;
  padding-right:12px;
  text-decoration: none;
}

.menu {
  text-align: left;
  position:absolute;
  visibility:hidden;
  overflow:hidden;
  z-index:199;
  margin:0;
  background-color:rgb(240,198,124);
  color:rgb(2,85,31);
  border:1px solid #818181;
  padding-bottom:5px;
  margin-left:-5px;
  top: 0px;
  left: 0px;
}
.menu div {
  padding:5px 10px;
  border-bottom:1px solid white;
}

.menu div a {
}

.contingut
{
  width:900px;  
  min-height:500px;
  height:auto !important;
  height:500px;
  text-align:left;
  margin:0 auto 0 auto;
  padding-top:0px;
}

.contingutInicio
{
  background: #d9d2c8 url(../images/fondoInicio.png) no-repeat scroll center center;
  width:900px;
  min-height:500px;
  height:auto !important;
  height:574px;
  text-align:left;
  margin:0 auto 0 auto;
}

.seccio
{
  background-color:#41921c;
  padding:3px 3px;
  clear:both;  
}

.tituloSeccio
{
  text-align: center;
  color:white;
  font-weight:bold;
  padding:4px 0px;
  clear:both;
}

.indent
{
  padding:0px 10px;
}

.scrollable {
    width: 100%;
    overflow: auto;
}

.centrat
{
  text-align:center;
}

.centratSeccio
{
  background-color: white;
  text-align:center;
}

.pie
{
   margin:0 auto 0 auto;
   background:#a57520 url(../images/pie.png) no-repeat scroll left top;
   width:900px; 
   padding-top:6px;
   padding-bottom:6px;
   text-align:center;
   color:white;
   font-size:1em;
}

.pieInicio
{
   margin:0 auto 0 auto;
   background:#603814 url(../images/pie.png) no-repeat scroll left top;
   width:900px;
   padding-top:6px;
   padding-bottom:6px;
   text-align:center;
   color:white;
   font-size:1em;
}

.pieInicio a
{
   color:white;
   font-size:1em;
   font-weight: bold;
   text-decoration:none;
}

.pie a
{
   color:white;
   font-size:1em;
   font-weight: bold;
   text-decoration:none;
}

.pieInicio a:hover
{
   color:white;
   font-size:1em;
   font-weight: bold;
   text-decoration:underline;
}

.pie a:hover
{
   color:white;
   font-size:1em;
   font-weight: bold;
   text-decoration:underline;
}

.caixa
{
   margin:0 auto 0 auto;
   /*border:1px solid #dae0dc;
   background-color:white;*/
   text-align:left;
   width:310px;
   /*border:2px solid rgb(33,100,142);
   background-color:white;*/   
}

.caixa .ftitol
{
   background: #0c7a95 url(../images/fondoHeaderFinestra.png) repeat-x scroll top left;
   border-bottom:1px solid #dae0dc;
   padding-top: 4px;
   padding-left: 15px;
   padding-bottom: 4px;
   /*height:18px;
   background-color:rgb(48,121,172);
   padding:2px 5px;*/
   font-weight:bold;   
   color:white;
}

.caixa .fcontent
{
   font-size: 0.9em;
   padding:2px 5px 15px 5px;
   color: white;
   /*background: #FFFFFF url(../images/transparency.png) repeat-x scroll top left;*/
}

.subcaixa
{
    width:300px;
    font-size:1em;
    color:white;
    font-style:Helvetica;
    padding:10px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    background-color: #2d5519;
}

.funcions
{
   margin:0px 20px;
   width:960px;  
   height:500px;
}

.funcions li
{
   font-size:1.2em;
   padding:10px;
}

.funcions a:hover
{
   text-decoration:underline;
}

.messatge-info {
	position:absolute;
	border: 1px solid white;
	padding: 3px;
	background: #339933;
	color: white;
	text-align: center;
	z-index:97;
}

.messatge-error {
	position:absolute;
	border: 1px solid white;
	padding: 3px;
	background: red;
	color: white;
	text-align: center;
	cursor:pointer;
	z-index:99;
}

.messatge-debug {
	position:absolute;
	border: 1px solid white;
	padding: 3px;
	background: #999999;
	color: white;
	text-align: center;
	z-index:96;
}

.messatge-warning {
	position:absolute;
	border: 1px solid white;
	padding: 3px;
	background: orange;
	color: white;
	text-align: center;
	cursor:pointer;
	z-index:98;
}

.usertable-container {
	overflow:auto;
	text-align:center;
	height: 380px;
}

.tituloVentana{
   border-bottom:1px solid #dae0dc;
   padding-top: 4px;
   padding-left: 15px;
   padding-bottom: 4px;
   height:18px;
   background-color:rgb(48,121,172);
   padding:2px 5px;
   font-weight:bold;
   color:white;
}
.cuerpoVentana{
   padding:2px 5px 15px 5px;
   background: #FFFFFF;
}

.mapFull {
    z-index:0;
    width:894px;
    height:520px;
    margin-left:auto;
    margin-right:auto;
    background-color: #d9d2c8;
}

.mapMini {
    z-index:0;
    width:300px;
    height:250px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: #d9d2c8;
}

.normalColumn {
}

.emailColumn {
    width:110px; 
    word-wrap:break-word;
}

.mensajes {
    width: 600px;
    border: 2px inset #cccccc;
    background-color: white;
    height: 125px;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow-y: auto;
}

.newMessages
{
  text-align:center;
  width:100%;
  color: red;
}

.form-line-button
{
    clear:both;
    padding-top:5px;
    height:60px;
}

.form-button-wrapper {
    position:relative;
    float:left;
    left:50%;
    clear:both;
    padding-top: 5px;
    padding-bottom: 5px;
    height:50px;
}

.form-button {
    position:relative;
    float:left;
    left:-50%;
}

.fameBoton {
   display: block;
   float: left;
   width:auto;
   height: 49px;
   background: #0c7a95 url(../images/fondoFameBoton.png) repeat-x scroll top left;
}

.fameBoton .fameBotonC {
   display: block;
   float: left;
   padding-right: 5px;
   padding-left: 5px;
   padding-top: 15px;
   background-color: transparent;
}

.fameBoton .fameBotonR {
   height: 49px;
    background: #0c7a95 url(../images/fondoFameBotonR.png) no-repeat scroll top right;
    display:block;
    float:left;
    width:10px;
}

.fameBoton .fameBotonL {
   height: 49px;
   background: #0c7a95 url(../images/fondoFameBotonL.png) no-repeat scroll top left;
   width:10px;
    display:block;
    float:left;
}

.fameBoton a {
   color: black;
   font-weight: bold;
   text-decoration: none;
   font-size: 0.9em;
}

.fameBoton a:hover {
   color: black;
   font-weight: bold;
   text-decoration:underline;
   font-size: 0.9em;
}

.fameBoton img {
   display: block;
   float: left;
   margin-top: 8px;
   vertical-align: middle;
   background-color: transparent;
}

.loginError {
    text-align:center;
}

.loginError span{
   color: white;
   background-color: red;
   border: 1px solid white;
   padding: 3px;
}
