body {
/* background-color:#EDE8D0;  */
	/* background-color: #905010;  */
  /* font-family: Arial, sans-serif; */
  /* font-size: 16px;  */
} 


.container2 {
  position: relative;
}

 .image2 {
   display: block;
	
 margin: 20px;
  max-width: 50px;
  max-height: 50px;
	
}  

 .image2 img {
  height: 100%;
  width: 100%;
} 

/*

.info2 {
  margin: 350;
  position: absolute;
  left: 300px;
  top: 50%;
  transform: translateY(-50%);
}

.info2 .title
 {
  display: block;
}

.info2.title {
  color: #1b3565; 
  font-weight: bold;  
}

*/


#texto
			{
				margin: 5px;
				padding: 20px;
				display: inline-block
			}
#titulin
			{
			/*	 display: block; */
				margin-top: 15px;
    		/*	margin-bottom: 0px;  */
    			margin-left: 60px;
    		/*	margin-right: auto;  */
			/*	height: 120px;
				width: 120px; */
				
			}

#titulin2
			{
			/*	 display: block; */
				margin-top: 8px;
    		/*	margin-bottom: 0px;  */
    			margin-left: 40px;
    		/*	margin-right: auto;  */
			/*	height: 120px;
				width: 120px; */
				
			}

.formulari
{
float:right;
}

/*
.info2 {
  margin: 350;
  position: absolute;
  left: 300px;
  top: 50%;
  transform: translateY(-50%);
}

*/

.info2 {
  /* margin: 100;  */
  /* position: absolute; */
  margin-left: 300px;
  
   margin-top : -70px; 
  /* transform: translateY(-50%);  */
 display: block;



} 

/*
.info2 .title
 {
  display: block;
}

.info2.title {
  color: #1b3565; 
  font-weight: bold;  
}

*/
.centrada {

/*  display: inline;  */
/*  display: block;  */
/* position: relative; */
/*   margin: 10px 98%;  */
  margin-left: 98%; 
/* margin-bottom:10px;  */





}


/* Menú principal */
#wrap-menu-principal.navbar { min-height: inherit; margin-bottom: 0; border: 0; border-radius: 0; }
#wrap-menu-principal .navbar-brand { height: auto; }
#wrap-menu-principal .navbar-brand img { max-height: 60px; }
#menu-principal { /* padding: 0; */ margin-right: -150px; }
#menu-principal a, #menu-secundari a { color: #626262; text-transform: uppercase; transition: all 0.4s; line-height: 40px; padding-top: 0; padding-bottom: 0; }
#menu-principal .nav > li > a, #menu-secundari .nav > li > a { line-height: 85px; /* color: #FFFFFF; */ }
#menu-principal .nav > li.active > a, #menu-principal .nav > li > a:hover, #menu-principal .nav > li > a:active { color: #202971; background-color: transparent; }
/* #menu-principal .nav > li > a:hover, #menu-principal .nav > li > a:focus { background: transparent; }*/
/* #menu-principal .nav > li.active > a { font-weight: bold; border-bottom: 5px solid #AC7A2A; } */

#menu-principal .dropdown-menu { right: inherit; }
.navbar-toggle { background-color: #FFF; }
.navbar-toggle .icon-bar { background-color: #000; }

#menu-principal a.hvr-underline-reveal::before { background: #202971; }
#menu-principal li.active .hvr-underline-reveal::before { background: #202971; }

/*#menu-principal .nav.navbar-secundari.little-menu{ position: absolute; right: 15px;  }*/
.little-menu #menu-principal .nav > li > a{ line-height: 65px; }
.little-menu .navbar-secundari::before{ border-bottom: 65px solid #202971; }
.little-menu .navbar-brand{ padding-bottom: 0; }

/*@media (max-width: 1200px) {*/ 
@media (min-width: 980px) and (max-width: 1199px) {
       /*#wrap-menu-principal .navbar-brand img{ max-width: 30px;}*/
       .row-md-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
       .row-md-eq-height .panel{ height: 100%; }
       .row-sm-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
       .row-sm-eq-height .panel{ height: 100%; }  
}


.menu {
	z-index: 3;
	position: fixed;
	top: 0;
	left: 0;
	padding: 0px;
	width: 100%;
	background-color: #20408D;
	opacity: 0.9;
	cursor: pointer;
	color: white;
}



/*=== INICI FOOTER ===*/

footer {
    background: #222222;
    padding: 20px 0 0;
}
footer ul li.subtitol:first-child {
    font-weight: 600;
    color: #ffffff;
    font-size: 10px;
    margin-bottom: 3px;
}
footer ul li {
    line-height: 12px;
}
footer ul li a {
    color: #c7c7c7;
    font-size: 10px;
}
footer ul li a:hover {
    color: #ffffff;
}
footer .direccio {
    color: #ffffff;
    font-size: 10px;
}
footer .titol {
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 5px;
}
footer .direccio a {
    color: #0091cf;
}
footer .direccio a:hover {
    color: #ffffff;
}

.postFooter {
    background: #181818;
    min-height: 30px;
    line-height: 10px;
    margin-top: 10px;
 /*   margin-left:40px; */
text-align: right;
}


.postFooter ul {
    margin-bottom: 0;
}
.postFooter ul li {
    color: #a0a0a0;
    font-size: 9px;
}
.postFooter ul li a {
    color: #a0a0a0;
    font-size: 9px;
}
.postFooter ul li a:hover {
    color: #ffffff;
}


.postFooter span {
    height: 20px;
    width: 20px;
    background-color: #858585;
    line-height: 20px;
    text-align: center;
    color: #181818;
    margin: 5px 2px;
    float: right;
}

/*=== FI FOOTER ===*/


html,body{
  overflow-x: hidden;
  color:black;
  /* font-family:'Opens Sans',helvetica;    */
	font-family: "sans-serif", Arial;
  /* font-family: "Roboto Flex", sans-serif; */
  height:100%;
  width:101%;
  margin: 0px;
  padding: 0px;
}

/*--- NAVBAR   ----*/

.navbar {
    background: none;
  /*  border: none;  */
    margin-bottom: 0;
    border-radius: 0;
    margin-left: 175px;
	
}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.navbar-default .navbar-nav>li>a {
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:hover {
    background: none;
    color: #fff;
    font-size: 13px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background: none !important;
    color: #fff;
}
.navbar-default .navbar-nav>.open>a div, .navbar-default .navbar-nav>.open>a:focus div, .navbar-default .navbar-nav>.open>a:hover div {
    border-bottom: 5px solid #fff;
}
.navbar-default .navbar-nav>li > a > div {
    border-bottom: 5px solid transparent;
    padding-bottom: 5px;
}
.navbar-default .navbar-nav>li:hover > a > div {
    border-bottom: 5px solid #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: #fff;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
     background: #0078cb;  
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-top: none;
}



#derecha {
 /* text-align : right; */
  float: right;  

  position: relative; 
  top: -300px;
  left: 400px;

}

#mapaarriba {
margin-top: -290px;
width: 1550px; 
	margin-left:200px;
  
} 


/* INTERIORES */


/* Page */
.page .carousel-gallery .wrap-img-cover-object { height: 550px; }
.page .page_with_subpages .page-content { padding: 35px 50px 35px 50px; }
.page .page_with_subpages .carousel-gallery .wrap-img-cover-object { height: 485px; }
.page .line-height-featured {line-height: 30px; font-size: 18px; font-style: italic; text-align: center; margin-bottom: 60px;}
.page .page-content hr { border-color: #ADADAD; }
.page .page-content { padding: 20px 50px 20px 50px;  }
#wrap-contenido.bg-grey .page-content article h2 {text-align: left; }
.wrap-img .page-content { color: #FFF; }
.wrap-img .page-content h2 { color: #FFF; }

.page ul {margin: 10px 0 20px 0;}
/* .page ul li {margin: 10px 0; text-align: left; width: 90%;}  */


.click_a img { transition: 0.25s all;  }
.click_a:hover img { -ms-transform: scale(1.05, 1.05); /* IE 9 */ -webkit-transform: scale(1.05, 1.05); /* Safari */ transform: scale(1.05, 1.05); }
.click_a:hover .panel-img img { -ms-transform: scale(1.00, 1.00); /* IE 9 */ -webkit-transform: scale(1.00, 1.00); /* Safari */ transform: scale(1.00, 1.00); opacity: 0.7;}


#sidebar ul li {padding: 15px ; border-bottom: 1px solid #eeeeee;}
.list-documents li { padding: 15px 0 15px 0; border-bottom: 1px solid #eeeeee;  }
.list-documents li a { display: block;}

/* Single */
.icona {max-width: 90px;}
#wrap-contenido.bg-grey {padding-top:30px;}
#wrap-contenido.bg-grey.novetats {padding-top:0px;}
#wrap-contenido.bg-grey .page-content {padding: 0px 50px 10px 50px; }

.gallery-image .picture figure a img.img-responsive { width: 10%; }

#items-related { margin-top: 30px; }

/* Single: serveis 
#prefooter-serveis { margin-top: 75px;  padding-top: 50px; padding-bottom: 50px; }
#prefooter-serveis h3 { font-size: 14px; font-weight: 100; color: #05902D; font-weight: 300; }
#prefooter-serveis h3 a { color: inherit; }  */

/* Single: novetats */
.padding_thumbs { margin-top: 6px; padding-left: 3px; padding-right: 3px; }
.padding_thumbs:first-of-type { margin-top: 0; }





/* List */
.mapa-serveis-iframe {width: 100%; height: 550px; border: 0; margin: 25px 0; }
.items .page-content { padding: 20px 65px 20px 65px; background: #f0f0f0  }
.items article { min-height: 200px; }   
.items_serveis .items article { margin: 20px;  }
.items_aigua .items article { margin: 20px;  }  

.items article small { color: #ADADAD; }
.items article .icona {max-width: 135px;}
.items article .resume { font-weight: 300;}
.items article .resume b, .items article .resume strong { font-weight: 500!important;}  

.click_a img { transition: 0.25s all;  }
.click_a:hover img { -ms-transform: scale(1.05, 1.05); /* IE 9 */ -webkit-transform: scale(1.05, 1.05); /* Safari */ transform: scale(1.05, 1.05); }
.click_a:hover .panel-img img { -ms-transform: scale(1.00, 1.00); /* IE 9 */ -webkit-transform: scale(1.00, 1.00); /* Safari */ transform: scale(1.00, 1.00); opacity: 0.7;}

  #list-serveis { padding: 50px 0;}
/* .items_serveis h3 a {color: #009933; margin-bottom: 15px; }  */
 .items_serveis h3 a {color: black; margin-bottom: 15px; } 


#list-aigua { padding: 50px 0;}
/* .items_aigua h3 a {color: #009933; margin-bottom: 15px;}  */
.items_aigua h3 a {color: black; margin-bottom: 15px; font-size: 18px;} 




@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



/* Per fer 5 columnes */
.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}
.col-xs-15 {width: 20%; float: left;}

/* Per fer 8 columnes */
.col-8{position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}
.col-8 {width: 50%; float: left;}





h7 {
 font-family: "Roboto Flex", sans-serif;
 font-size: 15px;  
     color: #282525;    
	  /*   color: white;  */
  /* text-align: center; */
    margin left: 10%;  
}
#empresa {
 color: #282525;  
/* color:orange;  */
/* font-weight:bold; */
Font-size:15px;
margin-left:200px;
}



/* Cookies */
#cookiescript_reportdate {display: none;}




.roboto-flex-<uniquifier> {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}


/* Landscape phones and down  */
@media (max-width: 430px) {
	
	#bannerImg {margin-left:-300px;margin-top:500px;float:right; }
	
	#carousel-home {margin-left:-200px;}
	#empresa {margin-left:0px;}
 	h2,a {margin-left:-200px;} 
	#carrer {margin-left:-200px;} 
	/* #form-group {margin-left:-50px;margin-top:-500px;} */
	#form-group {margin-left:-200px;margin-top:300px;} 
	
}

 


@media (min-width: 0px) and  (max-width: 430px) {
 
	#bannerImg {margin-left:-300px;margin-top:500px;float:right; }
	
	#carousel-home {margin-left:-200px;}
	#empresa {margin-left:0px;}
	h2,a {margin-left:-200px;} 
	#carrer {margin-left:-200px;} 
	/* #form-group {margin-left:-50px;margin-top:-500px;} */
	#form-group {margin-left:-200px;margin-top:300px;} 
}