@charset "utf-8";
@import url("reset.css");

/* Parà grafs */
h1, h2, h3, h4, ol, , ul, dt, hr {
	margin: 0;
	line-height: 1.7em;
}

/* Mida textos */
p {
	font-size:1.2em;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-weight:0.8em;
	font-style:normal;
	font-size: 1.0em;
}

h3 {
	font-size: 1.1em;
}

h4 {
	margin: 20px 0px 10px 0px;
}

big {
	font-size: 1.1em;
}

small {
	font-size: 0.7em;
}

/* Color textos */

.vincle {
	color:#738004;
}
.vincle a {
	color:#738004;
	text-decoration:underline;
}
.vincle a:hover, .vincle a:visited{
	color:#738004;
	text-decoration:underline;
}
.vincle a:link, .vincle a:active {
	color:#738004;
}

/* Color fons */
hr {
	clear: both;
	height: 1px;
	background-color: #9fa192;	
}

#nav, #nav li, #nav li div, ul #nav, div li a:hover, td li a:hover, #barra a:hover li, td a:hover li, #barra1 a:hover div {
	/*background-color: #ffb200;*/
	background-color: #ffffff;
}

/* Bordes */
#container, #barra ul, #interiorparraf, #footer {
	border: 1px #ffb200 solid;		/* Border taronja */
}

#interiorparraf li a:hover {
	background-color: #ffb200;
}

.span {
	padding:0px;
	margin:0px;
	font-size: 1.7em;
	color:#7c8904;	
}

#parraf ul {
	padding-left:20px;
}

#parraf ul li a:hover {
	text-decoration:underline;
}

#parraf ul li a {
	color:#7A8703;
}

.Estilo1 {color: #7A8703}

a:hover, a:active, h1, h3, em {
	color:#006699;
}

#interiorsubnav a h3:hover {
	background-color: #ffb200;
}

#barra a h3:hover {
	color: #000000;
}

#highlight {
	width:100px;
	height:100px;
	position:absolute;
	left: -143px;
	top: 91px;
	height: 193px;
}

.highlight {
	padding: 5px;
}

#sobre {
	position:absolute;	
}

#dretafooter {
	position:relative;
	float:left;
	margin-top:1px;
	padding-top:1px;
	padding:20px;
	/*height:150px;*/
	height:100%;
	width: 739px;
	background-color: #FFF;
}



#esquerrefooter {
	 margin-top:1px; 
	 padding-top:1px; 
	 width:auto;   
	 padding:20px; 
	 font-size:0.9em; 
	 line-height:17px; 
	 color:#999999; 
	 height:100%;
}

/* MAQUETACIÃ? */
html, body {
	background-color:#F6F6F6;

}


#container {
	position: relative;
	width: 780px;
	margin: auto;
	background-color:#FDFCFC;
	border-width: 0 1px;
}
	
#header {
	height:66px;
	position:relative;
	background-color:#2a566f;
}

#detall {
	background-image:url(../images/header-baix.png);
	background-repeat:no-repeat;
	background-position:262px 25px;
}

#menu_sup {
	padding: 0px;	
	margin: 0px;
}


#menu_sup a {
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	color: #2A566F;
	text-align: left;
	margin: 0px;
	float: left;
}

#menu_sup a:hover {
	background-color: #FFB200;
}

#menu_sup a.idiomes {
	color: #666666;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	float: right;
}

#menu_sup a.idiomes:hover {
	background-color: transparent;
}

a.idiomes img {
	float: left;
	border: solid 1px #000;
	text-align: right;
	margin: 0px 0px 0px 5px;
}

#logo {
	position:absolute;
	top:0;
	left:0;
	border:0px;
}

#titular {
	position:absolute;
	right: 5px;
	top: 6px;
	height: 50px;
	color:#FFF;
	text-align:right;
	font-size: 1.6em;
}

#servicios {
	text-align:center; 
	background-color:#7A8703;
}

#ambito {
	text-align:center; 
	background-color:#666666;
}

#frase {
	position:absolute;
	left: 79px;
	top: 68px;
	height: 35px;
	width: 384px;
	color:#333333;
	text-align:left;
}

#imatges {
	width:auto; 
	height:auto; 
	padding:2px; 
	float:right; 
	padding-right:5px; 
	padding-top:20px;
}

#textos {
	width:360px; 
	height:auto; 
	padding:10px; 
	float:left;
}

#imatge {
	margin-bottom:15px;
}

#titol {
	float:left;
	padding:5px;
	width:630px;
}

#titol h1 a {
	color:#7A8703;

}

#botoproj {
	width:178px; 
	background-image:url(../images/fons-tipus.jpg);
	background-repeat:repeat;
	float:left;
	text-align:center;
	padding:11px;
	margin-right:4px;
	height:320px;
}

#botoproj a:hover {
	background-image:url(../images/fons-tipus-on.jpg);
	background-repeat:repeat-x;
}

#projectes {
	background:#F5F5F5;
	padding:20px;
	width:595px; 
	height:auto; 
	float:left;
	margin-bottom:10px;
}

#projectes1 {
	background-color:#e1e1dc;
	padding:20px;
	width:595px; 
	height:auto; 
	float:left;
	margin-bottom:10px;
}

#projectes li {
	list-style:url(../images/punt.png) outside;
}

#projectes ul {
	padding-left:5px;
}

#projectes h3, #projectes p strong {
	color:#2a566f;
	font-size:1.4em;
}

#projectefoto {
	width:247px; 
	height:165px; 
	float:right;
}
#projectes p,  #projectes h1,#projectes  h2, #projectes h4, #projectes h5, #projectes h6, #projectes strong {
	color:#006699; 
}

#boto1 {
	height:40px;
	background-image:url(../images/boto1.jpg);
	background-repeat: no-repeat;
	line-height:20px;
	font-size:1.0em;
	padding:15px;
}
a:hover #boto1  {
	background-image:url(../images/boto1-on.jpg);
	background-repeat: no-repeat;
}
#boto2 {
	height:40px;
	background-image:url(../images/boto2.jpg);
	background-repeat: no-repeat;
	line-height:20px;
	font-size:1.0em;
	padding:15px;
}
a:hover #boto2  {
	background-image:url(../images/boto2-on.jpg);
	background-repeat: no-repeat;
}
#boto3 {
	height:40px;
	background-image:url(../images/boto3.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	line-height:20px;
	font-size:1.0em;
	padding:15px;
}
#boto4 {
	height:auto;
	background-image:url(../images/boto4.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	line-height:20px;
	font-size:1.0em;
	padding-left:55px;
	padding-bottom:15px;
	padding-top:23px;
}
a:hover #boto3 {
	background-image:url(../images/boto3-on.jpg);
	background-repeat: no-repeat;
}
#boto31 {
	height:40px;
	background-image:url(../images/boto31-on.jpg);
	background-repeat: no-repeat;
	color:#6A6A00;
	line-height:20px;
	font-size:1.0em;
	padding:15px;
}
a:hover #boto31  {
background-image:url(../images/boto31.jpg);
	background-repeat: no-repeat;
	
	color:#6A6A00;
}
a:hover #boto31 h1 {
	color:#7a8703;
}
a:hover #boto3 span, a:hover #boto3 h6, a:hover #boto3 Estilo1, a:hover #boto2 span, a:hover #boto2 h6, a:hover #boto2 Estilo1, a:hover #boto1 span, a:hover #boto1 h6, a:hover #boto1 Estilo1, a:hover #boto4 span, a:hover #boto4 h6, a:hover #boto4 Estilo1  {
	color:#333300;
	
}
#barra {
	text-align:center;
	clear: both;
	/*height: 600px;*/

	background-color:#FFFFFF;
}

#barra h3 {
	margin-top:20px;
	padding-left:15px;
	color:#006699;
	font-weight:bolder;
	text-align:left;
}

#barra ul {
	padding:0 20px 20px 20px;
	width:219px;  
	/*height: 580px;*/
	float:left;
	text-align:justify;
	border-width: 0 0 0 1px;
	background-image:url(../images/fonsbarra.gif);
	background-repeat: repeat-x;
}

#barra li{
	line-height:16px;
	font-size:1em;	
	list-style-image: url(../images/punt.png);
	padding:0px;
	margin:0px 0px 0px 20px;
}

#barra li, td li{
	padding:3px;	
}

#barra ul a img{
        border: 0px;
}

#barra a:hover li, td a:hover li  {
	color:#333333;
}

#barra1interior p {
	list-style-type: circle;
	text-align: left;
}
#barra1interior p a {
	list-style-type: circle;
	text-align: left;
}
#barra1interior p a:hover {
	list-style-type: circle;
	text-align: left;
	color:#000000;
	text-decoration:underline;
}

#sidebar p {
	line-height:15px;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}

#interiorsubnav {
 padding:20px; background-color:#f4f3f3;  float:none;

}

#interiorsubnav h1{
	margin: 0px;
	padding: 0px;
}

#capa {
	position:absolute;
	width:140px;
	height:140px;
	left: 599px;
	top: -25px;
}

#interiorparraf {
	padding: 20px 0px 20px 0px;
	background-color:#f4f3f3;
	border-width: 0 0 1px 0;
	position:relative;
	border-bottom: solid 1px #ffb200;
}
#interiorparraf p{
	font-size: 1em;
	color: #666666;
	line-height: 16px;
	text-align: left;
}

#interiorparraf h3 {
	font-weight: normal;
}

#interiorparraf a li, #interiorparraf li a{
	font-weight: normal;
}

#youtube {
	margin-top: 20px;
}

.interiorh1{
color:#f97307; padding-top:15px;
}

#barra1interior {
	/*padding:0 0px 20px 20px;*/
	padding: 20px;
	width:290px;  
	background-image:url(../images/fonsbarra.gif);
	background-repeat:repeat-x;
	float:left;
	border-right:none; 
	/*height:425px;*/
	min-height:382px;
}

#barra1interior h2 {
	color:#006699;	
	font-size: 1.3em;
	margin-bottom: 15px;
}

#barra1interior h3 {
	text-transform: uppercase;
	/*margin-bottom: 20px;*/
	margin-bottom: 0;
}
#barra1interior p {
	margin:15px 0;
}

#barra1interior ul li {
	padding: 4px 0px 4px 0px;
}

#barra1 {
	line-height:1.7em;
}
#barra1 h3 {
	line-height:1.1em;
}
#barra1 a:hover div {
}

#barra2 {
	background-image:url(../images/fonsbarra.gif);
	background-repeat:repeat-x;
	float:right;
	text-align:justify;
	padding: 20px;
	width:410px;
	padding-bottom:50px;
}


#barra2 img {
	float:right;
	margin: 0px 10px 5px 0px;
}


input, select, textarea {
	border: solid 1px #7F9DB9;
}

input:focus, select:focus, textarea:focus {
	background-color: #EEEEEE;
}

label {
	color:#40556F;
}

fieldset {
	padding:10px;
	border: none;
	background-color:#EEEEEE;
}


#footer {
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	width: 780px;
	margin: auto;
	clear: both;
	margin-top:1px;
	border-width: 1px 0 0 0;
}

#footer p {
	font-size:1em;
	line-height:16px; 
	text-align:left;
	}
.img  {
	padding-top:8px;
	
}

#nav {
	/*overflow: auto;*/
	margin:0px 0px 0px 0px;
	float: left;
	width: 100%;
}

#nav li {
	display: inline;
	margin-left: 0px;
}

#nav li a {
	padding: 0px 15px 0px 15px;
	display: block;
	float: left;
	line-height:25px;
	height:25px;
	color: #2A566F;;
}

#nav li a:hover {
	background-color: #ffb200;
}

#subnav {
	/*height:312px;
	margin-top:25px;*/
	width: 780px;
	float:left;
	position:relative;	
}

#subnav img {
	border-top: solid 1px #ffb200;
	border-bottom: solid 1px #ffb200;
}


/* Text justificat */
#content p {
	text-align: justify;
	line-height:20px;
	font-size:1.1em;
}
#content {
	float:left;
	width:642px;
	padding:20px;
	background-color:#e1e1dc;
}
#sidebar {
	width:287px;
	background-color:#bebebc;
	float:right;	
}
div #interiorsubnav {
	height:auto;
	width: 740px;
}
li {
	list-style-position: outside;
	list-style-image: url(../images/punt.png);
	text-align: left;
	font-weight: bold;
	margin-left: 10px;
}

div li a:hover, td li a:hover {
	list-style-type: square;
	text-align: left;
	color:#333333;
}


a.noticias_pdf img {
	width: 25px;
	border: 0px;
	vertical-align: middle;
	margin-right: 10px;
}

@media print, @media handheld {
/* Imprimir i dispositius mòbils */
html, body, #container, #header, #nav, #subnav, #barra, #content, #footer {
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10pt;
	max-width: 100%;
}
}

@media print {
/* Imprimir */
* {
	overflow: hidden;
	max-width: 100%;
}

button {
	display: none;
}
}