*{margin: 0; padding: 0; box-sizing: border-box.;}
a{text-decoration: none;}
ul, ol{list-style: none;}

h1 {color: #3C3C3C; border-bottom-color: #3C3C3C;}
h2 {color: #141413; font-size: 1.7em; margin-bottom: 20px; text-transform: uppercase;}

#pnlMapa.mapa {width: 100%!important;}
#general {width: 100%;float: left;}
#contenedor {background-color:#ffffff; border:none;}

.imgCabecera {display: flex; align-items: center; justify-content: center;}
.imgCabecera img {max-width: 500px;width: 100vw;}

#recordar {color: #FFFFFF; background-color: #141413;}
#contenido {background-color: #FFFFFF; float: left; width: 100%;}
#contenido #nav {margin-top: 8px;}
#pie {/*background-color: #cdcdcd;*/ background-size: contain; bottom: 0; color: #454545; height: auto; width: 100%;text-align: center;
    clear: both;
    font-size: 10px;
    height: 20px;
    line-height: 20px;}
#pie a {transition: all ease 0.3s;}
#pie a:link, #pie a:visited {color: #454545; margin:0; font-weight: normal;}
#pie a:hover {color: #030303; text-decoration: underline;}
#pie ul {padding: 5px;}
#pie ul li {font-size: 1.3em; margin-right: 25px; padding: 0px; color: #454545; white-space: nowrap;/*white-space evita el salto de línea*/display: inline;}
#pie ul li:last-child {margin-right: 0;}
#pie ul li strong {text-transform: uppercase; font-weight: bold; margin-right: 10px;}


#titSeccion {border-bottom: 1px solid #141413; margin: 0 0 20px;}
/*#titSeccion p*/#titSeccion h1 {text-align: center; font-size: 3em; color: #141413; padding-bottom: 1vh; margin: 0; border-bottom: 0; font-weight: normal;}

/*--------------------------GENERAL-----------------------------*/
#principal.NotificaIncidencia, #principal.haztuconsulta {margin: 0 auto; width: 100%!important;}
#principal.inicioIncidencias {width: 92%!important;}
#principal {margin: 20px auto; width: 100%;float: none; text-align: justify; font-size: 1.1em;}
#principal.noticiasDestacadas h1, #principal.seccComunicaciones h1,
#principal.noticiasDestacadas h1 a, #principal.seccComunicaciones h1 a {font-weight: 700;color: #a6093d;}
#principal.InicioIndex .comunicaInci {text-align: left;}
#principal.seccComunicaciones #notColumna1, #principal.noticiasDestacadas #notColumna1 {width: 60%;margin-bottom: 10px;}
#principal.seccComunicaciones #notColumna2, #principal.noticiasDestacadas #notColumna2 {width: 37%; margin-right:0;}
#principal ul.comunicaciones {padding: 0;}
#principal ul.comunicaciones li {padding: 7px 15px 7px 50px; background-position: 15px center; list-style-type:none;}
#principal ul.comunicaciones li:nth-child(odd) {background-color: #e6e6e6;}
#principal ul.comunicaciones li:nth-child(even) {background-color: #f1f1f1;}
#principal ul.comunicaciones li a { font-weight: bold;}
#principal.noticiasDestacadas ul.comunicaciones li {padding-left: 15px;}
#principal.galeria {margin-top: 0;}
#principal div.galeria iframe {margin: 0;}
form#form1 {width: 100%!important;}
#principal #notColumna1 p, #principal #notColumna1 ul, #principal #notColumna1 ol {font-size: 1.1em;}
/*--------------------------GENERAL FIN-----------------------------*/

/*----------------------INICIO---------------------*/
div.txtComo h3 {font-weight: bold; color: #141413; font-size: 1.1em; margin: auto 10px;clear: both;}
/* div.txtComo h4 {padding: 10px; border: 1px dashed; clear: both; text-align: center; font-style: italic; color: #000000;} */
div.txtComo h4 {
  padding: 5vh 2vh 2vh;
  clear: both;
  text-align: center;
  font-style: italic;
  color: #a6093d!important;
  font-size: 2,5vh;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0;}
div.txtComo p, div.txtComo ol {font-size: 1.1em;}
div.txtComo ol {list-style: decimal;list-style-position: inside;margin: 10px; color: #666666;}/*gntz*/
div.txtComo strong {color:#141413;}
div.txtComo .txtImg {width: 73%; float: left; text-align: left;}
div.txtComo .txtImg p {font-weight: bold; font-size: 2em; line-height: 1.3em;}
div.txtComo .txtImg p + p {font-size: 1.8em; line-height: 1em;}
div.txtComo img {float: right; margin-bottom: 20px; padding-left: 30px;;}
div.txtComo .QRyTexto {display: flex; align-items: center; /* float: left; */ width: 100%; margin: 0 10px 20px;}
div.txtComo .QRyTexto img {float: left; padding: 0 20px 0 0; margin-bottom: 20px; max-width: 200px;}
div.txtComo .QRyTexto p {color: #141413; font-size: 2.2em; font-weight: bold; text-align: left; transition: all ease 0.3s;line-height: 1.3em;}
div.txtComo .QRyTexto p strong {font-size: 1.6em;display: block;}
div.txtComo .txtImg .btnStores {width: 100%; float: left;}
div.txtComo .txtImg .btnStores img {width: 45%; max-width: 230px; padding: 0 30px 0 0; margin-bottom: 20px; float: none;}
/*----------------------INICIO FIN---------------------*/

/*----------------------NOTIFICA TU INCIDENCIA - HAZ TU CONSULTA---------------------*/
div.notiIncidencia, div.hazConsulta {width: 90%;	margin: 0 auto;}
div.notiIncidencia iframe.IframeCarga, div.hazConsulta iframe.IframeCarga {height: auto;min-height: 1300px;}
div.notiIncidencia iframe div#pLogin, div.hazConsulta iframe div#pLogin {width: 50%; margin: 0 auto; box-sizing: border-box;}
div.notiIncidencia iframe div#pLogin input, div.hazConsulta iframe div#pLogin input {width: 100%; height: auto; box-sizing: border-box;}
#ContentPlaceHolder1_Repeater1_pnlFoto_0 p img {width: auto; max-width: 400px;}

#ContentPlaceHolder1_pnlRegistrar .g-recaptcha div {margin: 0 auto;}
/*  NO FUNCIONA. No consigo apuntar al elemento */
/*html body di.w3-content div#band.seccion-top.w3-container.w3-content.w3-center.w3-padding-64 div#contenido div#principal.NotificaIncidencia div.notiIncidencia iframe.IfranmeCarga html body form#form1 div.fullInci div.login div#ContentPlaceHolder1_pnlLogin p.loginAltaTxt {font-size: 1.3em!important; max-width: inherit!important;}*/
/*----------------------NOTIFICA TU INCIDENCIA FIN---------------------*/

/*-------------------CONSULTAS-------------------*/
#IframeCarga #ContentPlaceHolder1_pnlNuevaConsulta .divRegistrar.divConsultas {
  width: 500px;
  margin: 0 auto;
}
#contenedor #consultasLVOnlineFORMULARIO .hazConsulta iframe#IframeCarg #contenido #principal div.consultasLV {
  width: 100%;
}
/*-------------------CONSULTAS FIN-------------------*/

/*-------------------GESTI�N DE INCIDENCIAS-------------------*/
.flotarLeft {float: left;}
.flotarDcha {float: right;}
.dosColumnas {float: left; padding: 15px 0; width: 100%;}
.dosColumnas > div {width: 48%;}
.dosColumnas > div img {width: 30%;}
.dosColumnas > div > a {cursor:auto;}
.dosColumnas > div > div {width: 67%;}
.dosColumnas > div > div h4, .dosColumnas > div > div p {text-align: left; font-size: 1.2em;}
.dosColumnas > div > div h4 {color: #a6093d; font-size: 2.2em; line-height: 0.8em; margin-bottom: 6px;font-weight: bold;}
.dosColumnas > div > div h4 a,
.dosColumnas > div > div h4 a:hover,
.dosColumnas > div > div h4 a:link,
.dosColumnas > div > div h4 a:visited {color: #a6093d; text-decoration:none; cursor:auto;}
.dosColumnas > div > div h4 span {font-size: 0.8em; font-weight:400;}
.dosColumnas > div > div p {margin: auto;}
.dosColumnas > div > div p.CosteLlamada {font-size:1em; font-weight:400;}
.ResponsiveIframe {height: auto; overflow: hidden; padding: 70% 0; position: relative;}
.ResponsiveIframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.ResponsiveIframe .IframeCarga > form #IframeCarga .login #pnlNoLogin {text-align: center; margin: 10px 0;}

/*-------------------GESTI�N DE INCIDENCIAS FIN-------------------*/

/*----------------------NOTICIAS Y ALERTAS---------------------*/
.NoHayComunicaciones {float: none; margin: 40px auto 60px; min-height: 300px; text-align: center; width: 90%;}
.NoHayComunicaciones p {border: 1px dashed; color: #000000; font-size:1.5em; font-weight: bold; padding: 25px;}
#principal.seccComunicaciones a {color:#141413;}
#notColumna1 a:link, #notColumna1 a:visited {text-decoration: none;}
#principal.seccComunicaciones #notColumna1 h1 {text-align: left;}
/* #principal.seccComunicaciones ul.comunicaciones li {padding: 7px 15px 7px 50px; background-position: 15px center;} */
#principal.noticiasHome h2 {font-size: 1.5em;}
/*----------------------NOTICIAS Y ALERTAS FIN---------------------*/

/*----------------------NOTICIAS DESTACADAS---------------------*/

/*----------------------NOTICIAS DESTACADAS FIN---------------------*/

/*----------------------RESIDUOS / ORDENANZAS / MEDIO NATURAL---------------------*/
#principal.documentacion p, #principal.documentacion h3 {padding-left: 0;}
#principal.documentacion h3 {font-size: 22px; margin-top: 30px;}
/*----------------------RESIDUOS / ORDENANZAS / MEDIO NATURAL FIN---------------------*/

/*----------------------ENLACES DE INTERÉS---------------------*/
#principal.enlacesInteres p {color: #000000;font-size: 1.1em;}
#principal.enlacesInteres p a {color: #a6093d;font-size: 1.1em; font-weight: normal;}
/*----------------------ENLACES DE INTERÉS FIN---------------------*/

/*----------------------AGENDA---------------------*/
div#principal.Agenda iframe.agendaVMX {width: -webkit-fill-available;}
/*----------------------AGENDA FIN---------------------*/


/*----------------------TU AYUNTAMIENTO---------------------*/
.galeria iframe#Iframe1 {float: none; margin: 0 auto; min-height: 320px; text-align: center;}
.galeria iframe#Iframe1 html body div div#pnlVacio.pnlVacio {
  float: none;
      margin: 40px auto 60px;
      min-height: 300px;
      text-align: center;
      width: 90%;}
iframe#Iframe1 div #pnlVacio.pnlVacio span.lblVacio {border: 1px dashed;
  color: #000000;
  font-size: 1.5em;
  font-weight: bold;
  padding: 25px;
  line-height: 1.5em;
  font-family: "Lato", sans-serif;
  margin-bottom: 15px;
  box-sizing: inherit;
  -webkit-text-size-adjust: 100%;
  width: -webkit-fill-available;
  display: inline-block;}
/*----------------------TU AYUNTAMIENTO FIN---------------------*/


/*----------------------POIS---------------------*/
div.galeria iframe.iframeExteriorMapa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
/*----------------------POIS FIN---------------------*/


/*----------------------ENCUESTAS---------------------*/
/*----------------------ENCUESTAS FIN---------------------*/


/*----------------------POLíTICA DE PRIVACIDAD / AVISO LEGAL---------------------*/
div#principal.politicaPrivacidad h1, div#principal.avisoLegal h1 {color: #232323; padding-bottom: 10px;}
div#principal.politicaPrivacidad h3, div#principal.avisoLegal h3 {
	color: #232323;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 10px;
	text-transform: uppercase;}
div#principal.politicaPrivacidad table {background-color: #e5e5e5; border-bottom: 1px solid #c6c6c6; margin-bottom: 20px;}
div#principal.politicaPrivacidad table p {margin: 10px;}
div#principal.politicaPrivacidad .politicaAvisoCookies ul {list-style: disc;}
/*----------------------POL�TICA DE PRIVACIDAD FIN---------------------*/


/*---------------MEN�----------------*/
/************************
      HEADER
    ************************/

    .page-header{
      overflow: hidden;
      background: #141413;
      padding: 1em 0;
      height: 4em;
      width: 75%;
	  max-width: 1200px;
	  margin: 0 auto;

      transition: all .4s linear;
    }

    .page-header .center-contents {/*max-width: 650px; margin:auto;*/ overflow: hidden;}

    .logo {/*max-width: 60px;*/ display: block; float: left; /*margin: 0 0 1em 1em;*/}

    .logo img {display: block; width: 80%; transition:all .4s linear;}

    .page-nav {color: #fff; position: relative; visibility: inherit; padding: 1.5em 0 0; transition:visibility .4s linear;}

    .page-nav ul, .page-nav li {list-style:none; margin:0; padding: 0;}

    .page-nav a {
      color: #fff;
      width: 100%;
      height: auto;
      display: block;
      padding: 0.75em 1em;
      text-decoration: none;
      border-top: #941b0a 1px solid;
      cursor: pointer;

      transition: all ease 0.3s;
    }
    .page-nav a:last-child {padding-right: 0;}

    .toggle-nav {float: right; padding: 1.4em 1em; /*margin: 0 0 1em 1em;*/ color: rgb(255,255,255); cursor: pointer;}
    .toggle-nav:hover {background: #000000; color: #141413;}
    .page-nav a:hover {color: #000000;}
    .menu-expanded {height: auto;}


    /************************
      MAIN CONTENTS
    ************************/

    .page-contents {padding:0 1em; max-width: 650px; margin:auto;}


    /************************
      MEDIA QUERIES
    ************************/
    @media only screen and (min-width:320px){
      .page-header span{display: block;}
      .page-nav {clear:left; position: relative; visibility: inherit; transition:visibility .4s linear;}
    }
    @media only screen and (min-width:700px){
      .page-header{height: 5.5em;}
      .logo img {width: 100%;}
      .page-nav{width: auto; float: right; display: block; clear: none; visibility: visible;}
      .page-header span{display: none;}
      .page-nav ul, .page-nav li{float: left;}
      .page-nav a {border-top: none;}
      .collapse {visibility: inherit;}
    }
    @media (max-width: 1030px) {
		.page-header {width: 95%;}
    }
    @media only screen and (max-width:699px){
      .collapse {visibility: hidden;}
      .menu-expanded{transition:all .4s linear;}
    }
    @media screen and (max-width: 1024px) {
    .dosColumnas {padding: 15px;}
    }
    @media screen and (max-width: 979px) {
     .dosColumnas > div > div h4 span, .dosColumnas > div > div p span {display:none;}
    }
    @media screen and (max-width: 790px) {
     .dosColumnas > div img {width:20%;}
    .dosColumnas > div > div {width:77%;}
    .dosColumnas > div > div {padding: 1% 0;}
    .dosColumnas > div > div h4 {font-size:5vw;}
  }
     @media screen and (max-width: 850px) {
    .dosColumnas > div > div {padding: 5% 0;}
    .dosColumnas > div > div p {display:none;}
    .dosColumnas > div > div p.CosteLlamada {display: inherit;}
}
@media screen and (max-width: 480px) {
.dosColumnas > div.divInciDescargaApp {width: 25%;}
    .dosColumnas > div.divInciDescargaApp img {width: 100%;}
    .dosColumnas > div.divInciDescargaApp > div {display: none;}
    .dosColumnas > div.divInciLlamar {width: 70%;}
    .dosColumnas > div.divInciLlamar img {display: none;}
    .dosColumnas > div.divInciLlamar > div {width: 100%; padding: 3% 0;}
    .dosColumnas > div.divInciLlamar > div h4 {font-size: 10vw;}
    .dosColumnas > div.divInciLlamar > div p.CosteLlamada {font-size: 4vw;}
}

/*--------------MENÚ FIN---------------*/
/*-----------------------------*/


/*------------------------------MEDIAQUERIES------------------------------*/
@media (max-width: 1580px) {
	header nav, #contenedor, #pie ul {width: 95%;}
}
@media (max-width: 1200px) {
	header nav div.menu ul li a {margin: 0 5px;}
}
@media (max-width: 1030px) {
	/*header nav {width: 100%;}
	div.menu {height: inherit; line-height: inherit;}*/
	header nav .logoHeader {text-align: center;}
	header nav, #contenedor, #pie ul {width: 95%;}
	div#principal.InicioIndex,
	div#principal.inicioIncidencias,
	div#principal.galeria,
	div#principal.seccComunicaciones,
	div#principal.seccEncuestas,
	div#principal.avisoLegal,
	div#principal.politicaPrivacidad {width: 100%;}
  div.txtComo .txtImg {width: 100%;}
	div.txtComo .txtImg .QRyTexto {width: 100%;justify-content: left;margin-bottom: 20px;}
}
@media (max-width: 768px) {
  .w3-padding-large.icono-header {display: none;}
	div.txtComo .QRyTexto {width: 100%; display: flex; justify-content: center;}
  div#principal.seccComunicaciones #notColumna1, div#principal.seccComunicaciones #notColumna2 {width: 100%;}
}
@media (max-width: 685px) {
	div.menu ul li.inicio a, div.menu ul li.incidencias a, div.menu ul li.comoFunciona a {text-indent: -9999px; padding: 20px 30px;}
	header nav .logoHeader a img {width: 60px;}
}
@media (max-width: 635px) {
	#pie ul li.logosPie {display: block; width: 100%; margin-bottom: 15px; margin-right: 0;}
	div.txtComo div.QRyTexto {width: 100%;}
}
@media (max-width: 550px) {
	header a.imgHeader, div.txtComo > img {display: none;}
}
@media (max-width: 450px) {
  div.txtComo .QRyTexto {display: grid;}
	div.txtComo div.QRyTexto img {width: 80vw;}
	div.txtComo div.QRyTexto p {font-size: 1.8em;}
}
@media (max-width: 350px) {
	div.txtComo div.QRyTexto img {min-width: 50px;}
	div.txtComo div.QRyTexto p {font-size: 1.3em;}
}
/*------------------------------MEDIAQUERIES FIN------------------------------*/