* {
	margin:0;
	padding:0;
}
img {
	border:0px;
}
body {
	
	background:#F1F2F3;
	font-family: Helvetica, arial, sans-serif;
	font-size: 13px;
}

a {
	color: #EA580C;
	text-decoration: none;
}

p {
	margin-bottom:13px;
}

@font-face {
    font-family: 'Compromis';
    src: url('/lib/fonts/akkurat-webfont.eot');
    src: url('/lib/fonts/akkurat-webfont.eot?#iefix') format('embedded-opentype'),
         url('/lib/fonts/akkurat-webfont.woff') format('woff'),
         url('/lib/fonts/akkurat-webfont.ttf') format('truetype'),
         url('/lib/fonts/akkurat-webfont.svg#AkkuratRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CompromisBold';
    src: url('/lib/fonts/akkurat-bold-webfont.eot');
    src: url('/lib/fonts/akkurat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/lib/fonts/akkurat-bold-webfont.woff') format('woff'),
         url('/lib/fonts/akkurat-bold-webfont.ttf') format('truetype'),
         url('/lib/fonts/fonts/akkurat-bold-webfont.svg#Akkurat-BoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#wrapper {
	width: 940px;
	
	margin: 20px auto;
	position: relative;
	background:#FFF;
	-webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.6);
}
a#compromis {
	display:block;
	height: 70px;
	background: url(../lib/img/header.png);
}
a#compromis h2 {
	display: none;
}
#header {
	margin-top:20px;
}
h1 {

	font-family:'Compromis', arial, sans-serif;
	font-weight:normal;
	font-size: 46px;
	color:#5f98aa;
	padding:10px 0px 20px 20px;
	width: 35%;
	float:left;

}

#introduccio {
	width: 60%;
	float:right;
	font-size:14px;
	line-height: 175%;
	color: #444;
	margin-top:20px;
	padding: 10px 20px 0px 0px;
	
}
#introduccio strong {
	color:#5f98aa;
}

#index {
	margin:10px;
}
#index #espai {
	padding-top:20px;
	border-top: 10px #7cbc53 solid;
}
#index #espai.force-border-bottom {
	border-top: 0px					  !important;
	border-bottom: 10px #7cbc53 solid !important;
	padding: 0px 0px 20px 0px         !important;
}
#index #espai .box {
	width: 35%;
	float:left;
	color:#7cbc53;
	font-size: 45px;
	font-family:'Compromis', arial, sans-serif;
	height: 320px;
	
}
#index #espai ul {
	float: right;
	width: 63%;
	font-size:15px;
	line-height: 200%;
}
#index #espai a {
	color:#7cbc53;
	text-decoration: none;
	margin:6px !important;
	padding: 4px;
}
#index #espai a:hover {
	background-color:#7cbc53;
	color: #FFF;
	text-decoration: none;
}

#index #persona {
	margin-top:20px;
	padding-top:10px;
	border-top: 10px #6a6397 solid;
}
#index #persona.force-border-bottom {
	border-top: 0px					  !important;
	border-bottom: 10px #6a6397 solid !important;
	padding: 0px 0px 20px 0px 		  !important;
}

#index #persona .box {
	width: 35%;
	float:left;
	color:#6a6397;
	font-size: 45px;
	font-family:Compromis, arial, sans-serif;
	height: 130px;
	
}
#index #persona ul {
	float: right;
	width: 63%;
	font-size:15px;
	line-height: 200%;
}
#index #persona a {
	color:#6a6397;
	text-decoration: none;
	margin:6px !important;
	padding: 4px;
}
#index #persona a:hover {
	background-color:#6a6397;
	color: #FFF;
	text-decoration: none;
}


#index #societat {
	margin-top:20px;
	padding-top:20px;
	border-top: 10px #e47e2c solid;
}
#societat.force-border-bottom {
	border-top: 0px !important;
	border-bottom: 10px #e47e2c solid;
	padding: 0px 0px 20px 0px !important;
}

#index #societat .box {
	width: 35%;
	float:left;
	color:#e47e2c;
	font-size: 45px;
	font-family:Compromis, arial, sans-serif;
	height: 320px;
	
}

#index #societat .items {
	float: right;
	width: 63%;
	font-size:15px;
	line-height: 200%;
}
#index #societat a {
	color:#e47e2c;
	text-decoration: none;
	margin:6px !important;
	padding: 4px;
}
#index #societat a:hover {
	background-color:#e47e2c;
	color: #FFF;
	text-decoration: none;
}

#index ul > ul {
	margin-left:25px;
	font-size: 12px;
}

#index ul {

	list-style:none;
}
#index ul li {
		padding:0px;
	margin:0px !important;
}

#programa {
	padding:20px;
	margin-top:20px;
}

#programa #espai h2 {
	background: #7cbc53;
	font-family:'CompromisBold', arial, sans-serif;
	font-size: 45px;
	color:#FFF;
	padding:10px 20px;
	margin:15px -20px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#programa #persona h2 {
	background: #6a6397;
	font-family:'CompromisBold', arial, sans-serif;
	font-size: 45px;
	color:#FFF;
	padding:10px 20px;
	margin:15px -20px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#programa #societat h2 {
	background: #e47e2c;
	font-family:'CompromisBold', arial, sans-serif;
	font-size: 45px;
	color:#FFF;
	padding:10px 20px;
	margin:15px -20px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.text {
	margin:20px 15px 15px 15px;
	line-height: 175%;
	font-size: 14px;
}
.text ul li {
	margin-left: 30px;
}

a.programa-index {
	color:#5f98aa;
	font-size: 18px;
	padding:5px 5px 5px 20px;
	margin-left:-20px;
	
}
a.programa-index:hover {
	background: #c3dde5;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}

a.programa-index-bottom {
	color:#5f98aa;
	font-size: 18px;
	padding:5px;
	
}
a.programa-index-bottom:hover {
	background: #c3dde5;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}



a.programa-espai {
	color:#7cbc53;
	font-size: 18px;
	padding:5px;
	
}
a.programa-espai:hover {
	background: #d5f3c2;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}


a.programa-persona {
	color:#6a6397;
	font-size: 18px;
	padding:5px;
	
}
a.programa-persona:hover {
	background: #cecae9;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}


a.programa-societat {
	color:#e47e2c;
	font-size: 18px;
	padding:5px;
	
}
a.programa-societat:hover {
	background: #f5c9a4;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}

#espais-text h3 { color:#7cbc53; font-size: 26px; margin-bottom: 15px; margin-top:20px; }
#espais-text h4 { color:#7cbc53; font-size: 17px; margin-bottom: 15px; margin-top:20px;}
#espais-text h5 { color:#7cbc53; font-size: 14px; margin-bottom: 15px; margin-top:20px; }

#persona-text h3 { color:#6a6397; font-size: 26px; margin-bottom: 15px; margin-top:20px; }
#persona-text h4 { color:#6a6397; font-size: 17px; margin-bottom: 15px; margin-top:20px;}
#persona-text h5 { color:#6a6397; font-size: 14px; margin-bottom: 15px; margin-top:20px; }

#societat-text h3 { color:#e47e2c; font-size: 26px; margin-bottom: 15px; margin-top:20px; }
#societat-text h4 { color:#e47e2c; font-size: 17px; margin-bottom: 15px; margin-top:20px;}
#societat-text h5 { color:#e47e2c; font-size: 14px; margin-bottom: 15px; margin-top:20px; }

#espais-text strong {
	color: #7cbc53;
}
#persona-text strong {
	color: #6a6397;
}
#societat-text strong {
	color: #e47e2c;
}
.padding {
	
	background: #FFF;
	background: rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.7);
	text-align: right;
	
}

#navigator {
	padding-right:100px;
	opacity: 0.7;
	position: fixed;
	top: 10%;
	left: 0px;
	z-index: 10000;
	

}
#navigator.espai {
	left: 0px;
}
#navigator.persona {
	left: 0px;
}
#navigator.societat {
	left: 0px;
}
#navigator.programa-index {
	left: 0px;
}
#navigator ul li {
	list-style: none !important;
}
#navigator ul > ul.submenu-espai li a {
	
	display:block;
	padding:5px;
	padding-right: 45px;
	color:#7cbc53;
	font-weight:bold;
}
#navigator ul > ul.submenu-espai li a:hover{
	background:#a9d88a;
	color:#FFF;
}
#navigator ul > ul.submenu-persona li a {
	
	display:block;
	padding:5px;
	padding-right: 45px;
	color:#9e96cd;
	font-weight:bold;
}
#navigator ul > ul.submenu-persona li a:hover{
	background:#9e96cd;
	color:#FFF;
}
#navigator ul > ul.submenu-societat li a {
	
	display:block;
	padding:5px;
	padding-right: 45px;
	color:#ea9d5f;
	font-weight:bold;
}
#navigator ul > ul.submenu-societat li a:hover{
	background:#ea9d5f;
	color:#FFF;
}
#section {
	position: fixed;
	top:7px;
	left:0px;
	width: 100%;

	z-index:1000000;
}
.inside-section {
	width: 900px;
	margin: 0 auto;
	text-align:right;
}
#section a {
	color:#FFF;
	text-transform: uppercase;
	padding: 10px;
	font-size: 18px;
	margin-right:50px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
#section a:hover {
	opacity:0.5;
}
#section.espai a {
	background:#7cbc53;
}
#section.persona a {
	background:#6a6397;
}
#section.societat a {
	background:#e47e2c;
}
.menu-item a {
	color:#FFF;
	font-size: 18px;
	display:block;
	padding:10px;
	font-family:'CompromisBold', arial, sans-serif;
	padding-right: 40px;
}
.menu-item a:hover {
	opacity:0.7;
}
.menu-espai a {
	background:#7cbc53;
}
.menu-persona a {
	background:#6a6397;
}
.menu-societat a {
	background:#e47e2c;
}

   .text ul {
   	margin-bottom:20px;
   }
    li.li1 { }
    li.li2 { margin-left: 30px; }

    span.s3 {text-decoration: line-through}
   
    ul.ul1 {list-style-type: disc; margin-left: 30px !important; margin-bottom:10px !important;}
   
   #footer {
   width: 940px; margin:20px auto;color:#555;text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
   
   }
   
   
   
   #nav {
  
   padding: 20px;
   margin: 10px;
   margin-top: 45px;
   margin-left:-10px;
   -webkit-box-shadow: 0px -15px 20px -19px rgba(0,0,0,0.4);

   
   }
   
@media (max-width: 940px) {

	#wrapper {
		width:100%;
	}
	#footer {
		width:100%;
	}
	#wrapper img {
		width: 100%;
	}
	h1 {
		font-size: 30px;
	}
	#navigator {
		padding-right:0px;
	}
	.inside-section { width: 100%; }
	#bar, #bar-top {
		width: 97% !important;
	}

}