/* HTML */
html {  font-family:Verdana, Geneva, sans-serif; color: #6F6B70; font-size: 14px; margin:0px; padding:0;}
body { margin:0px; padding:0; background:#F4F1E9; font-family: "Raleway", sans-serif; }
a:link, a:active, a:hover, a:visited { color:#36302A; text-decoration:none;}
/* BODY */
#pagina { width:1000px; margin:0 auto; text-align:center; clear:both; }
#cap { padding:0px 10px 0px 0px;  border-bottom:4px solid #DED8CD }
#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 { padding-top:30px; text-align:center; float:right; color:#fff; }
#menu { clear:right; padding:30px 0px 10px 0px; text-align:right; text-transform:uppercase } 
#menu a { padding:0px 10px 10px 0; margin-right:10px; font-size:14px; color:#8E7B6A; font-weight:bold; text-decoration:none; vertical-align: middle;  } 
#menu a:hover { color:#36302A; border-bottom:4px solid #F0B336} #menu a strong { color:#36302A; }
#menu #select { border-bottom:4px solid #F0B336}
#login { float:right; margin-right:50px;  } #login a { margin-right:10px; color:#fff;}
#top { background:#4B4844; color:#757777; padding:10px 0; text-align:left; font-size:13px; }

#buscador #texto { border: 1px solid #DED8CD; font-size:15px;  color:#777; padding:10px 14px; border-radius: 0px; width:300px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right:5px; }
#buscador textarea  { border:1px solid #008CD6; padding:11px 14px; font-size:15px;  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;  } 
#buscador #button { width: 48px; margin-top:0px; height: 51px; background: url("/images/find.png") no-repeat 0 5px; border: none;
        cursor: pointer;
        float: right;}
#results { width:728px; line-height:22px; float:left; text-align:left; margin-top:30px; }
#results a, #pie a { color:#333333; }
#results textarea:focus, #results input:focus { border:#00ACFF  }
#results_ { width:1000px;}
#pie { margin:25px 0 0 0; padding:25px 0 30px 0px; text-align:center; color:#777; font-size:12px; background:#4B4844; }
#pie a{ padding:0px 0 0 5px; color:#999;}

#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:19px; font-style:normal; text-shadow:none; padding-top:20px;   }
.cat { font-size:25px; font-style:italic; margin:10px 0; font-family: 'IM Fell French Canon', serif; text-align:left; color:#444; line-height:35px;  }
#formulario a{ color:#444;} 
#derecha-ad, #derecha, #derecha_ { clear:right; width:215px; float:right; text-align:left; line-height:20px; background:#D7D2CE; color:#333; padding:10px 15px; margin-top:30px;}
#derecha-ad { padding:0; background:none; text-align:center; width:245px}
#derecha_ { padding:10px 0px; background:none; width:245px;}
#derecha .cat { color:#222; font-weight:normal; font-size:19px;}
#derecha a { color:#444; }
#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; }
#list #inicial { clear:left; float:none; width:100%; display:block; padding-top:20px; border-bottom:1px dotted #ccc; font-weight:bold }
#abc a { font-size:18px; font-weight:bold; padding:0px 10px 0 0; }

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

#denuncia div { padding:0 20px; } #denuncia hr { margin-bottom:20px; border:none; border-top:1px dotted #ccc; }
#denuncia #ver_form { padding:0px;}
#denuncia, #comentario { border:1px solid #ebe8e1; background:#F7F8F6; padding:20px 0; box-shadow:0px 0px 2px #eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
#denuncia label, #form_reg label { float:left; width:170px; text-align:right; margin-right:10px; height:30px; padding-top:2px;  }
#denuncia input, #denuncia select, #form_reg input { 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, #form_reg input {text-align:left;  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;  } 
.mini { width:38px;}
#comentario { padding:0px; color:#777; margin-bottom:18px; } 
#comentario #cab_com { float:none; margin:0 15px; padding:15px 0 10px 0; border-bottom:1px dotted #E0E0E5; min-height:16px; color:#333; }
#comentario #date{ font-size:12px; color:#999; font-style:normal; float:left; padding-left:17px; }
#comentario #cab_com strong { color:#333; font-weight:bold;}
#complaint { float:none; background:url("/images/quote.png") no-repeat 14px 10px; padding:15px 15px 15px 50px; width:580px; }
#comentario div { } #comentario div img { margin-bottom:-7px;}
#voto { float:right; margin:-40px 0 0 0; padding:0px 15px 0 0px; font-size:14px; }
#denuncia #boton, #form_reg #boton { font-size:15px; border:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; padding:5px 12px; }
#listas a { font-size:14px; border:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; padding:4px 10px; }
#codigo { background:#FFF; border:#666 3px solid; color:#333; padding:8px 50px; font-weight:bold; }
#codigo a { background:none; color:#333; border-radius:none; padding:0px;} #codigo a:hover { background:none; text-decoration:none; }
#visitar a{ color:#1D5DCE; background:none; border:none; text-decoration:underline } #visitar { margin-top:12px; font-size:13px;} #visitar a:hover { background:none;}
#valido { font-size:13px; margin-top:25px; color:#999}
#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; }
#img_tienda { border:1px solid #ccc; float:left; margin-right:15px;  }
#desc_tienda { margin-left:21px; }

#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:13px; font-weight:normal; }
.grande { font-size:16px;}
.frase { font-size:28px; line-height:40px; color:#444 }
.red { color:#F00}
.green { color:#090; }
.grey { color:#CCC; }
#clean { color:#999; margin-top:10px; }
#notify { display:none; }
#logo img { float:left;}
#logo { margin-top:15px; font-size:60px; font-family: 'IM Fell French Canon', serif; font-style:italic; text-shadow:1px 1px 1px #ccc; color:#999; float:left; width:480px; } #logo span { color:#ED174F; } 
#logo a:hover { text-decoration:none; } #logo a { color:#444;}
.descuento { background:#DED8CD; padding:5px 10px; color:#444; margin-right:10px;}

.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;  }
 
 #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; }  
@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) {
#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}
}