@import url("https://fonts.googleapis.com/css?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
html { margin:0px; padding:0;}
body { margin:0px; padding:0; background:#F3F3F3;font-family:'Lato', sans-serif; font-weight:300;  color: #333; font-size: 16px; }
a:link, a:active, a:hover, a:visited { color:#0F87BC; text-decoration:none;}
/* BODY */
#pagina { width:1200px; margin:0 auto; text-align:center; clear:both; }
#cap { padding:20px 20px 15px 10px; background:#FFF;  }
#cap #pagina { background:url("/images/ganar-sueldo.png") right no-repeat;}
#social { position:fixed; background:#fff; bottom:40px; right:20px; width:150px; text-align:left; margin-top:0px; padding:0 5px 10px 20px; font-family:Verdana, Geneva, sans-serif; border:3px solid #ccc; border-radius:5px; box-shadow:0px 0px 2px #eee; } #social div { padding:0 0 10px 0;} #social #cerrar { text-align:right; }
#social_ { text-align:right;  padding:0px 15px 15px 15px;} #social_ div { margin-right:15px;}
#fav { float:right;  width:36px; cursor:pointer; height:20px; margin-left:10px; background:url("/images/fav.png") no-repeat  }
#listas { clear:right; padding:10px; margin-top:15px; width:100%; background:#EBE8E1}
#buscador { float:right; color:#333; margin-top:-9px;  }
#menu #pagina { text-align:left;}
#menu { clear:both; margin-bottom:20px; padding:20px 0px 20px 0px; text-transform:uppercase;
background: #CFD8DC;
background: -moz-linear-gradient(top, #DCE2E5 0%, #CFD8DC 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #DCE2E5), color-stop(100%, #CFD8DC));
background: -webkit-linear-gradient(top, #DCE2E5 0%, #CFD8DC 100%);
background: -o-linear-gradient(top, #DCE2E5 0%, #CFD8DC 100%);
background: -ms-linear-gradient(top, #DCE2E5 0%, #CFD8DC 100%);
background: linear-gradient(to bottom, #DCE2E5 0%, #CFD8DC 100%); border-bottom:1px solid #CFD8DC} 
#menu a { padding:15px; font-size:16px; border-left:1px solid #CFD8DC; color:#78909C; text-decoration:none; } 
#menu a:hover { color:#78909C; background:#DCE2E5; padding:15px; text-shadow:1px #666;} 
#menu #select { background:#F3F3F3;  padding:15px; border-bottom:1px solid #F3F3F3}
#login { float:right; margin-right:50px;  } #login a { margin-right:10px; color:#fff;}
#top { background:#F3F3F3; color:#999; padding:15px 0; text-align:left; font-size:15px; } #top a { color:#333; } #top a:hover { text-decoration: underline }

#buscador #texto { border: 1px solid #DED8CD;  font-size:15px;  color:#777; padding:6px 14px; width:250px;  margin-right:5px; background:url("/images/search.png") #FFF no-repeat right 2px; border-radius:3px; box-shadow:inset 1px 1px 3px #eee; }
#buscador textarea  { border:1px solid #008CD6; padding:11px 14px; font-size:16px;  color:#777;
 border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;  }
#results #button { padding:11px 15px; font-size:18px; border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px;  } 

#results { width:900px; line-height:20px; float:left; text-align:left;  }
#pie a { color:#333333; }
#results textarea:focus, #results input:focus { border:#00ACFF  }
#results_ { width:1000px;}
#pie { padding:35px 0 30px 0px; text-align:center; color:#aaa; font-size:14px; }
#footer { background:#111923; color:#cccccc; padding:25px 0 30px 0px; text-align:center; }
#footer a { color: #fff; } #footer a:hover { text-decoration: underline;}
#pie a{ padding-left: 10px; color:#666;}

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

.title { font-size:40px; text-shadow: 3px 3px 1px rgba(255, 255, 255, 1); color:#888; }
.subtitle { font-size:20px; font-style:italic; text-shadow:none; padding-top:20px; font-family:IM Fell French Canon, Arial, Helvetica, sans-serif; font-weight:300; line-height:24px   }
.cat { font-size:23px; margin:0px 0; text-align:left; color:#444; line-height:35px; font-weight:bold;  }
.left { float:left; margin-right:15px; }
.right { float:right; margin-left:15px; }
#formulario a{ color:#444;} 

#tops, #derecha-ad, #derecha, #derecha_ { clear:right; width:250px; float:right; text-align:left; line-height:22px; background:#FFF; box-shadow:0px 0px 2px #DDD; border:1px solid #DDD; color:#999; padding:0px 15px 15px 15px; margin-bottom:12px;}
#derecha-ad { padding:0; background:none; text-align:center; }
#derecha_ { padding:0px 0px 10px 0; background:none; }
#tops .cat, #derecha .cat { color:#FFA127; font-weight:bold; font-size:16px; line-height:20px; padding-bottom:15px; padding-top:10px; }
#tops .cat { }
#derecha a { color:#444; }
#derecha_res {float:right; width:450px; text-align:left}
#tops { clear:none; width:183px; margin:0 8px 10px 8px; } #tops span{ color:#aaa; font-style:normal; width:25px; display:inline-block } 
#tops .tro1 { background:url("/images/1.png") no-repeat #FFF; padding-right:25px; display:inline; width:auto  }
#tops .tro2 { background:url("/images/2.png") no-repeat #FFF; padding-right:25px;display:inline; width:auto   }
#tops .tro3 { background:url("/images/3.png") no-repeat #FFF; padding-right:25px;display:inline; width:auto  }
.normal { font-size:15px; }
#cats a{ display:inline-block; background:#E0F3FF; padding:2px 10px; margin:0 3px 5px 0;} #cats a:hover { color:#326693 }

#listas a, .blue { border:0px;	color: #fff;	border: solid 0px #FBBB55; text-shadow:#888 1px 1px 1px;	background: #FBBB55;}
#listas a:hover, .blue:hover {background: #900; cursor:pointer;}
hr { margin:0px 0 30px 0; border:none; border-bottom:1px dotted #ccc;}

#denuncia div { padding:0 20px; } #denuncia hr { margin-bottom:20px; border:none; border-top:1px dotted #ccc; }
#denuncia #ver_form { padding:0px;}
#denuncia { border:1px solid #ebe8e1; background:#F7F8F6; padding:20px 0; box-shadow:0px 0px 2px #eee; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  }
#denuncia label, #form_reg label { float:left; width:140px; text-align:right; margin-right:10px; height:30px; padding-top:2px;  } #denuncia input { width:250px}
#denuncia input, #denuncia select, #form_reg input { text-align:left; margin:0 0 10px 0; padding:4px;  }
#denuncia textarea { width:500px; margin:0 0 10px 0; height:70px; padding:5px;}
#denuncia input, #denuncia select, #denuncia textarea, #form_reg input {text-align:left;  font-family:Arial, Helvetica, sans-serif; font-size:15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cdcdcd; } 
.mini { width:38px;}
.button {   background: #f5e57d;
  background-image: -webkit-linear-gradient(top, #FFCA75, #FF6A06);
  background-image: -moz-linear-gradient(top, #FFCA75, #FF6A06);
  background-image: -ms-linear-gradient(top, #FFCA75, #FF6A06);
  background-image: -o-linear-gradient(top, #FFCA75, #FF6A06);
  background-image: linear-gradient(to bottom, #FFCA75, #FF6A06); box-shadow:1px 1px 2px #CCC;
  -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #ffffff; padding: 6px 10px;
  text-decoration: none;}
 #punt a { color:#FFF; }
 #punt span { color:#999; }
 #alexa { margin-bottom:10px; padding-bottom:3px; } #alexa span { background:url("/images/alexa.gif") no-repeat; padding-left:20px; }
 #dp { font-weight:bold; margin-top:10px; color:#999; } #dp strong { margin:0 10px 0 5px; padding:2px 8px; background:#eee;  }
 .afiliado a, .descuento a, .escribir { background:#5EA6E8; border-radius:3px; padding:2px 8px; box-shadow:1px 1px 2px #CCC; color:#FFF; margin-right:15px; }
 #voto a { background:#FC6; padding:3px 7px; color:#FFF; margin-right:10px; font-weight:normal}
#detalles { border:1px solid #CBCBCB; margin-bottom:20px;  }
#detalles div span { width:150px; float:left; color:#888; } #detalles div { border-top:1px solid #cbcbcb; padding:5px 10px;}
#detalles strong { padding:5px 10px; display:block }
#comentario, #cb { padding:0px; color:#666; margin-bottom:12px; background:#FFF; border:1px solid #DDD } 
#cb {box-shadow:0px 0px 2px #DDD; }
#cab_com { margin:0 15px; padding:20px 0 10px 0; min-height:16px; color:#333;  }
#comentario #cab_com { border-bottom:1px dotted #ddd; border-top:0; margin-bottom:-1px;  }
#comentario #date{ font-size:15px; color:#333; font-style:normal; display:inline; padding-left:15px; }
#complaint { float:none; padding:15px 15px 0px 0px; width:660px; } #complaint img { text-align:center; padding:10px 10px 0 0; } #complaint i { font-size:10px; vertical-align:bottom }
#voto { float:right; margin:0; padding:0px 15px 0 0px; font-size:14px; } #voto a{ color:#FFF; font-weight:bold; font-size:16px; font-family:"Courier New", Courier, monospace; padding:3px 6px 2px 6px; margin:0px;} #voto a:hover {background:#FE7F29 }
#denuncia #boton, #form_reg #boton { border:0px; font-size:14px; padding: 6px 10px; width:auto; cursor:pointer }
#punt { display:inline; margin-bottom:-4px; }
#punt strong { padding:0px 12px; }
#listas a { font-size:14px; border:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; padding:4px 10px; }
#img_tienda { float:left; margin:15px 15px 30px 0;  }
#img_tienda2 { float:left; margin:0px 15px 0px 0; width:150px; height:130px; float:left; }
#img_tienda2 img { width:100%; vertical-align:central}

#list_img img { margin:5px 25px 20px 0;}
#list div { width:200px; float:left; display:block; padding:4px; margin:3px; text-align:left; }
#list a { display:block; padding:4px 10px; width:120px; background:#F8F8F8; border-radius:3px; margin:4px; float:left; }
#list2 #code { float:left; width:350px; }
#code_cat { clear:left; padding:30px 0 10px 0; }

#pags a {  text-decoration:none; background:#F7F8F6; border-radius:3px; border:1px solid #ebe8e1;  padding:6px 10px;}
#pags span { background:#fff; font-weight:bold; border-radius:3px; border:1px solid #ddd; padding:6px 10px; }
#pags a:hover { background:#fff; border:1px solid #ddd; }
#pags { padding:15px 0 20px 0; font-size:17px; line-height:40px;}  
#order { float:right;}
#nuevo { font-weight:bold; float:right; }
.inactivo { opacity:0.5;}
.normal { font-size:16px; font-weight:normal; line-height:25px; }
.grande { font-size:18px;}
.mgrande { font-size:20px;}
.frase { font-size:28px; line-height:40px; color:#444 }
.red { color:#F00}
.green { color:#090; }
.grey { color:#CCC; } .or {color:#FFA127; }
#clean { color:#999; margin-top:10px; }
#clear { clear:both;}
#notify { display:none; }
#logo img { float:left;}
#logo { margin-top:15px; margin-bottom:15px; font-size:60px; font-style:italic; text-shadow:1px 1px 1px #ccc; color:#999; float:left; width:480px; } #logo span { color:#ED174F; } 
#error { background:#FFC; color:#C00; font-weight:bold; margin:20px 0; padding:10px; width:760px; }
#exito { background:#E9F8E8; color:#090; padding:5px 10px; margin:15px 0; }


.publiadapt { width: 300px; height: 250px; margin:0 auto; }

 #controls { font-size:13px; line-height:28px; text-align:left } #controls span { clear:left; display:block; float:left; width:120px; text-align:right; padding-right:10px;  } #controls select, #controls input { margin:7px 0px;}
 #canvas_fondos { width:500px; float:right } #canvas_fondos img { width:60px;  } 
 #save { background:#444; padding:8px 20px; border:1px solid #444; border-radius:8px; color:#fff; font-size:15px;  }
 #orden a { background:#f6f6f6; border:1px solid #eee; padding:8px 6px; margin-left:5px; } #orden { margin-bottom:15px;} #orden a:hover, #orden .sel { background:#EEE; border:1px solid #EFEFEF; }
 
 #barraaceptacion {display:block;  position:fixed;  left:0px;  right:0px;  bottom:0px; padding-top:15px; padding-bottom:10px; width:100%;text-align:center; background-color: rgba(0, 0, 0, 0.85);color:#fff;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; color:#888; }
.inner a.ok { 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: 30px;padding: 0;overflow: hidden;white-space: normal;float:right; margin-right:20px; margin-left:20px;margin-top:-8px; }  
#mensaje_error { color:#C30; font-weight:bold; margin-bottom:10px; }

#clearl { clear:left;} #clearr { clear:right}
#buttons { text-align:center; } #buttons a { color:#FFF; }
@media screen and (max-width: 930px) {.inner {width:100%;}}


@media(min-width: 350px) { .publiadapt { width: 336px; height: 280px; } }
@media(min-width: 1030px) { .publiadapt { width: 728px; height: 280px; } }

@media screen and (max-width: 480px) {
#cap #pagina { background:none; }
#pagina, #content,  #menu, #denuncia textarea { width:100%; } #cap { height:auto}
#logo img { float:none; } #logo { float:none; margin:0 0 10px 0; width:100%}
#results { width:100%; float:none} #img_tienda { float:none; text-align:center; margin-bottom:15px;} #desc_tienda { padding:0}
#menu img { margin-bottom:20px;}
#publi, #comentario #cab_com #date { float:none; }
#derecha, #complaint { float:none; width:85%}
#derecha { margin-top:20px; } #derecha a, #pie a{ line-height:25px; }
#buscador{ width:100%; float:none; margin:0; text-align:center;}
#buscador #texto { width:65%; margin:0; float:left; margin:0 0 20px 0}
#buscador #button { margin:0; float:left}
#menu a { border:none; box-shadow:none} #menu { line-height:27px; text-align:center}
#derecha_res { width:100%;} .right { float:none; } .afiliado strong { display:none; }
}