@import url(https://fonts.googleapis.com/css?family=Tangerine|Poiret+One|Nothing+You+Could+Do);

body{max-width:100%;font-size:100%;margin:0px;background-image:url(../imagenes/bg.jpgn);background-size:cover;}

header{max-width:100%; text-align:center;}

a, a:hover{text-decoration:none}

.banner {max-width:100%;margin:0;padding:0;background-color:purple;}
.banner > a > h1{max-width:100%;color:white;font-family:Tangerine,"Brush Script Std";font-size:50px;font-weight:400;margin:0px;padding-top:20px;padding-bottom:20px}
.busqueda{display:inline-block;border:solid thin gray; width:200px; height:20px; background-color:silver; margin:10px}
.contenido{text-align:center;}
.contenido img{max-width:20%; background-color:black;border:#ffffff solid medium;border-radius:10px}
.contenido a{max-width:25%; height:512px; width:512px; color:;}
.contenido a:visited{color:}

.cliente0, a.cliente0, a.cliente1, a.cliente2, a.cliente3{text-align:center;vertical-align:middle;width: 200px; height:100px;margin:20px;border:#6f7d94 solid medium; display:inline-block; border-radius:10px;padding-top:10px;overflow:hidden;}

.cliente0 > h1, .cliente1 > h1, .cliente2 > h1, .cliente3 > h1{font:100 14px "Orator Std"; margin: 0px;}
.cliente0 > h2, .cliente1 > h2, .cliente2 > h2, .cliente3 > h2{font:100 20px "Calibri"; margin: 14px 0 0 0;}

@media screen and (max-width:5in){
.contenido img{max-width:30%}
.cliente0, a.cliente0, a.cliente1, a.cliente2, a.cliente3{width:auto;height:auto;margin:5px;padding-top:0px;border-width:1px;border-radius:5px}
.cliente0 > h1, .cliente1 > h1, .cliente2 > h1, .cliente3 > h1{font:100 12px "Orator Std"; margin: 5px;}
.cliente0 > h2, .cliente1 > h2, .cliente2 > h2, .cliente3 > h2{font:100 14px "Calibri"; margin: 5px;}
}

/* #alimentos{background:green}
#artesanias{background:blue}
#autos{background:gray}
#avisos{background:#80795e}
#bares{background:#7b082c}
#belleza{background:fuchsia}
#bicicletas{background:slategray}
#bienesraices{background:#cf8c35}
#buceo{background:#e9e7ff}
#escolar{background:dodgerblue}
#hoteles{background:black}
#lavanderias{background:#42d1d1}
#materiales{background:#ff4800}
#mascotas{background:#d85900}
#motocicletas{background:#576f99}
#postres{background:#902e07}
#restaurantes{background:#278d21}
#salud{background:#007c96}
#telefonia{background:#008080}
#tours{background:#ff0000}
#vestir{background:#a40000}
#viveros{background:#ffd700} */

button.paginaindice{text-align:center;line-height:80px;vertical-align:middle;width:100px; height:100px;margin:20px;border:#6f7d94 solid medium; display:inline-block; border-radius:50px;padding-top:0px;background:lavender url("../imagenes/paginaindice.png");background-size:100px 100px;text-indent:100%;white-space:no-wrap;overflow:hidden;}

/*anuncios*/
a.ligaAnunciate{font-family:"Poiret One","Freestyle Script",Forte,"Brush Script Std";text-align:center;vertical-align:middle;width: 200px; height:100px;margin:20px;border:#6f7d94 solid medium; display:inline-block; border-radius:10px;padding-top:10px;text-decoration:none;color:blue;}
a.ligaAnunciate > h1{font-size:36px;margin:0px}
a.cliente0, a.cliente1, a.cliente2, a.cliente3{text-decoration:none;color:black;}
.avisos > a.cliente0 > h1{font-family:"Nothing You Could Do",Forte,"Brush Script Std";font-size:2em;font-weight:bold;}
.modal-body img{max-width:100%;}
.formanuncios {font-family:Verdana;text-align:center;max-width:100%}
.formanuncios input{width:15em;height:2em;max-width:95%}
.formanuncios textarea{min-width:15em;min-height:6em;max-width:95%;}
.formanuncios fieldset{margin-top:20px;}
.formanuncios  li {list-style-type:none; padding-top:.5em}

a > h1.novisit, a > h2.novisit{color:#f00;opacity:.1}