* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
body {
	background:url(images/body-bg.gif) left top #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height:1em;
	color:#272727;
}

img {
	border:0;
	vertical-align:top;
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}




/*==== GLOBAL =====*/
#main {
	width:937px;
	font-size:0.87125em;
}

#header {
	height:246px;
}
#content {
	
}
#footer {
	padding:10px 0 11px 30px;
	background:#1c1a1a;
}


/*---- tailings ----*/
.main-bg {
	background:url(images/exstra-bg2.gif) no-repeat 450px top;
}

/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {
	margin-bottom:16px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:16px;
}
.p3 { 
	margin-bottom:24px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#910931; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
color:#FF0000;
}

h2 {
	font-size:20px;
	color:#4b5056;
	line-height:1.2em;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:normal;
	margin-bottom:13px;
}
h3 {
	font-size:1em;
}

.link1 { 
	color:#272727;
	font-style:italic;
}


.title { 
	margin-bottom:20px;
}


.address { 
	float:left;
}
	.address dt {
		margin-bottom:16px;
	}
	.address dd { 
		clear:both;
		text-align:right;
	}
		.address dd span { 
			float:left;
		}
		.address dd a {
			color:#272727;
		}


/*===== header =====*/
#header .row-1 {
	height:124px;
}
	#header .nav {
		padding:0 0 0 0;
	}
		#header .nav li {
			float:left;
			background:url(images/divider.gif) no-repeat right 45px;
		}
		#header .nav li.last {
			background:none;
		}
			#header .nav li a {
				font-size:22px;
				color:#1a1a1a;
				line-height:1.2em;
				text-decoration:none;
				padding:41px 25px 30px 25px;
				float:left;
			}
			#header .nav li a:hover, #header .nav li a.current {
				background:#181f3e;
				color:#fff;
			}
#header .row-2 {
	padding:0 0 0 28px;
	height:140px;
}

/*===== content =====*/
#content {
	padding:32px 0 20px 20px;
	min-height:506px;
	height:auto !important;
	height:506px;
}
	#content .indent {
		padding:26px 140px 20px 9px;
	}
	ul.list1 {
		width:100%;
		overflow:hidden;
	}
		ul.list1 li {
			display:inline;
		}
			ul.list1 li a {
	display:block;
	float:left;
	color:#272727;
	text-decoration:none;
	width:163px;
	margin-right:3px;
	padding:30px 17px 20px 11px;
				
			}
			ul.list1 li a.first-item {
				min-height:460px;
				height:auto !important;
				height:460px;
			}
			ul.list1 li a:hover {
				background:#181f3e;
				color:#fff;
			}
				ul.list1 li a:hover em {
					color:#000000;
				}
				ul.list1 li a strong {
					display:block;
					font-family:"Arial Black", Gadget, sans-serif;
					display:block;
					font-size:20px;
					font-weight:normal;
					margin-bottom:16px;
				}
				ul.list1 li a span {
	display:block;
	margin-bottom:16px;
				}
				ul.list1 li a em {
					font-style:normal;
					color:#919191;
					text-decoration:underline;
				}
				
	ul.list2 li {
		background:url(images/arrow1.gif) no-repeat left 7px;
		padding:0 0 9px 22px;
	}
		ul.list2 li a {
			color:#272727;
		}
/*===== footer =====*/
#footer {
	color:#fff;
	font-size:12px;
}
	#footer a {
		color:#fff;
		text-decoration:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form label { 
		display:block;
		height:33px;
	} 
		#contacts-form label input { 
			width:152px;
			padding:2px 2px 2px 3px;
			color:#272727;
		}
		#contacts-form textarea {
			width:152px;
			height:108px;
			padding:2px 2px 2px 3px;
			margin-bottom:20px;
			color:#272727;
			overflow:auto;
		}

/*==========================================*/
table {
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
caption {
	font-size: 1.4em;
	font-stretch: condensed;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
	text-transform: uppercase;
}
th, td {
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding: 0.6em;
	vertical-align: 4px;
}
th {
	text-align: left;
	text-transform: uppercase;
}
thead th, tfoot th, tfoot td {
	background-color: #990033;
	font-size: 1.1em;
}
tbody th {
	background: url(http://www.clacksweb.org.uk/images/bullet_vacancy.gif) no-repeat 6px 0.8em;
	padding-left: 24px;
}
tbody th, td {
	background-color:#eee;
}
tbody tr:hover td, tbody tr:hover th {
	background-color: #ffffff;
}
tr.odd td, tr.odd th {
	background-color: #ddd;
}
tbody a {
	color: #333;
}
tbody a:visited {
	color: #999999;
}
tbody a:hover {
	color: #33c;
}
tbody a:active {
	color: #33c;
}
tbody td+td+td+td a {
	background: url(http://www.clacksweb.org.uk/images/external.gif) no-repeat right 0.4em;
	padding-right: 12px;
}
tfoot th {
	text-align: right;
}
tfoot th:after {
	content: ":";
}




/* taula ordena */
.sortable { border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 left 15px}

.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 .desc h3 {background:url(images/ico_desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/ico_asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}

.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 */