/* CSS Document */
html,body{font-family:"News Cycle", arial, sans-serif;font-size:16px;font-weight:400;margin:0;padding:0;background:url(bk.png);background-attachment:fixed;}
A:link, A:visited {text-decoration:none;color:inherit}
A:hover {text-decoration:none;color:#ffffff}
.clear {clear: both;}
img {max-width: 100%;}
.google{width:100%;max-width:1400px;margin:0 auto;}
.publicar{width:100%;padding:12px 0;background:#131414;color:#ffb300;font-size:24px;margin-bottom:20px;border-bottom:10px solid #ffb300;}
.adwords{width:48%;float:left;text-align:center;margin:0 1%;}
.boton{width: 23%;float: left;padding: 20px 1%;margin: 0 1% 2% 1%;font-weight: 700;text-align: center;color: #111;border: 2px solid #D0DDDF;border-radius: 6px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.boton:hover {color: #8e9899;background: #D0DDDF;}
#rf, #mp, #jrr {display: inline;width: 100%;float: left;text-align: center;border-bottom:2px solid #ccc;}
.roca {background: #222;width: 21%;margin: 2%;color: #fff;float: left;padding: 4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.pie {margin-top: 20px;font-size: 14px;color: #747474;text-align: center;letter-spacing: 2px;}
@media only screen and (max-width: 1000px) {
.roca {background: #222;width: 45%;margin: 2%;padding: 4px;}
}
@media only screen and (max-width: 700px) {
.boton {width: 48%;float: left;margin: 4px 1%;}
.roca {background: #222;width: 98%;max-width: 328px;margin: 2% auto;color: #fff;float: none;padding: 4px;}
.adwords{width:98%;float:none;margin:0 auto;}
}
@media only screen and (max-width: 460px) {
.boton {width: 98%;float: none;margin: 4px 1%;padding: 10px 0;}
.publicar{padding:12px 0;font-size:18px;}
.publicar img{max-width:70%;}
}