/*
      Created by Keith Donegan of Code-Sucks.com
	  E-Mail: Keithdonegan@gmail.com
	  You can do whatever you want with these layouts, but it would be greatly appreciated if you gave a link back to http://www.code-sucks.com	  
*/

* { padding: 0; margin: 0;  outline:none; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 90%;
}
#contenidor { 
 margin: 0 auto;
 width: 988px;
 background: #FFF;
}
#capcelera {
 color: #333;
 width: 988px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 100px;
 margin: 20px 0px 0px 0px;
 background: #DDD;
 margin-bottom:30px;
}
#navegav { 
 float: left;
 font-size: 85%;
 color: #201601;
 background: #FFF;
 border-right:#000 dotted 1px;
 margin: 0px 0px 0px 0px;
 padding: 0px;

}
	/* MENÚ VERTICAL */
	#navegav ul { margin:0; padding:0; list-style-type:none; font-family:arial,verdana,Helvetica; text-align:left;}
	#navegav li { margin: 1px 0 0px 0; }
	#navegav a { display: block; padding: 5px 15px 5px 15px; width: 140px; color: #555; background-color:#FFF; text-decoration: none; }
	#navegav a:hover { color: #000; background-color: #FFF; text-decoration: none; }
	#navegav a#actiu { color: #000; background-color: #F60; text-decoration:none; }
	#navegav a#actiu0 { color: #F60; background-color: #FFF; text-decoration:none; font-weight:bold;}
		#navegav ul ul li { margin: 0 0 0px 0; border-top: 1px dotted #DDD; font-size: 90%; }
		#navegav ul ul a { display: block; padding: 5px 15px 5px 15px; width:140px; color: #F60; background-color: #FFF; text-decoration: none; }
		#navegav ul ul a:hover { color: #000; background-color: #FFF; text-decoration: none; }
		#navegav ul ul a#actiu1 { color: #000; background-color: #F60; text-decoration: none; }
	/* FI MENÚ VERICAL */


#coldre {
	float: left;
	color: #333;
	border: 0px solid #ccc;
	margin: 0px 0px 10px 0px;
	padding: 20px;
	padding-top: 0px;
	width: 627px;
	font-size: 85%;
	display: inline;
	background-color: #FFFCF9;
}

#coldre1 { 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 background: #FFF;
 margin: 0px;
 padding: 0px;
 width: 150px;
 font-size: 85%;
 display: inline;
}

#peu { 
 width: 968px;
 clear: both;
 color: #999;
 border-top: 1px dotted #ccc;
 background: #FFF;
 margin: 0px 0px 10px 0px;
 padding: 5px;
 font-size: 70%;
 text-align:center;
}








/* GENERAL */
a { text-decoration:none; }
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* TYPOGRAPHY */
h1{font-size:1.5em; border-bottom:1px solid #dad9da; margin:0 0 18px; }
h2{font-size:1.167em;margin:0.25em 0; padding: 0px 0px 0px 0px; border-left:0px solid #F60; }
h3{font-size:1.083em;margin:0.5em 0}
h4{font-size:1em;margin:0.25em 0}
h5{font-size:0.917em;margin:0.15em 0}
h6{font-size:0.917em;font-style:italic;margin:0.15em 0}

.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#F40;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}


	/* TABLES */
	.table1 {border: 0px solid #999;border-collapse:collapse;}
		.table1 td {background:#fff; padding:3px; border:1px solid #fff; font-size:90%;}
		.table1 th {text-align:left; border: 1px solid #fff;}
		.table1 thead th {color:#fff; font-size:100%; background:#F30; padding: 10px 6px;}
		.table1 tbody th {color:#333; font-size:85%; background:#FFF; padding: 6px; border-bottom:1px solid #D2D2D2;}
		.table1 tbody th.sub {font-size:85%; color:#000; background:#EFEFEF; padding: 6px}
		.table1 tr.odd td {background:#E8F3FF}
		.table1 tr.odd .column1	{background:#f4f9fe;}	
		.column1 {background:#f9fcfe;}

		

	.table2 {border: 0px solid #999;border-collapse:collapse; width:100%}
		.table2 td {background:#fff; padding:3px; border:1px solid #fff; font-size:85%;}
		.table2 th {text-align:left;border: 1px solid #fff}
		.table2 thead th {color:#222; font-size:95%; background:#F60; padding: 10px 6px}
		.table2 tbody th {color:#444; font-size:90%; background:#FFF; padding: 6px; border-bottom:1px solid #F2F2F2;}
		.table2 tbody th.sub {font-size:95%; color:#000; background:#EFEFEF; padding: 6px}

	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}

	/*
	.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
		.table1 td {background: #fff url("img/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:145%;background: #900 url("img/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("img/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("img/sprites.gif") repeat-x 0 -1500px;padding: 6px}

	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		*/
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.mes:link, a.mes:visited, a.mes:hover, a.mes:active {background: transparent url(../img/sprites.gif) no-repeat 5px -500px;padding-left:21px}
		a.mes:hover {background: transparent url(../img/sprites.gif) 5px -400px}
		.mes span {position:absolute;left:-9999px;width:900px}
		
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url(../img/td_bg.gif) no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}


.pdf {
background: #F4F4F4 url(../img/ico_pdf_gran.gif) 15px 50% no-repeat;
padding: 5px 20px 5px 85px;
border-top: 1px solid #DDD; 
border-bottom: 1px solid #DDD;
}

	.featurebox {color:#333;padding: 15px 20px 20px; border-top: 1px solid #d7d7d7;margin: 0 0 1.5em; background: #F7F7F7 url(../img/featurebox_bg.gif) no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0.3em 0.8em 0; border-bottom: 1px solid #F40;color:#F40}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}

.h1cua, .h1cua a{ margin-left:5px; color: #AAA; font-size:80%; font-weight:normal; }



/* taula ordena */
.sortable { border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 left 15px}
.sortable th {background:url(img/cap_bg.jpg); 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}
.sortable .head h3 {background:url(img/ico_sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(img/cap_select_bg.jpg)}
.sortable .desc h3 {background:url(img/ico_desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(img/ico_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:#dce6ee}
#controls {margin:0 auto; height:20px;}
#perpage {float:left; border:1px; width:200px; }
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:130px;}
#navigation img {cursor:pointer}
#text {float:left; margin-top:2px;}
/* fi taula ordena */