.container2 {
  position: relative;
}

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

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



#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: 100;  */
  /* position: absolute; */
  margin-left: 300px;
  
   margin-top : -70px; 
  /* transform: translateY(-50%);  */
 display: block;



} 


.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;
	font-family: "Roboto Flex", sans-serif;  
}


.postFooter ul {
    margin-bottom: 0;
	font-family: "Roboto Flex", sans-serif;
}
.postFooter ul li {
    color: #a0a0a0;
    font-size: 9px;
	font-family: "Roboto Flex", sans-serif;
}
.postFooter ul li a {
    color: #a0a0a0;
    font-size: 9px;
	font-family: "Roboto Flex", sans-serif;
}
.postFooter ul li a:hover {
    color: #ffffff;
	font-family: "Roboto Flex", sans-serif;
}


.postFooter span {
    height: 20px;
    width: 20px;
    background-color: #858585;
    line-height: 20px;
    text-align: center;
    color: #181818;
    margin: 5px 2px;
    float: right;
	font-family: "Roboto Flex", sans-serif;
}

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


html,body{
  overflow-x: hidden;
  color:black;
 /* font-family:'Opens Sans',helvetica;  */
  font-family: "Source Sans Pro", Arial;
  letter-spacing: 2px;
  line-height: 24px;
	
	

  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: -290px;
  left: -150px; */

}

#mapaarriba {
float: right;
margin-top: -570px;
margin-right: -200px;  
/* width: 650px;  */
  
} 


/* 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%;}  */

/* 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_servei .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;}





#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_servei .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;}


h7 {
 
 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;}





.interior
{
	display:block;
	margin-left:150px;
	margin-right:100px;
	/* font-family: serif;  */
	font-size: 125%;
	/* color:blue;  */
	font-family: "Roboto Flex", sans-serif;  
}
.interior2
{
	font-family: "Roboto Flex", sans-serif;  
	/* font-family: serif; */
	font-size: 125%;
}
#textura
{
	
}

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


.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;
}

.nou {
	
	font-size: 125%;
	/* color:blue;  */
	font-family: "Roboto Flex", sans-serif;  
}


/* h1, h2, h3, h4, h5, h6 { color: #05902D; font-weight: 100; } /* verde oscuro */  
/* h1, h2, h3, h4, h5, h6 { color: color: #003466; font-weight: 100; } /* verde oscuro */  
h1 { font-size: 72px; line-height: 72px; font-weight: 700; }
h2 { font-size: 36px; line-height: 36px; }
h3 { color: #003466;  font-weight: 300;  } /* azul oscuro */
h4 {  }
h5 {  }  */

.well h3 {margin-top: 0;}
a { color: #0070B8 ; }
a:hover, a:focus { color: #003466; text-decoration: none; }

.form-control, .form-group-lg .form-control { border-radius: 0; color: #222222; }
.form-control::-webkit-input-placeholder,.form-control:-ms-input-placeholder { color: #626262; font-style: italic; }
.form-control:-moz-placeholder,.form-control::-moz-placeholder { color: #626262; opacity: 1; font-style: italic; }
.form-control:focus { border-color: #0070b8; box-shadow: none; }
.has-error .form-control:focus { box-shadow: none; }
.checkbox.has-error small { color: #3A3A3A; }

/* .m-b-sm { margin-bottom: 20px; } */
/* .btn-padding{ padding: 12px 20px; }  */


/* 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;}

@media (min-width: 768px) {
    .col-sm-15 {width: 20%; float: left;}
    .col-8 {width: 25%; float: left;}  
/*	.interior {font-size=10px;margin-left:-100px;  } aqui hace cambio de fuentes en pc y todos para verificar que cambia tambien */  
}
@media (min-width: 992px) {
    .col-md-15 { width: 20%; float: left;}
    .col-8 {width: 10.5%; float: left;}    
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%; float: left;}
    .col-8 {width: 10.5%; float: left;}    
}


/* Large desktop */
@media (min-width: 1200px) { 
   .row-lg-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
   .row-lg-eq-height .panel{ height: 100%; }
   .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%; }
}

@media (min-width: 768px) { 
/* .interior {font-size=10px;margin-left:-100px;  }  */
}
@media (max-width: 1200px) {
    .items .wrap-img-cover-object { height: 240px;}

}
/*@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%; }  
}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
        .row-sm-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
        .row-sm-eq-height .panel{ height: 100%; }
        h1 { font-size: 60px; line-height: 65px;}
        .contact .info-mapa-item{ text-align: center;}
        #carousel-home .carousel-title { font-size: 72px;  line-height: 65px; letter-spacing: -4px;  }
        #carousel-home .carousel-subtitle { font-size: 15px; line-height: 24px; }        
        
}

/* Landscape phone to portrait tablet aquí cambia cuando es mobil provado*/
@media (max-width: 767px) {
        .row-xs-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
        .row-xs-eq-height .panel{ height: 100%; }
        h1 { font-size: 52px; line-height: 58px;}
        footer  {text-align: center; }
        footer .logos {text-align: center; width: 100%; margin: 20px 0; }
        .contact .info-mapa-item{ text-align: center;}
        #carousel-home .carousel-title { font-size: 72px;  line-height: 65px; letter-spacing: -4px;  }
        #carousel-home .carousel-caption { right: 40px;}
        #carousel-home .carousel-subtitle { font-size: 14px; line-height: 24px; }
    .little-menu .navbar-brand{ padding: 5px 20px; }
        .little-menu #menu-principal .nav > li > a {  line-height: 54px;  padding-left: 40px;}
	 .interior {margin-left:10px;font-size: -20%; }  
	#mapaarriba {float: left; margin-top:0;margin-right:0;}
		
}

/* Landscape phones and down */
@media (max-width: 480px) {
    h1 { font-size: 42px;line-height: 48px;}
    h2 { font-size: 32px;}
    footer  {text-align: center; }
    footer .logos {text-align: center; width: 100%; margin: 20px 0; }
    #wrap-content-header-single { height: 220px; padding-left: 30px;}
    #wrap-contenido.bg-grey .page-content { padding: 0px 30px 10px 30px;}
    .page .page_with_subpages .page-content { padding: 25px 20px 25px 20px;}
    #carousel-home .carousel-title { font-size: 50px;  line-height: 55px; letter-spacing: -3px;  }

    .page .page_with_subpages .carousel-gallery .wrap-img-cover-object {height:250px;}
    #contact_sidebar { margin: 15px 25px;}
    #wrap-content-header { padding-left: 25px;}
    #caja_idiomas { text-align: right;}    
    #idioma { text-align: right;}
    #idioma li a { color: #ffffff!important; padding-right: 25px;}
    #idioma li a:hover { background: transparent; color: #0070b8;} 
    .items .page-content {padding: 20px}
    .items .wrap-img-cover-object { height: 160px;}
	 .interior {margin-left:10px;font-size: -20%; }  
	#mapaarriba {float: left; margin-top:0;margin-right:0;}


  
}
/* Landscape phones and down */
@media (max-width: 380px) {
    .col-xxs-12 {width: 100%; margin-top: 0px !important; }
    .items_serveis .col-xxs-12:first-of-type { margin-top: -75px !important; }
    #wrap-content-header-single { height: 200px; padding-left: 20px;}    
    #wrap-contenido.bg-grey .page-content { padding: 0px 20px 10px 20px;}
    #carousel-home .carousel-title { font-size: 40px;  line-height: 45px;letter-spacing: -2px;  }
    #carousel-home .carousel-caption { right: 25px;}
    .thumbnail.wrap-img-cover-object {height: 160px;}
	 .interior {margin-left:10px;font-size: -20%; }  
	#mapaarriba {float: left; margin-top:0;margin-right:0;}
    
}

@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);
    }
}

form {
  /* Centrar el formulario en la página */
 /*   margin: 0 auto;  */
  width: 200px;
  /*  Esquema del formulario  */
   padding: 1em;  
	
	/*  float: right;  */
  /* border: 1px solid #ccc;
  border-radius: 1em;  */
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

form li + li {
/*  margin-top: 1em;  */
}

label {
  /* Tamaño y alineación uniforme */
  display: inline-block;
 /* width: 90px;
  text-align: right;  */
}

input,
textarea {
  /* Para asegurarse de que todos los campos de texto tienen la misma configuración de letra
     Por defecto, las áreas de texto tienen un tipo de letra monoespaciada */
  font: 1em sans-serif;

  /* Tamaño uniforme del campo de texto */
  width: 500px;
  box-sizing: border-box;

  /* Hacer coincidir los bordes del campo del formulario */
  border: 1px solid #999;
}

input:focus,
textarea:focus {
  /* Destacado adicional para elementos que tienen el cursor */
  border-color: #000;
}

textarea {
  /* Alinear los campos de texto multilínea con sus etiquetas */
  vertical-align: top;

  /* Proporcionar espacio para escribir texto */
  height: 5em;
}

.button {
  /* Alinear los botones con los campos de texto */
/*  padding-left: 90px; /* mismo tamaño que los elementos de la etiqueta */
}

button {
  /* Este margen adicional representa aproximadamente el mismo espacio que el espacio
     entre las etiquetas y sus campos de texto */
 /* margin-left: 0.5em;  */
}