BODY {
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #ffffff;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	text-align: center;
	background-color: #270F80;
	background-image: url(imatges/lateral1.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}
A, A:ACTIVE, A:FOCUS, A:LINK, A:VISITED {
	color : #321708;
}
A:HOVER {
	color: #378237;
}
INPUT {
	font-size : 10pt;
}
H1{
	font-size: 15pt;
	text-align: center;
}
H2{
	font-size: 12pt;
}

#marges{
	border-left : 2px solid #000047;
	border-right : 2px solid #000047;
	width: 700px;
	text-align: left;
	margin: auto;
}

#contenedor{
	text-align: left;
	width: 700px;
	margin: auto;
	background-color : #66a4ab;
}

#cap{
	background: transparent url(imatges/cap1.jpg) no-repeat;
	height : 159px;
	width: 700px;
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#cap h1 { 	
	margin : 0px 0px 0px 0px;
}
#cap h1 span {
	display:none;
}

#navegador{
	background: transparent url(imatges/cap2.jpg) no-repeat;
	height : 29px;
	width: 700px;
	
	background-color: #144700;
}
#navegador p{
	padding: 8px 3px 1px 10px;
	margin : 0px 0px 0px 0px;
}

#cos{
	width: 500px;
	padding: 13px 3px 15px 10px;
	float:right;
		
}

#lateral{
	width: 155px;
	float:left;
	height: 500px;
	margin-top: 3px;
}

#novetats{	
}

#altres{
	
}

.coslateral{
	color:#000000;
	background-color: #66a4ab;
	padding: 5px 4px 13px 10px;
	margin-bottom: 15px;
}

.titlat{
	color:#ffffff;
	font-size:10pt;
	text-transform : uppercase;
	font-weight: bold;
	padding: 7px 3px 7px 8px;
	margin: 20px 0px 0px 0px;
	letter-spacing : 2px;
	background: #ff683f url(imatges/pixeltaronja.gif) no-repeat bottom right;	
}

A.enllnav, A.enllnav:VISITED, A.enllnav:ACTIVE, A.enllnav:FOCUS, A.enllnav:LINK{
	color: #FFFFFF;
}
A.enllnav:HOVER{
	color: #FFFFAA;
}

A.enlllat, A.enlllat:VISITED, A.enlllat:ACTIVE, A.enlllat:FOCUS, A.enlllat:LINK{
	color: #321708;
	font-weight: bold;
}
A.enlllat:HOVER{
	color: #FFFFAA;
	font-weight: bold;
}

#peu{
	clear : both;
	color : #cccccc;
	text-align : center;
	margin : 30px 10px 0px 10px;
	padding-bottom:10px;
}
img {
	border:1px solid #000000;
}
#principal {
	margin:0 auto;
	position: relative;
	font-size: 9pt;
}

#principal ul {
	
}

#principal li {
	display:inline;
	float:left;
	width:200px;
	background-color:#2F4F4F;
	padding:5px;
	margin:5px;
	text-align: center;
	color: #ffffff;
	border-right: #000000 solid 2px;
	border-bottom: #000000 solid 2px;
}
#principal1 li {
	display:inline;
	float:left;
	width:200px;
	background-color:#2F4F4F;
	padding:1px;
	margin:1px;
	text-align: center;
	color: #ffffff;
	border-right: #000000 solid 2px;
	border-bottom: #000000 solid 2px;
}