.Fields {
    display: block;
    width: 100%;
    min-height: 20px;
    padding: 17px 22px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .025em;
    color: #151515;
    background-color: #f7f7f7;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 1px solid #f7f7f7;
}

.Fields_arees {
    display: block;
    width: 100%;
    height: 100px;
    padding: 17px 22px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .025em;
    color: #151515;
    background-color: #f7f7f7;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 1px solid #f7f7f7;
}

.my-button {
  padding: 10px 20px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.my-button:hover {
  background-color: #45a049;
}

.my-button:active {
  background-color: #3e8e41;
}

/* FONTS */


@font-face {
    font-family: 'Futura-light-bt';
    src: url('../../fonts/futural-webfont.eot');
    src: url('../../fonts/futural-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/futural-webfont.woff') format('woff'),
         url('../../fonts/futural-webfont.ttf') format('truetype'),
         url('../../fonts/futural-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* CAPES */

.multicolumna2columnas{
	width:70%;
   -moz-column-count: 2;
   -moz-column-gap: 2em;
   -moz-column-rule: 1px solid #ccf;
   -webkit-column-count: 2;
   -webkit-column-gap: 2em;
   -webkit-column-rule: 1px solid #ccf;
}

/* BODY */

BODY {
text-align:center;
margin: 0px;
padding: 0px;
background-color:#2c73ac;
background-image: url('../images/fons.jpg');
background-repeat: repeat-x;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}

fieldset,img { 
	border:0;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* TAULES */

 table.preus{
	width:67%;
    border-collapse: collapse;
    border: 1px solid white;
	color:#ffffff;
	background-color:#296ca7;
	text-align:center;
  }
  table.preus td{
    border: 1px solid white;
	padding: 13px;
  }
  table.preus th{
    border: 1px solid white;
	padding: 13px;
  }

/* IMATGES */

img {
	margin: 0;
	border:0;
}



/* TEXTES */

H1 {
	font-family: "Futura-light-bt", "Verdana";
	font-size: 175%;
	color: #003951;
	font-style: normal;
	margin:0px;
	margin-bottom:15px;
	font-weight: normal;
}

H2 {
	font-family: "Futura-light-bt", "Verdana";
	font-size: 155%;
	color: #003951;
	font-style: normal;
	margin-bottom:10px;
	font-weight: normal;
}


H3 {
	font-family: "Futura-light-bt", "Verdana";
	font-size: 140%;
	color: #ffffff;
	font-style: normal;
	margin:0px;
	margin-bottom:7px;
	font-weight: normal;
}

.normal{
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	line-height:160%;
	color: #000000;
	font-style: normal;	
	margin-bottom:20px;
}

p{
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	line-height:160%;
	color: #000000;
	font-style: normal;	
	margin-bottom:20px;
}

.blau{
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	line-height:160%;
	color: #003951;
	font-weight: normal;
}

.blaup{
	font-family: "Futura-light-bt", "Verdana";
	font-size: 95%;
	line-height:160%;
	color: #003951;
	font-weight: bold;
}

.gran{
	color: #000000;
	font-weight: bold;
}

.blanc{
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	line-height:120%;
	color: #ffffff;
	font-style: normal;	
}

.predif{
	color: #007862;
	font-weight: bold;
}



.menuactiu { 
  background-color: #015876; 
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #ffffff;
  padding:3px;
}

.reserva { 
  background-color: #f27b17; 
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #ffffff;
  padding:3px;
}


th {
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	line-height:130%;
	color: #ffffff;
	font-style: normal;	
}

td.blan {
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	line-height:130%;
	color: #ffffff;
	font-style: normal;	
}

.peu{
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	line-height:120%;
	color: #ffffff;
	font-style: normal;	
}

/* ENLLAÇOS */

a:link img{
	text-decoration:none;
	border: none;
}

a:hover img{
	text-decoration:none;
	border: none;
}

a:active img{
	text-decoration:none;
	border: none;
}

a:visited img{
	text-decoration:none;
	border: none;
}


a {
	text-decoration:none;
	border: none;
}

a.entorn: {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	color: #003951;
	font-style: normal;
	font-weight: bold;
}

a.entorn:active {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	color: #003951;
	font-style: normal;
	font-weight: bold;
}

a.entorn:link {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	color: #003951;
	font-style: normal;
	font-weight: bold;
}

a.entorn:visited {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	color: #003951;
	font-style: normal;
	font-weight: bold;
}

a.entorn:hover {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	color: #000000;
	font-style: normal;
	font-weight: bold;
}



a.menu: {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	color: #ffffff;
	font-style: normal;
}

a.menu:active {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	color: #ffffff;
	font-style: normal;
}

a.menu:link {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	color: #ffffff;
	font-style: normal;
}

a.menu:visited {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	color: #ffffff;
	font-style: normal;
}

a.menu:hover {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 100%;
	color: #ffffff;
	font-style: normal;
}




a.superior: {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 90%;
  color: #003951;
  padding:3px;
}

a.superior:active {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 90%;
  color: #003951;
  padding:3px;
}

a.superior:link {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 90%;
  color: #003951;
  padding:3px;
}

a.superior:visited {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 90%;
  color: #003951;
  padding:3px;
}

a.superior:hover {
  background-color: #015876; 
  font-family: "Futura-light-bt", "Verdana";
  font-size: 90%;
  color: #ffffff;
  padding:3px;
}


a.noticies: {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #003951;
  padding:3px;
}

a.noticies:active {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #003951;
  padding:3px;
}

a.noticies:link {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #003951;
  padding:3px;
}

a.noticies:visited {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #003951;
  padding:3px;
}

a.noticies:hover {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #000000;
  padding:3px;
}


a.menusuperior: {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 120%;
	color: #ffffff;
	font-style: normal;
}

a.menusuperior:active {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 120%;
	color: #ffffff;
	font-style: normal;
}

a.menusuperior:link {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 120%;
	color: #ffffff;
	font-style: normal;
}

a.menusuperior:visited {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 120%;
	color: #ffffff;
	font-style: normal;
}

a.menusuperior:hover {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 120%;
	color: #ffffff;
	font-style: normal;
}



a.menuinferior: {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 130%;
	color: #ffffff;
	font-style: normal;
}

a.menuinferior:active {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 130%;
	color: #ffffff;
	font-style: normal;
}

a.menuinferior:link {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 130%;
	color: #ffffff;
	font-style: normal;
}

a.menuinferior:visited {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 130%;
	color: #ffffff;
	font-style: normal;
}

a.menuinferior:hover {
	text-decoration:none;
	border: none;
	font-family: "Futura-light-bt", "Verdana";
	font-size: 130%;
	color: #ffffff;
	font-style: normal;
}




a.negre: {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #000000;
  padding:3px;
  font-weight: bold;
}

a.negre:active {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #000000;
  padding:3px;
  font-weight: bold;
}

a.negre:link {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #000000;
  padding:3px;
  font-weight: bold;
}

a.negre:visited {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #000000;
  padding:3px;
  font-weight: bold;
}

a.negre:hover {
  font-family: "Futura-light-bt", "Verdana";
  font-size: 100%;
  color: #003951;
  padding:3px;
  font-weight: bold;
}