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

/* *, h1, h2, p {margin: 0; padding: 0;} 
body {color: #666666;}
a:link, a:visited {color: #666666;}*/
h1 {color: #3C3C3C; border-bottom-color: #3C3C3C;}
h2 {color: #7d1431; font-size: 1.7em; margin-bottom: 20px; text-transform: uppercase;}
/* p {margin-bottom: 15px;}
ol {list-style-type: decimal; margin: 15px 0 15px 40px;}
ol li {margin: 8px 0;}
header {width: 100%; /*border-bottom: 1px solid #c5c5c5;*/ /*background: #7d1431/*rgba(0,75,135,0.7)*//*; float: left;}
header .imgHeader {background-color: #ffffff;}
header .imgHeader img {width: 100%; max-width: 2100px; margin: 0 auto;}
header nav, #contenedor, #pie ul {width: 75%; margin: 0 auto; max-width: 1200px;} */
#pnlMapa.mapa {width: 100%!important;}
#general {width: 100%;float: left;}
#contenedor {background-color:#ffffff; border:none;}
/* #contenedor #cabecera {height: auto;}
#contenedor #cabecera p {text-align: center; margin: 0; border-bottom: 1px dashed #abceea;}
#contenedor #cabecera p img {width: 100%; max-width: 550px;} */

/*-----HEADER MENU LEFT-----*/
/* div.menu {float: left; height: 70px; line-height: 70px;}
div.menu ul{margin: 0; text-align: center; font-size: 1em; font-family: "Lato", sans-serif; text-transform: uppercase;}
div.menu ul li{color: #ffffff; display: inline-block; /*padding: 0 20px;*/ /*line-height: normal;}
div.menu ul li a{color: #ffffff;padding: 28px 5px;}
nav div.menu ul ul li a{font-weight: bold!important;}
div.menu ul li:hover{background-color: #cdcdcd;}
div.menu ul li.idiomas{padding: 0 0 0 20px;}
div.menu ul li.idiomas:hover{background-color: #7d1431;}
div.menu ul li.idiomas a {padding: 0!important;}
div.menu ul li.idiomas a img {border-radius: 25px; border: 2px solid transparent;padding: 0 2px;}
div.menu ul li.idiomas a img:hover {background-color: #cdcdcd; border-color: #cdcdcd;box-shadow: none;}
div.menu ul li a:hover{color: #010101;}
div.menu ul ul{border: none;margin: 0;}
.logoHeader {float: right;} */

/* #cabecera2 {
	color: #7d1431;
	margin: 0;
	font-size: 1em;
	font-weight: normal;
}
#cabecera2 a {
	display: inline;
	padding: 15px 5px;
}
#cabecera2 a:hover {
	padding: 15px 20px;
}
#cabecera2 a:link, #cabecera2 a:visited {
	color: #7d1431;
}
#cabecera2 a:hover
{
	-moz-box-shadow: 0px -2px 10px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px -2px 10px rgba(0, 0, 0, .2);
	box-shadow: 0px -2px 10px rgba(0, 0, 0, .2);
} */
/*-----HEADER MENU LEFT------*/

#recordar {color: #FFFFFF; background-color: #7d1431;}
#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 #7d1431; margin: 0 0 20px;}
/*#titSeccion p*/#titSeccion h1 {text-align: center; font-size: 3em; color: #7d1431; padding-bottom: 1vh; margin: 0; border-bottom: 0; font-weight: normal;}

/*--------------------------IMAGEN CABECERA-----------------------------*/
.imgTop {
  position: relative;
  display: inline-block;
  text-align: center;
}
.txtSobreImgTop {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  padding: 25px 40px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 15px 0 15px 0;
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
}
.txtSobreImgTop img {max-height: 150px; padding-left: 15px;}
/*--------------------------IMAGEN CABECERA FIN-----------------------------*/

/*--------------------------GENERAL-----------------------------*/
/*div#principal.index {float: none; margin: 0 auto; width: 740px;}*/
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;}
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;}
/*--------------------------GENERAL FIN-----------------------------*/

/*----------------------INICIO---------------------*/
div.txtComo h3 {font-weight: bold; color: #7d1431; font-size: 1.1em; margin: auto 10px;}
/* 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: #7d1431!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:#101010;}
div.txtComo .txtImg {width: 73%; float: left; text-align: left;}
div.txtComo .txtImg p {font-weight: bold; font-size: 2.2em; line-height: 1.3em;}
div.txtComo .txtImg p + p {font-size: 1.5em; line-height: 1em;}
div.txtComo .txtImg p a {color:#666666;}
div.txtComo img {float: right; margin-bottom: 60px; padding-left: 30px;}
div.txtComo .QRyTexto {/*float: left; width: 100%; margin: 0 10px;*/ 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;}
div.txtComo .QRyTexto p {color: #7d1431; font-size: 2.2em; font-weight: bold; text-align: left; transition: all ease 0.3s;}
div.txtComo .QRyTexto p span {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---------------------*/
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;}
/*  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---------------------*/


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


/*----------------------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: #7d1431;
      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: #7d1431;}
    .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%;}
}
@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 div.QRyTexto img {max-width: 124px; width: 30%;}
	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------------------------------*/