/* ------ CSS GENERAL ------ */

/* ------ HTML ------ */
html {
    background: url("../img/bg-body.png") 0 0 repeat #fff;
}

body {
    background: url("../img/bg-header.png") center top repeat-x;
	color: #414141;
	font-family: 'PT Sans',Arial,Helmet,Freesans,sans-serif;
	font-size: 13px;
}

/* Encabezados */
h1 {
    font-size :30px;
	line-height: 35px;
    font-weight: normal;
    color: #3a3a3a;
}
h2 {
    font-size: 18px;
    font-weight: normal;
    color: #3a3a3a;
}
h3 {
    font-size: 16px;
	font-weight: normal;
    color: #3a3a3a;
	text-transform: uppercase;
}
h4 {
    font-size: 14px;
    color: #444;
    font-weight: bold;
}
h5 {
    font-size: 14px;
    color: #444;
    font-weight: bold;
}
h6 {
    font-size: 14px;
    font-weight: bold;
    color: #444;
}

p {
    font-size: 12px;
    line-height :1.2em;
    text-align: justify;
}

form {
    margin: 0;
    padding: 0;
}

a {
    outline: none;
    display: blick;
    text-decoration: none;
    color: #111;
}

a:hover {
    color: #111;
}

h1 a {
    color: #111;
    margin: 0;
	text-decoration: none;
}
h1 a:hover {
    color: #111;
	text-decoration: underline;
}



/* ------ FORM GENÉRICO ------ */
form p {
	float:none;
}
form label {
	font-weight:normal;
	/*color: #000;*/
	display: inline-block;
	padding: 3px;
	width: 150px;
	margin: 3px 0 0;
	text-align: right;
	font-size: 14px;
	vertical-align: top;
}
form label.radio {
	text-align: left;
	width: auto;
}
form span.dato {
	padding: 3px;
	font-size: 16px;
	color: #D63D00;
	/*font-weight: bold;*/
	display: inline-block;
	margin: 3px 0 0;
}
form input,
form select {
	padding:5px;
	border:none;
	background:#fff;
	border:2px solid #c9c9c9;
	font-size: 12px;
	line-height: 14px;
	width: 300px;
	font-family: inherit;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
form input[type=radio],
form input[type=checkbox],
form input.radio,
form input.checkbox {
	width: auto;
}
form input:focus,
form select:focus {
	border-color: #aaa;

	-webkit-box-shadow: 0 0 5px #96C1CF;
	-moz-box-shadow: 0 0 5px #96C1CF;
	-ms-box-shadow: 0 0 5px #96C1CF;
	-o-box-shadow: 0 0 5px #96C1CF;
	box-shadow: 0 0 5px #96C1CF;
}
form textarea {
	font-family: inherit;
	padding:4px;
	border:none;
	background:#fff;
	border:2px solid #c9c9c9;
	font-size: 12px;
	width: 302px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;	
}
form textarea:focus {
	border-color: #aaa;

	-webkit-box-shadow: 0 0 5px #96C1CF;
	-moz-box-shadow: 0 0 5px #96C1CF;
	-ms-box-shadow: 0 0 5px #96C1CF;
	-o-box-shadow: 0 0 5px #96C1CF;
	box-shadow: 0 0 5px #96C1CF;
}
form p.obli input,
form p.obli select,
form p.obli textarea,
form p input.obli,
form p select.obli,
form p textarea.obli,
form input.obli,
form select.obli,
form textarea.obli {
	border-color:#ff0000;
	background-color:#fff0f0;
}
form span.obli {
	border: 1px solid #ff0000;
	background: #fff0f0;
}
form input.file {
	border: 0 none;
	box-shadow: none;
}
form input[disabled],
form input.disabled,
form textarea[disabled],
form textarea.disabled {
	background: #f5f5f5;
}
form input.default-value,
form textarea.default-value {
	color: #ccc;
}

form button {
	background: url("../img/bg-boton.png") center center repeat-y #D63D00;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	border: 0 none;
	font-family: inherit;
	font-weight: normal;
	cursor: pointer;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 1px 2px #333;
	-moz-box-shadow: 0 1px 2px #333;
	-ms-box-shadow: 0 1px 2px #333;
	-o-box-shadow: 0 1px 2px #333;
	box-shadow: 0 1px 2px #333;
}
form button.aceptar {
	background: url("../img/bg-boton-verde.png") center center repeat-y #3fd600;
}
form button:hover {
}
form button.cancelar {
	background: #205791;
}
form button.cancelar:hover {
	background: #0680c1;
}
form button:active {
}
form button[disabled],
form button.disabled {
	background: #ccc;
	color: #ddd;
}
form img {
	vertical-align:middle;
}
form input#captcha_code {
	width:auto;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	padding:5px;
}
form img#captcha_img {
	padding:1px;
	border:1px solid #ccc;
}
form img#captcha_arrow {
	border:0 none;
}
form img#captcha_reload {
	border:0 none;
}
form p.enviador {
	background:none;
	border:0;
}
a.btn {
	background: url("../img/bg-boton.png") center center repeat-y #D63D00;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 20px;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	border: 0 none;
	font-family: inherit;
	font-weight: bold;
	cursor: pointer;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 1px 2px #333;
	-moz-box-shadow: 0 1px 2px #333;
	-ms-box-shadow: 0 1px 2px #333;
	-o-box-shadow: 0 1px 2px #333;
	box-shadow: 0 1px 2px #333;
}
a.btn.aceptar {
	background: url("../img/bg-boton-verde.png") center center repeat-y #3fd600;
}
/* --- FIN FORM GENÉRICO --- */

/* --- SPRITES --- */
.sprite-social {
	width: 43px;
	height: 43px;
	display: inline-block;
	background: url("../img/sprite-social.png") 0 0 no-repeat;
}
.sprite-social.facebook {
	background-position: 0 0;
}
.sprite-social.twitter {
	background-position: -43px 0;
}
.sprite-social.youtube {
	background-position: -86px 0;
}
.sprite-social-small {
	width: 26px;
	height: 26px;
	display: inline-block;
	background: url("../img/sprite-social-small.png") 0 0 no-repeat;
}
.sprite-social-small.facebook {
	background-position: 0 0;
}
.sprite-social-small.twitter {
	background-position: -26px 0;
}
.sprite-social-small.youtube {
	background-position: -52px 0;
}
.sprite-social-small.gplus {
	background-position: -78px 0;
}
.sprite-contacto {
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url("../img/sprite-contacto.png") 0 0 no-repeat;
	vertical-align: middle;
}
.sprite-contacto.direccion {
	background-position: 0 0;
}
.sprite-contacto.telefono {
	background-position: -14px 0;
}
.sprite-contacto.email {
	background-position: -28px 0;
}
.sprite-flechas {
	width: 32px;
	height: 32px;
	display: inline-block;
	background: url("../img/sprite-flechas.png") 0 0 no-repeat;
}
.sprite-flechas.left {
	background-position: 0 0;
}
.sprite-flechas.right {
	background-position: -32px 0;
}
.loading-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/ajax-loader.gif") center center no-repeat rgba(255, 255, 255, .9);
	display: none;
	z-index: 1000;
}
.loading .loading-layer {
	display: block;
}
#comercios .loading-layer {
	background: url("../img/ajax-loader.gif") center center no-repeat transparent;
}

/* TEMPLATE */

#wrapper .interna {
	background: #fff;
	padding: 20px;
}
#wrapper .interna-gris {
	background: #f1f1f1;
	padding: 20px;
}
.mfp-wrap .box,
#wrapper .box {
	border: 3px solid #fff;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 0 2px 2px #666;
	-moz-box-shadow: 0 2px 2px #666;
	-ms-box-shadow: 0 2px 2px #666;
	-o-box-shadow: 0 2px 2px #666;
	box-shadow: 0 2px 2px #666;
}
.mfp-wrap .box h3.header,
#wrapper .box h3.header {
	background: url("../img/bg-titulo.png") center center repeat-y #d63d00;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 0;

	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#wrapper .box-inner {
	padding: 10px;
	background: #fff;
	/*overflow: hidden;*/
}
#wrapper .box-inner .col-50 {
	width: 337px;
	float: left;
	margin: 0 0 0 10px;
}
#wrapper .box-inner .col-50:first-child {
	margin: 0;
}
#wrapper .box.hidden {
	overflow: hidden;
	margin: 0 0 10px;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#wrapper #header {
	margin: 0 10px;
	height: 143px;
	position: relative;
}
#wrapper #header #logo {
	margin: 0;
	padding-top: 32px;
	text-align: center;
}
#wrapper #header #logo a {
	display: inline-block;
}
#wrapper #header #header-links {
	position: absolute;
	top: 0;
	right: 0;
	margin: 45px 10px 0 0;
	text-align: right;
}
#wrapper #header #header-links a,
#wrapper #header #header-links span {
	display: block;
	font-size: 11px;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 2px 0;

	text-shadow: 0 2px 2px #111;
}
#wrapper #header #header-links a.facebook {
	margin: 0 -4px 10px 0;
}
#wrapper #header #header-links a.pedido {
	background: url("../img/bg-boton-verde.png") center center repeat-y #3fd600;
	padding: 3px 6px;
	border-radius: 3px;
	box-shadow: 0 1px 3px #333;
}
#wrapper #header #header-links.iniciado {
	width: 300px;
	margin: 15px 0 0;
}
#wrapper #header #header-links.iniciado span,
#wrapper #header #header-links.iniciado a,
#wrapper #header #header-links.iniciado a.facebook {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

#wrapper #pasos {
	background: url("../img/pasos.png") 0 0 no-repeat;
	height: 99px;
}
#wrapper #buscador {
	margin: 0 10px;
	padding: 15px 12px;
	/*background: url("../img/block-buscador.png") center center no-repeat;*/
	background: #c71c00;
	height: 99px;
	color: #fff;
	font-size: 18px;
}
#wrapper #buscador p {
	color: #fff;
	font-size: 18px;
	margin: 0 0 10px;
}
#wrapper #buscador input,
#wrapper #buscador select {
	font-size: 20px;
	line-height: 20px;
	height: 20px;
	padding: 15px;
	border: 0 none;
	color: #414141;
	font-weight: normal;
	vertical-align: top;
	width: 500px;
	margin: 0 15px 0 0;
	float: left;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#wrapper #buscador input {
	font-style: italic;
}
#wrapper #buscador select {
	height: 50px;
	width: 200px;
	padding: 10px 15px;
}
#wrapper #buscador button {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	border: 0 none;
	background: url("../img/bot-buscador.png") 0 0 no-repeat;
	text-align: center;
	vertical-align: top;
	width: 149px;
	height: 61px;
	padding: 0;
	margin: -3px 0 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
#wrapper #buscador input.default-value {
	color: #999;
}
#wrapper #buscador #inp-buscar-direccion {
	width: 300px;
}
#wrapper #buscador #inp-buscar-nombre {
	width: 156px;
}
#wrapper #buscador #lnk-mis-direcciones {
	float: left;
	margin: 0 0 0 -60px;
	width: 45px;
	height: 50px;
	background: url("../img/bot-mis-direcciones.png") 0 0 no-repeat;
	position: relative;
}

#wrapper #banners {
	margin: 10px;
	height: 250px;
}
#wrapper #banners #slider-wrapper {
	position: relative;
	float: left;
	width: 700px;
	height: 232px;
	background: #f5f5f5;
	overflow: hidden;
}
#wrapper #banners #slider {
	width: 700px;
	height: 232px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#wrapper #banners #slider div.loader {
	background: url("../img/ajax-loader.gif") center center no-repeat #fff;
	opacity: .5;
}
#wrapper #banners #slider-wrapper .sprite-flechas {
	display: block;
	position: absolute;
	margin: 0;
	top: 100px;
}
#wrapper #banners #slider-wrapper .sprite-flechas.left {
	left: 0;
}
#wrapper #banners #slider-wrapper .sprite-flechas.right {
	right: 0;
}
#wrapper #banners #slider ul,
#wrapper #banners #slider ul li {
	list-style: none;
	width: 700px;
	height: 232px;
	margin: 0;
	padding: 0;
}
#wrapper #banners #banners-laterales {
	float: right;
	width: 230px;
	height: 250px;
}
#wrapper #banners #banners-laterales div.banner-lateral {
	width: 224px;
	height: 110px;
	margin: 6px 0 0;
	background: #f5f5f5;
	overflow: hidden;
}
#wrapper #banners #banners-laterales div.banner-lateral a {
	display: block;
	width: 224px;
	height: 110px;
	overflow: hidden;
}
#wrapper #banners #banners-laterales div.banner-lateral:first-child {
	margin: 0;
}
#wrapper #empresas {
	margin: 0 10px 10px;
	background: #d4d4d4;
	padding: 18px;
}
#wrapper #empresas ul {
	list-style: none;
	margin: 0 -8px;
	padding: 0;
	overflow: hidden;
}
#wrapper #empresas ul li {
	display: block;
	width: 92px;
	height: 92px;
	background: #fff;
	border: 5px solid #e9e9e9;
	float: left;
	margin: 0 14px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#wrapper #informaciones {
	margin: 30px 10px 10px;
	background: rgba(212, 212, 212, .3);
	padding: 14px;
	position: relative;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#wrapper #informaciones span {
	color: #f06511;
	font-size: 19px;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 0 10px;
}
#wrapper #informaciones a {
	color: #f06511;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 0 105px;
}
#wrapper #informaciones span img {
	vertical-align: text-top;
}
#wrapper #informaciones a img {
	vertical-align: baseline;
}
#wrapper #informaciones a#adheri {
	position: absolute;
	margin: -12px 0 0;
	top: 0;
	right: 0;
	padding: 19px 9px 33px 89px;
	width: 88px;
	height: 37px;
	background: url("../img/bot-adheri.png") 0 0 no-repeat;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	float: right;
}


#wrapper #left-column {
	width: 180px;
	float: left;
	margin: 10px 0;
}
#wrapper #mid-column {
	width: 520px;
	float: left;
	margin: 10px 0 10px 10px;
}
#wrapper #right-column {
	width: 230px;
	float: right;
	margin: 10px 0;
}
#wrapper #main-column {
	width: 710px;
	float: left;
	margin: 10px 0;
}
#wrapper #main-column div.mensaje {
	margin: 0 0 10px;	
}
#wrapper #main-column div.mensaje div {
	margin: 0;
}
#wrapper #full-column {
	margin: 10px;
}

#wrapper #filtros {
	padding: 8px;
	background: #f1f1f1;
}
#wrapper #filtros h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
}
#wrapper #filtros h2:first-child {
	margin: 0 0 10px;
}

#wrapper #filtros select {
	border: 0 none;
	border-radius: 5px;
	background: #fff;
	width: 100%;
	height: 26px;
	padding: 2px 4px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#wrapper #filtros ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#wrapper #filtros ul li {
	margin: 0;
	padding: 0;
	font-size: 14px;
}


/* Custom checkbox */
#wrapper label.checkbox {
	background: url("../img/sprite-checkbox.png") 0 0 no-repeat;
	cursor: pointer;
}
#wrapper label.checkbox.checked {
	background-position: 0 -40px;
}
#wrapper label.checkbox input {
	/*visibility: hidden;*/
	opacity: 0;
	filter:alpha(opacity=0);
}

#wrapper #paso-2,
#wrapper #paso-3,
#wrapper #paso-4 {
	font-size: 22px;
	font-style: italic;
	text-transform: uppercase;
	background: #d4d4d4;
	text-align: left;
	padding: 13px;
	margin: 0 0 10px;
	position: relative;
}
#wrapper #paso-2 {
	text-align: center;
}
#wrapper #paso-2 img,
#wrapper #paso-3 img,
#wrapper #paso-4 img {
	vertical-align: text-bottom;
}
#wrapper #paso-2 img.icono,
#wrapper #paso-3 img.icono,
#wrapper #paso-4 img.icono {
	margin: -22px 0;
}
#wrapper #paso-2 a.volver,
#wrapper #paso-3 a.volver,
#wrapper #paso-4 a.volver {
	position: absolute;
	top: 40px;
	right: 10px;
	font-size: 12px;
}

#wrapper #buscando {
	padding: 5px 10px;
	margin: 0 0 10px;
}
#wrapper #comercios {
	min-height: 360px;
	position: relative;
}
#wrapper #comercios .comercio {
	background: #f1f1f1;
	padding: 10px;
	height: 100px;
	margin: 0 0 10px;
}
#wrapper #comercios .comercio a {
	display: block;
	height: 100px;
	position: relative;
}
#wrapper #comercios .comercio a img.logo {
	float: left;
	border: 5px solid #e9e9e9;
	background: #fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#wrapper #comercios .comercio a h3 {
	padding-left: 112px;
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	margin: 0 0 5px;
	height: 21px;
}
#wrapper #comercios .comercio a h3 strong {
	text-transform: uppercase;
}
#wrapper #comercios .comercio a p {
	padding-left: 112px;
	font-size: 12px;
}
#wrapper #comercios .comercio a .info-box {
	position: absolute;
	left: 112px;
	bottom: 0;
	font-size: 12px;
	width: 230px;
}
#wrapper #comercios .comercio a .info-box p {
	margin: 5px 0 0;
	text-indent: -22px;
	padding-left: 22px;
	text-align: left;
}
#wrapper #comercios .comercio a .info-box img {
	vertical-align: middle;
}
#wrapper #comercios .comercio a .status-box {
	position: absolute;
	right: 76px;
	bottom: 0;
}
#wrapper #comercios .comercio a .status-box .estado {
	display: block;
	width: 70px;
	height: 37px;
	line-height: 37px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
#wrapper #comercios .comercio a .status-box .estado.abierto {
	background: url("../img/estado-abierto.png") 0 0 no-repeat;
}
#wrapper #comercios .comercio a .status-box .estado.cerrado {
	background: url("../img/estado-cerrado.png") 0 0 no-repeat;
}
#wrapper #comercios .comercio a .rating-box {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
}
#wrapper #comercios .comercio a .rating-box strong {
	display: block;
	font-size: 21px;
	color: #d24909;
}
#wrapper #comercios.page-loading {
	background: url("../img/ajax-loader.gif") center bottom no-repeat;
	padding-bottom: 50px;
}

#wrapper #comercio-detalle {
	margin: 0 0 10px;
	padding: 10px;
	overflow: hidden;
	position: relative;
	background: #f1f1f1;
}
#wrapper #comercio-detalle #comercio-imagen {
	float: left;
	width: 140px;
	text-align: center;
}
#wrapper #comercio-detalle #comercio-imagen a {
	display: block;
	margin: 0 auto;
	width: 140px;
	height: 150px;
}
#wrapper #comercio-detalle #lnk-favorito {
	float: right;
	width: 22px;
	height: 24px;
	background: url("../img/fav-star-off.png") 0 0 no-repeat;
}
#wrapper #comercio-detalle #lnk-favorito.favorito {
	background: url("../img/fav-star-on.png") 0 0 no-repeat;
}
#wrapper #right-column #comercio-detalle #comercio-imagen {
	float: none;
	width: auto;
	margin: 0 0 10px;
}
#wrapper #comercio-detalle #comercio-info {
	float: left;
	width: 314px;
	margin: 0 0 0 10px;
}
#wrapper #right-column #comercio-detalle #comercio-info {
	float: none;
	width: auto;
	margin: 0;
}
#wrapper #right-column #comercio-detalle #comercio-info h2 {
	text-align: center;
}
#wrapper #comercio-detalle #comercio-mapa {
	float: right;
	width: 210px;
}
#wrapper #comercio-detalle #comercio-mapa #map-canvas {
	width: 200px;
	height: 200px;
	border: 5px solid #e9e9e9;
	background: #fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#wrapper #comercio-detalle img.logo {
	margin: 0 0 10px;
	border: 5px solid #e9e9e9;
	background: #fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#wrapper #comercio-detalle h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: normal;
	text-transform: none;
	margin: 0 0 5px;
}
#wrapper #comercio-detalle h3 strong {
	text-transform: uppercase;
}
#wrapper #comercio-detalle p {
	font-size: 12px;
}
#wrapper #comercio-detalle .info-box {
	font-size: 12px;
	margin: 0 0 10px;
	line-height: 22px;
}
#wrapper #comercio-detalle .info-box p {
	margin: 0 0 5px;
	text-indent: -22px;
	padding-left: 22px;
}
#wrapper #comercio-detalle .info-box img {
	vertical-align: middle;
}
#wrapper #comercio-detalle .hour-box {
	font-size: 12px;
	margin: 0 0 10px;
}
#wrapper #comercio-detalle .hour-box p {
	margin: 0 0 5px;
}
#wrapper #comercio-detalle .hour-box span.horario {
	display: inline-block;
	background: #fb8f3c;
	margin: 0 4px 0 0;
	padding: 2px 5px;
	color: #fff;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
#wrapper #comercio-detalle .status-box {
}
#wrapper #comercio-detalle .status-box .estado {
	display: inline-block;
	width: 70px;
	height: 37px;
	line-height: 37px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
#wrapper #comercio-detalle .status-box .estado.abierto {
	background: url("../img/estado-abierto.png") 0 0 no-repeat;
}
#wrapper #comercio-detalle .status-box .estado.cerrado {
	background: url("../img/estado-cerrado.png") 0 0 no-repeat;
}
#wrapper #comercio-detalle .rating-box {
	width: 100px;
	text-align: left;
}
#wrapper #comercio-detalle .rating-box strong {
	display: block;
	font-size: 21px;
	color: #d24909;
}
#wrapper .descuentos {
	margin: 0 0 10px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	overflow: hidden;
}
#wrapper .descuentos.solo-texto {
	background: #C71C00;
	padding: 10px;
	color: #fff;
}
#wrapper #productos {
	padding: 0;
	background: #fff;
	overflow: hidden;
	margin: 0 0 10px;
}
#wrapper #productos ul {
	list-style: none;
	width: 150px;
	float: left;
	margin: 10px 0 0 10px;
	padding: 0;
	background: #f1f1f1;
	overflow: hidden;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
#wrapper #productos ul li {
	margin: 0;
	padding: 0;
	border-top: 1px dotted #ddd;
}
#wrapper #productos ul li:first-child {
	border: 0 none;
}
#wrapper #productos ul li a {
	padding: 5px 10px;
	color: #D24909;
	display: block;
}
#wrapper #productos ul li:hover a,
#wrapper #productos ul li.hover a {
	background: #e0e0e0;
}
#wrapper #productos ul li.current a {
	font-weight: bold;
}
#wrapper #productos .productos {
	width: 520px;
	float: right;
	margin: 10px 10px 0;
	overflow: hidden;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#wrapper #productos .productos table {
	width: 100%;
}
#wrapper #productos table thead tr th {
	padding: 5px 10px;
	background: #f1f1f1;
}
#wrapper #productos table thead tr th a {
	color: #D24909;
	overflow: hidden;

	-webkit-text-shadow: 0 1px 0 #FFFFFF;
	-moz-text-shadow: 0 1px 0 #FFFFFF;
	-ms-text-shadow: 0 1px 0 #FFFFFF;
	-o-text-shadow: 0 1px 0 #FFFFFF;
	text-shadow: 0 1px 0 #FFFFFF;
}
#wrapper #productos table thead tr:first-child th {
	font-size: 18px;
	text-transform: uppercase;
	background: #d4d4d4;
}
#wrapper #productos table thead tr.descuento th {
	background: #D24909;
}
#wrapper #productos table thead tr.descuento th a {
	color: #fff;

	-webkit-text-shadow: 0 1px 0 #666;
	-moz-text-shadow: 0 1px 0 #666;
	-ms-text-shadow: 0 1px 0 #666;
	-o-text-shadow: 0 1px 0 #666;
	text-shadow: 0 1px 0 #666;
}
#wrapper #productos table thead tr th a span.descuento {
	float: right;
	font-size: 14px;
	line-height: 26px;
	height: 26px;
	text-transform: none;
}
#wrapper #productos table tbody tr td {
	padding: 5px 10px;
	border-bottom: 1px solid #f1f1f1;
	cursor: pointer;
	vertical-align: middle;
}
#wrapper #productos table tbody tr td.precio {
	font-size: 11px;
	white-space: nowrap;
	text-align: center;
}
#wrapper #productos table tbody tr:hover {
	background: #f5f5f5;
}
#wrapper #productos table tbody tr td a.agregar {
	background: url("../img/bg-boton.png") center center repeat-y #D63D00;
	display: inline-block;
	padding: 2px 5px;
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0 1px 2px #333;
	-moz-box-shadow: 0 1px 2px #333;
	-ms-box-shadow: 0 1px 2px #333;
	-o-box-shadow: 0 1px 2px #333;
	box-shadow: 0 1px 2px #333;
}
#wrapper #pedidos {
	background: #f1f1f1;
	overflow: hidden;
	margin: 0 0 10px;
	position: relative;
}
#wrapper #pedidos ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#wrapper #pedidos ul li {
	margin: 0;
	padding: 5px 10px;
	position: relative;
	overflow: hidden;
	border-top: 1px dotted #ccc;
}
#wrapper #pedidos ul li:first-child {
	border: 0 none;
}
#wrapper #pedidos ul li a.eliminar {
	float: right;
	color: #f00;
	display: block;
	width: 9px;
	height: 9px;
	background: url("../img/cancel-circle.png") 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
#wrapper #pedidos ul li span.precio {
	float: right;
	color: #000;
}
#wrapper #pedidos ul li em.descuento {
	font-size: 11px;
	color: #999;
}
#wrapper #pedidos h5 {
	background: #eee;
	color: #D24909;
	text-align: left;
	margin: 0;
	padding: 5px 10px;
	overflow: hidden;
	font-size: 13px;
	text-transform: none;
	border-top: 1px solid #ccc;
}
#wrapper #pedidos h5 strong {
	float: right;
	text-align: right;
}
#wrapper #pedidos h5 em {
	font-weight: normal;
	font-size: 11px;
	color: #999;
}
#wrapper #pedidos h4 {
	background: #d4d4d4;
	color: #D24909;
	text-align: left;
	margin: 0;
	padding: 10px;
	overflow: hidden;
}
#wrapper #pedidos h4 strong {
	float: right;
	text-align: right;
}
#wrapper #pedidos #mini-comercio a {
	display: block;
	text-align: center;
}
#wrapper #hacer-pedido {
	overflow: hidden;
}

#wrapper #side-map {
	background: #f1f1f1;
	height: 200px;
	overflow: hidden;
	margin: 0 0 10px;
}
#wrapper #side-map #map-canvas {
	width: 224px;
	height: 200px;
}


/* MI CUENTA */
#wrapper .tabs {
	background: #f1f1f1;
	padding: 5px 15px;
}
#wrapper .tabs a {
	margin: 0;
	padding: 2px 10px;
	display: inline-block;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#wrapper .tabs a:hover {
	/*background: #d4d4d4;*/
	text-decoration: underline;
}
#wrapper .tabs a.current {
	color: #D63D00;
	font-weight: bold;
}
#wrapper .tabs span {
	margin: 0 10px;
	color: #ccc;
}
#wrapper #mi-cuenta .box-inner h3 {
	margin: 20px 0 10px;
}
#wrapper #frm-confirmar h4 {
	margin-bottom: 10px;
}
#wrapper #frm-confirmar div.obli {
	border: 1px solid #f00;
	background: #fff0f0;
}
#wrapper #direcciones {
	margin-bottom: 15px;
}
#wrapper #telefonos,
#wrapper #formas-de-pago {
	margin-bottom: 15px;
	padding-left: 10px;
	padding-bottom: 5px;
}
#wrapper #datos-facturacion {
	margin-bottom: 15px;
	padding-left: 10px;
}
#wrapper #observaciones {
	margin-bottom: 15px;
	padding-left: 10px;
}
#wrapper .direcciones {
	padding: 10px 0;
	border-top: 1px dotted #ccc;
	overflow: hidden;
	position: relative;
}
#wrapper .direcciones:first-child {
	border: 0 none;
}
#wrapper .direcciones a.opcion {
	display: none;
	padding: 2px 5px 2px 26px;
	position: absolute;
	bottom: 10px;
	left: 90px;
	font-size: 12px;

	border-radius: 5px;
}
#wrapper .direcciones:hover a.opcion {
	display: block;
}
#wrapper .direcciones a.opcion.modificar {
	background: url("../img/pencil.png") 5px center no-repeat #f1f1f1;
	left: 0;
}
#wrapper .direcciones a.opcion.eliminar {
	background: url("../img/remove.png") 5px center no-repeat #f1f1f1;
}
#wrapper .direcciones a.opcion:hover {
	background-color: #d4d4d4;
}
#wrapper .direcciones .direcciones-info {
	float: left;
	width: 469px;
	font-size: 14px;
}
#wrapper .direcciones .direcciones-info.block {
	float: none;
	width: auto;
}
#wrapper .direcciones .direcciones-info input {
	float: left;
	margin: 7px 20px 0 15px;
}
#wrapper .direcciones .direcciones-info label {
	display: block;
	width: auto;
	text-align: left;
	cursor: pointer;
	padding-left: 50px;
}
#wrapper .direcciones .direcciones-info strong {
	font-size: 16px;
	font-weight: normal;
}
#wrapper .direcciones .direcciones-info span {
	color: #d24909;
}
#wrapper .direcciones .direcciones-mapa {
	float: right;
	width: 200px;
	height: 200px;
	background: #f5f5f5;
}
#wrapper #mi-cuenta #map-canvas-wrapper {
	width: 300px;
	height: auto;
	float: right;
}
#wrapper #mi-cuenta #map-canvas-wrapper h3 {
	margin: 0 0 5px;
}
#wrapper #mi-cuenta #map-canvas-wrapper em {
	margin-top: 5px;
	line-height: 2em;
	display: block;
}
#wrapper #mi-cuenta #map-canvas {
	width: 300px;
	height: 300px;
	background: #f5f5f5;
}

/* FOOTER */
#footer-top-wrapper {
	width: 100%;
	margin: 30px 0 0;
	background: #fff;
	padding: 10px 0;
}
#footer-top-wrapper #footer-top {
	width: 960px;
	margin: 0 auto;
}
#footer-top-wrapper #footer-top h2 {
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px;
}
#footer-top-wrapper #footer-top ul {
	overflow: hidden;
	list-style: none;
}
#footer-top-wrapper #footer-top ul li {
	width: 176px;
	float: left;
	margin: 0;
	padding: 0 0 0 16px;
	background: url("../img/bullet-small.png") left center no-repeat;
}
#footer-top-wrapper #footer-top ul li a {
	text-decoration: none;
}
#footer-top-wrapper #footer-top ul li a:hover {
	text-decoration: underline;
}
#footer-wrapper {
	width: 100%;
	margin: 0;
	background: #4f4f4f;
}
#footer-wrapper #footer {
	width: 960px;
	margin: 0 auto;
	padding: 17px 0;
	overflow: hidden;
	color: #fff;
}
#footer-wrapper #footer #footer-info {
	float: left;
	width: 700px;
}
#footer-wrapper #footer #footer-info ul {
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	min-width: 200px;
}
#footer-wrapper #footer #footer-info ul li {
	margin: 0;
	padding: 0;
	line-height: 25px;
}
#footer-wrapper #footer #footer-info ul li strong {
	color: #fa8c36;
}
#footer-wrapper #footer #footer-info ul li a {
	color: #fff;
	text-decoration: none;
}
#footer-wrapper #footer #footer-info ul li a:hover {
	text-decoration: underline;
}
#footer-wrapper #footer #footer-mascreativo {
	float: right;
	padding: 30px 0 0;
}
#footer-wrapper #footer #footer-mascreativo a {
	display: block;
}
#footer-wrapper #footer-bottom {
	width: 100%;
	clear: both;
	display: block;
	background: #2d2d2d;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	font-size: 10px;
}

/* ------ NOTIFICACIONES ------ */
.error, .alert, .notice, .success, .info {padding:0.5em; padding-left:25px;margin-bottom:0.5em;border:1px solid #ddd;}
.error, .alert {background:url(../img/notify-error.png) 5px 50% no-repeat #fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:url(../img/notify-notice.png) 5px 50% no-repeat #fff6bf;color:#514721;border-color:#ffd324;}
.success {background:url(../img/notify-success.png) 5px 50% no-repeat #e6efc2;color:#264409;border-color:#c6d880;}
.info {background:url(../img/notify-info.png) 5px 50% no-repeat #d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}
/* ------ FIN DE LAS NOTIFICACIONES ------ */


/* ------ PAGINADOR ------ */
div.paginador {
	clear:both;
	text-align:center;
	margin-bottom:10px;
}
div.paginador span.pag_act {
	color:#0680c1;
	font-weight:bold;
}
div.paginador a.pag_nav {
	color:#666666;
	text-decoration:none;
}
div.paginador a.pag_nav:hover {
	color:#666;
	text-decoration:underline;
}
div.paginador span.pag_sep {
	color:#ccc;
}
/* ------ FIN DE PAGINADOR ------ */


/* ------ ALINEACIONES ------ */
.fleft {
	float: left;
}
.fright {
	float: right;
}
.hleft {
	text-align: left;
}
.hcenter {
	text-align: center;
}
.hright {
	text-align: right;
}
/* ------ FIN DE ALIENACIONES ------ */