/*--------------------------------------
ESTILS TIPOGRÀFICS GENERALS
---------------------------------------*/

h1, h2, h3, h4, h6, li, p {
        margin: 0px;
        padding: 0px;
        font-family: Verdana, Arial,sans-serif;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

/*--------------------------------------
BLOCS DE LA PÀGINA
---------------------------------------*/

html, body {
        margin: 0px;
        padding: 0px;
        }

body {
       font-size: 62.5%;
       background-color:#333;
}

p {
		font-size:1.4em;
		font-family: Verdana, Arial,sans-serif;
}

.cos{
	min-height:500px;
}
/*--- CONTENIDOR PRINCIPAL ---*/

#principal {
        width: 970px;
        margin: 0 auto;
        min-height: 100%;
		position:relative;
		padding: 0 10px;
		background-color:#FFF;
}

#sidebar {
	float: right;
	width: 25em;
}

#capsalera {
		position:relative;
        height: 11.5em;
        background: url("../img/header.png") left no-repeat;
}

#capsalera h1 {
       display: none;
}

#capsalera h2 {
       display: none;
}
#capsalera #idiomes{
	position:absolute;
	right:5px;
	top:20px;
	color:black;
}
#capsalera #idiomes .active{
	font-weight:bold;
}
#capsalera #idiomes a,#capsalera #idiomes a:active,#capsalera #idiomes a:hover{
	text-decoration:none;
	font-family: Verdana, Arial,sans-serif;
	font-size:11px;
	color:black;
}
#block{
	border: 1px solid #cdcdcd;
	position:relative;
	clear:left;
	margin-bottom:50px;
}
#contingut{
	float:left;
}
#contingut .cos p {
		color: #666;
		text-align: justify;
		margin:1em;
}
#content{
	float:left;
	font-family:Verdana, Arial,sans-serif;
}
#content .cos p {
	color: #333;
	text-align: justify;
	margin:1em;
	clear:both;
}

.lema{
	position:absolute;
	top:20px;
	color:#492040;
	font-size:3em;
	font-weight:bold;
	width:550px;
	margin-left:1em;
	font-family: Verdana, Arial,sans-serif;
}

.projectes ul li{
	height:13em;
	background-color:#f4f1f3;
	margin-top:2em;
	padding:1em;
}
.projectes ul li h3 a{
	text-decoration:none;
	font-size:1.6em;
	color:#35002d;
}

.projectes ul li img{
	float:left;
	margin-right:2em;
}

#footer{
	margin-top:10px !important;
	background-color:#333;
	color:wheat;
	text-align:left;
	font-family:arial;
	font-size:1em;
	clear:both;
	padding: 10px;
}
ul.submenu ul{
	margin-left:100px;
	margin-top:0 !important;
	background-color:#FFF !important;
}
ul.menu ul /* Para todos los ul debajo del ul.menu */
{
   display:none;
   list-style:none;
}
ul.menu li:hover ul, ul.menu li.hover ul
{
	display:block;
	position:absolute;
	z-index:2000;
	top:0px;
}
.menu{
	font-family: Arial;
	color:#FFFFFF;
	font-size:14px;
	height: 2em;
	background-repeat:repeat-x;
	background-color:#AC0016;
	width:600px;
	float:right;
	-moz-border-radius:10px;
	position:absolute;
	top:80px;
	right:10px;
}
.menu a, menu a:visited, menu a.visted{
	text-decoration:none;
	color:#FFFFFF;
	padding: 0 1em 0 1em;
}
.menu a:hover{
	color:#CCC;
}
.submenu{
	z-index:2000;
	margin-top:2em;
	background-color:black;
	border-left:1px solid #C8B9C5;
	border-right:1px solid #C8B9C5;
	opacity:0.6;
	-moz-border-radius:10px;
}
.submenu li{
	border-bottom:1px solid #C8B9C5;
	clear:both;
	min-width:175px;
	padding:0.5em !important;
	height:auto !important;
}
.submenu li:last-child{
	border:0 !important;
}
.menu li{
	height:2em;
	list-style-type:none;
	text-decoration:none;
	position:relative;
	float:left;
	padding-left:1em;
	padding-top:0.3em;
}
#tecnologies{
	margin-bottom:2em;
}
#tecnologies h3{
	color:#684062;
	font-size:2em;
	margin-top:2em;
	margin-bottom:0.5em;
}
#tecnologies ul li{
	font-size:1.4em;
	padding:0.5em;
	height:50px;
	width:470px;
	float:left;
}
#tecnologies ul li img{
	float:left;
	margin-right:0.5em;
}
#tecnologies ul li p{
	font-size:1.2em;
	color: #777;
}
.cos ul{
	font-size:1.4em;
	color: #666;
	text-align: justify;
	margin:0 4em 0 4em;
	font-family: Verdana, Arial,sans-serif;
}
.cos ul li{
	list-style-image: url(../img/bullet.jpg);
}
.cos h3, .cos h2{
	text-decoration:none;
	font-size:1.6em;
	font-weight:bold;
	color:#481841;
	margin-bottom:1em;
}
.imatge{
	float:left;
}
.cos #logo{
	margin:0 !important;
}
.cos .block{
	width:220px;
	background-color:#ECECEC;
	float:left;
	margin-left:8px;
	height:490px;
	margin-bottom:10px;
	font-size:1.1em;
}
.block .llista ul,.block .info ul{
	list-style-type:disc;
	margin-left:3em !important;
}
.cos  .info{
	text-align:left !important;
}
.block .llista li{
	list-style-type:disc;
	list-style-image:none;
	color:#333;
	font-family:Verdana, Arial,sans-serif;
}
.cos .block .imatge{
	width:218px;
	background-color:#FFFFFF;
	border:1px solid #EAE5EA;
	text-align:center;
	height:130px;
	padding-top:5px;
}
.cos .block h3{
	padding:0.5em;
	color:#333;
}
.cos .block .info{
	font-size:1em;
	font-family:Verdana, Arial,sans-serif;
}
.cos .imatgelateral{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#sidebar h3{
	color:#947890;
	font-size:1.6em;
	font-weight:bold;
	padding:0.2em 0em 0em 3em;
	background-image: url(../img/contactop.png);
	background-repeat: no-repeat;
	margin:1em 0 0.5em 0;
}
#contactar{
	background-color:#EAE5EA;
	height:12em;
	-moz-border-radius:10px;
}
#contactar h2,#contactar h2 a{
	padding:0.7em;
	color:#592E53;
	font-weight:bold;
	text-decoration:none;
}
#contactar ul{
	list-style-type:disc;
	margin-left:3em;
	line-height:2em;
}
hr{
	color: #CCC;
	background-color: #CCC;
	border:0;
	height:1px;
	margin-top:25px;
	margin-bottom:25px;
}
#contacto{
	float:left;
	width:80%;
clear:both;
}
.titol{
	font-size:4em;
	position:absolute;
	top:325px;
	z-index:1;
	color:#E4D1D3;
}