#nav .cur,#top,#top h2 a{color:#fff}
#nav .ult,a img{border:0}
#nav,#pie{background:#222}
#search h3,article,aside,figure,footer,header,main,nav,section{display:block}
#pie a,#top h3{color:#eee;font-weight:400}
#main,#res,#sidebar{margin:10px 0;width:100%}
#pag li,#res h4,#top h2,*{margin:0}
#pag .nxt a:hover,#pag a{background:url(pag.gif) no-repeat}
#nav li,#pag li,.xsm{float:left}
#cpr,#pag li,.ct,.rs2,.title{text-align:center}
*{padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
#cpr,#nav,#pie,#top,#w,body,html{width:100%;min-width:320px}
body{font:400 14px/1.625 Roboto,"Segoe UI","Helvetica Neue",Arial,sans-serif;color:#444;background:#bbb}
h1,h2,h3,h4,p{margin:5px 0}
#top h2 a:hover,:active,:focus,a{outline:0;text-decoration:none}
#pie,#w,.cl,article{clear:both}
#top{background:url(logo.png) 10px 20px no-repeat #099;height:90px}
#top h2{padding:12px 0 0 65px;font-size:32px;letter-spacing:-.5px}
#top h3{font-size:11px;margin:2px 0 0 15px}
#nav{height:40px;border-bottom:1px solid #099}
#nav ul{list-style:none;padding:8px 0 0 5px;display:flex}
#nav a{color:#bbb;padding:7px 10px;font-size:15px;border-right:1px solid #000}
#w ul,.xsm{padding-left:20px}
#nav a:hover{background:#282828;color:#fff;text-decoration:none}
#w{padding:5px}
#main,#sidebar{background:#f9f9f9;padding:10px;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-khtml-border-radius:5px;border-radius:5px}
#w ul{margin-bottom:22px;list-style:square}
#res,ul#pag,ul.rs{list-style:none}
#main img{margin:5px}
a,a:visited{color:#06c}
a:hover{color:#c00;text-decoration:underline}
#sidebar h2,#sidebar h3{display:block;width:98%;margin:10px auto;border-bottom:2px dashed #099;text-align:center}
#pie{color:#ccc;border-top:2px solid #000;margin-top:20px;font-size:14px}
#cpr{padding:25px 5px}
#pie a:hover{color:#0cf}
#search{padding:8px}
#search h3{font-size:17px}
#fmt,#pag .nxt{display:none}
a.boton,button,input[type=button],input[type=submit],input[type=text]{width:100%;margin:5px 0;font-size:16px}
input[type=text]{padding:10px;background:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 2px #ddd,0 1px 0 #fff;-moz-box-shadow:inset 0 1px 2px #ddd,0 1px 0 #fff;box-shadow:inset 0 1px 2px #ddd,0 1px 0 #fff}
input[type=text]:hover{-webkit-transition:border-color .3s ease-in-out;-moz-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out;border:1px solid #099}
a.boton,button,input[type=button],input[type=submit]{padding:10px;cursor:pointer;border:0;background:#099;background-image:linear-gradient(bottom,#066 0,#099 52%);background-image:-moz-linear-gradient(bottom,#066 0,#099 52%);background-image:-webkit-linear-gradient(bottom,#066 0,#099 52%);color:#fff}
a.boton:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{background:#0a9;background-image:linear-gradient(bottom,#065 0,#0a9 52%);background-image:-moz-linear-gradient(bottom,#065 0,#0a9 52%);background-image:-webkit-linear-gradient(bottom,#065 0,#0a9 52%);-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background-color .3s ease-in-out}
a.boton:active,button:active,input[type=button]:active,input[type=submit]:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}
input:active,input:focus{border:1px solid #099}
::placeholder{font-style:italic;font-weight:400}
::-webkit-input-placeholder{font-style:italic;font-weight:400}
::-moz-placeholder{font-style:italic;font-weight:400}
:-ms-input-placeholder{font-style:italic;font-weight:400}
#res{line-height:150%}
#res li{margin-top:8px;padding:4px;border:1px dashed #099}
#res li:hover{border:1px dashed #f63}
#res h4{padding:0}
#res, #res cite{word-wrap:break-word}
.title{background:url(do.gif) 16px no-repeat #2c2c2c;width:100%;margin:10px 0 5px;line-height:34px;color:#ffe;font-size:17px;font-weight:500}
.rs li,.xsm{margin-right:5px}
.title a{color:#ddd}
.rs li{display:inline;padding:0}
ul#pag{width:296px;margin:15px auto;padding:0}
#pag a{color:#333}
#pag .cp,#pag a{display:block;height:48px;line-height:28px;width:37px}
#pag .cp,#pag a:hover{background:url(pag.gif) 0 100% no-repeat;color:#fff;text-decoration:none}
#pag .nxt a:hover{color:#f30;text-decoration:none}
.red,.ok{margin:10px auto;padding:5px;line-height:20px;width:98%}
.ok {background:#cf9;border:1px solid #0c3;}
.red {background:#ffc;border:1px solid #f30;}
.top{display:block;text-indent:-9999px;overflow:hidden;background:url(up.png) no-repeat;width:32px;height:32px;position:fixed;z-index:9999;right:5px;bottom:20px;cursor:pointer}
#res li,.red,.title,a.boton,button,input[type=button],input[type=submit],input[type=text]{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-khtml-border-radius:4px;border-radius:4px}
.rs2{margin:5px auto}
@media screen and (min-width:800px){
#top{background-position:20px 20px}
#top h2{padding-left:80px}
#top h3{font-size:12px;margin:0 0 0 80px}
#nav ul,#w{width:98%;max-width:1100px;margin:0 auto;display:flex}
#main{width:69%;float:left;margin-left:0}
#sidebar{width:29%;float:left;margin-left:10px}
#fmt{display:inline}
ul#pag{width:400px}
#pag .nxt{display:block}
input[type=text]{width:70%}
a.boton,button,input[type=button],input[type=submit]{width:29%}
}