body{
	margin-left : 6px;
	margin-top : 9px;
	background-color : #A27630;
	font-family : Verdana;
	font-size:11px;
	SCROLLBAR-FACE-COLOR: #D0A45B;
	SCROLLBAR-HIGHLIGHT-COLOR: #D0A45B;
	SCROLLBAR-SHADOW-COLOR: #D0A45B;
	SCROLLBAR-3DLIGHT-COLOR: #D0A45B;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #EAE1D0;
	SCROLLBAR-DARKSHADOW-COLOR: #A06B12;
	SCROLLBAR-BASE-COLOR: #EAE1D0;
}


/* ESTIL BOTONS --------------------------------------------------------------------------------------------- */
.button_ok{
	background : #F5F5F3 url('../../img/backoffice/button_ok.gif') no-repeat;
	border : 1 solid #DFA74A 1;
	padding-left : 5;
	color : #C0740D;
	font : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11;
	cursor : pointer;
	line-height : 2;
	text-align : left;
	text-indent : 20;
	margin-left : 10;
	margin-top : 5;
	margin-right : 10;
	margin-bottom : 5;
	width : 90;
	height : 25;
}

.button_cancel{
	background : #F5F5F3 url('../../img/backoffice/button_cancel.gif') no-repeat;
	border : 1 solid #DFA74A 1;
	padding-left : 5;
	color : #C0740D;
	font : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11;
	cursor : pointer;
	line-height : 2;
	text-align : left;
	text-indent : 20;
	margin-left : 10;
	margin-top : 5;
	margin-right : 10;
	margin-bottom : 5;
	width : 90;
	height : 25;		
}

.button_bd{
	background : #F5F5F3 url('../../img/backoffice/button_bd.gif') no-repeat;
	border : 1 solid #DFA74A 1;
	padding-left : 5;
	color : #C0740D;
	font : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11;
	cursor : pointer;
	line-height : 2;
	text-align : left;
	text-indent : 20;
	margin-left : 10;
	margin-top : 5;
	margin-right : 10;
	margin-bottom : 5;
	width : 130;
	height : 25;		
}
/* ESTIL BOTONS --------------------------------------------------------------------------------------------- */


/* MISSATGES --------------------------------------------------------------------------------------------- */
.message
{
	width:300px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	font-size:13px;
	border: solid 1px #C2BCAE;
	padding:11px;
	color:#000000;
	background-color:#F5EAD9;
	text-align:center;
}


.messageOK
{
	width:300px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	font-size:13px;
	border: solid 1px #C2BCAE;
	padding:11px;
	color:#000000;
	background-color:#B2FEA0;
	text-align:center;
}

.messageFALSE
{
	width:300px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	font-size:13px;
	border: solid 1px #C2BCAE;
	padding:11px;
	color:#000000;
	background-color:#FFB3B5;
	text-align:center;
}
/* MISSATGES --------------------------------------------------------------------------------------------- */


h3{color: #6d2c0f;font-family: "Georgia","Times New Roman",Times,serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 18px; padding-left:10px; padding-top:10px;
}
td{
font-family : Verdana;
font-size:11px;
}
form{
margin:0;
}
body.listado{
	background-color:#FCFBF7;
	margin-left : 0px;
	margin-right : 1px;
	margin-top : 0px;
	font-family : Verdana;
	font-size:11;
	border: none;
	SCROLLBAR-FACE-COLOR: #D0A45B;
	SCROLLBAR-HIGHLIGHT-COLOR: #D0A45B;
	SCROLLBAR-SHADOW-COLOR: #D0A45B;
	SCROLLBAR-3DLIGHT-COLOR: #D0A45B;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #EAE1D0;
	SCROLLBAR-DARKSHADOW-COLOR: #A06B12;
	SCROLLBAR-BASE-COLOR: #EAE1D0;
}

/*/////////////////////////////////
///////Clases genéricas//////////
/////////////////////////////////
*/
.titulo{
	font-size: 18;
	font-weight: bold;
	color: #9E998B;
	text-transform: uppercase;
}
.destacada{
	font-size: 12;
	font-weight: bold;
	color: #E0A64B;
	/*text-transform: capitalize;*/
}
a{
font-family : Verdana;
font-size:11px;
text-decoration:none;
color: #8B5A0D;
}
a:hover{
text-decoration:none;
/*color: #E0A64B;*/
color: #E9CB9C;
/*font-weight:bold;*/
}
a.link{
color:blue;
text-decoration:underline;
}
a.link:hover{
color:blue;
text-decoration:none;
}


/*/////////////////////
//Objetos Concretos/////
///////////////////////
*/

#areatrabajo{
font-family : Verdana;
font-size:11px;
/*text-align:center;*/
background-color:#FAF6EB;
/*width:100%;*/
height:100%;
}
#pestanas{
position:relative;top:7px;width:100%;
}
.pestana{padding:10px;padding-left:30px;background-color:#FAF6EB;height:100%}
#lineaseparacion{
position:absolute;left:0;top:102;
}

/*/////////////////////
//Objetos Genéricos////
////////////////////
*/

table.formulario td{
text-align:right;
white-space:nowrap;

}
textarea{
	font-family : Verdana;
	font-size: 10;
	border-style : solid;
	border-width : 1;
	border-color : #DFA74A;
	vertical-align : top;
	width:520px;
	height:50px;
	SCROLLBAR-FACE-COLOR: #D0A45B;
	SCROLLBAR-HIGHLIGHT-COLOR: #D0A45B;
	SCROLLBAR-SHADOW-COLOR: #D0A45B;
	SCROLLBAR-3DLIGHT-COLOR: #D0A45B;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #EAE1D0;
	SCROLLBAR-DARKSHADOW-COLOR: #A06B12;
	SCROLLBAR-BASE-COLOR: #EAE1D0;

}
INPUT {
	font-family : Verdana;
	font-size: 10;
	border-style : solid;
	border-width : 1;
	border-color : #DFA74A;
	vertical-align : top;
	width:170px;
}
.txt_banner {
	font-family : Verdana;
	font-size: 10;
	border-style : solid;
	border-width : 1;
	border-color : #DFA74A;
	vertical-align : top;
	width:120px;
}

INPUT.checkbox {
	font-family : Verdana;
	font-size: 10;
	border-width : 0;
	vertical-align : middle;
	width:17px;
}
INPUT.radio {
	font-family : Verdana;
	font-size: 10;
	border-width : 0;
	vertical-align : middle;
	width:17px;
}
input.date{
	width:70px;
}

input.hora{
	width:40px;
}

select{
	font-family : Verdana;
	font-size: 10;
	border-style : solid;
	border-width : 1;
	border-color : #DFA74A;
	vertical-align : top;
	width:170px;
}
.select{
	font-family : Verdana;
	font-size: 10;
	border-style : solid;
	border-width : 1;
	border-color : #DFA74A;
	vertical-align : top;
	width:50px;
}
label{
	font-family : Verdana;
	font-size: 11;
	font-weight: bold;
	color: #8B5A0D;
	vertical-align : middle;
	text-align:right;
	margin-right:5px;
}
p.areapequena
{
	border : 1px solid #C2BCAE;
	background-color : #FCFBF7;
	width:95%;
	padding-left:25px;
	padding-top:8px;
	padding-right:8px;
	padding-bottom:8px;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:18px;
	color: #8B5A0D;
}
p.areapequena td{
	font-family : Verdana;
	font-size: 11;
	padding-top: 4px;
	padding-bottom:4px;
	padding-left:0px;
	padding-right:0px;
	text-align : left;
}

img.icono{
	margin-left : 5px;
}
p.areapequena td.tituloarea{

	font-family : Verdana;
	font-size: 11;
	font-weight: bold;
	color: #E0A64B;
	vertical-align : top;
	height:25px;
}
.tituloarea{
	font-family : Verdana;
	font-size: 11;
	font-weight: bold;
	color: #E0A64B;
	vertical-align : middle;
	height:25px;
	vertical-align : top;
}

.descripcion {
	font-family : Verdana;
	font-size: 10;
	border-style : none;
	border-width : 0;
	border-width:0px;
	vertical-align : top;
	background-color: transparent;	
}

.descripcionTotal {
	font-family : Verdana;
	color: #8B5A0D;
	font-size: 12;
	border-style : none;
	border-width : 0;
	border-width:0px;
	vertical-align : top;
	background-color: transparent;
	font-weight: bold;
}

/*//////////////////////////////////////
//////////Estilos del listado//////////
/////////////////////////////////////
*/
.listadoCategories
{
	border : 1px solid #C2BCAE;
	background-color : #FCFBF7;
	font-family : Verdana;
	font-size: 11;
	vertical-align : middle;
}


.listado
{
	border : 1px solid #C2BCAE;
	background-color : #FCFBF7;
}
.listado th{
	font-family : Verdana;
	font-size: 11;
	font-weight: bold;
	color: #8B5A0D;
	vertical-align : middle;
	background-color:#F5EAD9;
	text-align:left;
	heigth:100px;
	border : 1px solid #FCFBF7;
	border-left:0px;
	border-top:0px;
	border-bottom:0px;
	height:20px;
	padding-left:3px;
	padding-right:3px;
}
.listado th.borde{
	border : 1px solid #8B5A0D;
	border-left:0px;
	border-top:0px;
	border-bottom:0px;
	border-color:#8B5A0D;
	height:20px;
	padding-left:3px;
	padding-right:3px;
}
.listado tr{
	background-color:#FCFBF7; 
}
tr.fila1
{
	background-color:#FCFBF7;
	cursor:hand;
	cursor:pointer;
}
tr.fila2
{
	background-color:#F5EFE6;
	cursor:hand;
	cursor:pointer;
}
tr.fila3
{
	background-color:#ecc115;
	cursor:hand;
	cursor:pointer;
}
tr.fila4
{
	background-color:#f57041;
	cursor:hand;
	cursor:pointer;
}
tr.filaActivo
{
	background-color:#FCF9A4;
	cursor:hand;
	cursor:pointer;
}

.listado td{
	font-family : Verdana;
	font-size: 11;
	color: black;
	vertical-align : middle;
	text-align:left;
	border : 0px solid #FCFBF7;
	border-left:0px;
	border-top:0px;
	border-bottom:0px;
	height:20px;
	padding-left:3px;
	padding-right:3px;
}

.listado td.borde{
	font-family : Verdana;
	font-size: 11;
	color: #000000;
	vertical-align : middle;
	text-align:left;
	border : 1px solid #8B5A0D;
	border-left:0px;
	border-top:0px;
	border-bottom:0px;
	padding-left:3px;
	padding-right:3px;
}
#barra{
	position:relative;
	top:9px;
	left:25px;
	width:90%px;
}
#barra td{
	font-family : Verdana;
	font-size: 12;
	font-weight: bold;
	color: #F0F0F0;
}
.cercador td{
	font-family : Verdana;
	font-size: 11;
	text-align : left;
}
.cercador{
	position:absolute;
	top:65px;
/*	left:380px;*/
}
.titolcercador{
color:#673F00;
font-weight:bold;
font-family:verdana;
font-size:11;
position:relative;top:7;
}

.ajuda
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: A27630;
}

.b_ajuda
{
	border : 1px solid #C2BCAE;
	background-color : #FCFBF7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: A27630;
}
.t_ajuda
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: A27630;
}

.albara{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A27630;
	border-left:1px solid black;
	border-top:1px solid black;
}
.albara th{
	border-bottom:1px solid black;
	border-right:1px solid black;
	height:30px;

}
.albara th.txt{

font-size:10px;font-weight:normal;
color:#000;
}

/* PAGINACIÓ ------------------------------------------------------------------------------------------------ */
/*
* -----------------------------------------------------------------------------------------------
* Estilo paginación
* http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination
* -----------------------------------------------------------------------------------------------
*/
.pagination_margin { margin-top:10px; }
div.pagination {
	/*
	margin-top:3px;
	padding:2px;
	text-align:center;
	*/
}

div.pagination a {
	padding: 2px 5px 2px 5px;
/*	margin-right: 2px;*/
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #8B5A0D;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #8B5A0D;
	color: #8B5A0D;
	background-color: #F5EAD9;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #8B5A0D;
	font-weight: bold;
	background-color: #F5EAD9;
	color: #8B5A0D;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #C2BCAE;
	color: #ccc;
}
/*
.LinkPaginacion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: A27630;
	text-decoration: none;
	font-weight: bold;
}
.LinkPaginacion:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: A27630;
	text-decoration: underline;
	font-weight: bold;
}

.txtPaginacion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
*/
/*
* -----------------------------------------------------------------------------------------------
*/


/* CSS Calendario----------------------------------------------------------------------- */
	td.cal{
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #000000;
	  background-color : #EFD2A5;
	}
	select.month{
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #000000;
	  width : 85px;
	}
	input.year{
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #000000;
	  width : 30px;
	}
	td.calDaysColor {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #ffffff;
	  background-color : #A27630;
	}
	td.calWeekend {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #ffffff;
	  background-color : #E3AF5D;
	}
	td.calBgColor {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #ffffff;
	  background-color : #EFD2A5v;
	}
	.calBorderColor {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #ffffff;
	  background-color : #a9a9a9;
	}
	td.calHighlightColor {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #ffffff;
	  background-color : #ffffcc;
	}
	A.cal {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #000000;
	  text-decoration : none;
	}  
	A.cal:Hover {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #FF0000;
	  text-decoration : none;
	} 
	.disabled {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #808080;
	  text-decoration : none;
	}  
/* CSS Calendario----------------------------------------------------------------------- */

/* CAMP OBLIGATORI ------------------------------------------------------------------------------------------- */
input:focus{background-color:#FAECEB}
textarea:focus{background-color:#FAECEB}

/* Camp de llargada 100% */
.desc {float:left; width:100%;padding:3px;text-align:left; }
.desc input {width:100%;}
.desc input.obligatorio {border:1px solid #DF6D4A;margin-right:2px;}
.desc label.obligatorio {color:#DF6D4A;margin-right:5px;}

.opcional, .requerido {float:left; width:304px;padding:3px;margin-right:60px;text-align:right}
.opcional label {margin-right:5px}
.opcional input {margin-right:2px;}
.requerido label {color:#DF6D4A;margin-right:5px;}
.requerido input {border:1px solid #DF6D4A;margin-right:2px;}
legend{color:#9E998B}
fieldset{background-color:#FCFBF7;border:1px solid #C2BCAE;margin-top:10px;padding:10px;}

/*
input:focus{background-color:#FAECEB}
textarea:focus{background-color:#FAECEB}
.opcional {float:left; width:300px;padding:3px;margin-right:60px;}
.opcional input {float:right;}
.opcional input.peq {width:50px}
.opcional input.med {width:150px}
.opcional input.gran {width:350px}
.opcional label {float:left;}
.requerido {float:left; width:300px;padding:3px;margin-right:60px;}
.requerido label {float:left;color:#DF6D4A;}
.requerido input {float:right;border:1px solid #DF6D4A;}
*/

/* CAMP OBLIGATORI ------------------------------------------------------------------------------------------ */

/*AUTOCOMPLETE*/

div.autocomplete {
      position:absolute;
      /*width:250px;*/
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}
div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
}
div.autocomplete ul li.selected { background-color: #F5EAD9;}
div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:15px;
      cursor:pointer;
	  text-align:left;
	  color:#8B5A0D;
}

.clear{
	clear:both;
}