html,body{
	height:100%;
	margin:0;
	padding:0;
}
body{
	background:Brown;
	text-align:center;
	min-width:980px;
	min-height:560px;
	font-family: Arial, Helvetica, sans-serif; /* la lletra general de la web */
}
#vertical{
	float:left;
	height:50%;
	margin-top:-280px;/* half vertical height*/
	width:100%;
}
#horitzontal {
	width:980px;
	height:560px;
	margin-left:auto;
	margin-right:auto;	
	clear:both;
}

			.cap{
				background: url(../img/cap3.jpg);
				width: 980px; /* per ocupar l'amplada del container */
				height: 250px; /* per ocupar el 25% de l'alçada */
				float:left; /* per situar al lloc aquesta àrea */
				font-size: 45px;
				font-weight: bold;
				color: White;
				text-align: left;
				text-indent: 10px;
			}
			.menu{
				width: 196px; /* per ocupar el 20% de l'amplada del container */
				height: 220px; /* per ocupar el 70% de l'alçada */
				background-color: Brown; /* color Blau clar per identificar aquesta àrea */
				float:left; /* per situar al lloc aquesta àrea */
			}
			.cos{
				margin-top: 5px;
				width: 784px; /* per ocupar el 80% de l'amplada del container */
				height: 220px; /* per ocupar el 70% de l'alçada */
				background-color: Brown; /* color Plata per identificar aquesta àrea */
				float: left; /* per situar al lloc aquesta àrea */
				overflow: auto;
			}
			.peu{
				margin-top: 5px;
				border-top: 2px inset White;
				width: 980px; /* per ocupar el 100% de l'amplada del container */
				height: 30px; /* per ocupar el 5% de l'alçada */
				background-color: Brown; /* color Beige per identificar aquesta àrea */
				float: left; /* per situar al lloc aquesta àrea */
			}
			
			

li a {
color: red;
}


li a:active {
color: red;
}

li a:focus {
color: red;
}

li a:link {
color: red;
}

li a:visited {
color: orange;
}

li a:hover {
color: red;
font-weight: bold;
}

.botonsVerds {
margin-top: 5px;
width: 180px;
border: thin outset LightGreen;
text-align: left;
font: small-caps normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
background: DarkGreen;
color: White;
cursor: pointer;
height: auto;
text-indent: 3px;
}

.botonsVermells {
	margin-top: 5px;
	width: 180px;
	border: thin outset LightGreen;
	text-align: left;
	font: small-caps normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: DarkRed;
	color: White;
	cursor: pointer;
	height: auto;
	text-indent: 3px;
}					
.noBotons {
margin-top: 5px;
width: 180px;
text-align: center;
font: small-caps normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
height: auto;
font-size: 10px;
}
.obres {
margin-top: 2px;
text-align: center;
font: small-caps normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: Brown;
}
.casti {
width: 150;
text-align: center;
font: normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
cursor: pointer;
height: auto;
}

p.lang {
width: 100px;
/*border: thin outset Silver;*/
text-align: center;
font: small-caps bold smaller Verdana, Geneva, Arial, Helvetica, sans-serif;
/*background: #8890C8;*/
color: Navy;
cursor: pointer;
margin: 2px 2px;
}

p.logo {
font: bold 50px Alba Super, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: Navy;
}

p.titol2 {
text-align: center;
font-size: 70%;
border-width: 2px;
border-color: #f4f7f7;
border-style: none;
color: #f4f7f7;
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.text {
text-align: justify;
font-size: 55%;
border-width: 2px;
border-color: #f4f7f7;
border-style: none;
color: #f4f7f7;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.peu {
text-align: center;
font-size: 10px;
border-width: 2px;
border-color: #f4f7f7;
border-style: none;
color: Navy;
}

p.especialistes {
text-align: Right;
font-size: 25px;
color: Navy;
font-weight: normal;
font-family: "Brush Script MT",Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.marc {
border: medium ridge Navy;
empty-cells: show;
border-width: 1px;
}

table.marc1 {
border: medium ridge Navy;
empty-cells: show;
border-width: 1px;
background-image: url(/images/electr.jpg);
}

table.new {
border: medium ridge Navy;
empty-cells: show;
border-width: 1px;
height: 100%;
width: 100%;
}

table.frapeled {
border: medium ridge Navy;
empty-cells: show;
border-width: 1px;
height: 100%;
width: 100%;
}

table.avis {
background-color: Silver;
background-position: center;
border: inset;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
font-weight: bold;
}

a:active, a:focus, a:hover, a:link, a:visited {
color: Navy;
text-decoration: none;
}

img.nou {
border: none;
float: right;
vertical-align: top;
}

p.titol {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 32px;
font-weight: bold;
color: White;
text-align: right;
}

p.alert {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: bold;
color: Black;
text-align: right;
}										
p.subttl {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: White;
text-align: right;
}

.plors {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: White;
text-align: center;
border: 10px inset lime;
}
.plors2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: White;
text-align: center;
}

p.subttl2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: 800;
color: Smoke;
text-align: left;
}										

p.seguim {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: 800;
color: White;
text-align: left;
background-color: Green;
}

p.torrental {
text-align: center;
font-size: 40px;
border-width: 2px;
border-color: #f4f7f7;
border-style: none;
color: White;
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.subtorrental {
text-align: center;
font-size: 30px;
border-width: 2px;
border-color: #f4f7f7;
border-style: none;
color: White;
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.txttorrental {
text-align: center;
font-size: 25px;
border-width: 2px;
border-color: #f4f7f7;
border-style: none;
color: White;
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.tx2torrental {
text-align: center;
font-size: 20px;
border-width: 2px;
border-color: #f4f7f7;
border-style: none;
color: White;
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.tx3torrental {
text-align: center;
font-size: 15px;
border-width: 2px;
border-color: #f4f7f7;
border-style: none;
}

img {
display: block;
} 
		.bot {
			width: 170;
			border: thin outset LightGreen;
			text-align: center;
			font: small-caps normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
			background: DarkGreen;
			color: White;
			cursor: pointer;
			height: auto;
			margin-bottom: 5px;
		}
		
		p.bot2 {
			width: 250;
			border: thin outset LightGreen;
			text-align: center;
			font: small-caps normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
			background: DarkGreen;
			color: Yellow;
			cursor: pointer;
			height: 40px;
		}
		
		p.bot3 {
			width: 250;
			border: thin outset LightGreen;
			text-align: center;
			font: small-caps normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
			background: DarkGreen;
			color: Yellow;
			cursor: pointer;
			height: 60px;
		}
		p.bot4 {
			width: 250;
			border: thin outset LightGreen;
			text-align: center;
			font: small-caps bold 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
			background: LightGreen;
			color: Green;
			cursor: pointer;
			height: 30px;
		}														

		p.botRed {
			width: 170;
			border: thin outset LightGreen;
			text-align: center;
			font: small-caps normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
			background: DarkRed;
			color: White;
			cursor: pointer;
			height: auto;
		}				
		
				p.ACA {
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-weight: bold;
					color: White;
					text-align: center;
					background-color: Green;
					width: 300px;
				}
.textPeu{
	font-size: 12px;
	color: White;
	text-align: left;
}
.plataf{
  font-size: 45px;
  font-weight: bold;
  color: #C3D0DA;
  text-align: left;
  text-indent: 10px;
}
.callde{
  font-size: 35px;
  font-weight: bold;
  color: #C3D0DA;
  text-align: left;
  text-indent: 10px;
}
.logoPlataforma{
	margin-left: 10px;
}
.capsaNews{
	width: 368px;
	/* height: 100%; quasi be*/
	height: auto;
	border: 2px solid Green;
	float: left;
	margin: 6px;
}
.capNews{
	width: 364px;
	height: auto;
	background: Green;/* #F8F8FF; */
	border-bottom: 1px solid Green;
	padding: 2px;
	float: left;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	text-align: justify;
}
.cosNews{
	width: 364px;
	height: auto;
	background: Lavender;/* #F8F8FF; */
	padding: 2px;
	float: left;
	font-size: 12px;
	font-family: Arial;
	text-align: justify;
}
.peuNews{
	width: 364px;
	height: auto;
	background: Green;/* #F8F8FF; */
	border-top: 1px solid Green;
	padding: 2px;
	float: left;
	font-size: 10px;
	font-family: Arial;
	text-align: justify;
	color: White;
}
.titolNews{
	float: left;
	width:260px;
	color: White;
}
.dateNews{
	float: right;
	color: White;
	font-size: 10px;
	
}