body, html, #outermost { height: 100%; padding: 0; margin: 0; overflow: hidden; }
	  
	  	body {
			background-color: #000000;
			font-family : Arial,Helvetica,sans-serif;
			font-size: 14px;
			background: url(../imatges/FonsI_U.png);
		}
	  
	  #outermost {
		overflow-x: auto;
        overflow-y: hidden; 
      }
	  
      #wrapper {
        position: relative;
        width: 820px; height: 100%; 
        padding: 0; margin: 0 auto;
        background : #ffffff url(../imatges/n.jpg) no-repeat center top;
      }
      
      #header {
        position: absolute;
        top: 0px; width: 100%;
        
        text-align: center;
		
		border-color : #000000;
		border-width : 0px 0px 3px 0px;
		border-style : solid;
      }
      
      #header, #top-thunk { height: 60px; }
      
      #footer {
        position: absolute;
        bottom: 0px; width: 100%;
        
        text-align: center;
		background-color : #f00b00;

		border-color : #000000;
		border-width : 3px 0px 0px 0px;
		border-style : solid;
      }
      
      #footer, #bottom-thunk { height: 60px; }
      
      #footer:hover {
			color: #f00b00;
			background-color : #000000;
			cursor : pointer;
		}
		
		#footer:hover a{
			color: #f00b00;
			background-color : #000000;
			cursor : pointer;
		}
      
      #page-content {
        position: absolute;
        width: 100%; height: 100%; top: 0px;
        padding-top: 63px; padding-bottom: 63px;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
      }
      
      #payload {
        overflow: hidden;
        height: 100%;
      }
      
      #left{
		z-index:2;
		float: left;
		width: 77px;
		height: 100%;
		
		text-align: center;
		
		border-color : #000000;
		border-width : 0px 0px 0px 0px;
		border-style : solid;
      }
      
      #left:hover{ background-color:#000000; cursor : pointer;}

		#left:hover a{ color:#f00b00; cursor : pointer;}
      
      #central{
		padding-left:3px;
		float: left;
		width: 660px;
		height: 100%;
		
		border-color : #000000;
		border-width : 0px 0px 0px 0px;
		border-style : solid;
      }
      
      #logo {
		float: left;
		width: 100%;
		height: 170px;
		margin-bottom: -1em;
      }
      
      #contingut {
		float: left;
		width: 100%;
		overflow: auto;
      }
      
      #right{
		z-index:2;
		float: right;
		width: 77px;
		height: 100%;
		text-align: center;
		border-color : #000000;
		border-width : 0px 0px 0px 0px;
		border-style : solid;
      }
      
      #right:hover{ background-color:#000000; cursor : pointer;}

		#right:hover a{ color:#f00b00; cursor : pointer;}
      
      .hidden { display: none; }
      
      .separador{
			width: 645px;
			margin-top: 5px;
			border-color : #000000;
			border-width : 0px 0px 1px 0px;
			border-style : solid;
		}
		
		a {
			color : #000000;
			font-weight : bold;
			text-decoration : none;
		}
		
		a:hover {
			background-color : #000000;
			text-decoration : none;
			color : #f00b00;
		}



.avis {
	background: orange;
	color: black;
	font-weight: bold;
	font-size: 1.25em;
	text-align: left;
	padding: 0.3em 0.5em;
	margin-bottom: 0.5em;
	border: 3px solid black;
}

.icon {
	float: left;
	padding: 0em;
	margin-left: -0.5em;
	margin-top: -0.3em;
	padding-right: 0.5em;
	height: 5em;
}

.avis p {
	padding-bottom: 0.2em;
}

.avis .recorda {
	color: red;
}

/* FONTS */

h1 {
	color : #000000;
	font-size : 3em;
	margin:0;
	text-align : right;
}

h2 {
	color : #000000;
	font-size : 1.8em;
	margin:0;
}

h3 {
	font-size : 2em;
	margin : 0px;
	padding : 1px 1px 1px 1px;
}

h4 {
	font-size : 1.2em;
	margin : 0px;
	padding : 10px 10px 0px 10px;
	margin:0;
}

h5 {
	font-size : 1.1em;
	padding: 5px 0px 5px 10px;
	margin:0;
}

h6 {
	font-size : 1.0em;
	padding-left: 10px;
	margin:0;
}

h4 a:hover {
	color : #ffffff;
}

p { margin:0; }

.convocatories h6 {padding: 0px; padding-bottom: 0px;}


/* END FONTS */