/* HTML */
* {
    box-sizing: border-box;
}

html {  font-family:Arial, Helvetica, sans-serif; color: #333333; font-size: 14px; margin:0px; padding:0;}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    margin: 0;
    background-color: #fff;
    color: #222;
}

a:link, a:active, a:visited { color:#007CF4; text-decoration: none} a:hover { text-decoration:underline}
/* BODY */
#pagina { width: 95%;
    max-width: 1100px;
    margin: 0 auto; }
#cap { padding:20px 20px 0px 20px; background:#F8F8F8 }
#secciones { line-height:19px; text-align:left; margin-left:15px;  }
#title { width:600px; float:left; text-align:left; padding: 15px 0px; }
#buscador { width:350px; margin:20px 0 0 0 ; float:right; }
#clear { clear:both; }
#menu { clear: left; padding:15px 10px;     background: #1e293b; color: white;
    padding: 20px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
margin-bottom:30px; } 
#menu a { padding:0 18px 0 8px; font-size:18px; color:#ffffff; text-decoration:none; vertical-align: middle;   } #menu a:hover { text-decoration:underline;}
.cl { border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #5C5C5C; content: "\2193"; height:1px; display:inline-block; padding:0px;}
#social { width:400px; margin-top:0px; }
#languages { margin-top:10px; text-align:left; }
#derecha, #derecha_ { width:180px; line-height:22px; }
#derecha_ { background: #EEE; width: 260px; padding: 20px 15px; } #derecha_ a { display:block; padding-top: 10px; }
#results, #results_ { width:880px; line-height:20px; float:right; text-align:left; }
#results a, #pie a, #results_ a { color:#007CF4; } #results_ { width: 800px; } h1 { line-height: 35px; }
#buscador textarea, #buscador #texto  { border:1px solid #dedede; padding:10px 30px; font-size:16px;  -moz-box-shadow: inset 0 0 5px #eee; 
 -webkit-box-shadow: inset 0 0 5px #eee; box-shadow:inset 0 0 5px #eee; border-bottom-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-topleft:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; }
#button { margin-left:-2px; padding:11px 20px; font-size:16px; border-bottom-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px;} 
 #results textarea:focus, #results input:focus { border:1px solid #bbb;  }
#results strong { font-weight:bold; }
#utilidades br { margin-bottom:10px;  }
#pie { text-align: center;margin:25px 0; border-top:1px dotted #ccc; padding:10px; color:#999; font-size:12px; background: #1e293b;
    color: #e2e8f0;
    padding: 50px 0 30px 0;
    margin-top: 60px;
    font-size: 14px;}
#pie a{ color: #cbd5e1;   /* gris claro elegante */
    text-decoration: none;
	transition: all 0.2s ease; } #pie a:hover{ color: #ffffff;  }

#publi { margin:10px 20px 15px 0px ; float:left; }

.title { font-size:40px; font-weight: 800;

    line-height: 1.1;
    margin: 0;
    
    background: linear-gradient(
        180deg,
        #60a5fa 0%,
        #3b82f6 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-clip: text;  } .title b{ font-style: normal;  color: #1e3a8a }
.subtitle { font-size:18px; margin:8px 0 10px 0; color:#333; text-shadow: 3px 3px 1px rgba(255, 255, 255, 1);  }
.subtitle a { font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:18px}
.scat { font-size:19px; margin:10px 0; color:#333; font-weight:bold; text-align:left  } 
.cat { font-size:18px; margin:10px 0; color:#333; font-weight:bold; text-align:left  } 
#results span a { color:#666; }
#estas { padding:10px 14px; width:625px; background:#f0f0f0; border:1px solid #f0f0f0; moz-border-radius: 5px; border-radius: 5px;}
.normal { font-size:12px; }

.blue { border:0px;
	color: #fff;
	border: solid 0px #0087CF;
	background: #19B2FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#19B2FF), to(#0087CF));
	background: -moz-linear-gradient(top,  #19B2FF,  #0087CF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#19B2FF', endColorstr='#0087CF');
}
.blue:hover {
	background: #0087CF; cursor:pointer;
}
.gray {color:#aaa;}

#denuncia div { padding:0 20px; } #denuncia hr { margin-bottom:20px; border:none; border-top:1px dotted #ccc; }
#denuncia, #comentario { background:#f3f3f3;  
    border-radius: 14px;
    padding: 20px 22px;
    margin-bottom: 18px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;}
#denuncia label { float:left; width:120px; text-align:right; margin-right:10px; height:30px; padding-top:2px;  }
#denuncia input, #denuncia select { text-align:left; margin-bottom:10px; padding:4px;  }
#denuncia textarea { width:500px; margin:0 0 20px 0; padding:0; height:100px; padding:5px;}
#denuncia input, #denuncia select, #denuncia textarea { font-family:Arial, Helvetica, sans-serif; font-size:13px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #cdcdcd; -moz-box-shadow: inset 0 0 5px #eee; -webkit-box-shadow: inset 0 0 5px #eee; box-shadow:inset 0 0 5px #eee;  } 
#comentario { padding:15px 20px; color:#888; margin-bottom:12px; } #comentario br { display:block; margin-bottom:15px; } 
#comentario strong { color:#333333; font-weight:bold;} #comentario em { color:#333; }
#comentario div { float:right; } #comentario div img { margin-bottom:-7px;}
#comentario #env, #comentario #com  { float:none; padding-top: 10px; } #comentario #com { font-size: 15px; color: #334155;
    line-height: 1.6;} 
#denuncia #boton { font-size:15px; border:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; padding:5px 12px; }
#noticia img { max-width: 100%; padding-bottom: 20px; }
#noticias { background:#CEDDEF; padding: 20px 15px; }
#noticias .cat { font-size:22px; font-weight: bold; padding-bottom: 10px; text-align: center} 
#not {  width: 250px; float: left; margin-left: 20px; } #not strong{ display: block; } 

#error { background:#FFC; color:#C00; font-weight:bold; margin:20px 0; padding:10px; width:760px; }

#telf { background:#F8F8F8; width:140px; float:left; display:block; padding:4px; margin:3px; border-radius:5px; text-align:center; }
#lista a { display:block; padding:4px; width:100px; background:#F8F8F8; border-radius:3px; margin:4px; float:left; }

#pags a {  text-decoration:none; background:#f3f3f3; border-radius:3px; padding:6px 10px;}
#pags span { background:#fff; border-radius:3px; border:1px solid #ddd; padding:6px 10px; }
#pags { padding:15px 0 20px 0; font-size:17px; text-align: center}  

#barraaceptacion {display:block;  position:fixed;  left:0px;  right:0px;  bottom:0px; padding-top:15px; padding-bottom:10px; width:100%;text-align:center; background-color:#FFF; border-top:1px dotted #ccc; color:#333333;z-index:99999;} #barraaceptacion span { display:block-inline; }
 .inner {width:930px; margin:0 auto; text-align:center; padding-left:5px;font-family:verdana;font-size:12px;}
 .inner a.info {padding-left:5px;text-decoration:none;}
.inner a.ok { text-decoration:none; display:inline-block; background-color: #444444; color: #cccccc; font-size: 18px;border-radius: 21px;border: none;cursor: pointer;vertical-align: baseline;white-space: nowrap;text-align: center;width: 30px;height: 30px;line-height: 27px;padding: 0;overflow: hidden;white-space: normal;float:right; margin-right:20px; margin-left:20px;margin-top:-8px; }  
@media screen and (max-width: 930px) {.inner {width:100%;}}


@media screen and (max-width: 480px) {
html { font-size:13px; }
body {padding: 10px 0;}
#pagina, #social, #estas, #denuncia textarea, #error {width: 100%; }
#cap { height:auto; }
#title, #buscador, #results { width:100%; float:none; }
#publi, #lista a { float:none; }
#results a, #menu a, #lista a, #derecha a, #pie a { line-height:27px;}
}