header {
        position: fixed;
        background-color: white;
        border-bottom: solid 1px;
        width: 100%;
        height: 160px;
        padding: 0px;
        box-shadow: 0px 1px 20px grey;
        
    }
    .prehead {
        height: 180px;
        float: left;
        width: 100%;
    }
    .h3-recientes {
        float: left;
        width: 100%;
    }

.x-logo {
    width: 100%;
    background-color: cadetblue;
    margin: 0px;
    padding: 3px;
    opacity:70%;
}
    .boton-anuncio {
        border: solid 1px;
        width: 140px;
        border-radius: 10px;
        box-shadow: 1px 2px 3px grey;
    }
    body {
        margin: 0px;
        font-family: sans-serif;
        line-height: 20px;
    }
h1 {
    text-align: center;
    line-height: 20px;
    font-size: x-large;
}
.item-etiquetapagina {
    float: left;
    width: 60%;
    color: chocolate;
    margin-left: 20%;
    margin-right: 20%;
    border: 1px solid chocolate;
    margin-top: 10px;
    text-align: center;
    border-radius: 5px;
}
img.logo_sexy {
    height: 50px;
    border-radius: 10px;
}
    a {
        text-decoration: none;
        color: blue;
        font-weight: bold;
    }
    a.titulo-dominio {
        font-size: xx-large;
    }
    .lista-anuncio {
        float: left;
        margin-left: 5%;
        margin-right: 5%;
        width: 90%;
    }
    .item-anuncio {
        float: left;
        margin-left: 5%;
        margin-right: 5%;
        width: 90%;
        margin-top: 0px;
        margin-bottom: 0px;
        border-top: solid 0.1px lightgray;
        border-left: solid 0.1px lightgray;
        padding: 5px;
    }
    .item-foto {
        float: left;
        width: 10%;
    }
    .item-titudes {
        float: left;
        width: 100%;
    }
    .item-titudes2 {
        float: left;
        width: 100%;
    }
    
.item-titulo {
    float: left;
    font-weight: bold;
    height: 40px;
    color: chocolate;
}
.item-describe {
    float: left;
    margin: 0px;
    height: 60px;
    background-color: white;
}
    .item-ubica {
        float: left;
        text-align:center;
        width: 80%;
        margin-left: 0%;
        margin-right: 0%;
    }
    .item-ubica-2 {
        float: left;
        width: 100%;
    }
.item-categoria {
    padding-right: 10%;
    padding-left: 10%;
    float: left;
    width: 100%;
    background-color: cadetblue;
    border-radius: 5px;
    box-shadow: 0px 1px 5px grey;
}
.item-categoria-anuncio {
    float: left;
    width: 100%;
    background-color: cadetblue;
    border-radius: 5px;
    box-shadow: 0px 1px 5px grey;
}
    span.etiqueta {
        float: left;
        margin: 3px;
        background-color: lightgray;
        border: 1px solid white;
        border-radius: 5px;
        padding: 1px;
    }
    .creditos {
        text-align: center;
    }
    ul.lista-atiende {
        float: left;
        width: 40%;
        border: 1px solid slategrey;
        margin: 1%;
        padding: 20px;
        border-radius: 10px;
    }
	.panel_descontact {
	    float: left;
	    width: 100%;
	}
	.panel_descripcion_a {
	    float: left;
	    text-align: left;
	    width:100%
	}
	.panel_contact_u {
	    float: left;
	    text-align: left;
	    width: 96%;
	    background-color: aliceblue;
	    border: 0.5px solid cadetblue;
	    margin: 0.5%;
	    padding: 1%;
	}
		}

	.panel_contact_u2 {
	    float: left;
	    text-align: left;
	    width: 96%;
	    background-color: aliceblue;
	    border: 0.5px solid cadetblue;
	    margin: 0.5%;
	    padding: 1%;
	}


	.panel_contactos {
	    float: left;
	    width: 100%;
	}
	input.fono-u {
	    border: 1px solid cadetblue;
	    border-radius: 10px;
	    width:80%;
	}
	textarea.form-texto-u {
	    width: 70%;
	    margin-left: 15%;
	    margin-right: 15%;
	    height: 100px;
	    border: 1px solid cadetblue;
	    border-radius: 10px;
	}
	input#publicar-anuncio {
	    background-color: azure;
	    border: 1px solid cadetblue;
	    color: cadetblue;
	    border-radius: 5px;
	    box-shadow: inset 0px 0px 5px #b9c1cb, 0px 0px 5px #adb8c4;
	}
	.panel_fono {
	    float: left;
	    font-weight: bold;
	    color: darkblue;
	    width: 100%;
	}
	a.enlace-anuncio-categoria {
	    font-weight: 500;
	    color: darkblue;
	}
	hr.lineacorte {
	    border: 0.5px solid cadetblue;
	}
	a.gestiona {
	    color: royalblue;
	}
	a.denuncia {
	    color: darkorange;
	}
.lista-paginacion {
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}
	.grupo-pagina-usuario {
	    float: left;
	    width: 60%;
	    margin-left: 20%;
	    margin-right: 20%;
	    background-color: aliceblue;
	    border: 0.5px solid cadetblue;
	}
	.pagina {
	    float: left;
	    line-height: 40px;
	}
    .paginacion {
        float: left;
        width: 30px;
        margin-left: 2px;
        margin-right: 2px;
		margin-bottom: 5px;
        padding:2px;
        border: solid 0.5px lightgray;
        border-radius: 5px;
        text-align:center;
    }
            .paginacion-actual {
                float: left;
                width: 30px;
                margin-left: 2px;
                margin-right: 2px;
		margin-bottom: 5px;
                padding:2px;
                border: solid 0.5px lightgray;
                border-radius: 5px;
                background-color: lightgray;
            }
img.banner {
    border-radius: 50px;
    width: 50%;
    border: 10px double darkblue;
}

.link-ciudad {
    float: left;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 1%;
    background: lightgrey;
    border-radius: 10px;
    padding: 1%;
}
a.link-ciudades {
    float: left;
    margin: 10px;
    background-color: white;
    border-radius: 10px;
    padding: 10px;
}

.interlinkin_ciudad {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}
.block-fotos {
    float: left;
    width: 10%;
}
footer {
    float: left;
    width:100%;
    border-top: solid 1px;
    padding: 0px;
    box-shadow: 0px 1px 20px grey;
    background-color: cadetblue;
    margin: 0px;
    opacity: 70%;
}
span.link-ciudades-top {
    float: left;
    width: 100%;
    font-weight: bold;
}
section.main-bottom {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;

}

		@media only screen and (min-width:1800.10px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:550px;
    width: 420px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 420px;
    height: 420px;
    border-radius: 5px;
}
        }


		@media only screen and (min-width:1700.10px) and (max-width:1800px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:530px;
    width: 400px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 400px;
    height: 400px;
    border-radius: 5px;
}
        }
        
		@media only screen and (min-width:1600.10px) and (max-width:1700px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:510px;
    width: 375px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 375px;
    height: 375px;
    border-radius: 5px;
}
        }



		@media only screen and (min-width:1500.10px) and (max-width:1600px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:610px;
    width: 477px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 477px;
    height: 477px;
    border-radius: 5px;
}
        }

		@media only screen and (min-width:1400.10px) and (max-width:1500px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:580px;
    width: 443px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 443px;
    height: 443px;
    border-radius: 5px;
}
        }

		@media only screen and (min-width:1300.10px) and (max-width:1400px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:550px;
    width: 410px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 410px;
    height: 410px;
    border-radius: 5px;
}
        }

		@media only screen and (min-width:1200.10px) and (max-width:1300px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:510px;
    width: 379px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 379px;
    height: 379px;
    border-radius: 5px;
}
        }

		@media only screen and (min-width:1100.10px) and (max-width:1200px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:480px;
    width: 345px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 345px;
    height: 345px;
    border-radius: 5px;
}
        }

		@media only screen and (min-width:1000.10px) and (max-width:1100px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:610px;
    width: 475px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 475px;
    height: 475px;
    border-radius: 5px;
}
        }

		@media only screen and (min-width:900.10px) and (max-width:1000px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:560px;
    width: 425px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 425px;
    height: 425px;
    border-radius: 5px;
}
        }

		@media only screen and (min-width:800.10px) and (max-width:900px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:520px;
    width: 378px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 378px;
    height: 378px;
    border-radius: 5px;
}
        }

		@media only screen and (min-width:700.10px) and (max-width:800px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    height:470px;
    width: 330px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 330px;
    height: 330px;
    border-radius: 5px;
}
        }

		@media only screen and (min-width:600.10px) and (max-width:700px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 100%;
    border-radius: 5px;
}
        }


		@media only screen and (min-width:400.10px) and (max-width:600px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 100%;
    border-radius: 5px;
}
        }

		@media only screen and (max-width:400px){
.lista-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.item-anuncio {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}
.block-fotos {
    float: left;
    width: 100%;
}
img.lazy {
    width: 340px;
    height: 340px;
    border-radius: 5px;
}
        }

.item-banner {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-left: solid 0.1px lightgray;
    padding: 5px;
}

.lista-anuncio-pub {
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
.item-anuncio-pub {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 0.1px lightgray;
    border-bottom: solid 0.1px lightgray;
    padding: 5px;
}
.panel_contact_u2 {
    float: left;
    width: 80%;
    margin-left: 10%;
    background-color: aliceblue;
    border: 0.5px solid cadetblue;
    border-radius: 10px;
    padding: 10px;
}
img.lazy.pasarela {
    width: 60%;
    height: 60%;
    border-radius: 10px;
    box-shadow: 10px 10px 10px #ccc;
}
            .emergente{
                width:400px;
                height:200px;
                font-family: sans-serif;
                position:fixed;
                background-color:#FFFAFA;
                top:50%;
                left:50%;
                margin-left:-200px;
                margin-top:-200px;
                border:1px solid #000;
                border-radius:10px;
                padding:20px;
                text-align:center;
                box-shadow: 10px 10px 10px #ccc;
            }
            .emergente p{
                font-size:24px;
            }
            
            .emergente .boton{
                font-size:18px;
                font-family: sans-serif;
                padding:10px;
                border:1px solid #000;
                border-radius:5px;
                display:inline-block;
                width:150px;
                margin-top:32px;
                box-shadow:5px 5px 5px #ccc;
            }
            .menor{background-color:#FAF0E6;}
            .mayor{background-color:#F5F5DC;}
            .menor:hover{background-color:#ff0000;cursor: pointer;}
            .mayor:hover{background-color:#00ff00;cursor: pointer;}



		@media only screen and (min-width:800.10px){
	.panel_descontact {
	    float: left;
	    width: 100%;
	}
	.panel_descripcion_a {
	    float: left;
	    text-align: left;
	    width:80%
	}
	.panel_contact_u {
	    float: left;
	    text-align: left;
	    width: 16%;
	    background-color: ghostwhite;
	    border: 0.5px solid cadetblue;
	    margin: 0.5%;
	    padding: 1%;
	}
		}
		
		@media only screen and (max-width:800px){
	.panel_descontact {
	    float: left;
	    width: 100%;
	}
	.panel_descripcion_a {
	    float: left;
	    text-align: left;
	    width:100%
	}
	.panel_contact_u {
	    float: left;
	    text-align: left;
	    width: 96%;
	    background-color: ghostwhite;
	    border: 0.5px solid cadetblue;
	    margin: 0.5%;
	    padding: 1%;
	}
		}