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

#recordar {color: #FFFFFF; background-color: #141413;}
#contenido {background-color: #FFFFFF; float: left; width: 100%;}
#contenido #nav {margin-top: 8px;}

/*----------FOOTER---------*/
#pie {/*background-color: #cdcdcd;*/ background-size: contain; bottom: 0; color: #454545; height: auto!important; width: 100%;text-align: center;
    clear: both;
    font-size: 10px;
    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;margin: 0 15px;}
#pie ul li:first-child {font-weight: bold;}
#pie .logosFooter img {padding: 20px 15px;}

#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-----------------------------*/
div#principal.NotificaIncidencia {margin: 0 auto; width: 100%!important;}
div#principal.inicioIncidencias {width: 92%!important;}
div#principal.InicioIndex,
div#principal.inicioIncidencias,
div#principal.galeria,
div#principal.seccComunicaciones,
div#principal.Agenda,
div#principal.TuAyuntamiento,
div#principal.MapaPuntosInteres,
div#principal.seccEncuestas,
div#principal.avisoLegal,
div#principal.politicaPrivacidad {margin: 20px auto; width: 90%;float: none; text-align: justify; font-size: 1.1em;}
div#principal.InicioIndex .comunicaInci {text-align: left; float: left;}
div#principal.seccComunicaciones #notColumna1{width: 60%;margin-bottom: 10px;}
div#principal.seccComunicaciones #notColumna2{width: 37%; margin-right:0;}
div#principal.galeria {margin-top: 0;}
div#principal div.galeria iframe {margin: 0;}
form#form1 {width: 100%!important;}
#principal #notColumna1 p, #principal #notColumna1 ul, #principal #notColumna1 ol {font-size: 1.1em;}

div.imgTopCabecera div img {display: block; margin: 10px auto; max-width: 500px;}
/*--------------------------GENERAL FIN-----------------------------*/

/*----------------------INICIO---------------------*/
div.txtComo h3 {font-weight: bold; color: #141413; font-size: 1.1em; margin: auto 10px;}
div.txtComo h4 {
  padding: 5vh 2vh 2vh;
  clear: both;
  text-align: center;
  font-style: italic;
  color: #313132!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: 2.2em; line-height: 1.1em;}
div.txtComo .txtImg p + p {font-size: 1.5em; line-height: 1em;}
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;}
div.txtComo img {float: right; margin-bottom: 60px; 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: 0; 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;}
/*----------------------INICIO FIN---------------------*/

/*----------------------NOTIFICA TU INCIDENCIA---------------------*/
div.notiIncidencia {width: 90%;	margin: 0 auto;}
div.notiIncidencia iframe.IframeCarga {height: auto;min-height: 1300px;}
div.notiIncidencia iframe div#pLogin {width: 50%; margin: 0 auto; box-sizing: border-box;}
div.notiIncidencia 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;}
/*----------------------NOTIFICA TU INCIDENCIA 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;}
div#principal.seccComunicaciones a {color:#141413;}
#notColumna1 a:link, #notColumna1 a:visited {text-decoration: none;}
div.seccComunicaciones ul.comunicaciones li {padding: 7px 15px 7px 50px; background-position: 15px center;}
div.noticiasHome h2 {font-size: 1.5em;}
/*----------------------NOTICIAS Y ALERTAS 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---------------------*/


/*----------------------FORMULARIO CAMPOS ADICIONALES EN WEB---------------------*/
div.formularioCamposadicionales {
    /*font-family: Verdana, Tahoma, 'Trebuchet MS';*/
    font-family: 'Roboto',sans-serif;
    font-size: 1.1em;
    border: 1px solid gray;
    margin: 5px 0px 0px 0px;
    float: left;
    width: 100%;
    display: block;
    padding-top: 1.5em;
}

div.formularioCamposadicionales_line {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 1.5em;
}

div.formularioCamposadicionales .fdtitle {
    display: inline-block;
    color: #666666;
    float: left;
    min-width: 300px;
    max-width: 400px;
    text-align: right;
    padding-left: 5px;
    vertical-align: middle;
    margin-top: 0px !important;
}

div.formularioCamposadicionales .campovalor {
    display: inline-block;
    color: black;
    font-weight: bold;
    float: left;
    width: auto;
    text-align: left;
    padding-left: 5px;
    vertical-align: middle;
    margin-top: 0px !important;
}
/*----------------------FORMULARIO CAMPOS ADICIONALES EN WEB 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;}
/*----------------------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;}
    }
/*--------------MENÚ FIN---------------*/
/*-----------------------------*/


/*------------------------------MEDIAQUERIES------------------------------*/
@media (max-width: 1580px) {
	header nav, #contenedor, #pie ul {width: 95%;margin: 0 auto;}
}
@media (max-width: 1200px) {
	header nav div.menu ul li a {margin: 0 5px;}
}
@media (max-width: 1030px) {
	header nav .logoHeader {text-align: center;}
	header nav, #contenedor, #pie ul {width: 95%;margin: 0 auto;}
	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: 0 0 20px;}
  div#principal.InicioIndex .comunicaInci {float: none;}
}
@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 span > img {display: none;}
  div.imgTopCabecera div img {max-width: -webkit-fill-available;
    padding: 20px;}
  #pie ul li {display: block;}
}
@media (max-width: 450px) {
  div.txtComo .txtImg .QRyTexto {display: contents; justify-items: center;}
	div.txtComo div.QRyTexto img {max-width: fit-content; width: 100%; margin: 10px auto; float: none; display: block; padding: 5px 30px;}
	div.txtComo div.QRyTexto p {font-size: 1.8em; text-align: center;
    width: 100%; display: block;}
  div.txtComo .txtImg .btnStores img {width: 70%; max-width: 100%; padding: 0; margin: 0 auto 20px; display: block;}
  div.txtComo .txtImg p {font-size: 2em;}
  div.txtComo .txtImg p + p {line-height: 1.1em;}
  #pie .logosFooter {margin-bottom: 2rem;}
  #pie .logosFooter img {padding: 15px;}
}
@media (max-width: 350px) {
	div.txtComo div.QRyTexto img {min-width: 50px;}
	div.txtComo div.QRyTexto p {font-size: 1.3em;}
}
/*------------------------------MEDIAQUERIES FIN------------------------------*/