* {
  margin:0;
  padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: url(images/bg_17824.png) repeat 0 0;
	height: auto;
}
h2 {
	color: red;
	font: bold 18px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	padding-top: 6px;
}
h3 {
	color: white;
	display: run-in;
	float: right;
	position: relative;
	left: -86px;
	top: 3px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: red;
	padding-left: 4px;
	padding-right: 4px;
}
#container {
	width: 900px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	z-index: 0;
	background-color: white;
	display: block;
	padding: 0;
	overflow: visible;
	top: 0;
	position: relative;
}
#logo{
	position: absolute;
	top: 15px;
}
#logoCMEdicions{
	position: absolute;
	top: 47px;
	left: 744px;
	z-index: 3;
}
#navegacio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000ff;
}
#recred{
	position: relative;
	width: 195px;
	height: 22px;
	margin-top: -24px;
	margin-right: 15px;
	clear: both;
	float: right;
	z-index: auto;
	background: red;
}

#base {
	margin: 0;
	float: none;
	text-align: center;
	left: 75px;
	clear: none;
	width: 750px;
	height: auto;
	display: block;
	position: relative;
	padding: 0;
	top: 0;
}

#cont1 {
	margin: 0;
	float: none;
	text-align: right;
	left: 0px;
	clear: both;
	width: 820px;
	height: 728px;
	display: block;
	position: relative;
	padding: 0;
	top: 0;
	background-color: transparent;
}

#descripcio {
	width: 300px;
	height: 313px;
	background-color: transparent;
	display: block;
	position: relative;
	clear: none;
	float: right;
}

#logo2 {
	text-align: left;
}

#clients {
	margin: 0;
	text-align: center;
	left: 0px;
	clear: none;
	width: 900px;
	height: 1130px;
	display: block;
	position: relative;
	padding: 0;
	top: 0;
	background-color: white;
}

#planol {
	margin: 0;
	text-align: center;
	left: 0px;
	clear: none;
	width: 900px;
	height: 627px;
	display: block;
	position: relative;
	padding: 0;
	top: 0;
	background-color: white;
}

#planter {
	width: 500px;
	height: 315px;
	display: block;
	position: relative;
	left: 0;
	top: 0;
	background-color: transparent;
	text-align: center;
	float: left;
}

#tag1 {
	width: 500px;
	height: 30px;
	display: block;
	position: relative;
	left: 0;
	top: 0;
	background-color: transparent;
	text-align: left;
	float: left;
}

#segell {
	width: 820px;
	height: 350px;
	background-color: transparent;
	display: block;
	position: relative;
	left: 0;
	top: 0;
}

#logopet {
	width: 860px;
	height: 128px;
	display: block;
	position: relative;
	top: 34px;
	text-align: right;
}
#titant{
	width: 862px;
	height: 20px;
	background: black;
	color: white;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	position: relative;
	left: 0;
	top: 0;
	z-index: auto;
	display: block;
}
.txtnot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
#n_anteriors {
	top: 4px;
	left: 4px;
	position: absolute;
}

#anteriors {
	width: 862px;
	height: 200px;
	position: relative;
	top: 0;
	left: 19px;
	z-index: 11;
}
#menulista{
	list-style-type: none;
	height: 26px;
	text-align: center;
}
#menulista a:link,
#menulista a:visited{
	color: black;
	font-size: 12px;
}
#menulista a:hover{ color: maroon;
	font-weight: bold;
}	
#menulista li{
	margin: 0px 1px 0px 1px;
	display: inline;
}
#menulista a{
	float: none;
	display: inline;
	text-decoration: none;
	padding: 5px 22px 5px 22px;
}
.pastilla1{
	position: absolute;
	color: #003f80;
	width: 800px;
	height: 20px;
	margin-top : 15px;
	z-index: 30;
}

#line {
	background-color: white;
	width: 900px;
	height: 14px;
	display: block;
	position: relative;
	top: 0;
	left: 0;
}

#lineB1 {
	width: 90px;
	height: 14px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffcc66;
}

#lineB2 {
	width: 270px;
	height: 14px;
	display: block;
	position: absolute;
	top: 0;
	left: 90px;
	background-color: #ff9933;
}

#linevell {
	width: 270px;
	height: 14px;
	display: block;
	position: absolute;
	top: 0;
	left: 360px;
	background-color: #cc0033;
}

#linegrana {
	width: 270px;
	height: 14px;
	display: block;
	position: absolute;
	top: 0;
	left: 630px;
	background-color: #660033;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	white-space: normal;
}
#presentar{
	position: relative;
	width: 350px;
	height: 200px;
	float: left;
	margin-top : 40px;
	margin-left :30px;
	z-index: 10;
	background: #FFFFFF;
}
a {
	font: normal normal 11px "Courier New", Courier, mono;
}
#peu{
	position: absolute;
	width: 900px;
	height: 18px;
	margin: 0px;
	top: 880px;
	clear: both;
	left: auto;
	padding: 4px 0px 0px 0px;
	background: red;
	z-index: 5;
	text-align: center;
}
.direct{
	font-weight: bold;
	color: white;
	font-size: 12px;
}
#entrada{
	position: relative;
	top: 125px;
	left: 100px;
	width: 550px;
	height: 400px;
	z-index: -10;
}

#sum {
	color: black;
	font: normal normal normal 11px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	direction: ltr;
	width: 338px;
	position: absolute;
	z-index: 4;
	display: block;
	float: none;
	top: 15px;
	left: 524px;
	height: 400px;
}

#samarra {
	display: block;
	left: -40px;
	top: 180px;
	z-index: 3;
	float: left;
	position: absolute;
}

#pgran {
	position: absolute;
	left: 100px;
	z-index: 1;
	display: block;
	top: 0;
	float: right;
}

#ultnum {
	position: relative;
	left: 0;
	z-index: 10;
	display: inline;
	float: left;
	top: 8px;
}

#ngran {
	z-index: 3;
	left: 350px;
	position: absolute;
	display: inline;
	top: -15px;
	float: right;
	right: 0;
}

#capcalera {
	left: 19px;
	width: 862px;
	height: 100px;
	z-index: 10;
	display: block;
	position: relative;
}

#revista {
	width: 862px;
	height: 480px;
	left: 19px;
	display: block;
	position: relative;
}

p.exitPasapaginasP{
display:block;font-size:15px;
left:272px;
position:absolute;
top:40px;
z-index:10;
}
a.exitPasapaginas{
margin:0;
padding:0;
text-align:center;height:20px;display:block;width:200px;padding-top:4px;
color:#fff;
background:#333;
font-size:14px;
}

#boto1 {
	position: absolute;
	left: 94px;
	top: 522px;
	width:70px;
	height:31px;
	z-index: 4;
	}

#boto1 a {
display:block;
width:72px;
height:30px;
background:url('images/qsom.png') top left no-repeat;
}

#boto1 a:hover {
background-position:0 -33px;
cursor: pointer;
}
#boto2 {
	position: absolute;
	left: 70px;
	top: 632px;
	width:73px;
	height:31px;
	z-index: 4;
	}

#boto2 a {
display:block;
width:73px;
height:31px;
background:url('images/qfem.png') top left no-repeat;
}

#boto2 a:hover {
background-position:0 -33px;
cursor: pointer;
}
#boto3 {
	position: absolute;
	left: 600px;
	top: 580px;
	width:57px;
	height:26px;
	z-index: 4;
	}

#boto3 a {
display:block;
width:57px;
height:26px;
background:url('images/onsom.png') top left no-repeat;
}

#boto3 a:hover {
background-position:0 -33px;
cursor: pointer;
}
#boto4 {
	position: absolute;
	left: 462px;
	top: 652px;
	width:62px;
	height:30px;
	z-index: 4;
	}

#boto4 a {
display:block;
width:62px;
height:30px;
background:url('images/clients.png') top left no-repeat;
}

#boto4 a:hover {
background-position:0 -33px;
cursor: pointer;
}
#boto5 {
	position: absolute;
	left: 344px;
	top: 530px;
	width:164px;
	height:40px;
	z-index: 4;
	}

#boto5 a {
display:block;
width:164px;
height:40px;
background:url('images/dossier.png') top left no-repeat;
}

#boto5 a:hover {
background-position:0 -42px;
cursor: pointer;
}

li.active {
	color: maroon;
	padding-right: 22px;
	padding-left: 22px;
	font: bold 12px "Courier New", Courier, mono;
}