/* HTML */
html {  font-family:Arial, Helvetica, sans-serif; color: #333333; font-size: 14px; margin:0px; padding:0;}
body { margin:0px; padding:0; background:#EDEBE4; }
a:link, a:active, a:hover, a:visited { color:#7F7F8C;}
/* BODY */
#pagina { width:970px; margin:0 auto; text-align:center; }
#cap { padding:40px 20px 15px 20px; margin-bottom:10px; }
#menu { font-size: 18px; background:#F7F5EE; padding:20px 10px; border-radius:10px; box-shadow:1px 1px 3px #ccc; }
#menu a { color:#634F4F; margin:0px 10px; }
#secciones a { display:block;  }
#title { text-align:center}
#languages { margin-top:10px; text-align:left; }
#results { line-height:18px; background:#F7F5EE; padding:30px 30px; border-radius:10px; box-shadow:1px 1px 3px #ccc; }
#results textarea, #results input { border:1px solid #dedede; moz-border-radius: 5px; border-radius: 5px; padding:5px; font-size:14px;}
#results .boton { background:#F8582A; color:#FFF; padding:6px 14px; border:1px solid #F8582A; font-size:16px; text-align:center }
#results textarea { width:95%; height:300px; padding:10px; margin:15px 0; font-size:13px; font-family:Arial, Helvetica, sans-serif; -moz-box-shadow: inset 0 0 10px #eee;
 -webkit-box-shadow: inset 0 0 10px #eee; box-shadow:inset 0 0 10px #eee;}
 #results textarea:focus, #results input:focus { border:2px solid #bbb;  }
#utilidades br { margin-bottom:10px;  }
#pie { text-align:left; margin:25px 0; border-top:1px dotted #ccc; padding:10px; color:#333; font-size:12px;}

#publi { margin:20px 0 ;}

.title { font-size:40px; font-weight:bold; color:#AFA390} .title b {  color:#F8582A } .title a { text-decoration:none}
.subtitle { font-size:22px; margin:5px 0; color:#AFA390; font-style:italic; }
.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; }
#social { margin-top:0px; }
.g-plusone, .fb-like{ float:left; padding:0 10px;}
#social { margin:15px auto; text-align:center; font-size:13px;}
#input_social { width:700px; }

#barraaceptacion {display:block;  position:fixed;  left:0px;  right:0px;  bottom:0px; padding-top:15px; padding-bottom:10px; width:100%;text-align:center; background-color:#F7F5EE;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; color: #333; 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%;} #input_social { width:80%; }
}


@media screen and (max-width: 480px) {
#pagina, #social, #estas {width: 100%; }
#cap { height:auto; }
#title, #results, #derecha { width:90%; float:none; margin:0 auto; }
#publi, #lista a { float:none; }
#results a, #menu a, #lista a, #derecha a, #pie a { line-height:27px;}

}