@charset "utf-8";

/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	color: #000;
	background: #fff;
}

* { margin:0; padding:0; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* close commented backslash hack */


/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }

.asBlock { display:block; }
.asInline { display:inline; }
.asRelative { position:relative; }
.asAbsolute { position:absolute; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w56px { width: 56px; }
.w75px { width: 75px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w125px { width: 125px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w175px { width: 175px; }
.w178px { width: 178px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w225px { width: 225px; }
.w250px { width: 250px; }
.w260px { width: 260px; }
.w275px { width: 275px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w360px { width: 360px; }
.w365px { width: 365px; }
.w375px { width: 375px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w510px { width: 510px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }
.w940px { width: 940px; }

.minHeight240px { min-height: 240px; } /* min-height hack for Internet Explorer */ /*\*/ * html .minHeight240px { height: 240px; } /**/

.pb5px { padding-bottom:5px !important; }
.pb10px { padding-bottom:10px !important; }

.pt10px { padding-top:10px !important; }

.mb5px { margin-bottom:5px !important; }
.mb10px { margin-bottom:10px !important; }
.mb15px { margin-bottom:15px !important; }
.mb20px { margin-bottom:20px !important; }
.mb30px { margin-bottom:30px !important; }

.mt20px { margin-top:20px !important; }

strong { font-weight: bold; }

em { color: #fff; font-style: italic; }

ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style-position: inside;
	list-style: decimal;
	list-style-position: inside;
	margin: 0 0 1.5em 0;
}

/* IE Hack */
input { margin:-1px 0px; }      /* all browsers read this, used to target IE6 */
html>body input { margin:0px; }       /* IE 6 cannot read this, others can */
*+html>body input {margin:-1px; }      /* targets IE7 */

/* =Layout
-----------------------------------------------------------------------------*/

#wrapper { width:970px; margin:0 auto; background:#fff; padding:0 15px; }

	#header {

	}

		.logo img {
			margin:0 0 5px 0;
		}

		.logo p {
			font-size:1em;
			line-height: normal;
		}

		.menu-a li {
			font-size:1.3em;
			line-height: 150%;
		}

		.menu-b {
			margin:0 0 5px 0;
		}
		.menu-b li {
			font-weight: bold;
			font-size:1.3em;
			line-height: 150%;
		}
			.menu li a:link, .menu li a:visited {
				color:#000;
				text-decoration: none;
			}
			.menu li a:active, .menu li a:hover {
				color:#777;
			}
			.menu li a.selected {
				font-weight:bold;
			}
			.menu li a.selected_bg {
				display: block;
				width:178px;
				background:#ccc;
			}

	#content {

	}


	#footer {

	}

		#footer .generalitat {
			background: url(../img/logo_generalitat.gif) no-repeat left top;
			padding:0 0 0 25px;
		}

		#footer a:link, #footer a:visited {
			color:#000;
			text-decoration: none;
		}
		#footer a:hover, #footer a:active {
			color:#777;
		}


/* =Classes
-----------------------------------------------------------------------------*/

	/*****  ROWS & COLS *****/

	.rows, .row { padding:0 0 15px 0; }
	.formRow { margin:0 0 2px 0; }

	.col-a {
		width:178px;
		margin:0 20px 0 0;
	}
	.col-b {
		width:376px;
		margin:0 20px 0 0;
	}
	.col-c {
		width:574px;
		margin:0 20px 0 0;
	}
	.col-d {
		width:772px;
		margin:0 20px 0 0;
	}
	.col-last {
		margin: 0 !important;
	}

	.col-a_padding{
		padding:0 0 0 198px;
	}

	/* Square (for Vocabulari) */
	.col-d.square{
		width:770px;
		border:1px solid #000;
		padding: 20px 0;
	}
		.col-d.square .col-a {
			width:177px;
		}
		.col-d.square .col-b {
			width:375px;
		}

	.box-a {
		color: #fff;
		background: #000;
		height:20px;
		padding:0 0 0 10px;
	}
	.box-b {
		color: #fff;
		background: #ccc;
		height:20px;
		padding:0 0 0 10px;
	}

	/*****  BUTTONS & LINKS *****/

	a.btn_block {
		display:block;
		height:14px;
		width:14px;
		color:#fff;
	}

	a.btn_circle {
		display:block;
		height:178px;
		width:178px;
		color:#fff;
	}

	a.btn_circle_medium {
		display:block;
		height:90px;
		width:90px;
		color:#fff;
	}

	a.btn_circle_small {
		display:block;
		height:74px;
		width:74px;
		color:#fff;
	}

	a.btn_content:link, a.btn_content:visited {
		color:#000;
		margin:5px 0 0 -34px;
		padding:0 0 0 32px;
		text-decoration: none;
		line-height: normal;
	}
	a.btn_content:hover, a.btn_content:active {
		color:#777;
	}

	a.btn_content_alt:link, a.btn_content_alt:visited {
		color:#000;
		margin:5px -34px 0 0;
		padding:0 32px 0 0;
		text-decoration: none;
		line-height: normal;
	}
	a.btn_content_alt:hover, a.btn_content_alt:active {
		color:#777;
	}

	a.btn_login-a:link, a.btn_login-a:visited {
		display: block;
		background: url(../img/btn_login.gif) no-repeat right center;
		width:178px;
		color:#707070;
		text-decoration: none;
		line-height:1.8em;
		font-weight: bold;
		font-size:1.3em;
		margin:0 0 5px 0;
	}
	a.btn_login-a:hover, a.btn_login-a:active {
		color:#000;
	}
	a.btn_login-b:link, a.btn_login-b:visited {
		display: block;
		background: #fff url(../img/btn_login.gif) no-repeat right center;
		/*width:158px;*/
		color:#000;
		text-decoration: none;
		line-height:1.8em;
		font-weight: bold;
		font-size:1.3em;
		margin:0 0 5px 0;
		text-align:right;
		padding:0 20px 0 0;
		border:0;
	}
	a.btn_login-b:hover, a.btn_login-b:active {
		color:#777;
	}

	.btn_login-b {
		font-family: Arial, Helvetica, sans-serif;
		display: block;
		background: #fff url(../img/btn_login.gif) no-repeat right center;
		color:#000;
		text-decoration: none;
		line-height:1.8em;
		font-weight: bold;
		font-size:1.2em;
		margin:2px 0 5px 0;
		text-align:right;
		padding:0 20px 0 0;
		border:0;
	}

	a.btn_login-c:link, a.btn_login-c:visited {
		display: block;
		background: url(../img/btn_logout.gif) no-repeat right center;
		width:178px;
		color:#C00;
		text-decoration: none;
		line-height:1.8em;
		font-weight: bold;
		font-size:1.3em;
		margin:0 0 5px 0;
	}
	a.btn_login-c:hover, a.btn_login-c:active {
		color:#000;
	}

	a.btn_search {
		background: url(../img/btn_search.gif) no-repeat left top ;
	}
	a.btn_moreinfo {
		background: url(../img/btn_moreinfo.gif) no-repeat left center;
	}
	a.btn_external {
		background: url(../img/items_ext.gif) no-repeat left center;
	}
	a.btn_register {
		background: url(../img/btn_register.gif) no-repeat left center;
	}
	a.btn_regidors {
		position:relative;
		margin:-40px 0 0 0;
		background: url(../img/btn_regidors.gif) no-repeat left center;
	}
	a.btn_pdf {
		background: url(../img/btn_pdf.gif) no-repeat left top ;
	}
	a.btn_fer-me_soci {
		background: url(../img/btn_fer-me_soci.gif) no-repeat left center;
	}
	a.btn_modificar {
		background: url(../img/btn_modificar.gif) no-repeat left center;
	}
	a.btn_publica {
		position:relative;
		margin:-60px 0 0 0;
		background: url(../img/btn_publica.gif) no-repeat left center;
	}
	a.btn_publica_small {
		background: url(../img/btn_publica_small.gif) no-repeat left center;
	}
	a.btn_enviar {
		background: url(../img/btn_enviar.gif) no-repeat left center;
	}
	a.btn_entrar {
		background: url(../img/btn_entrar.gif) no-repeat left center;
	}
	a.btn_prev {
		background: url(../img/btn_prev.gif) no-repeat left center;
	}
	a.btn_next {
		background: url(../img/btn_next.gif) no-repeat right center;
	}
	a.btn_fes-te_soci {
		display: block;
		width:178px;
		height:178px;
		background: url(../img/titles_fes-te_soci.gif) no-repeat left top;
	}

	.items a:link, .items a:visited {
		padding:0 30px 0 0;
		text-decoration: none;
		color:#000;
		background: url(../img/items_max.gif) no-repeat right center;
	}
	.items a.selected {
		background: url(../img/items_min.gif) no-repeat right center;
	}
	.items a:hover, .items a:active {
		color: #707070;
	}

	a.homepage:link, a.homepage:visited { font-size: 1.3em; color: #fff; text-decoration: none; font-weight: bold; line-height: 180%; display: block;  }

	/*****  LISTS *****/

	ul.lists-a {
		margin:55px 0 0 0;
		font-size: 1.3em;
		line-height: normal;
	}
		ul.lists-a li {
			margin:10px 0 0 0;
		}

	ul.lists-b li {
		margin:0 0 20px 0;
	}

	ul.lists-c {
		margin:0 0 0 0;
		font-size: 1.3em;
		line-height: normal;
	}
		ul.lists-c a:link, ul.lists-c a:visited {
			color: #000;
			text-decoration: none;
		}
		ul.lists-c a:hover, ul.lists-c a:active {
			color: #777;
		}
		ul.lists-c a.selected {
			font-weight: bold;
		}

	ul.lists-items {
		list-style-image: url(../img/lists_items.gif);
		list-style-position: outside;
		font-size: 1.3em;
		line-height: normal;
		margin:0 0 0 -20px;
	}
		ul.lists-items li {
			position: relative;
			margin:0 0 15px 0;
			padding:0 0 0 20px;
		}

	ul.lists-years {
		list-style-image: url(../img/items_max.gif);
		list-style-position: outside;
		font-size: 1.3em;
		line-height: normal;
		margin:15px 0 0 18px;
	}
		ul.lists-years li {
			font-weight: bold;
			padding:0 0 0 15px;
			line-height: 1.6em;
		}
		ul.lists-years a:link, ul.lists-years a:visited {
			color: #000;
			text-decoration: none;
		}
		ul.lists-years a:hover, ul.lists-years a:active {
			color: #777;
		}

	ul.lists-categories {
		list-style-image: url(../img/items_max.gif);
		list-style-position: outside;
		font-size: 1.3em;
		line-height: normal;
		margin:15px 0 0 0;
		padding:0 0 0 16px;
	}
		ul.lists-categories li {
			line-height: normal;
			margin:0 0 5px 0;
		}
		ul.lists-categories a:link, ul.lists-categories a:visited {
			color: #000;
			text-decoration: none;
		}
		ul.lists-categories a:hover, ul.lists-categories a:active {
			color: #777;
		}

	ul.lists-letters {
		font-size: 1.3em;
		line-height: normal;
		margin:0 0 20px 0 ;
	}
		ul.lists-letters li {
			display: inline;
			font-weight: bold;
			line-height: 1.2em;
		}
		ul.lists-letters a:link, ul.lists-letters a:visited {
			color: #707070;
			text-decoration: none;
		}
		ul.lists-letters a:hover, ul.lists-letters a:active, ul.lists-letters a.selected {
			color: #000;
		}

	ul.lists-numbers {
		display: inline;
		font-size: 1.3em;
		line-height: normal;
	}
		ul.lists-numbers li {
			display: inline;
			font-weight: bold;
			line-height: 1.2em;
		}
		ul.lists-numbers a:link, ul.lists-numbers a:visited {
			color: #707070;
			text-decoration: none;
		}
		ul.lists-numbers a:hover, ul.lists-letters a:active, ul.lists-numbers a.selected {
			color: #000;
		}

	/*****  FORMS *****/

	.labels {
		width: 178px;
		text-align: right;
		margin:0 20px 0 0;
		font-size: 1.3em;
	}
	.textFieldFile {
		font-family:Arial, Helvetica, sans-serif;
		background:#E2E2E2;
		padding:1px 0 0 2px;
		line-height: 1.2em;
		font-size: 1.3em;
		border:0;
		color:#707070;
		margin:0 0 2px 0;
	}
	.textFieldRead {
		font-family:Arial, Helvetica, sans-serif;
		background:#E2E2E2;
		padding:1px 0 0 10px;
		line-height: 1.2em;
		height:16px;
		font-size: 1.3em;
		border:0;
		color:#000;
		margin:0 0 2px 0;
	}
	.textField {
		font-family:Arial, Helvetica, sans-serif;
		background:#E2E2E2;
		padding:1px 0 0 0px;
		line-height: 1.2em;
		height:16px;
		font-size: 1.3em;
		border:0;
		color:#707070;
		margin:0 0 2px 0;
	}
	.textFieldFile {
		height:24px;
	}
	.textAreaRead {
		font-family:Arial, Helvetica, sans-serif;
		background:#E2E2E2;
		padding:5px 0 5px 10px;
		line-height: 1.2em;
		font-size: 1.3em;
		border:0;
		color:#000;
		margin:0 0 2px 0;
		overflow:auto;
	}
	.textArea {
		font-family:Arial, Helvetica, sans-serif;
		background:#E2E2E2;
		padding:0;
		line-height: 1.3em;
		font-size: 1.3em;
		border:0;
		color:#707070;
		margin:0 0 2px 0;
		overflow:auto;
	}
	.selectBox {
		color: #333;
		font-size: 1.3em;
		padding: 2px;
		border: 0;
		background:#E2E2E2;
		margin:0 0 2px 0;
	}
		.selectBox option {
			padding: 0 15px 0 0;
		}
	.rememberme {
		margin:3px 0 5px 0;
	}
		.rememberme input {
			padding-top:5px;
		}
		.rememberme p {
			padding-left:5px;
			line-height:1em;
		}
		.rememberme label {
			line-height:1em;
		}

/* =Page specific
-----------------------------------------------------------------------------*/

	.banner {
		background: #ccc;
		height:72px;
		margin:0 0 10px 0;
	}
		.banner_txt p {
			font-weight: bold;
			line-height:72px;
			padding:0 10px 0 0;
		}

	.top .top_image{
		margin:0 0 25px 0;
	}

	.document {
		background:#ccc;
		padding:10px;
		margin:0 0 10px 0;
		/*width:96px;*/
	}
	.document_top {
		background:#ccc;
		padding:10px;
		margin:0 20px 0 0;
		/*width:96px;*/
	}
	.document_top_description {
		margin:85px 0 0 0;
		width:240px;
	}
	.document_small img {
		/*background:#ccc;*/
		border:8px solid #ccc;
		margin:0 20px 5px 0;
		/*width:74px;*/
	}

	.bloqueado {
		display: inline-block;
		width:15px;
		height:14px;
		background: url(../img/btn_register.gif) no-repeat right 4px;
	}
	.lines{
		color: #ccc;
		height:1px;
		background:#ccc;
		border:0;
		margin:20px 0;
	}

/* =Type
-----------------------------------------------------------------------------*/

h1 { width:178px; height:178px; }
	h1.fes-te_soci { background: url(../img/titles_fes-te_soci.gif) no-repeat left top; }

h2 { font-size:1.8em; line-height: 20px; color:#060606; font-weight: normal; }
	.content h2, .content_alt  { margin:0 0 10px 0; }
	.texts h2, .texts_alt h2 { font-size:18px !important; }

h3 { font-size:1.3em; line-height: normal; font-weight:bold; }
	h3.alt { font-weight:normal; font-style:italic; margin:0 20px 0 0; }
	h3.alt_normal { font-weight:normal; }
	ul li h3 { margin:0 0 10px 0; }

h4 { font-size:1.3em; line-height: normal; font-weight: bold; color:#060606; text-transform:uppercase; margin:0 0 10px 0;}
	h4.alt { font-size:1.3em; line-height: normal; font-weight: bold; color:#000; text-transform:uppercase; margin:0 0 10px 0; }

h5 { font-size:1.3em; line-height:1.8em; font-weight:bold; }
	h5.alt { color:#707070; line-height: 1em; margin:0 0 3px 0; }

h6 { font-size:1.3em; font-weight:bold; margin:15px 0; }

p {
	font-size: 1.3em;
	line-height: 140%;
}
p.alt, p .alt {
	color:#707070;
}
.texts {
	font-size: 1.3em;
	line-height: 140%;
}

.texts_alt {
	font-size: 1.3em;
	line-height: normal;
}

.content a:link, .content a:visited {
	color: #707070;
	text-decoration: none;
}
.content a:hover, .content a:active, .content a.selected {
	color: #000;
}

.error{
	padding:2px 0 0 0;
	color: #C00;
	line-height: 1.8em;
}
	.content p {
		margin:0 0 10px 0 ;
	}
	.content_alt p {
		margin:0;
		font-size: 1.3em;
		line-height: normal;
	}

		.paginator .numbers_main {
			padding:0 10px;
		}
		.paginator .numbers {
			font-size: 1.3em;
			padding:0 1px;
			color: #000;
			margin:0 3px;
		}
		.paginator .current {
			font-size: 1.3em;
			padding:0 1px;
			color: #777;
			margin:0 3px;
		}
		.paginator a:link, .paginator a:visited {
			font-size: 1.3em;
			color: #000;
			text-decoration: none;
		}
		.paginator a:hover, .paginator a:active {
			color: #777;
		}

/* mensajes de status */
.error-message { font-size: 1.3em; color: #CC0000; padding: 2px; line-height:normal; }
.ok-message { font-size: 1.3em; color: #38B838; padding: 2px; }