/* GENERAL - ESTRUCTURA */
/************************/

* {	padding: 0;	margin: 0; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px; line-height: 1.5em;
	background-color: #ffffff;
}

img { border: none; vertical-align: middle; }
p { margin-bottom: 12px; }
ul li {margin: 0 0 5px 30px;}

a:link {	color: #09F;	text-decoration: none; }
a:visited {	color: #09F;	text-decoration: none; }
a:hover {	color: #06F; text-decoration: underline; }
a:active {	color: #09F;	text-decoration: none; }

a.external {background: url("../adm/external2.gif") center right no-repeat;	padding-right: 13px;}
a.boto {
	border: 1px solid #DFDFDF;
	background-color: #333;
	color: #FFF;
	text-decoration: none;
	padding: 5px 10px;
	cursor: pointer;
	font-weight: bold;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
a.boto:hover { background-color: #000; }

h1 { padding: 5px; background-color: #BA4B4B; color: #ffc; margin: 0 0 1px 0; text-align: center; 
	font-family: Cambria,serif; font-size: 40px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 1.3em; 
	text-shadow: 1px 1px 1px #666666;  }
h2 {
	font-family: Cambria, serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3em;
	text-shadow: 1px 1px 1px #999;
	color: #BA4B4B;
}
h3 {
	font-family: Cambria, serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.3em;
}
h5 {color:#BA4B4B;}
h5:before {content:"»"; color:#BA4B4B; font-size: 13px;font-weight: bold; padding-right: 5px;}


/* **** FORMULARIS **** */
form select,
form textarea,
form input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #F5F9EC;
	color: #444444;
	border: 1px solid #DFDFDF;
	padding: 2px 2px;
}
form input.check, form input.radio {
	background: none;
	border: none;
	font-size: small;
	margin-right: 4px;
}

/* **** ESTRUCTURA **** */

#contingut {
	width: 960px;
	margin: 0px auto;
	padding: 0;
	background-color: #ffffff;
}
.contingut_esq { float: left; width: 760px; margin: 0; }
.contingut_dre { float: left; width: 170px; margin: 0 0 0 30px; }

#peu {border-top: 1px solid #BA4B4B; margin: 20px 0 10px 0; padding: 10px; text-align: center; clear:both;}


#molla {margin: 8px 0; color: #888; font-size: 11px; font-family: Arial, sans-serif;}
#molla a {color: #09f;}
#molla_act {color: #999; font-weight: bold;}


/***********************/
/**** ADMINISTRACIÓ ****/
/***********************/
#id_adm2389_index .bloc_destacat { float: left; width: 248px; margin: 8px; }
* html #id_adm2389_index .bloc_destacat { width: 244px; }
#id_adm2389_index .bloc_destacat ul { list-style: none; }

/* links per editar, afegir */
/* links per editar, afegir */
a.bt_buit, a.bt_pdf, 
a.bt_go2, a.bt_du2, a.bt_de2, a.bt_in2, a.bt_ed2, 
a.bt_go, a.bt_du, a.bt_de, a.bt_in, a.bt_ed {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #397cb4;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 2px 0 2px 20px;
}

a.bt_in {	background-image: url("../adm/famfamfam/page_white_add.png"); }
a.bt_ed {	background-image: url("../adm/famfamfam/page_white_edit.png"); }
a.bt_du {	background-image: url("../adm/famfamfam/page_white_copy.png"); }
a.bt_de {	background-image: url("../adm/famfamfam/page_white_delete.png"); }
a.bt_go {	background-image: url("../adm/famfamfam/page_white_go.png"); }

a.bt_in2 {	background-image: url("../adm/famfamfam/application_form_add.png"); }
a.bt_ed2 {	background-image: url("../adm/famfamfam/application_form_edit.png"); }
a.bt_du2 {	background-image: url("../adm/famfamfam/application_form_double.png"); }
a.bt_de2 {	background-image: url("../adm/famfamfam/application_form_delete.png"); }
a.bt_go2 {	background-image: url("../adm/famfamfam/application_form_magnify.png"); }

a.bt_pdf { background-image: url("../adm/16_pdf.gif"); }
a.bt_buit {	background-image: none;	padding: 2px 0 2px 0; }

a.desplega {
	background-image: url("../adm/10_desplega2.gif");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 12px;
}

/* missatges d'error o de ok */
.missat_err {
	padding: 4px;
	font-weight: bold;
	color: #AD0029;
	background-color: #EEE;
	cursor: default;
}
.missat_ok {
	padding: 4px;
	font-weight: bold;
	color: #749417;
	background-color: #EEE;
	cursor: default;
}
.missat_info {
	margin: 1em 3em;
	padding: .5em 1em;
	background-color: #f9f9f9;
	border-left: 5px solid #a66;
	font-size: .9em;
}
.estil1 {	background-color: #f6f6f6; }
.estil2 {	background-color: #FFFEB4; }
.estil3 {	background-color: #CEEFB7; }
.estil4 {	background-color: #f0f0f0; }

.destacat { font-size: 1.2em; }
.negreta {font-weight:bold;}

/* petita explicació al costat dels camps dels formularis */
.comentari {
	font-size: 0.8em;
	color: #666;
	background-color: #F3FBE4;
	border: 1px solid #F0F0F0;
	padding: 2px 6px !important;
}
.llegenda {
	font-size: 0.8em;
	color: #666;
}
	.llegenda ul {
		margin-top: 4px;
	}
.petit {
	font-size: 0.8em;
}


/* table.llistat */
.centxcent {width: 100%;}

.llistat th {
	color: #999;
	font-weight: normal;
}
.llistat th, .llistat td {
	padding: 2px 4px;
	text-align: left;
	vertical-align: top;
	border: 2px solid #FFF;
}
.llistat.centrat th, .llistat.centrat td {
	text-align: center;
}
.llistat th.peque, .llistat td.peque {
	width: 3%;
}

.llistat td.accions { line-height: 22px; max-width: 210px; }

#ajaxform .llistat th, #ajaxform .llistat td { padding-bottom: 10px; }

/* files alternes dins taules */
.even { background-color: #f9f9f9; }
.odd  { background-color: #f0f0f0; }

.llistat tr.even:hover, .llistat tr.odd:hover { /* Firefox! ressaltar línia */
	background-color: #FFFFE1;
}

/* tr final amb la confirmació d'eliminacions */
.llistat tr.perelim td {
	padding-top: 12px;
}
	.llistat tr.perelim td #check_elim {
		margin-top: 6px;
	}
	.llistat tr.perelim td label {
		display: inline;
	}
	.llistat tr.perelim td input.send {
		margin: 0;
		padding: 2px 8px;
	}
	.llistat th.reduit { width: 10%; }


/* llistat2 */
.llistat2 { }
.llistat2 th {}
.llistat2 th, .llistat2 td { padding: 2px 4px;	border: 1px solid #ccc; }
.llistat2 tr:hover { background-color: #FFFFE1; }


/* controls a baix(2)/dalt(3) */
#controls2 {
	border-top: 1px dashed #808080;
	padding: 8px 0 0 0;
	margin-top: 6px;
	text-align: center;
}
#controls3 {	
	border-top: 1px dashed #BBB;
	border-bottom: 1px dashed #BBB;
	background-color: #fafafa;
	padding: 8px;
	margin-bottom: 6px;
	text-align: center;
	color: #419639;
	font-weight: bold;
	font-size: 14px;
	font-family: arial;
}
#controls3 select {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
}
	.controls_esq {
		float: left; padding-left: 4px;
	}
	.controls_dre {
		float: right; padding-right: 4px;
	}
	.controls_esq a, .controls_dre a {
		font-size: 11px;
		font-weight: bold;
	}

/* blocs */
.conte_blocs {
	width: 100%;
	overflow: hidden;
}

.bloc_destacat {
	background-color: #F0F0F0;
	padding: 8px;
}
.bloc_destacat img {
	float: left;
	border: 1px solid #FFFFFF;
	padding: 4px;
	margin: 0 8px 8px 0;
	background-color: #FFFFFF;
}

/* marc per imatges dins div.bloc */
.bloc img {
	border: 1px solid #F0F0F0;
	background-color: #FFFFFF;
	padding: 4px;
	margin: 0 4px 4px 0;
}
.interior { 
	border: 1px solid #dadcd9; 
	background-color: #f7ffe7; 
	padding: 2px; 
	margin-bottom: 15px;
}


/* Paginació per llistats div.paginacio amb text a l'esq, i ul links a la dreta */
.paginacio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	clear: both;
	padding-top: 12px;
}
	.paginacio ul {
		float: right;
		padding: 8px 0;
		margin: 0;
	}
		.paginacio ul li {
			display: inline;
			margin: 0 0 0 4px;
			padding: 0;
			text-align: center;
			background: none;
		}
			.paginacio ul li.nolink,
			.paginacio ul li.actual,
			.paginacio ul li a {
				padding: 4px 8px;
				border: 1px solid #F5E0A2;
			}
			.paginacio ul li.marcat,
			.paginacio ul li.actual {
				font-weight: bold;
			}
			.paginacio ul li.nolink {
				color: #ccc;
			}
.paginacio a:link,
.paginacio a:visited {
	text-decoration: none;
	color: #CA9901;
	background-color: #FAF0D2;
}
.paginacio a:hover {
	background-color: #f0f0f0;
	background-image: none;
}



input.cerca {
	padding: 2px 2px 2px 18px;
	background-image: url("../adm/cerca_10.png");
	background-repeat: no-repeat;
	background-position: 4px 6px;
}

input.send {
	background-color: #666;
	color: #FFF;
	text-decoration: none;
	padding: 3px 10px;
	cursor: pointer;
	font-weight: normal;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
input.send:hover { background-color: #000; }

a.send {
	background-color: #666;
	color: #FFF !important;
	text-decoration: none;
	padding: 4px 10px;
	cursor: pointer;
	font-weight: normal;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
a.send:hover { background-color: #000;}

input.dreta  {text-align: right;}
input.centre {text-align: center;}

input.px50  {width: 50px;}
input.px100  {width: 100px;}
input.px150  {width: 150px;}
input.px200  {width: 200px;}
input.px250  {width: 250px;}
input.px300  {width: 300px;}
input.px400  {width: 400px;}
input.px500  {width: 500px;}

input.tiny  {width: 12%;}
input.tiny2 {width: 24%;}
input.tiny3 {width: 36%;}
input.tiny4 {width: 48%;}
input.tiny5 {width: 60%;}
input.tiny6 {width: 72%;}
input.tiny7 {width: 84%;}
input.tiny8 {width: 96%;}

textarea.tiny  {height: 60px;}
textarea.tiny2 {height: 120px;}
textarea.tiny3 {height: 180px;}
textarea.tiny4 {height: 240px;}
textarea.tiny8 {width: 96%;}

/* Barra de links */
/* -------------------------------------------------------------------------- */
#barra_links {
	clear: both;
	background-color: #BA4B4B;
	margin: 0 0 10px 0;
}

#barra_links ul { list-style: none; margin:0; padding:0; background-color: #BA4B4B; }
#barra_links li { margin:0; padding: 0; }
#barra_links li a { text-decoration: none; color: #fff; }

/* LEVEL ONE */
#barra_links ul.dropdown { position: relative; z-index: 99; }
#barra_links ul.dropdown li { font-weight: bold; float: left; zoom: 1; background-color: #BA4B4B; }
#barra_links ul.dropdown a:hover { color: #ffc; }
#barra_links ul.dropdown a:active { color: #ffc; }
#barra_links ul.dropdown li a { display: block; padding: 10px 20px; border-right: 1px solid #eee; }
#barra_links ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
#barra_links ul.dropdown li.hover,
#barra_links ul.dropdown li:hover { position: relative; background-color: #BD5051; }
#barra_links ul.dropdown li.hover a { }

/* LEVEL TWO */
#barra_links ul.dropdown ul { width: 250px; visibility: hidden; position: absolute; top: 100%; left: 0; }
#barra_links ul.dropdown ul li { font-weight: normal; border-bottom: 1px solid #ccc; float: none; }
									  
#barra_links ul.dropdown ul li a { border-right: none; padding: 7px 20px; width: 100%; display: inline-block; } /* IE 6 & 7 Needs Inline Block */

/* LEVEL THREE */
#barra_links ul.dropdown ul ul { left: 100%; top: 0; }
#barra_links ul.dropdown li:hover > ul { visibility: visible; }

/* ie */
* html #barra_links ul.dropdown ul li { display: inline; width: 100%; }