/* GrisArt - Estils generals */


/* Elements generals */

	body {
		margin: 0;
		padding: 0;
		font-size: 62.5%;
		font-family: Verdana, Arial, sans-serif;		
		background-color: #eee;
	}
	
	body.body-popup {
		background-color: #fff;
		padding: 2em;
		color:#F00;
	}	

	h1 {
		display: block;
		margin: 0;
		padding: 0;
	}
		
	h2, h3, h4, h5 {
		color: #474646;
		margin: 0;
		padding: 0;
	}

	div, p {
		margin: 0;
		padding: 0;
	}

	ul, ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	a {
		color: #474646;
	}
	
	a img {
		border: none;
	}
	
	p {
		color: #474646;
	}
	
	.hidden {
	  display: none;
	}

/* ----------------- */


/* Layout */
	
	#super {
		margin: 0 auto;
		/*width: 76.6em;*/
		width: 900px;
		clear: both;
		background-color: #eee;
	}
	
	#page {
		margin: 0 auto;
		/*width: 76.6em;*/
		background: #fff url('../images/bg_page.gif') repeat-y top left;
		
	}
	
	#subpage {
		margin: 0 auto;
		/*width: 76.6em;*/
		background: url('../images/bg_sub-page.gif') repeat-y top right;
	}
	
	#linea-sobre-footer{
		border-bottom:2px solid #e5322d;
		margin-left:4px;
		margin-right:4px;
		background-color:#eee;
	}

/* ------ */


/* Barra d'idiomes */
	#languages_home {
		width: 100%;
		overflow: hidden;
		margin-top: 60px;
		margin-bottom: 0;
		font-family: Verdana, Arial, sans-serif;
		color: #fff;
	}
	#languages_home ul {
			margin-right: .1em;
			color: #fff;
			float: right;
		}
		
		#languages_home li {
			margin-right: .6em;
			padding-right: .6em;
			line-height: 10p;
			display: inline;
			color: #fff;
			border-right: 1px solid #fff;		
		}
		
			#languages_home li.last {
				border-right: none;
				margin-right: 0;
				padding-right: 0;
			}
		
			#languages_home li a {
				color: #fff;
			}
			
			#languages_home li a:hover {
				text-decoration: none;
			}
			
			#languages_home li strong, #languages li strong a {
				color: #fff;
			}

	#languages {
		float:right;
		margin-top: 20px;
		font-size: 11px;
		font-family: Verdana, Arial, sans-serif;
		color: #000;
	}
	#languages ul {
			text-align:right;
			margin-right: 1.5em;
			color: #000;
		}
		
		#languages li {
			margin-right: 5px;
			padding-right: 9px;
			line-height: 2em;
			display: inline;
			color: #000;
			border-right: 1px solid #e5322d;			
		}
		
		#languages li.last {
				border-right: none;
				margin-right: 0;
				padding-right: 0;
			}
		
			#languages li a {
				color: #000;
				text-decoration:none;
			}
			
			#languages li a:hover {
				text-decoration: none;
				color:#e5322d;
			}
			
			#languages li strong, #languages li strong a {
				color: #000;
			}
/* --------------- */

/* Capcalera */
	#header {
		overflow: hidden;
		/*width: 75.6em;*/
		width:860px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		background: url("../images/header/header.png") no-repeat;
		background-color:#FFF;
		height:150px;
	}

	#header #header-content {
		/*width: 75.9em;*/
		width:860px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		height: 100px;
	}
			
	/* Logo de Grisart del Header */
	#header h1 {
		float: left;
		margin-top:20px;
		margin-left:10px;
	}
	
	#header h1 a img.blank {
		display: none;	
	}
	
	#header_home {
		margin-top: 1px;
		height: 264px;
		width: 75em;			
	}
	
		#header_home #flash_header img {
			float: right;
			height: 264px;
			position: absolute;
			top: 0;
			right: 0;
			margin: 0;
		}
	
		#header_home #flash_header {
			float: right;
			margin: 0;
			position: absolute;
			top: 0;
			right: 5px;
		}
	
	.grisart #header { background-color: #FFF; }
	.proposta_formativa #header { background-color: #FFF; }
	.professorat #header { background-color: #FFF; }
	.publicacions #header { background-color: #FFF; }
	.activitats #header { background-color: #FFF; }
	.galeria #header { background-color: #FFF; }
	.articles #header { background-color: #FFF; }
	.becas #header { background-color: #FFF; }
	.home #header { background-color: #FFF; }
	
	/*.grisart #header-content { background: url("../images/header/GRISART.jpg") no-repeat; }
	.grisart #header-content { background: url("../images/header/header.png") no-repeat; }
	.proposta_formativa #header-content { background: url("../images/header/PROPUESTA.jpg") no-repeat; }
	.professorat #header-content { background: url("../images/header/EQUIPO_DOCENTE.jpg") no-repeat; }
	.publicacions #header-content { background: url("../images/header/PUBLICACIONES.jpg") no-repeat; }
	.activitats #header-content { background: url("../images/header/ACTIVIDADES.jpg") no-repeat; }
	.galeria #header-content { background: url("../images/header/GALERIA.jpg") no-repeat; }
	.articles #header-content { background: url("../images/header/articles.jpg") no-repeat; }
	.becas #header-content { background: url("../images/header/becas.jpg") no-repeat; }
	.home #header-content { background: url("../images/header/home.jpg") no-repeat; }*/

/* --------- */

/* Menu principal */

	#main_menu {
		width: 100%;
		background-color:#FFF;
		padding-left: 0px;
		font-size: 12px;		
		min-height: 20px;
		height: 25px;
		border-bottom: 1px dotted #999;
		margin-top:20px;
		padding-bottom:2px;
	}
	/*
	#main-menu-home {
		margin-top: 1.4em;
		width: 100%;
		padding-left: 0em;
		font-size: 1.2em;		
		min-height: 1.9em;
		height: 1.9em;
		border-bottom: 1px solid #999;
		text-align: center !important;
		border-top: 1px solid #FFF;
	}
		#main-menu-home ul {
			margin: 0 auto;
			padding: 0;
			width: 65em;
			overflow: hidden;
		}
	*/
	#main_menu ul {
		margin: 0 auto;
		width: 100%;		
	}
	
	#main_menu li, #main-menu-home li {
		padding-top: 2px;
		padding-bottom: 3px;
		line-height: 14px;
		float: left;
	}
	#main_menu li.last a, #main-menu-home li.last a {
		border-right: 0;
		margin-right: 0;
	}
	
	#main_menu li.first a, #main-menu-home li.first a {
		padding-left: 5px;
	}			
	
	#main_menu li a, #main-menu-home li a {
		padding-right: 8px;
		padding-left: 8px;
		text-decoration: none;
		border-right: 1px solid #e5322d;
	}
	
	#main_menu li.unselected_becas{
		/*background-image:url(../images/fons_link_becas.png);
		background-position:center;
		background-repeat:no-repeat;*/
		background-color:#e5322d;
		height:14px;
		margin-left:4px;
	}
	
	#main_menu li.unselected_becas a{
		border-right:0px solid #FFF;
		color:#FFF;
	}
	
	#main_menu li.unselected_inicio a:hover{ color:#e5322d; }	
	#main_menu li.unselected_escuela a:hover{ color:#e5322d; }			
	#main_menu li.unselected_propuesta a:hover{ color:#e5322d; }
	#main_menu li.unselected_docentes a:hover{ color:#e5322d; }
	#main_menu li.unselected_actividades a:hover{ color:#e5322d; }
	#main_menu li.unselected_articulos a:hover{ color:#e5322d; }
	#main_menu li.unselected_galeria a:hover{ color:#e5322d; }
	#main_menu li.unselected_publicaciones a:hover{ color:#e5322d; }
	#main_menu li.unselected_becas a:hover{ color:#000; }
	
	/*#main_menu li.item_english a{
		color:#999;
		border-right: 0px solid #000;
		text-align:right;
	}
	
	#main_menu li.item_english a:hover{
		font-weight:bold;
	}
	
	#main_menu li.selected_item_english a:hover{
		font-weight:bold;
	}
	*/
	#main_menu .unselected_item_english{
		float:right;
		color:#999;
		text-decoration:none;
		padding-right:10px;
		padding-top:2px;
	}
	
	#main_menu .unselected_item_english:hover{
		color:#e5322d;
	}
	
	#main_menu .selected_item_english{
		float:right;
		color:#e5322d;
		text-decoration:none;
		padding-right:10px;
		padding-top:2px;
	}
	
	#main_menu li.selected, #main-menu-home li.selected {
		margin-left: -1px;
		border-left: 0px solid #000;
		border-right: 0px solid #000;
		/*border-bottom: 1px solid #CECECE;*/
		/*background-color: #EAEAEA;*/
	}			
		
	/* Colors del menu de seccio actiu */
	.home li.selected a, .home li.selected a:hover { color:#e5322d; }
	.grisart li.selected a, .grisart li.selected a:hover { color:#e5322d; }
	.proposta_formativa li.selected a, .proposta_formativa li.selected a:hover { color:#e5322d; }
	.professorat li.selected a, .professorat li.selected a:hover { color:#e5322d; }
	.activitats li.selected a, .activitats li.selected a:hover { color:#e5322d; }
	.articles li.selected a, .articles li.selected a:hover { color:#e5322d; }
	.galeria li.selected a, .galeria li.selected a:hover { color:#e5322d; }
	.publicacions li.selected a, .publicacions li.selected a:hover { color:#e5322d; }
	.becas li.selected a, .becas li.selected a:hover { color:#e5322d; border-right:0px solid #FFF; }
	
	#main_menu li.selected_becas{
		background-color:#e5322d;
		height:14px;
		margin-left:4px;
	}
	
	#main_menu li.selected_becas a{
		color:#000;
	}
	
	
						
/* --------------- */

/* barra tools */

	#tools {
		width: 100%;
		clear: both;
		color: #999;
		height: 20px;
		margin-bottom: 2px;
		margin-top: 2px;
	}
	
	.print, .breadcrumb {
		line-height: 2em;
	}
	
	.breadcrumb {
		float:left;
		color: #999;
	}
	
		.breadcrumb a {
			color: #999;
			text-decoration:none;
		}
		
		.breadcrumb a:hover {
			text-decoration:underline;
		}
		
	.print {
		float: right;
		color: #999;
		margin-right:20px;
	}
		.print a {			
			display: block;
			color: #999;
			text-decoration:none;
			padding-right: 2.2em;
			background: url("../images/print.gif") no-repeat right center;
		}
		
		.print a:hover {
			text-decoration:underline;
		}

/* ----------- */

/* Contingut */
	#content {
		width: 860px;
		overflow: hidden;
		padding-bottom: 40px;
		margin-left:20px;
	}
	
	#content-home {
		width: 860px;
		height: 505px;
		overflow: hidden;
		margin-top: 2px;
		margin-left: 20px;
		padding-bottom: 10px;
	}
	
	#content #text{
		width:550px;
	}
/* --------- */


/* Contingut de la Home */
	#content-home-superior {
		width: 99%;
		height: 505px;
		overflow: hidden;
		padding: 0;
		margin: 0 0 3px 3px;		
	}
	
	#destacat-home-superior-dreta-noticies{
		width: 290px;
		height: 505px;
		display: block;
		float: right;
		clear: right;
		overflow: hidden;
		border-left:1px dotted #999;		
	}
		
	#destacat-home-superior-dreta-noticies .titol {
		font-size:11px;
		color:#999;
		margin-left:10px;
		font-weight:bold;
	}
		
	#destacat-home-superior-dreta-noticies .titol a:hover {
		color:#e5322d;
	}
		
	#destacat-home-superior-dreta-noticies .item_noticies{
		margin-top:2px;		
	}
	
	#destacat-home-superior-dreta-noticies hr{
		border-top:0px solid #FFF;
		border-left:0px solid #FFF;
		border-right:0px solid #FFF;
		border-bottom:1px dotted #CCC;
		margin-left:10px;
		margin-top:2px;
	}
	
	#destacat-home-superior-dreta-noticies img{
		margin-left:10px;
	}
	
	#destacat-home-superior-dreta-noticies a{
		text-decoration:none;
	}
	
	#destacat-home-superior-dreta-noticies a:hover{
		color:#900;
	}
	
	#destacat-home-superior-dreta-noticies .data_item{
		padding-left:5px;
		font-size:11px;
	}
			
	#destacat-home-superior-dreta-noticies .titol_item{
		font-weight:bold;
		text-decoration:none;
		padding-left:5px;
		font-size:13px;
	}
	
	#destacat-home-superior-dreta-noticies .titol_item a:hover{
		color:#e5322d;
	}
	
	#destacat-home-superior-dreta-noticies .text_item{
		padding-left:5px;
		font-size:11px;
	}
			
			
	
		#content-home-superior #superior-left {
			width: 540px;
			height: 505px;
			float: left;
			overflow: hidden;
			padding: 0;
			margin: 0 0 0 0px;
		}
		
			#content-home-superior #img-container {
				width: 540px;
				height: 465px;
				overflow: hidden;
				padding: 0;
				margin: 0 auto 0 auto;
				text-align: center;
				vertical-align:middle;
				padding-top:20px;
			}
			
				#content-home-superior #img-container ul{
					width: 100%;
					overflow: hidden;
					padding: 0;
					margin: 0;
				}
				
					#content-home-superior #img-container ul li {
						width: 100%;
						overflow: hidden;
						padding: 0;
						vertical-align:middle;
					}
	
						#content-home-superior #superior-left ul li #current-image {
							display: block;
							overflow: hidden;
							padding: 0;
							margin: 0 auto;
							width:95%;
							height:95%;
						}
			
			#content-home-superior #superior-left #footer-image-gallery {
				width: 540px;
				display: block;
				float: left;
				clear: both;
				overflow: hidden;
				margin-top:5px;
				font-size:12px;
			}
			
			#content-home-superior #superior-left #footer-image-gallery .paginator {
				color:#e5322d;
				padding-right:4px;
				border-right:1px solid #e5322d;
			}
			
			#content-home-superior #superior-left #footer-image-gallery .paginator a{
				text-decoration:none;
			}
			
			#content-home-superior #superior-left #footer-image-gallery #link-galeria a{
				text-decoration:none;
				padding-left:4px;
				padding-right:4px;
				border-right:1px solid #e5322d;
			}
			
			#content-home-superior #superior-left #footer-image-gallery #nom-artista {
				color:#666;
				padding-left:4px;
			}
	
		
		#home-superior-left{
			width: 540px;
			height: 505px;
			display: block;
			float: left;
			clear: right;
			overflow: hidden;
			padding: 0;
			margin-left:5px;
			background: bottom right url("../images/fondo_carousel_index.png") no-repeat;	
		}		
		
		#content-home-superior #home-superior-right{
			width: 300px;
			height: 505px;
			display: block;
			float: right;
			clear: right;
			overflow: hidden;
			padding: 0;
			margin: 0;
		}
		
		#content-home-superior #home-superior-right #banner-home {
			width: 100%;
			height: 55px;
			display: block;
			float: right;
			overflow: hidden;
			padding: 0;
			margin: 0 1px 0 0;
			border: 0px solid red;
		}
		
			#content-home-superior #home-superior-right #banner-home  a img{
				display: block;
				margin-right: 1px;
			}
		
			#content-home-superior #home-superior-right #banner-home a{
				display: block;
				margin-right: 1px;
			}
			
		#content-home-superior #home-superior-right #flash-home {
			width: 277px;
			height: 264px;
			overflow: hidden;
			padding: 0;
			margin: 0 1px 0 0;
			float: right;
			clear: right;
		}

	#content_home_left {
		width: 33em;
		float: left;
		overflow: hidden;
		padding: 0;
		margin: 0 0 0 3.3em;
	}
	
	#content_home_left p {
		color: #333;
	}
	
		#content_home_left p a {
			color: #333;
		}
		
		#content_home_left p a:hover {
			text-decoration: none;
		}
	
	#content_home_left ul li a.img_link {
		border:none;
		float: left;
		display: block;
	}
	
	#content_home_left ul li a img {
		border:none;
	}
		#content_home_left ul {
			width: 100%;
			float: left;
			margin-top: .1em;
			padding: 0;
		}
		
			#content_home_left ul li {
				width: 100%;
				border:none;
				margin: 0;
				padding: .5em 0 .4em 0;
				border-bottom: 1px solid #999;
				overflow: hidden;
			}
			
			#content_home_left ul li.first {
				border-top: 1px solid #999;
			}
			
			#content_home_left ul li .article-content {
				float: right;
				width: 100%;
			}
						
			#content_home_left ul li .article-content p {
				color: #333;
				margin: .3em 0;
			}
			
			#content_home_left ul li .article-content p.tipus {
				color: #FF0000;
				margin: .3em 0;
			}
			
			#content_home_left ul li .article-content h2 {
				color: #333;
				margin: 0 0 .3em 0;
				padding: 0;
				font-size: 1.1em;
				font-weight: bold;
				line-height: 1.3em;
			}
			
			#content_home_left ul li .article-content h3 {
				color: #333;
				margin: .2em 0 .3em 0;
				padding: 0;
				font-size: 1em;
				font-weight: normal;
			}
								
			#content_home_left ul li .article-content h4 {
				margin: 0 0 .1em 0;
				padding: 0;
				font-size: 1.1em;
				font-weight: normal;
				color: #990000;
			}
			
			#content_home_left ul li .article-content h5 {
				margin: .3em 0 .1em 0;
				padding: 0;
				font-size: 1.1em;
				font-weight: normal;
				color: #333;
			}
					
			#content_home_left ul li a {
				margin-top: .3em;
				color: #333;
				text-decoration: none;
			}
			
			#content_home_left ul li a:hover {
				text-decoration: underline;
			}
			
	#content_home_right {
		width: 33em;
		float: right;
		overflow: hidden;
		padding: 0;
		margin: 0 3.3em 0 0;
	}
	
	#content_home_right p {
		color: #333;
	}
	
		#content_home_right p a {
			color: #333;
		}
		
		#content_home_right p a:hover {
			text-decoration: none;
		}
	
	#content_home_right ul li a.img_link {
		border:none;
		float: left;
	}
	
	#content_home_right ul li a img {
		border:none;
	}
		#content_home_right ul {
			width: 100%;
			float: left;
			margin-top: .1em;
			padding: 0;
		}
		
			#content_home_right ul li {
				width: 100%;
				border:none;
				margin: 0;
				padding: .5em 0 .4em 0;
				border-bottom: 1px solid #999;
				overflow: hidden;
			}
			
			#content_home_right ul li.first {
				border-top: 1px solid #999;
			}
			
			#content_home_right ul li .article-content {
				float: right;
				width: 100%;
			}
						
			#content_home_right ul li .article-content p {
				color: #333;
				margin: .3em 0;
			}
			
			#content_home_right ul li .article-content p.tipus {
				color: #FF0000;
				margin: .3em 0;
			}
			
			#content_home_right ul li .article-content h2 {
				color: #333;
				margin: 0 0 .3em 0;
				padding: 0;
				font-size: 1.1em;
				font-weight: bold;
				line-height: 1.3em;
			}
			
			#content_home_right ul li .article-content h3 {
				color: #333;
				margin: .2em 0 .3em 0;
				padding: 0;
				font-size: 1em;
				font-weight: normal;
			}
								
			#content_home_right ul li .article-content h4 {
				margin: 0 0 .1em 0;
				padding: 0;
				font-size: 1.1em;
				font-weight: normal;
				color: #990000;
			}
			
			#content_home_right ul li .article-content h5 {
				margin: .3em 0 .1em 0;
				padding: 0;
				font-size: 1.1em;
				font-weight: normal;
				color: #333;
			}
					
			#content_home_right ul li a {
				margin-top: .3em;
				color: #333;
				text-decoration: none;
			}
			
			#content_home_right ul li a:hover {
				text-decoration: underline;
			}			
			
	/*#div-banner-home {
		margin-left: 8px;
		margin-right: 10px;
		border: 1px solid #999;
		width:750px;
		height:35px;
	}*/
	
	#div-banner-home{
		background-color:#ececed;
		height:85px;
		margin-left:20px;
		margin-right:20px;
		
	}
	
	#div-banner-home-item-1{
		width:152px;
		height:60px;
		float:left;
		margin-left:4px;
		margin-right:4px;
		padding-left:10px;
	}
	
	#div-banner-home-item-1 #text{
		font-size:12px;
	}
	
	#div-banner-home-item-1 #titol a{
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		color:#e5322d;
	}
	
	#div-banner-home-item-1 #titol a:hover{
		color:#999;
	}
	
	#div-banner-home-item{
		width:140px;
		height:75px;
		float:left;
		margin-left:10px;
		margin-right:8px;
		padding-left:10px;
		border-left:1px dotted #999;
	}
	
	#div-banner-home-item #text{
		font-size:12px;
	}
	
	#div-banner-home-item #titol a{
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		color:#e5322d;
	}
	
	#div-banner-home-item #titol a:hover{
		color:#999;
	}
	
	/*
	
	#div-banner-home-1 {
	width: 182px;
	float:left;
	margin-left: 8px;
	height: 60px;
	border: 1px solid #999;
	}
	
	#div-banner-home-2 {
		width: 182px;
		float:left;
		height: 60px;
		margin-left: 5px;
		border: 1px solid #999;
	}
	
	#div-banner-home-3 {
		width: 182px;
		float:left;
		height: 60px;
		margin-left: 5px;
		border: 1px solid #999;
	}
	
	#div-banner-home-4 {
		width: 182px;
		float:left;
		height: 60px;
		margin-left: 5px;
		border: 1px solid #999;
	}*/
/* -------------------- */


/* Footer */
	
	#footer-bg{
		background: #eee url('../images/bg_top_footer.png') repeat-x top left;
		margin-left:4px;
		margin-right:4px;
		height:4px;
	}
	body.home #footer {	
		background-color:#eee;
	}
	
	body #footer-content {
		width: 900px;
		margin: 0 auto !important;
		text-align:center;
	}
	
	#footer {
		clear: both;
		/*margin: 0 .2em 2em .2em;*/
		padding-bottom: .2em;
		/*border-top: 1px solid #ccc;*/
		background-color: #eee;
	}
	
	#footer li {
		margin-top: 0;
		margin-left: 0;
		margin-right: .5em;
		padding-right: .8em;
		display: inline;
		font-size: 1.1em;
		border-right: 1px solid #666;
		color:#666;
	}
	
	#footer .li_catala li {
		font-size: 1.1em;
		margin-right: .8em;
		padding-right: .6em;
	}
	
	#footer li.last {
		border:none;
		margin: 0;
		padding: 0;
	}
	
		#footer li a {
			color:#666;
		}
		
		
		
		#footer li a:hover {
			text-decoration: none;
		}
		
		#footer address {
			color:#666;
			font-size: 1.1em;
			font-style:normal;
			margin-bottom: .7em;
		}
		
		
			#footer address span.first {
				margin-left: 0;
				margin-right: .7em;
			}
			#footer address span.last {
				margin-left: .6em;
				margin-right: 0;
			}
			
			#footer address span {
				margin-left: .6em;
				margin-right: .7em;
			}
			
			#footer address a {
				color:#666;
				text-decoration: none;
			}
			
				#footer address a:hover {
					text-decoration: underline;
				}
/* ------ */