*{margin:0px; padding:0px; border:0px;}
body {font-weight: 400;}
a {text-decoration: none; text-align:left; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 400;line-height: 1.2em; color:#808080; padding: 10px 0px 20px 30px; letter-spacing: -0.5px}
a:hover {text-align:left; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 400;line-height: 1.2em; color:#808080; padding: 10px 0px 20px 30px; letter-spacing: -0.5px}
a.logo {font-family: 'Poppins', sans-serif; font-size:1.7em; font-weight: 700; color:#FF8C00; text-align:left; }
a.logo :hover {font-family: 'Poppins', sans-serif; font-size:1.7em; font-weight: 700; color:#FF8C00; text-align:left; }
a.telefono {text-decoration: none; text-align:center; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 400;line-height: 1.1em; color:#FF8C00; padding: 0px 20px 20px 0px; letter-spacing: -0.5px}
a.telefono :hover {text-decoration: none; text-align:center; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 400;line-height: 1.1em; color:#FF8C00; padding: 0px 20px 20px 0px; letter-spacing: -0.5px}
a.poblacions {color:#FF8C00; text-decoration: none; font: 18px 'Poppins', sans-serif;font-weight: 600; letter-spacing: 0.5px; text-align:center;}
a.poblacions :hover {color:#FF8C00; text-decoration: none; font: 18px 'Poppins', sans-serif;font-weight: 600; letter-spacing: 0.5px; text-align:center;}
a.volver {font-family: 'Poppins', sans-serif; font-size:1.7em; font-weight: 700;line-height: 20px; color:#FF8C00; margin: 30px 0px 0px 0px; line-height: 30px; padding: 5px 0px 0px 20px; text-align:center; padding: 5% 33% 0% 33%}
a.footer {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding: 50px 10px 0px 50px; letter-spacing: 1px; text-align:center;}
a.footer :hover {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding:50px 10px 0px 50px; letter-spacing: 1px; text-align:center;}
a.footer2 {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding: 50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
a.footer2 :hover {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding:50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
a.columna1 {padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
h1 {text-align:center; font-family: 'Poppins', sans-serif; font-size:4em; font-weight: 700;line-height: 20px; color:#33A1C9; padding: 30px; line-height: 1em; letter-spacing: -1.5px}
h2 {text-align:center; font-family: 'Poppins', sans-serif; font-size:2.7em; font-weight: 200;line-height: 20px; color:#33A1C9; margin-bottom: 20px; margin-top: 20px; line-height: 50px; letter-spacing: -1.5px}
h3 {font-family: 'Poppins', sans-serif; font-size:1.7em; font-weight: 700;line-height: 20px; color:#FF8C00; margin-bottom: 0px;margin-top: 20px; line-height: 30px; padding: 5px 0px 0px 20px; text-align:center;}
p {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.2em; font-weight: 200;line-height: 1.2em; color:#808080; padding: 10px 50px 20px 50px; letter-spacing: -0.5px}
b {font-family: 'Poppins', sans-serif; font-size:1.2em; font-weight: 600;line-height: 1.2em; color:#808080; padding: 0px 0px 0px 0px; letter-spacing: -0.5px}
p.llamanos {text-align:center; font-family: 'Poppins', sans-serif; font-size:2em; font-weight: 600;line-height: 1.5em; color:#FF8C00; padding: 10px 50px 50px 50px; letter-spacing: -1.0px}
p.presupuesto {text-align:center; font-family: 'Poppins', sans-serif; font-size:2em; font-weight: 600; color:#FF8C00; margin-bottom: 10px;margin-top: 30px; line-height: 35px; letter-spacing: -1.5px}
p.presupuesto2 {text-align:left; font-family: 'Poppins', sans-serif; font-size:1.5em; font-weight: 600; color:#FF8C00; letter-spacing: -1.5px}
p.logo {font-family: 'Poppins', sans-serif; font-size:1.7em; font-weight: 700;line-height: 20px; color:#FF8C00; margin-bottom: 20px;margin-top: 5px; line-height: 30px; padding: 5px 0px 0px 20px; text-align:left;}
p.titolpeu {text-align:left; font-family: 'Poppins', sans-serif; font-size:1.3em; font-weight: 400;line-height: 1.5em; color: white; padding: 10px 0px 0px 50px; letter-spacing: -0.0px}
p.copiright {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.2em; font-weight: 200;line-height: 1em; color:white; letter-spacing: -1.0px}
p.titol {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.2em; font-weight: 600;line-height: 1.5em; color:white; padding: 10px 5px 0px 5px; letter-spacing: -0.0px}
p.blanc {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.0em; font-weight: 200;line-height: 1.2em; color:white; padding: 10px 30px 20px 30px; letter-spacing: -0.5px}
p.ultimafrase {text-align:center; font-family: 'Poppins', sans-serif; font-size:2em; font-weight: 200;line-height: 10px; color:#33A1C9; margin-bottom: 0px; margin-top: 0px; line-height: 50px; letter-spacing: -1.5px}
p.textblancpeu {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding: 0px 10px 0px 50px; letter-spacing: 1px; text-align:center;}
ul li {list-style-type: none; text-align: center}
table, thead, tbody, th, {display: block; width: 95%; border-collapse: separate; border-spacing: 12px 30px; border: 0px solid black; display:solid;}
tr { border: 0px solid #ccc; }
td { border: none; border-bottom: 0px solid #eee; position: relative; padding-left: 20px; padding-bottom: 40px;}
img.cap {width:15px; height: 25px; padding: 5px 5px 0px 0px; }
img.cap2 {width:30px; height: 17px; padding: 0px 8px 0px 0px; }
img.fugas_agua_3 {width:42%; height: 100%; padding: 0px 0px 0px 0px; float:left}
img.fugas_agua_4 {width: 60%; margin: 0% 20% 5% 20%; text-align:center}
img.fugas_agua_5 {width:70%; padding: 0px 0px 50px 95px; }
img.fugas_agua_6 {width:20%; padding: 20px 0px 0px 0px;}
img.peu {width:35px; height: 25px; padding: 0px 0px 0px 50px; float:left;}
img.peu2 {width:30px; height: 17px; padding: 5px 0px 0px 55px; float:left;}
img.columna {width:75px; height:60px; padding: 20px 0px 0px 150px; float:center;}
img.columna3 {width:90px; height:60px; padding: 20px 0px 0px 150px; float:center;}
/************************************************************************************
ESTRUCTURA
*************************************************************************************/
#header1 {width:100%; height: 75px; background-color:; margin: 5px 0px 15px 0px; border-bottom-style:solid; border-width: 1px; border-color: #C0C0C0; }
#header2 {width:4%; height:50px;float:left; }
#header3 {width:71%; height:50px;float:left; margin: 15px 0px 0px 0px; }
#contacto {height: 35px; width:25%; margin: 15px 0px 0px 0px; float:left; background-color:; text-align:right; }
#fons1 {padding: 0px;width: 100%; margin: 0px auto; background-color:}
#fons2 {padding: 0px;width: 100%; margin: 0px auto;background-color:#4f4f4f;}
#global1 {width: 100%; margin: 0px auto;}
#global2 {width:100%; height: 680px; float:left; margin:30px 0px 0px 0px; background-color: #F5F5F5}
#global3 {width:100%; float:left; margin:0px 0px 0px 0px; }
#global4 {width:100%; float:left; margin:50px 0px 100px 0px; background-color:#F5F5F5 }
#global5 {width:100%; float:left; margin:10px 0px 0px 0px; }
#columna1 {width:29% ; height: 280px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
#columna2 {width:29% ; height: 280px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
#columna3 {width:29% ; height: 280px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
#columna4 {width:29% ; height: 200px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
#columna5 {width:29% ; height: 200px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
#columna6 {width:29% ; height: 200px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
#tecno_home1 {width:45% ; height: 500px; float:left; margin:20px 40px 80px 30px; }
#tecno_home2 {width:45% ; height: 500px; float:left; margin:0px 0px 80px 20px; }
#tecno_home3 {width:45% ; height: 500px; float:left; margin:5px 40px 110px 30px; }
#tecno_home4 {width:45% ; height: 500px; float:left; margin:0px 0px 110px 20px; }
#slide {width:1280px; height:500px; margin: 0px auto; background-color:}
#slide-localizacion {width:1280px; height:300px; margin: 0px auto; background-color:}
#video {width: 580px; height:315px; float:right; margin: 40px 0px 40px 0px;}
#tecno1 {width: 650px; height:315px; float:left; margin: 80px 0px 40px 0px;}
#tecno2 {width: 650px; height:315px; float:left; margin: 80px 0px 40px 0px;}
#tecno3 {width: 650px; height:315px; float:left; margin: 80px 0px 40px 0px;}
#tecno4 {width: 650px; height:315px; float:left; margin: 80px 0px 40px 0px;}
#content {width:1280px; float:left; margin-top:30px; padding-left: 15px}
#content1 {width:1280px; margin: 0px auto;}
#sidebar {width: 100%; float: left; margin-top:45px; background-color:;}
#footer {width:100% ;background-color:#33A1C9; height: 330px; clear: both; margin-top:30px; border-top-style:solid; border-width: 2px; border-color: #33A1C9; margin-bottom: 0px;}
#menupeu {width:1280px ; height: 190px; margin: 20px auto;}
#menupeu1 {width:33% ; height: 150px; float:left; border-right-style:solid; border-width: 1px; border-color: #C0C0C0; margin:0px 0px 40px 0px;}
#menupeu2 {width:33% ; height: 150px; float:left; border-right-style:solid; border-width: 1px; border-color: #C0C0C0; margin:0px 0px 40px 0px;}
#menupeu3 {width:33% ; height: 150px; float:left; margin:0px 0px 40px 0px;}
nav li {padding: 0px 30px 20px 0px; text-align:center; }
#menu {width: 1280px; margin: 20px auto; height:60px; }
#menu2 {width: 1070px; margin: 10px auto; height:40px; border-bottom-style:solid; border-width: 0px; border-color: #C0C0C0; float:center}
.navigation li{display: inline-block; font-color:#ffffff; text-align:center;}
#contingut_contacte {width:24%; height:650px; text-align:justify; float:left; margin:0px auto; }
#costat_contingut_contacte {margin: 0px auto; width:65%; height:670px; text-align:justify; float:left; font-family: 'Open Sans', sans-serif;font-weight: 400; font-size:14px;}
.contacto{border: 1px solid #CED5D7; border-radius: 6px; padding: 20px 45px 70px 30px; margin: 0px auto; background-color:white ;box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset; width:100%; height:500px; margin-left:0px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto label{display: block; font-weight: bold; font-family: 'Open Sans', sans-serif;font-weight: 400; }
.contacto div{ margin-bottom: 5px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='text'],
.contacto input[type='mail'],
.contacto textarea{
padding: 3px 6px;
width: 300px;
border: 1px solid #CED5D7;
resize: none;
box-shadow:0 0 0 3px #EEF5F7;
margin: 5px 0; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='text']:focus,
.contacto input[type='mail']:focus,
.contacto textarea:focus{ outline: none; box-shadow:0 0 0 3px #dde9ec;}
.contacto input[type='submit']{
border: 1px solid #CED5D7;
box-shadow:0 0 0 3px #EEF5F7;
padding: 8px 16px;
border-radius: 20px;
font-weight: bold;
text-shadow: 1px 1px 0px white; font-family: 'Open Sans', sans-serif;font-weight: 400;;
background: #e4f1f6;
background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:hover{
background: #edfcff;
background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='submit']:active{
background: #cfe6ef;
background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%); font-family: 'Open Sans', sans-serif;font-weight: 400;}
.error{
background-color: #BC1010;
padding: 6px 12px;
border-radius: 4px;
color: white;
font-weight: bold;
margin-left: 16px;
margin-top: 6px;
position: absolute; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.error:before{ /* Este es un truco para crear una flechita */
content: '';
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #BC1010;
border-left: 8px solid transparent;
left: -16px;
position: absolute;
top: 5px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* para 1280px o menos */ @media screen and (max-width: 1280px) {#pagewrap {width: 94%;}
#header2 {width:55%;}
#contacto {width:45%;}
#menu {width: 100%; text-align:center;}
#content1 {width:100%; margin: 0px auto;}
#contingut_contacte {width:26%; height:650px; text-align:justify; float:left; margin:0px auto; }
.contacto{border: 1px solid #CED5D7; border-radius: 6px; padding: 20px 45px 70px 30px; margin: 0px auto; background-color:white ;box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset; width:100%; height:500px; margin-left:0px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto label{display: block; font-weight: bold; font-family: 'Open Sans', sans-serif;font-weight: 400; }
.contacto div{ margin-bottom: 5px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='text'],
.contacto input[type='mail'],
.contacto textarea{
padding: 3px 6px;
width: 280px;
border: 1px solid #CED5D7;
resize: none;
box-shadow:0 0 0 3px #EEF5F7;
margin: 5px 0; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='text']:focus,
.contacto input[type='mail']:focus,
.contacto textarea:focus{ outline: none; box-shadow:0 0 0 3px #dde9ec;}
.contacto input[type='submit']{
border: 1px solid #CED5D7;
box-shadow:0 0 0 3px #EEF5F7;
padding: 8px 16px;
border-radius: 20px;
font-weight: bold;
text-shadow: 1px 1px 0px white; font-family: 'Open Sans', sans-serif;font-weight: 400;;
background: #e4f1f6;
background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:hover{
background: #edfcff;
background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='submit']:active{
background: #cfe6ef;
background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%); font-family: 'Open Sans', sans-serif;font-weight: 400;}
.error{
background-color: #BC1010;
padding: 6px 12px;
border-radius: 4px;
color: white;
font-weight: bold;
margin-left: 16px;
margin-top: 6px;
position: absolute; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.error:before{ /* Este es un truco para crear una flechita */
content: '';
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #BC1010;
border-left: 8px solid transparent;
left: -16px;
position: absolute;
top: 5px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
a {text-decoration: none; text-align:left; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 400;line-height: 1.2em; color:#808080; padding: 10px 0px 20px 30px; letter-spacing: -0.5px}
a:hover {text-align:left; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 400;line-height: 1.2em; color:#808080; padding: 10px 0px 20px 30px; letter-spacing: -0.5px}
#slide {width:100%; height:500px; margin: 0px auto; }
#global2 {width:100%; height:750px; float:left; ; }
#content1 {width:100%; height:750px; margin: 0px auto;}
#sidebar {width: 100%; height:750px; float: left; margin-top:45px;}
#menupeu {width:100% ; height: 190px; margin: 20px auto;}
a.telefono {text-decoration: none; text-align:center; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 400;line-height: 1.1em; color:#FF8C00; padding: 0px 20px 20px 0px; letter-spacing: -0.5px}
a.telefono :hover {text-decoration: none; text-align:center; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 400;line-height: 1.1em; color:#FF8C00; padding: 0px 20px 20px 0px; letter-spacing: -0.5px}
#global3 {width:100%; float:left; margin:0px 0px 0px 0px; }
#columna1 {width:29% ; height: 220px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
#columna2 {width:29% ; height: 220px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
#columna3 {width:29% ; height: 220px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
#columna4 {width:29% ; height: 180px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
#columna5 {width:29% ; height: 180px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
#columna6 {width:29% ; height: 180px; float:left; margin:10px 15px 10px 25px; background-color:#33A1C9}
img.fugas_agua_4 {width: 80%; margin: 0% 10% 0% 10%; text-align:center}
a.poblacions {color:#FF8C00; text-decoration: none; font: 18px 'Poppins', sans-serif;font-weight: 600; letter-spacing: 0.5px; text-align:center;}
a.poblacions :hover {color:#FF8C00; text-decoration: none; font: 18px 'Poppins', sans-serif;font-weight: 600; letter-spacing: 0.5px; text-align:center;}
p.titol {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 600;line-height: 1.5em; color:white; padding: 10px 5px 0px 5px; letter-spacing: -0.0px}
p.blanc {text-align:center; font-family: 'Poppins', sans-serif; font-size:0.8em; font-weight: 200;line-height: 1.2em; color:white; padding: 10px 10px 20px 10px; letter-spacing: -0.5px}
p.presupuesto {text-align:center; font-family: 'Poppins', sans-serif; font-size:2em; font-weight: 600; color:#FF8C00; margin-bottom: 0px; margin-top: 10px; line-height: 35px; letter-spacing: -1.5px}
img.columna {width:75px; height:60px; margin: 0px auto;}
img.columna3 {width:90px; height:60px; margin: 0px auto;}
#tecno_home1 {width:45% ; height: 600px; float:left; margin:20px 40px 0px 30px; padding:0px 0px 0px 0px; }
#tecno_home2 {width:45% ; height: 600px; float:left; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
#tecno_home3 {width:45% ; height: 600px; float:left; margin:20px 40px 30px 30px; padding:0px 0px 0px 0px; }
#tecno_home4 {width:45% ; height: 600px; float:left; margin:0px 0px 30px 20px; padding:0px 0px 0px 0px; }
h3 {font-family: 'Poppins', sans-serif; font-size:1.7em; font-weight: 700;line-height: 20px; color:#FF8C00; margin-bottom: 0px;margin-top: 20px; line-height: 30px; padding: 5px 0px 0px 20px; text-align:center;}
h2 {text-align:center; font-family: 'Poppins', sans-serif; font-size:2.6em; font-weight: 200;line-height: 20px; color:#33A1C9; margin: 20px 10px 20px 0px; line-height: 50px; letter-spacing: -1.5px}
/* para 980px o menos */ @media screen and (max-width: 980px) {#pagewrap {width: 94%;}
a {text-decoration: none; text-align:center; font-family: 'Poppins', sans-serif; font-size:1.2em; font-weight: 400;line-height: 1.2em; color:#808080; padding: 10px 0px 20px 0px; letter-spacing: -0.5px}
a:hover {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.2em; font-weight: 400;line-height: 1.1em; color:#808080; padding: 10px 0px 20px 0px; letter-spacing: -0.5px}
#header2 {width:45%;}
#contacto {width:55%;}
#menu {width: 45%; height: 200px; }
nav li {padding: 0px 30px 20px 0px; text-align:center; }
#contingut_contacte {width:35%; height:650px; text-align:justify; float:left; margin:0px auto; }
#costat_contingut_contacte {margin: 0px auto; width:50%; height:700px; text-align:justify; float:left; font-family: 'Open Sans', sans-serif;font-weight: 400; font-size:14px;}
#global2 {width:100%; height:700px; float:left; margin:30px 0px 0px 0px; background-color: #F5F5F5;}
p {text-align:center; font-family: 'Poppins', sans-serif; font-size:0.8em; font-weight: 200;line-height: 1.1em; color:#808080; padding: 10px 50px 20px 50px; letter-spacing: -0.5px}
h1 {text-align:center; font-family: 'Poppins', sans-serif; font-size:3em; font-weight: 700;line-height: 20px; color:#33A1C9; padding: 30px; line-height: 1em; letter-spacing: -1.5px}
h2 {text-align:center; font-family: 'Poppins', sans-serif; font-size:2em; font-weight: 200;line-height: 20px; color:#33A1C9; margin-bottom: 20px; margin-top: 10px; line-height: 50px; letter-spacing: -1.5px}
h3 {font-family: 'Poppins', sans-serif; font-size:1.2em; font-weight: 700;line-height: 20px; color:#FF8C00; margin-bottom: 0px;margin-top: 20px; line-height: 30px; padding: 5px 0px 0px 20px; text-align:center;}
img.fugas_agua_3 {display:none}
img.fugas_agua_4 {display:none}
#slide {width:100%; height: 280px; }
p.llamanos {font-size:1.5em; padding: 0px 50px 0px 50px; }
p.presupuesto {font-size:1.5em; margin-bottom: 0px; margin-top: 10px; }
#footer {width:100% ;background-color:#33A1C9; height: 250px; clear: both; margin-top:30px; border-top-style:solid; border-width: 2px; border-color: #33A1C9; margin-bottom: 0px;}
#menupeu {width:100% ; height: 190px; margin: 20px auto; }
p.titolpeu {text-align:left; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 400;line-height: 1.2em; color: white; padding: 10px 0px 0px 50px; letter-spacing: -0.0px}
p.copiright {display:none}
p.titol {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.3em; font-weight: 600;line-height: 1.5em; color: white; padding: 10px 0px 0px 0px; letter-spacing: -0.0px}
p.blanc {text-align:center; font-family: 'Poppins', sans-serif; font-size:0.6em; font-weight: 200;line-height: 1.2em; color:white; padding: 10px 30px 20px 30px; letter-spacing: -0.5px}
p.ultimafrase {text-align:center; font-family: 'Poppins', sans-serif; font-size:2em; font-weight: 200;line-height: 10px; color:#33A1C9; margin-bottom: 0px; margin-top: 0px; line-height: 35px; letter-spacing: -1.5px}
a.footer {color:white; text-decoration: none; font: 8px 'Poppins', sans-serif;font-weight: 200; padding: 10px 10px 0px 50px; letter-spacing: 1px; text-align:center;}
a.footer :hover {color:white; text-decoration: none; font: 8px 'Poppins', sans-serif;font-weight: 200; padding:10px 10px 0px 50px; letter-spacing: 1px; text-align:center;}
a.footer2 {color:white; text-decoration: none; font: 10px 'Poppins', sans-serif;font-weight: 200; padding: 50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
a.footer2 :hover {color:white; text-decoration: none; font: 10px 'Poppins', sans-serif;font-weight: 200; padding:50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
img.columna {display:none;}
img.columna3 {display:none;}
#global3 {width:100%; float:left; margin:0px 0px 0px 0px; }
#columna1 {width:29% ; height: 220px; float:left; margin:10px 5px 10px 20px; background-color:#33A1C9}
#columna2 {width:29% ; height: 220px; float:left; margin:10px 5px 10px 20px; background-color:#33A1C9}
#columna3 {width:29% ; height: 220px; float:left; margin:10px 5px 10px 20px; background-color:#33A1C9}
#columna4 {width:29% ; height: 200px; float:left; margin:10px 5px 10px 20px; background-color:#33A1C9}
#columna5 {width:29% ; height: 200px; float:left; margin:10px 5px 10px 20px; background-color:#33A1C9}
#columna6 {width:29% ; height: 200px; float:left; margin:10px 5px 10px 20px; background-color:#33A1C9}
p.titol {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 600;line-height: 1.5em; color:white; padding: 10px 5px 0px 5px; letter-spacing: -0.0px}
p.blanc {text-align:center; font-family: 'Poppins', sans-serif; font-size:0.7em; font-weight: 200;line-height: 1.2em; color:white; padding: 10px 2px 20px 2px; letter-spacing: -0.5px}
#menu2 {display:none;}
a.poblacions {color:#FF8C00; text-decoration: none; font: 12px 'Poppins', sans-serif;font-weight: 600; letter-spacing: 0.5px; text-align:center;}
a.poblacions :hover {color:#FF8C00; text-decoration: none; font: 12px 'Poppins', sans-serif;font-weight: 600; letter-spacing: 0.5px; text-align:center; padding: 0px 0px 0px 10px}
#global5 {width:100%; float:left; margin:10px 0px 30px 0px;}
#tecno_home1 {width:42% ; height: 400px; float:left; margin:60px 40px 80px 30px; }
#tecno_home2 {width:42% ; height: 400px; float:left; margin:60px 0px 80px 20px; }
#tecno_home3 {width:42% ; height: 400px; float:left; margin:60px 40px 150px 30px; }
#tecno_home4 {width:42% ; height: 400px; float:left; margin:60px 0px 150px 20px; }
img.fugas_agua_5 {width:70%; padding: 0px 0px 50px 50px; }
/* para 700px o menos */ @media screen and (max-width: 700px) {#content {width: auto;float: none;}
#header2 {width:35%;}
#contacto {width:65%;}
#menu {width: 100%; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center}
h1 {font-size:2em;}
h2 {font-size:1.5em;}
#contingut_contacte {width:34%; height:750px; text-align:justify; float:left; margin:0px auto; }
#costat_contingut_contacte {margin: 0px auto; width:49%; height:700px; text-align:justify; float:left; font-family: 'Open Sans', sans-serif;font-weight: 400; font-size:14px;}
.contacto{border: 1px solid #CED5D7; border-radius: 6px; padding: 20px 45px 70px 30px; margin: 0px auto; background-color:white ;box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset; width:100%; height:500px; margin-left:0px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto label{display: block; font-weight: bold; font-family: 'Open Sans', sans-serif;font-weight: 400; }
.contacto div{ margin-bottom: 5px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='text'],
.contacto input[type='mail'],
.contacto textarea{
padding: 3px 6px;
width: 210px;
border: 1px solid #CED5D7;
resize: none;
box-shadow:0 0 0 3px #EEF5F7;
margin: 5px 0; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='text']:focus,
.contacto input[type='mail']:focus,
.contacto textarea:focus{ outline: none; box-shadow:0 0 0 3px #dde9ec;}
.contacto input[type='submit']{
border: 1px solid #CED5D7;
box-shadow:0 0 0 3px #EEF5F7;
padding: 8px 16px;
border-radius: 20px;
font-weight: bold;
text-shadow: 1px 1px 0px white; font-family: 'Open Sans', sans-serif;font-weight: 400;;
background: #e4f1f6;
background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:hover{
background: #edfcff;
background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='submit']:active{
background: #cfe6ef;
background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%); font-family: 'Open Sans', sans-serif;font-weight: 400;}
.error{
background-color: #BC1010;
padding: 6px 12px;
border-radius: 4px;
color: white;
font-weight: bold;
margin-left: 16px;
margin-top: 6px;
position: absolute; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.error:before{ /* Este es un truco para crear una flechita */
content: '';
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #BC1010;
border-left: 8px solid transparent;
left: -16px;
position: absolute;
top: 5px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
#global2 {width:100%; height:780px; float:left; margin:30px 0px 0px 0px; background-color: #F5F5F5}
#video {width: 90%; height:315px; float:right; margin: 40px 0px 40px 0px;}
#tecno1 {width: 100%; height:315px; float:left; margin: 80px 0px 40px 0px;}
#tecno2 {width: 100%; height:315px; float:left; margin: 80px 0px 40px 0px;}
#tecno3 {width: 100%; height:315px; float:left; margin: 80px 0px 40px 0px;}
#tecno4 {width: 100%; height:315px; float:left; margin: 80px 0px 40px 0px;}
#slide-localizacion {width:100%; height:300px; margin: 0px auto; background-color:}
#footer {width:100% ;background-color:#33A1C9; height: 600px; margin-top:0px; margin-bottom: 0px;}
#menupeu1 {width:100% ; height: 220px; float:left; border-right-style:solid; border-width: 1px; border-color: #C0C0C0; margin:0px 0px 60px 0px;}
#menupeu2 {width:100% ; height: 120px; float:left; border-right-style:solid; border-width: 1px; border-color: #C0C0C0; margin:0px 0px 60px 0px;}
#menupeu3 {width:100% ; height: 75px; float:left; margin:0px 0px 0px 0px;}
p.titolpeu {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.4em; font-weight: 600;line-height: 1.5em; color: white; padding: 10px 0px 0px 0px; letter-spacing: -0.0px}
a.footer {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding: 50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
a.footer :hover {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding:50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
a.footer2 {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding: 50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
a.footer2 :hover {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding:50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
p.textblancpeu {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding: 0px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
nav li {padding: 5px 0px 5px 0px; text-align:center; width:100%}
/* para 480px o menos */ @media screen and (max-width: 480px) {#header {height: auto;}
p {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 200;line-height: 1.1em; color:#808080; padding: 10px 20px 20px 20px; letter-spacing: -0.5px}
b {font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 400;line-height: 1.1em; color:#808080; padding: 0px 0px 0px 0px; letter-spacing: -0.5px}
a.logo {text-align: center; }
a.logo :hover {text-align: center;}
#header2 {width:100%; text-align: center;}
#contacto {width:100%; text-align: center; height: 80px;}
nav li {padding: 5px 0px 5px 0px; text-align:center; width:100%}
#menu {width: 100%; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center}
#slide {width:100%; height: 280px; margin:20px 0px 0px 0px}
#global2 {width:100%; height:1400px; float:left; margin:30px 0px 0px 0px; background-color: #F5F5F5}
#content1 {width:100%; margin: 0px auto; float:left; height:4160px}
#sidebar {width: 100%; float: left; margin-top:45px; height:1500px}
#costat_contingut_contacte {margin: 0px auto; width:100%; height:750px; text-align:justify; float:left; font-family: 'Open Sans', sans-serif;font-weight: 400; }
#contingut_contacte {width:65%; height:650px; text-align:center; float:left; margin:0px 0px 0px 20px; }
h2 {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.5em; font-weight: 200;line-height: 30px; color:#33A1C9; margin: 10px 10px 0px 10px; letter-spacing: -1.5px}
.contacto{border: 1px solid #CED5D7; border-radius: 6px; padding: 20px 45px 70px 30px; margin: 0px auto; background-color:white ;box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset; width:100%; height:500px; margin-left:0px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto label{display: block; font-weight: bold; font-family: 'Open Sans', sans-serif;font-weight: 400; }
.contacto div{ margin-bottom: 5px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='text'],
.contacto input[type='mail'],
.contacto textarea{
padding: 3px 6px;
width: 230px;
border: 1px solid #CED5D7;
resize: none;
box-shadow:0 0 0 3px #EEF5F7;
margin: 5px 0; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='text']:focus,
.contacto input[type='mail']:focus,
.contacto textarea:focus{ outline: none; box-shadow:0 0 0 3px #dde9ec;}
.contacto input[type='submit']{
border: 1px solid #CED5D7;
box-shadow:0 0 0 3px #EEF5F7;
padding: 8px 16px;
border-radius: 20px;
font-weight: bold;
text-shadow: 1px 1px 0px white; font-family: 'Open Sans', sans-serif;font-weight: 400;;
background: #e4f1f6;
background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:hover{
background: #edfcff;
background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); font-family: 'Open Sans', sans-serif;font-weight: 400;}
.contacto input[type='submit']:active{
background: #cfe6ef;
background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%); font-family: 'Open Sans', sans-serif;font-weight: 400;}
.error{
background-color: #BC1010;
padding: 6px 12px;
border-radius: 4px;
color: white;
font-weight: bold;
margin-left: 16px;
margin-top: 6px;
position: absolute; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.error:before{ /* Este es un truco para crear una flechita */
content: '';
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #BC1010;
border-left: 8px solid transparent;
left: -16px;
position: absolute;
top: 5px; font-family: 'Open Sans', sans-serif;font-weight: 400;}
#columna1 {width:45% ; height: 300px; float:left; margin:0px 0px 40px 10px; background-color:#33A1C9}
#columna2 {width:45% ; height: 300px; float:left; margin:0px 0px 40px 10px; background-color:#33A1C9}
#columna3 {width:45% ; height: 310px; float:left; margin:0px 0px 40px 10px; background-color:#33A1C9}
#columna4 {width:45% ; height: 310px; float:left; margin:0px 0px 40px 10px; background-color:#33A1C9}
#columna5 {width:45% ; height: 305px; float:left; margin:0px 0px 40px 10px; background-color:#33A1C9}
#columna6 {width:45% ; height: 305px; float:left; margin:0px 0px 40px 10px; background-color:#33A1C9}
p.titol {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.1em; font-weight: 600;line-height: 1.5em; color:white; padding: 10px 5px 0px 5px; letter-spacing: -0.0px}
p.blanc {text-align:center; font-family: 'Poppins', sans-serif; font-size:0.8em; font-weight: 200;line-height: 1.2em; color:white; padding: 10px 2px 20px 2px; letter-spacing: -0.5px}
#global5 {display:none}
img.columna {display:none}
img.columna3 {display:none}
#global2 {width:100%; height:1200px; float:left; margin:60px 0px 0px 0px; background-color: #F5F5F5}
#footer {width:100% ;background-color:#33A1C9; height: 600px; margin-top:0px; margin-bottom: 0px;}
#menupeu1 {width:100% ; height: 220px; float:left; border-right-style:solid; border-width: 1px; border-color: #C0C0C0; margin:0px 0px 60px 0px;}
#menupeu2 {width:100% ; height: 120px; float:left; border-right-style:solid; border-width: 1px; border-color: #C0C0C0; margin:0px 0px 60px 0px;}
#menupeu3 {width:100% ; height: 75px; float:left; margin:0px 0px 0px 0px;}
p.titolpeu {text-align:center; font-family: 'Poppins', sans-serif; font-size:1.4em; font-weight: 600;line-height: 1.5em; color: white; padding: 10px 0px 0px 0px; letter-spacing: -0.0px}
a.footer {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding: 50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
a.footer :hover {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding:50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
a.footer2 {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding: 50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
a.footer2 :hover {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding:50px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
p.textblancpeu {color:white; text-decoration: none; font: 14px 'Poppins', sans-serif;font-weight: 200; padding: 0px 10px 0px 10px; letter-spacing: 1px; text-align:center;}
img.peu {display:none}
img.peu2 {display:none}
img.fugas_agua_6 {width:80%; padding: 20px 0px 0px 0px; }
#video {width: 90%; height:315px; float:right; margin: 40px 0px 40px 0px;}
#tecno1 {width: 100%; height:315px; float:left; margin: 80px 0px 40px 0px;}
#tecno2 {width: 100%; height:315px; float:left; margin: 80px 0px 40px 0px;}
#tecno3 {width: 100%; height:315px; float:left; margin: 80px 0px 40px 0px;}
#tecno4 {width: 100%; height:315px; float:left; margin: 80px 0px 40px 0px;}
#slide-localizacion {width:100%; height:300px; margin: 0px auto; background-color:}