/*
* {margin:0; padding:0; outline:none}
body {font:10px Verdana,Arial; margin:25px; background:#fff url(images/bg.gif) repeat-x; color:#091f30}
*/

.sortable {font:0.7em Verdana,Arial;}

.sortable {width:940px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background-color:#4B708D; text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1;vertical-align:top;}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background-color:#254762;}
.sortable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background-color:#dce6ee}

#controls {width:980px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:580px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}




/* Form styles */
/*div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid;}*/


div.form-container {font:0.9em Verdana,Arial;}


/*
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }
*/

div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }


a[href $='.pdf'], a[href $='.pdf']:hover, a[href $='.pdf']:active { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_pdf.gif) no-repeat center right;
}


.pdf { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_pdf.gif) no-repeat center right !important;
}

.highlight {
 font-weight: bold;
}


/**
http://www.mularien.com/blog/2007/05/01/a-simple-css-technique-for-showing-and-hiding-table-columns/
**/

/* Classes used for hiding more detail, by default */
th.recollida {
	display: none;
}			
td.recollida {
	display: none;
}

/* Classes used for showing more detail */
table.showDetail th.recollida {
	display: table-cell;
	/*background-color: #E4E4A2;*/
}
table.showDetail td.recollida {
	display: table-cell;
	/*background-color: #E4E4A2;*/
}
/* Style rule for IE 6 */
* html table.showDetail .recollida {
	display: block;
}