/*
CRAI
Can Antaviana, 2010
*/
@import url("crai-fontface.css");
/* Basic
---------------------------------------------*/
html {font-size: 100%;} /* WinIE text resize correction */
body {
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	color: #333;
	background: #d27a90 url("crai-img/bg-body.gif");
	padding: 0;
	margin: 0;
}
body#portada {background: #d27a90 url(crai-img/bg-body.gif);}
/* Safari and Opera filter*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

ul,ol,dl,fieldset {margin:0;padding:0;}
img,abbr,acronym,fieldset {border: none;}
ul {list-style: none;}
.hide {display: none !important;}
hr {display: none;}
/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/*acc*/
#acc {
	position : absolute;
	top : -9000px;
	left : -9000px;
	z-index : 1;
}
	#acc a:focus,
	#acc a:active {
		position : absolute;
		top : 9010px;
		left : 9010px;
		background : #fff; 
		color : #333;
		padding : 5px;
		font-weight : bold;
		border : 1px solid #600;
		width : 10em;
		z-index : 1;
	}


/* Vincles
---------------------------------------------*/
/*General*/
a:link {
	color: #154d86;
	text-decoration: none;
	border-bottom: 1px dotted #154d86;
}
a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}
a:focus {
	color: #154d86;
	text-decoration: none;
	outline: 0;
}
a:hover {
	color: #154d86;
	text-decoration: none;
	border-bottom: 1px solid #154d86;
}
a:active {
	color: #154d86;
	text-decoration: none;
	outline: 0;
}
/*Vincles externs*/
a:link.external,
a:visited.external {
	background-image: url(http://www.urv.cat/media/css/img/icon_link_ext.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	padding-right: 14px;
}
a:focus.external,
a:focus.active {
	background-image: url(http://www.urv.cat/media/css/img/icon_link_ext2.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	padding-right: 14px;
}
a.img,
.image a {
	border:none;
}

/* nav_main
---------------------------------------------*/		
#nav_main {
	position: absolute;
	left: 231px;
	top: 4.35em;
	width: 670px;
}
	#nav_main ul li {display:inline;}
	#nav_main ul li a {
		display: block;
		float: left;
		height: 49px;
		width: 120px;
		position: relative;
		overflow: hidden;
		margin: 0 14px 0 0;
		background: #ccc;
		border: none;
	}
		#nav_main ul li.last a {margin-right: 0;}
		#nav_main ul li span {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background-repeat: no-repeat;
			background-image: url(http://www.urv.cat/media/css/img/menu_interior.jpg);
			cursor: pointer; /*IE*/
		}
		/*Universitat*/
		#nav_main ul li#universitat span {background-position: 0 0;}
			#nav_main ul li#universitat a:hover span,
			#nav_main ul li#universitat a:focus span {background-position: 0 -67px;}
			#nav_main ul li#universitat a:active span {background-position: 0 -134px;}
		/*Grau*/
		#nav_main ul li#grau span {background-position: -131px 0;}
			#nav_main ul li#grau a:hover span,
			#nav_main ul li#grau a:focus span {background-position: -131px -67px;}
			#nav_main ul li#grau a:active span {background-position: -131px -134px;}
		/*Postgrau*/
		#nav_main ul li#postgrau span {background-position: -262px 0;}
			#nav_main ul li#postgrau a:hover span,
			#nav_main ul li#postgrau a:focus span {background-position: -262px -67px;}
			#nav_main ul li#postgrau a:active span {background-position: -262px -134px;}
		/*Recerca*/
		#nav_main ul li#recerca span {background-position: -393px 0;}
			#nav_main ul li#recerca a:hover span,
			#nav_main ul li#recerca a:focus span {background-position: -393px -67px;}
			#nav_main ul li#recerca a:active span {background-position: -393px -134px;}
		/*Entorn*/
		#nav_main ul li#entorn a {margin-right: 0;}
		#nav_main ul li#entorn span {background-position: -524px 0;}
			#nav_main ul li#entorn a:hover span,
			#nav_main ul li#entorn a:focus span {background-position: -524px -67px;}
			#nav_main ul li#entorn a:active span {background-position: -524px -134px;}

#molladepa {
	font-size: .75em;
	padding: 0 0 0 20px;
	margin-bottom: 1.5em;
	background: url(http://www.urv.cat/media/css/img/kland_molladepa.gif) 0 50% no-repeat;
}
	#molladepa a:link,
	#molladepa a:visited {
		border-bottom: 0;
		color: #7f1730;
	}
	#molladepa a:focus,
	#molladepa a:active {color: #fff;background: #7f1730;}
	#molladepa a:hover {border-bottom: 1px dotted #7f1730;}



/* Branding
---------------------------------------------*/
#branding {
	position: relative;
	margin: 0 0 .75em;
/*	background: #fff;*/
}
	h1 {
		margin: 0;
		float: left;
	}
		h1 a:link,
		h1 a:visited {border-bottom: 0;}
		h1 a:focus,
		h1 a:active {
			background: none;
			outline: 1px dotted #000;
		}
/*eines*/
#eines {
	background: #c0d1d2 url(http://www.urv.cat/media/css/img/bg_eines.jpg) repeat-x;
	width: 657px;
	float: right;
	padding: 5px 0;
}
	#eines ul {margin-left: 1em;}
		#eines ul li {display: inline;}
			#eines ul li a {
				display: block;
				float: left;
				font-size: .6875em;
				margin: .5em 1em 0 0;
			}
			#eines a:link,
			#eines a:visited {
				border: none;
				color: #333;
			}
			#eines a:hover {border-bottom: 1px dotted #333;}
			#eines a:focus,
			#eines a:active {color: #fff;}
			#eines #seu a {
				display: block;
				background: aqua url('http://www.urv.cat/media/css/img/bt_seu.png') no-repeat;
				width: 103px;
				height: 20px;
				color: #fff;
				font-size: .625em;
				text-align: center;
				float: left;
				line-height: 1.75;
				margin-top: .4em;
			}
			#eines #seu a:hover {border: none;}
			
	/*cercador*/
	#eines form {
		text-align: right;
		margin: .2em .5em 0 0;
	}
		#eines form label {display: none;}
		#eines form input {
			border: 1px solid #cdcdcd;
			border-top-color: #8e8e8e;
			border-bottom-color: #e3e3e3;
			background: #fff url(http://www.urv.cat/media/css/img/bg_input.jpg) repeat-x;
			width: 130px;
			padding: .2em;
			font-size: .6875em;
		}
			#eines form input.bt {
				border: none;
				background: none;
				vertical-align: middle;
				width: auto;
				padding: 0;
				margin-left: 6px;
			}
#container_sub h2 {
	/*margin-top: -20px;*/
	clear:both;	
}
	#container_sub h2 a {margin:0;padding:0;border:0;}
#container_sub #content_main h2 {
	margin-top: 0;
	font-size: 2.125em;
	color: #3b9f4f;
	padding-bottom: 10px;
	border-bottom: 1px #ccc solid;
	font-weight: normal;
	font-family: 'AUdimatRegular', sans-serif;
}
#container_sub #content_main h3 {
	font-weight: normal;
	font-size: 1.875em;
	color: #7f1730;	
	font-family: 'AUdimatBold', sans-serif;
	text-align:left;
}
#container_sub #content_main h4 {
	background: url("crai-img/kland-llistat.gif") 0 2px no-repeat;
	font-size: 1em;
	padding-left: 25px;
}
#content_main hr {
	display: block;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px #ccc solid;
	margin: 15px 0;
}


/* layout
---------------------------------------------*/
#container_main {
	margin: 0 auto;
	width: 835px;
	padding: 22px 52px 0 53px;
	text-align: left;
	position: relative;
	background: #fff;
}
#nav_sub {
	/* float: left; 
	width: 194px;*/
	margin: -10px 0 1.125em 0;
}
#content_main {
	/*float: right;	
	width: 617px;*/
	padding: 15px 0 30px 0;
	clear:both;
}
/* nav_sub
---------------------------------------------*/
#nav_sub ul {
	margin: 0 0 1.125em;
}
	#nav_sub ul li {
		margin-bottom: 8px;
		float:left;
		width: 131px;
		margin-right:8px;
	}
	
	/*#nav_sub ul li:hover {
		border-bottom: 1px #911778 solid;	
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	}*/
	#container_main #nav_sub ul li.last {margin-right:0;}
		#container_main #nav_sub ul li a {
			background: #211f22 url("crai-img/bg-menu.gif") repeat-x;
			display: block;
			font-size: .75em;
			padding: 1.1em 1.3em;
			color: white;
			border:0;
			
			-moz-border-radius: 15px 0 0 0;
			-webkit-border-radius: 15px 0 0 0;
			-khtml-border-radius: 15px 0 0 0;
			border-radius: 15px 0 0 0;
		}
		#container_main #nav_sub ul li.current a,
		#container_main #nav_sub ul li a:hover {
			color: #fff;
			background: url("crai-img/bg-menu-hover.gif") repeat-x;
			
			-moz-border-radius: 15px 0 0 0;
			-webkit-border-radius: 15px 0 0 0;
			-khtml-border-radius: 15px 0 0 0;
			border-radius: 15px 0 0 0;
		}
		
		
		#nav_sub ul a:link,
		#nav_sub ul a:visited {color: #333;}
		#nav_sub ul a:hover {text-decoration: underline;}
		#nav_sub ul a:focus,
		#nav_sub ul a:active {
			background: none;
			outline: 1px dotted #000;
		}
		#nav_sub ul li.separador {border-top: 4px solid #ccc;}
		#nav_sub ul li span {
			display: block;
			font-size: .75em;
			font-weight: bold;
			padding: .5em 10px;
		}

/* estils portada
---------------------------------------------*/

#portada #content_main {width:480px;float:left;}
/* box etiquetes */

#portada .box {
	padding: 0 15px 10px 15px;
	width: 300px;
	float:right;
}

	#portada .box .titol {
		margin-top: 15px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border:0;
	}
		#portada #etiquetes a {border: 0;color:#717171;}
		#portada #etiquetes a:hover {border-bottom: 1px #444 dotted;}
		#portada #etiquetes p {color: #aaa;font-size: .8125em;} /*13px*/
		
		#portada #etiquetes p .fluix {color: #777;font-size: 1.2307em;} /* 16px*/
		#portada #etiquetes p .fort {color: #444;font-size: 1.3846em;} /*18px*/
		
/* estils interiors
---------------------------------------------*/
p small {font-size: 12px;width: 400px;display: block;}
#content_main p {font-size: .875em;}

#content_main ul li {
	background: url("crai-img/kland-llistat.gif") 0 3px no-repeat;
	padding-left: 25px;
	font-size: .875em;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#content_main ol li {font-size: .875em;margin-left:25px;}

#portada #content_main .llista_destacada {margin-top: 0;}
#portada #content_main .llista_destacada {margin-bottom: 10px;/*margin-top: -12px;*/float:left;width:480px;}
#portada #content_main .llista_destacada li {
	float: left;
	display: inline;
	padding: 0;
	background: none;
	font-size: 14px;
	margin-bottom: 6px;
	margin-right: 6px;
	cursor: pointer;
	border:0;
}
	#portada #content_main .llista_destacada li a {
		background: none;
		padding: 10px 55px 30px 15px;
		display: block;
		line-height: 1.3em;
		width: 86px;
		height: 35px;
		color: white;
		font-weight: bold;
		border:0;
	}
	#portada #content_main .llista_destacada li a.video {
		height:25px;
		display:block;
		padding: 0px;
		margin:0px;
		width:100%;
	}
		#content_main .llista_destacada li a.video,
		#portada #content_main .llista_destacada li a.video span{
			display:none;
		}
	#portada #content_main .llista_destacada li a:hover {border:none;}
	#portada #content_main .llista_destacada li a:active,
	#portada #content_main .llista_destacada li a:focus{background: none;}
	
	#portada #content_main .llista_destacada li.c,
	#portada #content_main .llista_destacada li.f {margin-right: 0;}
	
	#portada #content_main .llista_destacada li.a {background: url("crai-img/bg-a.jpg") 0 0 no-repeat;}
	#portada #content_main .llista_destacada li.b {background: url("crai-img/bg-b.jpg") 0 0 no-repeat;}
	#portada #content_main .llista_destacada li.c {background: url("crai-img/bg-c.jpg") 0 0 no-repeat;}
	#portada #content_main .llista_destacada li.d {background: url("crai-img/bg-d.jpg") 0 0 no-repeat;}
	#portada #content_main .llista_destacada li.e {background: url("crai-img/bg-e.jpg") 0 0 no-repeat;}
	#portada #content_main .llista_destacada li.f {background: url("crai-img/bg-f.jpg") 0 0 no-repeat;}
	
	/* current */
	#portada #content_main .llista_destacada li.a.current a,
	#portada #content_main .llista_destacada li.a a:hover {color: white;background: url("crai-img/bg-a.jpg") 0 100% no-repeat;}
	#portada #content_main .llista_destacada li.b.current a,
	#portada #content_main .llista_destacada li.b a:hover {color: white;background: url("crai-img/bg-b.jpg") 0 100% no-repeat;}
	#portada #content_main .llista_destacada li.c.current a,
	#portada #content_main .llista_destacada li.c a:hover {color: white;background: url("crai-img/bg-c.jpg") 0 100% no-repeat;}
	#portada #content_main .llista_destacada li.d.current a,
	#portada #content_main .llista_destacada li.d a:hover {color: white;background: url("crai-img/bg-d.jpg") 0 100% no-repeat;}
	#portada #content_main .llista_destacada li.e.current a,
	#portada #content_main .llista_destacada li.e a:hover {color: white;background: url("crai-img/bg-e.jpg") 0 100% no-repeat;}
	#portada #content_main .llista_destacada li.f.current a,
	#portada #content_main .llista_destacada li.f a:hover {color: white;background: url("crai-img/bg-f.jpg") 0 100% no-repeat;}
	
	#portada #content_main .llista_destacada li.a a.video:hover {color: white;background: url("crai-img/bg-a.jpg") 0 0 no-repeat;}
	#portada #content_main .llista_destacada li.b a.video:hover {color: white;background: url("crai-img/bg-b.jpg") 0 0 no-repeat;}
	#portada #content_main .llista_destacada li.c a.video:hover {color: white;background: url("crai-img/bg-c.jpg") 0 0 no-repeat;}
	#portada #content_main .llista_destacada li.d a.video:hover {color: white;background: url("crai-img/bg-d.jpg") 0 0 no-repeat;}
	#portada #content_main .llista_destacada li.e a.video:hover {color: white;background: url("crai-img/bg-e.jpg") 0 0 no-repeat;}
	#portada #content_main .llista_destacada li.f a.video:hover {color: white;background: url("crai-img/bg-f.jpg") 0 0 no-repeat;}
	
	
	/*#content_main .llista_destacada li.current a{color: white;}
	#content_main .llista_destacada li.current a:hover {border-bottom: 1px #fff dotted;}*/

/* llista destacada interiors */
.llista_destacada {
	width: 200px;
	float:left;
	margin-bottom: 40px;
}
#content_main .llista_destacada li {
	border-bottom: 1px #666 solid;
	border-right: 1px #666 solid;
	padding:0 0 0 15px;
	margin:0;
	display:block; 
	background: url('crai-img/bg-nav_sub.gif') repeat-x;
}
	#content_main .llista_destacada li a {
		display:block;
		font-size:.8571em;
		padding:5px 15px 5px 30px;
		height: 48px;
		font-weight: bold;
		border:0;
		color:#fff;
		line-height:1.3em;
	}
	#content_main .llista_destacada li a:hover {color:#999;}
	#content_main .llista_destacada li.a {
		-moz-border-radius: 15px 0 0 0; 
		-webkit-border-radius: 15px 0 0 0;
		-khtml-border-radius: 15px 0 0 0;
		border-radius: 15px 0 0 0;}
	
	#content_main .llista_destacada li.a a{background: url("crai-img/bg-a_interior.png") 0 17px no-repeat;}
	#content_main .llista_destacada li.b a{background: url("crai-img/bg-b_interior.png") 0 8px no-repeat;}
	#content_main .llista_destacada li.c a{background: url("crai-img/bg-c_interior.png") 0 8px no-repeat;}
	#content_main .llista_destacada li.d a{background: url("crai-img/bg-d_interior.png") 0 10px no-repeat;}
	#content_main .llista_destacada li.e a{background: url("crai-img/bg-e_interior.png") 0 17px no-repeat;}
	#content_main .llista_destacada li.f a{background: url("crai-img/bg-f_interior.png") 0 10px no-repeat;}
/*--------------------------*/
blockquote {
	background: url("crai-img/blockquote-l.gif") 0 0 no-repeat;	
	font-family: Georgia, Verdana, Helvetica;
	margin:0;
	padding: 0 0 0 55px;
	text-align: center;
	font-style: italic;
	border-bottom: 1px #ccc solid;
	display: block;
}
	#content_main blockquote p {
		font-size: 1.125em;
		padding-right: 55px;
		background: url("crai-img/blockquote-r.gif") 100% 0 no-repeat;		
	}

#container_sub #content_main h6 {
	font-family: 'AUdimatRegular', sans-serif;
	width: 75px;
	font-size: 65px;
	float:left;
	margin:0;
	background:none;
	padding: 0;
	/*height:100px;*/
	clear:both;
}
/* nums colors */
h6.taronja{ color:#E65D3D;}
h6.groc { color:#E5B035;}
h6.magenta { color:#C60976;}
h6.verd { color:#3B9F4F;}
h6.blau { color:#348FF3;}
/* general amb submenú */
.general {
	width: 622px;
	float:right;
}
/* que es */
.presentacio {
	background: url("crai-img/bg-presentacio.gif") 0 3px no-repeat;	
	padding: 0 50px 20px 80px;
	margin-top:0;
	font-size: .875em;
	line-height: 1.5em;
	border-bottom: 1px #ccc solid;
}
/* l'integrem */
.integrem ul {
	background: url("crai-img/bg-integrem.gif") no-repeat;	
	padding-left: 220px;
	padding-bottom: 30px;
}
	#content_main.integrem li {margin: 13px 0;background:none;padding-left:0;}
		.integrem li a {
			display: block;
			background: #eece72 url("crai-img/bg-llistat-integrem.gif") repeat-x;
			border-bottom: 1px #b7a984 solid;
			padding: 9px 12px;
			position: relative;	
			font-size: .875em;
			color: #333;
			
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border-radius: 5px;
		}
			.integrem li a span {
				background: url("crai-img/kland-integrem.gif") no-repeat;
				position: absolute;
				right: 5px;
				top: 5px;	
				width: 21px;
				height: 20px;
			}
			
		#content_main.integrem li a:link.external,
		#content_main.integrem li a:visited.external {
			background-image: none;
		}
			#content_main.integrem li a:focus.external,
			#content_main.integrem li a:focus.active {
				background-image: none;
			}
			
			
/* serveis */
.serveis {
	background: url("crai-img/bg-serveis.gif") 100% 5px no-repeat;	
	padding-right: 130px;
	width:477px;
	float:right;
}
	/*.serveis p {line-height: 1.3em;padding-top: 10px;}*/
	#container_sub #content_main .serveis h3 {margin: 30px 0 10px 0;font-size: 1.25em;}
	
	/*#container_sub #content_main .serveis h4 {
		font-family: 'AUdimatRegular', sans-serif;
		width: 75px;
		font-size: 65px;
		float:left;
		margin:0;
		background:none;
		padding: 0;
	}*/

/* compromisos */	
.compromisos {
	background: url("crai-img/bg-compromisos.gif") 100% 35px no-repeat;	
	padding-right: 150px;
	margin-top: -10px;
}
	#content_main .compromisos p {line-height: 1.3em;margin:0;font-size: .875em;padding:15px 0;height:75px;border-bottom:1px #ccc solid;}
	.compromisos img {float: left; margin:0 15px 10px 0;}

/* faqs */
#content_main.faqs {
	background: url("crai-img/bg-faqs.gif") 100% 55px no-repeat;	
	padding-right: 150px;
	margin-top: -10px;
	width:467px;
}
	/*#content_main.faqs ul li {border-bottom: 1px #ccc solid;padding: 0;background:none;margin-bottom: 0;}*/
	#content_main.faqs p,
	#content_main .ajudans p {font-size: .875em; padding-left: 85px;}
	#container_sub #content_main.faqs h3 {margin:5px 0 0 0;font-size: 1.25em;padding-top: 10px; padding-left:10px; float:left;width:380px;}
	
	
/* ajuda'ns */
.ajudans {
	padding-right: 150px;	
}

	#container_sub #content_main .ajudans h6 {clear:both;}
	#container_sub #content_main .ajudans p {padding-top: 15px;}
	#container_sub #content_main .ajudans p.primer,
	#container_sub #content_main .ajudans p.apunt {clear:both;padding-left:0;}
	#container_sub #content_main .ajudans p.txtImgEsqCont {}

/* punt d'atenció*/
.punt_atencio {
	background: url("crai-img/bg-punt-atencio.gif") 100% 10px no-repeat;	
	padding-right: 145px;
	width:477px;
	float:right;
}
	.punt_atencio img {float:left; margin: 0 15px 10px 0;}
/*.punt_atencio .txtImgEsq {float:left;margin: 0 15px 10px 0;}*/
	#content_main .punt_atencio li {font-size: .8125em;}
.info_contacte {
	background: #FBF5D2 url("crai-img/bg-box-contacte.gif") repeat-x;	
	padding: 10px 20px;
	margin: 20px 0;
	border-bottom: 1px #eac057 solid;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
	#content_main .info_contacte p {margin:0 0 10px 0;font-size: .8125em;}
	.info_contacte img {float: left; margin: 5px 15px 10px 0; }
	
	#container_sub #content_main h2.puntdatencio {color: #338FF2;}
/* la factoria */	
.factoria {
	background: url("crai-img/bg-la-factoria.gif") 100% 30px no-repeat;		
	padding-right: 230px;
	padding-bottom: 20px;
	width:392px;
	float:right;
}
	.int p {	padding-left: 25px;}
	
	.pdf_gran {
		/*
		margin-left:10px;
		width: 285px; */
		float: left;
		position:relative;
	}
	
	#content_main .pdf_gran_nomargin a,
	#content_main .pdf_gran a {
		background: #7f1730 url("crai-img/ico-pdf.gif") 10px 5px no-repeat;
		color: white;
		padding: 10px 20px 10px 50px;
		border: 0;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	}
	#content_main .pdf_gran_nomargin{
		padding: 20px 20px 10px 0px;
	}
		.contacte_fosc {
			background: #F3F3F3 url("crai-img/bg-contacte-fosc.gif") repeat-x;	
			padding: 10px 20px 10px 130px;
			position: relative;
			height: 223px;
			clear: both;
			
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border-radius: 5px;
		}
			.contacte_fosc span {
				background: url("crai-img/bg-contacte-negre.gif") no-repeat;
				position: absolute;
				left: 0;
				top:0;
				width: 106px;
				height: 243px;
			}
			#content_main .contacte_fosc p {font-size: .8125em;line-height: 1.3em;}
			.contacte_fosc a, .contacte_fosc strong {color: #7f1730;}
			.contacte_fosc a {border-bottom: 1px #7f1730 dotted;}
			.contacte_fosc a:hover {border-bottom: 1px #7f1730 solid; }
			
			.contacte_fosc a:focus, .contacte_fosc a:active {background: none;}
			
			#container_sub #content_main h2.fac {color: #7f1730;}
			
/* eol */	
.eol {
	background: url("crai-img/bg-eol.gif") 100% 0 no-repeat;
	padding-right: 220px;
	width:392px;
	float:right;
}
.eol p {padding-left: 0;}
#container_sub #content_main h2.eal {color: #f9ae31;}

#content_main .pdf_gran.eal {margin-left: -10px;float: left;width: 200px;padding-left: 0;}
#content_main .pdf_gran.eal a {
		background: #f9ae31 url("crai-img/ico-pdf.gif") 10px 5px no-repeat;
		color: black;
		padding-left:45px;
}
#content_main .link {float: right;padding-left: 0;}
	.link a {
		background: #f9ae31 url("crai-img/icona-serveis.png") 10px 5px no-repeat;
		color: black;
		padding: 10px 15px 10px 45px;
		border: 0;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	}


/* mapa web
---------------------------------------------*/
#mapaweb #content_main {
	width: 100%;	
}
	#mapaweb #content_main .menu_principal,
	#mapaweb #content_main .menu_destaquem {
		width: 45%;	
	}
	
	#mapaweb #content_main .menu_principal {float: left;}
	#mapaweb #content_main .menu_destaquem {float: right;}


/* site_info
---------------------------------------------*/
#site_info {clear:both;border-top: 1px solid #ccc;}
#site_info p,
#site_info ul {
	font-size: .625em;
	line-height: 1.5em;
	margin: 0;
}
div#altres {text-align: center;}
	div#altres p,
	div#altres ul {margin: 1em 0;}
		div#altres li {
			display: inline;
			border-right: 1px solid #999;
			padding: 0 1em 0 0;
			margin: 0 .5em 0 0;
		}
			div#altres li.last {border-right: none;}



/* estils houdini
---------------------------------------------*/
/*Text + imatge*/
div.txtImgEsq img {
	float: left;
	margin: 0 1.125em 1.125em 0;
}
div.txtImgDr img {
	float: right;
	margin: 0 0 1.125em 1.125em;
}

/*Text + imatge DESTACAT */
div.txtImgDrDest,
div.txtImgEsqDest {
	background: #8F3247;
	color: white;
	clear: both;
	margin-bottom: 20px;
}
div.txtImgDrDest p,
div.txtImgEsqDest p{
	padding: 10px;
}

div.txtImgEsqDest img {
	float: left;
	margin: 0 1.125em 0 0;
	padding: 0;
}
div.txtImgDrDest img {
	float: right;
	margin: 0 0 0 1.125em;
	padding: 0;
}

/*Text destacat*/
div.destacat {
	border: 1px solid #d37c91;
	margin: 0 0 2em;
	position: relative;
	background: #faf6f7;
}
	div.destacat div {
		position: absolute;
		width: 645px;
		height: 5px;
		background-repeat: no-repeat;
	}
		#content_main div.destacat div.t {background-image: url(img/box_big_a_t.gif);}
		#content_main div.destacat div.b {background-image: url(img/box_big_a_b.gif);}
		div.destacat div.ql {
			width: 44px;
			height: 33px;
			left: 10px;
			top: -10px;
			background: url(img/ico_quote1.png) no-repeat;
		}
		div.destacat div.qr {
			width: 44px;
			height: 33px;
			right: 10px;
			bottom: -22px;
			background: url(img/ico_quote2.png) no-repeat;
		}
		.col3 #content_main div.destacat div.t {background-image: url(img/box_mid_a_t.gif);}
		.col3 #content_main div.destacat div.b {background-image: url(img/box_mid_a_b.gif);}
		#content_main #text div.destacat {width: 298px;}
		#content_main #text div.destacat div.t {background-image: url(img/box_mid2_a_t.gif); width: 300px;}
		#content_main #text div.destacat div.b {background-image: url(img/box_mid2_a_b.gif); width: 300px;}
		.col2 #content_main #text div.destacat {width: 485px;}
		.col2 #content_main #text div.destacat div.t {background-image: url(img/box_mid3_a_t.gif); width: 487px;}
		.col2 #content_main #text div.destacat div.b {background-image: url(img/box_mid3_a_b.gif); width: 487px;}
	#content_main div.destacat p,
	#content_sub div.destacat p {
		margin: 0;
		padding: 30px 10px 20px;
		font-size: .8125em;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		color: #933f53;
	}

/*Text amb destacat dreta/esquerra*/
div.destacatDreta,
div.destacatEsq {margin: 1.125em 0;}
#content_main div div.destacat {width: 161px;}
	#content_main div.destacatEsq div.destacat {
		float: left;
		margin: 0 1.125em 1.125em 0;
	}
	#content_main div.destacatDreta div.destacat {
		float: right;
		margin: 0  0 1.125em 1.125em;
	}
		#content_main div.destacatEsq div.destacat div.t,
		#content_main div.destacatDreta div.destacat div.t {
			width: 163px;
			background: url(img/box_small_a_t.gif) no-repeat;
		}
		#content_main div.destacatEsq div.destacat div.b,
		#content_main div.destacatDreta div.destacat div.b {
			width: 163px;
			background: url(img/box_small_a_b.gif) 0 100% no-repeat;
		}

/*Taula*/
#content_main table {
	width: 100%;
	border-collapse: separate;
	border-spacing: .25em;
	margin: 0 0 1.125em 0;
}
	#content_main table caption {display: none;}
	#content_main table td,
	#content_main table th {
		font-size: .6875em;
		padding: .2em .4em;
	}
	#content_main table th {background: #ccc;}
	#content_main table td {background: #ebebeb;}
		#content_main table td p,
		#content_main table td ul,
		#content_main table td ol {font-size: 1em;}
		#content_main table td p{margin:0;}	
		
		#content_main table.taulafonsblanc td,
		#content_main table.taulafonsblanc th{
				background: #fff;
		}
		#content_main table.taulafonsblanc td{
			text-align: center;	
		}
	#content_main table td.centrar{
	text-align:center;
	}