/* CSS Document */
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 69%;
		color: #000000;
		line-height: 14px;
	}
	html, body {
		margin: 0; 
		padding: 0;
		text-align: center;
		background-color: #666;
		height: 100%;		
		background-image: url(img/masculino.png);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom center;
	}
	img {
		border: 0;
		padding: 0;
		margin: 0;
	}
	ul, ol { 
		margin: 0;
		padding: 2px 0 0 0;
	}
	input, select, textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		background-color: #CCCCCC;
		border: #CCCCCC 2px solid;
		margin: 1px 0 1px 0;
		width: 160px;
	}	
	.input2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		background-color: #CCCCCC;
		border: #CCCCCC 2px solid;
		margin: 1px 0 1px 0;
		width: 130px;
	}
	.radio {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		background-color: #FFF;
		border: #FFF 2px solid;
		margin: 1px 0 1px 0;
		width: 20px;
	}
	.button {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		background-color: #333;
		color: #FFF;
		border: #333 2px solid;
		margin: 1px 0 1px 0;
		width: 50px;
	}
	.blau {
		color: #585A6A;
		font-weight: bold;
	}
	#top {
		width: 860px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 20px 0 20px;
		background-color:#FFFFFF;
		background-image: url(img/fons-top.png);
		background-repeat: repeat-x;
		height: 125px;
	}
	#tot {
		width: 880px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 10px 0 10px;
		text-align: left;
		background-color:#FFFFFF;
	}
	h1 {
		font-size: 1em;
		padding: 0;
		margin: 0;
		text-transform: lowercase;
		float: left;
	}
	#dades {
		top: 15px;
		padding: 10px 0 0 0;
		margin: 0;
		text-transform: lowercase;
		color: #000;
		float: left;
		width: 175px;
		height: 105px;
	}
	#dades2 {
		position: relative;
		top: -105px;
		margin: 0 0 0 760px;
		text-align: right;
		width: 150px;
		height: 50px;
		margin: 0 0 0 760px;
		text-transform: lowercase;
		color: #000;
	}
	a {
		text-decoration: none;
		color: #000000;
	}
	a:hover {
		color: #585A6A;
	}
	.caixa1 {
		width: 200px;
		height: 287px;
		float: left;
		margin: 20px 10px 0 10px;
		border-top: #C0C1C9 10px solid;
		background-color: #707179;
		padding: 0;
	}
	.caixa1 a {
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}	
	.caixa1 .text {
		padding-left: 10px;
	}
	
	.caixa1-2 {
		width: 200px;
		height: 120px;
		float: left;
		margin: 20px 10px 0 10px;
		border-top: #C0C1C9 10px solid;
		background-color: #707179;
		padding: 0;
	}
	.caixa1-2 a {
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}
	.caixa1-2 .text {
		padding-left: 10px;
	}
	.caixa1-2active {
		width: 200px;
		height: 120px;
		float: left;
		margin: 20px 10px 0 10px;
		border-top: #000000 10px solid;
		background-color: #000000;
		padding: 0;
	}
	.caixa1-2active a {
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}
	.caixa1-2active .text {
		padding-left: 10px;
	}
	
	.caixa2 {
		width: 180px;
		height: 130px;
		float: left;
		margin: 20px 10px 0 10px;
		background-image: url(img/fons-menu2.png);
		background-repeat: repeat-x;
		padding: 10px;
	}	
	.caixa-revista {
		width: 160px;
		height: 37px;
		background-image: url(img/fons-revista.png);
		background-repeat: no-repeat;
		padding-left: 47px;
		padding-top: 4px;
		margin-top: 25px;
	}	
	.caixa-revista-pdf {
		width: 160px;
		height: 20px;
		background-image: url(img/fons-revista-pdf.png);
		background-repeat: no-repeat;
		padding-left: 25px;
		padding-top: 4px;
		margin-top: 15px;
	}	
	.caixa-boletine {
		width: 168px;
		height: 118px;
		background-color: #FFFFFF;
		padding: 6px;
	}
	.caixa2-2 {
		width: 200px;
		height: 150px;
		float: left;
		margin: 20px 10px 0 10px;
		padding: 0px;
	}
	
	
	.caixa-interior {
		width: 440px;
		height: 710px;
		padding: 0;
		margin: 0;
		float: left;
	}
	.caixa-interior-fotos {
		width: 400px;
		margin: 20px 10px 0 10px;
		padding: 0;
	}
	.marge {
		margin: 20px 10px 0 10px;
	}
	.caixa-interior-desc {
		background-color: #EAEAEA;
		border-left: #C0C1C9 solid 5px;
		width: 397px;
		margin: 0 0 5px 0;
		padding: 3px 3px 3px 15px;
	}
	.caixa-interior-desc:hover {
		border-left: #000000 solid 5px;
	}
	.caixa-interior-desc-active {
		background-color: #C0C1C9;
		border-left: #000000 solid 5px;
		width: 397px;
		margin: 0 0 5px 0;
		padding: 3px 3px 3px 15px;
	}
	
	.noticies {
		width: 850px;
		float: left;
		margin: 20px 10px 0 10px;
		padding: 0 0 20px 10px;
		background-color: #E5E5E5;
		background-image: url(img/fons-noticies.png);
		background-repeat: repeat-x;
	}
	.noticies-col {
		width: 200px;
		float: left;
		margin: 0 20px 0 0;
		display: block;
		list-style: disc;
		list-style-type: disc;
		list-style-position: inside;
	}

	h2 {
		font-size: 1em;
		padding: 5px 0 3px 0;
		margin: 0;
		width: 200px;
		border-top: 4px solid #98A34C;
		text-transform: lowercase;
	}
	h3 {
		font-size: 1em;
		padding: 5px 0 5px 0;
		margin: 0;
		width: 175px;
		border-top: 2px solid #98A34C;
		text-transform: lowercase;
	}
	#peu {
		clear: left;
		width: 880px;
		text-align: left;
		padding-top: 5px;
		margin-top: 15px;
		border-top: 3px solid #fff;
		border-bottom: 15px solid #fff;
		padding-left: 10px;
		color: #ccc;
	}
	#peu-i {
		clear: left;
		width: 915px;
		text-align: left;
		padding-top: 5px;
		margin-top: 5px;
		border-top: 3px solid #fff;
		border-bottom: 5px solid #fff;
		color: #333;
	}
	#peu a {
		color: #666;
		text-decoration: none;
	}
	#menu {
		padding-top: 40px;
		padding-bottom: 10px;
		text-align: right;
	}
	#menu ul {
		margin: 0;
	}
	#menu li {
		display: inline;
	}
	#menu a {
		display: inline;
		margin: 0 0 0 30px;
		text-decoration: none;
		color: #666;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	#menu a:hover {
		color: #FFFFFF;
		background-color: #585A6A;
	}
	#menu .active {
		color: #585A6A;
	}
	.noticia {
		margin:20px 10px 0 10px;
		width:860px;
		float:left;
	}
	.noticia img {
		margin-right: 20px;
	}
	.info{
		color: #CC3300;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
	.info:hover{
		text-decoration: underline;
		color: #CC3300;
	}