*, h1, h2, p {margin: 0; padding: 0;}
body {color: #666666; background-color: #7a9e1a;}
a:link, a:visited {color: #666666;}
h1 {color: #3C3C3C; border-bottom-color: #3C3C3C;}
h2 {color: #7a9e1a; 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: 2px solid rgba(0,0,0,.117647)/*#7a9e1a VERDE*/; background: #ffffff/*rgba(0,75,135,0.7)*/; float: left;}
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 {background-color: #f7f8f9/*#ffffff*/; width: 100%;float: left;}
#contenedor {background-color: #f7f8f9/*#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;}
div.logoHeader {background: url(/img/Rivas-Vaciamadrid-EMV-Rivas_logos-blanco.png) left center no-repeat; min-width: 186px;}
div.logoHeader a {padding: }
div.menu, div.logoHeader {float: left; height: 100px; line-height: 100px;}
div.menu {float: right;}
div.menu ul{margin: 0; text-align: center; font-size: 1em;}
div.menu ul li{color: #202002; display: inline-block; /*padding: 0 20px;*/ line-height: normal; transition: all ease 0.3s;}
div.menu ul li a {margin: 0 15px; border: none; color: #ffffff; transition: all ease 0.3s;}
div.menu ul li a:hover {color: #000000;}
div.menu ul ul {border: none;margin: 0;}
#recordar {color: #FFFFFF; background-color: #7a9e1a;}
#contenido {background-color: #f7f8f9/*#ffffff*/; float: left; width: 100%;}
#contenido #nav {margin-top: 8px;}
#pie {background-color: #7a9e1a; background-size: contain; bottom: 0; color: #FFFFFF; height: auto; width: 100%;}
#pie a {transition: all ease 0.3s;}
#pie a:link, #pie a:visited {color: #ffffff; margin:0; font-weight: normal;}
#pie a:hover {color: #ffffff; text-decoration: underline;}
#pie ul {padding: 40px 0;}
#pie ul li {font-size: 1.5em; margin-right: 25px; padding: 0px; color: #ffffff;}
#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; margin: 30px 0 20px;}
#titSeccion p {text-left: center; font-size: 2.2em; color: #000000; margin: 0; padding-bottom: 10px; padding-left: 0.5em;}

/*--------------------------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.seccEncuestas,
div#principal.avisoLegal,
div#principal.politicaPrivacidad {margin: 20px auto; width: 90%;float: none; text-align: justify; font-size: 1.1em; color: #545454;}
div#principal.seccComunicaciones #notColumna1{width: 60%;margin-bottom: 10px;}
div#principal.seccComunicaciones #notColumna2{width: 38%; /*margin-right:0;*/ float: left;}
div#principal.galeria {margin-top: 0;}
div#principal div.galeria iframe {margin: 0;}
form#form1 {width: 100%!important;}
/*--------------------------GENERAL FIN-----------------------------*/

/*----------------------INICIO---------------------*/
div.txtComo {/*margin-bottom: 30px*/}
div.txtComo h3 {font-weight: bold; color: #7a9e1a; font-size: 1.1em;}
div.txtComo p, div.txtComo ol {font-size: 1.1em;}
div.txtComo strong {color:#7a9e1a; font-weight: 100;}
div.txtComo img {float: right; margin-bottom: 20px; padding-left: 30px;}
div.txtComo .QRyTexto {float: left; width: 50%;}
div.txtComo .QRyTexto img {float: left; padding: 0 20px 0 0; margin-bottom: 20px;}
div.txtComo .QRyTexto p, div.txtComo .QRyTexto p strong {color: #000000; font-size: 2.2em; font-weight: bold; text-align: left; transition: all ease 0.3s;}
div.txtComo .QRyTexto p strong {font-size: 1.6em;}
/*----------------------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---------------------*/


/*----------------------TU AYUNTAMIENTO---------------------*/
.galeria iframe#Iframe1 {float: none; margin: 0 auto; min-height: 320px; text-align: center;}
.galeria iframe#Iframe1 html body div #pnlVacio span.pnlVacio {color: #000000;}
/*----------------------TU AYUNTAMIENTO 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:#7a9e1a;}
div.seccComunicaciones #notColumna1 h1 {font-size: 1.5em;}
div.seccComunicaciones #notColumna1 p {margin-right: 10px;}
#notColumna1 a:link, #notColumna1 a:visited {text-decoration: none;}
div.noticiasHome {margin: 20px auto;}
div.noticiasHome h2 {font-size: 1.7em;}
.foto {background-color: #7a9e1a;}
.foto p img {width: 100%;}
/*----------------------NOTICIAS Y ALERTAS FIN---------------------*/


/*----------------------ENCUESTAS---------------------*/
div#principal .divEncuestasQR {
    float: none;
    width: 100%;
    background-color: inherit;
    display: flex;
    align-items: center;
}
div#principal .divEncuestasQR .consultasLVApp
{
    float: none;
    margin: 0 auto;
    padding: 15px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: auto;
}
div#principal .divEncuestasQR .consultasLVApp .txtCodigoQRapp {
    float: left;
    padding-left: 2em;
    font-size: 1.2em;
    }
div#principal .divEncuestasQR .consultasLVApp .txtCodigoQRapp p, div#principal .divEncuestasQR .consultasLVApp .txtCodigoQRapp ul {
    margin: 0;
    text-align: left;
}
div#principal .divEncuestasQR .consultasLVApp .txtCodigoQRapp p.pDestacado {
    font-size: 2em;
    color: #010101;
    font-weight: bold;
}
/*----------------------ENCUESTAS FIN---------------------*/


/*----------------------POLÍTICA DE PRIVACIDAD / AVISO LEGAL---------------------*/
div#principal.politicaPrivacidad h1, div#principal.avisoLegal h1 {color: #232323; padding-bottom: 10px; text-transform: uppercase; font-size: 1.7em;}
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: #7a9e1a;*/
      padding: 1em 0;
      height: 4em;
      width: 95%;
      max-width: 1200px;
      margin: 0 auto;
      transition: all .4s linear;
    }

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

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

    .logo img {display: block; width: 100%; transition:all .4s linear; max-width: 90px;}

    .page-nav {
      border-radius: 3px;
      color: #fff;
      font-size: 1em;
      position: relative;
      visibility: inherit;
      /*padding: 1em 0;*/
      transition:visibility .4s linear;
      background-color: #f8f8f8;
      border: 1px solid #e7e7e7;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-right: 0;
    }

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

    .page-nav a {
      color: #727272;
      /*width: 100%;*/
      height: auto;
      display: block;
      padding: 1.5em/*0.5em 2.5em*/;
      text-decoration: none;
      border-top: #7a9e1a 1px solid;
      cursor: pointer;
      transition: all ease 0.2s;
    }
    /*.page-nav a:last-child {padding-right: 0;}*/

    .toggle-nav {float: right; padding: 1.4em 1em; /*margin: 0 0 1em 1em;*/ background: #000000; color: #7a9e1a; /*color: rgb(255,255,255);*/ cursor: pointer;}
    .toggle-nav:hover {color: rgb(255,255,255)/*background: #000000; color: #7a9e1a;*/}
    .page-nav a:hover {background-color: #7a9e1a; color: #ffffff;}
    .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: 6.5em;}
      .logo{/*max-width: 92px;*/}
      .logo img {/*width: 100%;*/ max-width: 90px;}
      .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:820px){
      .page-nav {font-size: 1em; border: none;}
      .page-nav ul {padding: 0;}
      .page-nav a {padding: 1.5em 0.8em;}
    }
    @media only screen and (max-width:699px){
      .page-nav {margin-top: 60px; text-align: right; width: fit-content;}
      .collapse {visibility: hidden;}
      .menu-expanded{transition:all .4s linear;}
      a.logo img {width: 60%;}
      .page-header .center-contents {display: contents;}
    }
/*--------------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 .QRyTexto {width: 65%;}
}
@media (max-width: 915px) {
  .page-nav {font-size: 0.8em;}
}
@media (max-width: 850px) {
  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------------------------------*/