/*
* {
	margin: 0;
	padding: 0;
}


h1, h2, h3 {
	color: #8A8E27;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

class -> .	// class tants com volguem
id -> #		// id ha de ser únic al HTML

<body>
	<p class="destacado">Lorem ipsum dolor sit amet...</p>
	<p>Nunc sed lacus et <a href="#" class="destacado">est adipiscing</a> accumsan...</p>
	<p>Class aptent taciti <em class="destacado">sociosqu ad</em> litora...</p>
</body>
p.destacado { color: red }
.destacado { color: red; }


Unitats:	.relatoves	em -> equival el tamany de la lletra, si lletrea 12pt -> 1em = 12punts	body { font-size: 0.9em; }
						ex -> equival 1ex -> a 0.5em
						px -> pixel
						% -> percentatge
			.absolutes	in -> inches 2,54 cm
						cm -> centimetres
						mm -> milimetres
						pt -> punts = 0,35mm ( 1pulsada / 72 )
						pc -> picas = 4,23 mm ( 1punt * 12 )

*/
@charset "UTF-8";

body  {
	margin: 0;
	background-color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-shadow: #BBB 1px 1px 1px;
	/* padding: 0; */
	/* color: #535353; */
	/* text-align: center; */
}

div {
	margin: 0px;
}
#capcalera{
	width: 1024px;
	height: 120px;
	background-image: url(img/logo.png);
}
#peu{
	width: 1024px;
	height: 60px;
	/* background-image: url(img/peu.png); */
}
#container {
	width: 1024px;
	height: 768px;
	background-repeat: no-repeat;
}

#mVertical{
	width: 190px;
	height: 730px;
	margin: 0px;
	float: left;
	opacity: 0.90;
	filter:alpha(opacity=85);
}
#cos {
	width: 772px;
	height: 746px;
	border: 1px solid grey;
	background: rgba(255,255,255,0.8);
	filter:alpha(opacity=85);
	float: right;
	margin: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
#social{
	float: left;
	position:relative;
	width:190px;
	height:27px;
}
ul{
	/* list-style-type: square; */
	text-align: left;
	line-height: 1.5em;
}
p {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	text-align: justify;
	line-height: 1.3em;
}
p.news {
	margin:0;
	padding:0;
	padding-bottom: 4px;
	font-size: 10pt;
	color: #A44;
	text-align: center;
	text-align: left;
}
h1, h2, h3, h4, h5 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
h1{
	font-size: 2em;
}
h2{
	font-size: 1.6em;
}
h3{
	font-size: 1.3em;
}
h4 {
	font-size: 1em;
}

img {
	border: none;
	padding: 0;
	/* clip: rect(auto,auto,auto,auto); */
}
.text {
	border: 1px solid grey;
	float: right;
	margin: 0 5px 0 30px;
}
.map{
	border: 1px solid grey;
}
.icona {
	margin: 0 0 0 5px;
}

/* 
#body {
	background-attachment: fixed;
	background-image: url(img/kk.jpg);
	background-repeat: repeat;
	background-position: left bottom;
	
	font-family: Arial, Helvetica, sans-serif;
	font-family: "Times New Roman", Times, serif;
	font-family: "Courier New", Courier, monospace;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
*/
hr {
	width: 40%;
	color: gray;
}