/* HTML */
html {  font-family:Arial, Helvetica, sans-serif; color: #333333; font-size: 13px; margin:0px; padding:0;}
body { margin:0px; padding:0; }
a:link, a:active, a:hover, a:visited { color:#007CF4;}
/* BODY */
#pagina { width:970px; margin:0 auto; text-align:center; }
#cap { padding:20px 20px 15px 20px;  height:75px;  background:#F8F8F8 }
#secciones { line-height:19px; text-align:left; margin-left:15px;  }
#title { width:600px; float:left; text-align:left; }
#buscador { width:350px; margin:20px 0 0 0 ; float:right; }
#menu { padding:15px 10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:30px; } #menu a { padding:0 18px 0 8px; font-size:15px; color:#444; text-decoration:none; vertical-align: middle;   } #menu a:hover { text-decoration:underline; color:#007CF4}
.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 { width:180px; line-height:20px; }
#results { width:780px; line-height:18px; float:right; text-align:left; }
#results a, #pie a { color:#007CF4; }
#buscador textarea, #buscador #texto  { border:2px solid #dedede; padding:7px 10px; 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:8px 10px; 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:2px solid #bbb;  }
#results strong {color:#007CF4; font-weight:normal; }
#utilidades br { margin-bottom:10px;  }
#pie { margin:25px 0; border-top:1px dotted #ccc; padding:10px; color:#999; font-size:11px;}
#pie a{ padding:0px 0 0 5px;}

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

.title { font-size:36px; text-shadow: 3px 3px 1px rgba(255, 255, 255, 1); color:#888; }
.subtitle { font-size:17px; margin:8px 0 10px 0; color:#939597; font-family:"Times New Roman", Times, serif; font-style:italic;text-shadow: 3px 3px 1px rgba(255, 255, 255, 1);  }
.subtitle a { font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:18px}
.cat { font-size:17px; margin:10px 0; color:#666; 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;
}

#denuncia div { padding:0 20px; } #denuncia hr { margin-bottom:20px; border:none; border-top:1px dotted #ccc; }
#denuncia, #comentario { border:1px solid #f0f0f0; moz-border-radius: 5px; border-radius: 5px; background:#f3f3f3; padding:20px 0; }
#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 { margin-bottom:15px;} 
#comentario strong { color:#666; font-weight:bold;} #comentario em { color:#333; }
#comentario div { float:right; } #comentario div img { margin-bottom:-7px;}
#denuncia #boton { font-size:15px; border:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; padding:5px 12px; }


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

#telf { background:#F8F8F8; width:96px; 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;}  

@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;}
}