/*
Theme Name: Twenty Seventeen Child
Template: twentyseventeen
*/

/* MENU */

ins {
	background-color: #ffffff !important;
}

ul {
	-webkit-padding-start: 20px;
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { color: #000; }
.main-navigation a { color: #666 }

.tos-close, .tos-next, .tos-prev {
	background: #932a8f;
}

.tos-close {
	top: 67px;
}

.tos-desktop .tos-wrapper:hover .tos-close, .tos-desktop .tos-wrapper:hover .tos-next, .tos-desktop .tos-wrapper:hover .tos-prev, .tos-touch .tos-wrapper.tos-hover .tos-close, .tos-touch .tos-wrapper.tos-hover .tos-next, .tos-touch .tos-wrapper.tos-hover .tos-prev {
	opacity: 1;
}

.enlaces-footer ul {
	float: right;
	margin-left: 50px;
}

.enlaces-footer ul {
	list-style: none;
	text-align: right;
}

.enlaces-footer ul li a {
	font-size: 0.8rem;
}

.enlaces-footer ul li a:hover, 
.enlaces-footer ul li a:active {
	text-decoration: underline;
}

#twitter-widget-0 {
	height: 400px !important;
}

.dropdown-toggle:focus {
	outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	padding: 0.3em 0.5em 0.3em 0.5em;
}

.wpcf7-select {
	width: 100% !important;
	height: auto;
	padding: 0.3em 0.5em 0.3em 0.5em;
	margin-bottom: 15px;
}
form label { margin-top: 0.5em; }
.nav-links { clear: both; }

.site-info {   
	text-align: center;
	color: #d0c6c6;
	width: 100%;
	font-size: 0.7rem;
	padding-bottom: 5px;
	background: #666;
	margin-bottom: 0;
}

div.simplesocialbuttons { height: 20px; margin-bottom: 10px; text-align: left; }
div.simplesocialbutton { float: left; height: 20px;}
div.ssb-button-googleplus { width: 65px; }
div.ssb-button-fblike { width: 126px; line-height: 1; margin-left: -18px;}
div.ssb-button-twitter { width: 85px; }
.fb-like iframe { max-width: none !important; }

div.simplesocialbuttonspage { height: 20px; margin: 15px 5px 10px 0; text-align: left; }
div.simplesocialbuttonpage { float: left; height: 20px;}
div.ssb-button-googlepluspage { width: 65px; }
div.ssb-button-fblikepage { width: 120px; line-height: 1; }
div.ssb-button-twitterpage { width: 105px; }
.fb-like iframe { max-width: none !important; }

div.simplesocialbuttonshome { height: 20px; margin: 10px auto 10px 0; text-align: left; }
div.simplesocialbuttonhome { float: left; height: 20px;}
div.ssb-button-googleplushome { width: 60px; }
div.ssb-button-fblikehome { width: 115px; line-height: 1; }
div.ssb-button-twitterhome { width: 100px; }
.fb-like iframe { max-width: none !important; }

.content-left {
	width: 40%;
	float: left;
}

.content-right {
	width: 55%;
	float: right;
}

.wpcf7-form h3 { padding: 0 !important; }

.site-footer .widget-column.footer-widget-1 {
	float: left;
	width: 33.33%;
	padding: 0 5px;
}

.site-footer .widget-column.footer-widget-2 {
	float: left;
	width: 33.33%;
	padding: 0 5px;
}

.site-footer .widget-column.footer-widget-3 {
	float: left;
	width: 33.33%;
	padding: 0 5px;
}

ins.adsbygoogle { background: #fff; }
.tabla_titulo { width: 35%; font-weight: bold; }

.filtro {
	border: 1px solid #dededd;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	font-size: 0.875rem;
	background-color: #f5f5f5;
	padding: 0.7em 1.2em;
	color: #000;
	width: 100%;
}

#sel_orden {
	font-size: 0.875rem;
	padding: 3px;
	height: auto !important;
	margin-right: 10px;
	margin-left: 10px;
}

.filtro label {
	font-weight: normal;
	margin-bottom: 0;
	cursor: pointer;
	display: inline;
}

.filtro label input[type="radio"],
.filtro label input[type="checkbox"] {
	margin: 0 0.2em 0 0.2em;
}
	
.loop-header {
	margin: 1em 0 1em 0 !important;
	padding: 1em 0 1em 0 !important;
}

/* .loop-header .page-title { */
	/* font-size: 1.3rem !important; */
/* } */

.a-loop:hover {
	background-color: #f7f7f7;
	display: block;
}

.loop-categoria article {
	float: left;
	margin: 0 0.5% 0 0.5%;
	max-width: 32%;
	max-height: 540px;
}

.loop-categoria article .entry-content .entry-title { 
	margin-bottom: 0;
	color: #000;
}

.precio-loop {
	font-size: 2.3rem; display: inline-block;
}

.porcentaje-loop {
	background: #a1459d;
	margin-top: 17px;
	margin-left: 12px;
	position: absolute;
	height: 19px;
	padding: 0.1em 0.4em;
	box-sizing: content-box;
	color: white;
	border-radius: 4px;
	font-size: 0.9rem;
}

.post-thumbnail-loop { margin-bottom: 0 !important; }

.boton { 
	display: block;
	font-size: 1rem;
	margin: 0.5em auto 1.5em;
	width: 60%;
}

.boton .agregar { 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	padding: 0.4em 2em; 
	border: 1px solid #4cae4c;
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	background-color: #5cb85c;
	text-decoration:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: pointer;
	font-weight: normal;
}

.boton .agregar:hover,
.boton .agregar:focus,
.boton .agregar:active { 
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.boton .agregar:disabled,
.boton .agregar:disabled:hover{
	background: #95d095;
	border: 1px solid #8aca8a;
	cursor: not-allowed;
}
.boton .quitar:disabled,
.boton .quitar:disabled:hover {
	background: #f5c98c;
	border: 1px solid	#f8dbb5;
	cursor: not-allowed;
}

.boton .quitar { 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	padding: 0.4em 2em; 
	border: 1px solid #eea236;
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	background-color: #f0ad4e;
	text-decoration:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: pointer;
	font-weight: normal;
}

.boton .quitar:hover,
.boton .quitar:focus,
.boton .quitar:active { 
	color: #fff;
	background-color: #d58512;
	border-color: #d58512;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.boton .nodisponible { 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	color: #333; 
	padding: 0.5em 2em; 
	background-color: #eee;
	border: 1px solid #ccc;
	width: 100%;
	display: block;
	text-align: center;
	text-decoration:none;
	cursor: default;
	box-shadow: none;
	-webkit-box-shadow: none;
	font-weight: normal;
}

.boton .nodisponible:hover,
.boton .nodisponible:focus,
.boton .nodisponible:active { 
	color: #333;
	background-color: #eee;
	border-color: #ccc;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.avisoagotado, .wpcf7-validation-errors { 
  border: 1px solid #e9ea84 !important;
  text-align: center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	font-size: 0.875rem;
	margin: 1em 0 0 0;
	background-color: #feffa2;
	padding: 0.7em 2em;
	color: #9a620f;
	width: 100%;
}

.avisoagotado a {
	color: #9a620f !important;
	text-decoration: underline;
}

#avisoprecio { font-size: 0.82rem; border-top: 1px solid #ccc; padding-top: 10px;}

.info {
	display: block;
	text-align: center; 
}

.info a,
.info a:hover,
.info a:active,
.info a:focus	{ 
	font-size: 0.8rem; 
	text-decoration: underline;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.site-branding a:hover, .site-branding a:focus { opacity: 1 }
.custom-logo-link img { max-height: 150px; }
.single-featured-image-header { margin: 0 auto; float: left; }
.single-featured-image-header img { max-width: 400px; margin: 0 }

#cabecera-pagina { width: 100%; height: 200px; }
#content.site-content { padding-top: 0 }

.wrap #primary.content-area { max-width:1000px !important; margin-top: 1em !important;}

#derecha { float: left; width: 480px; margin-left: 20px;}
#clear { clear: both; }
#contenido { margin-top: 10px; }

#enlace-lista { 
	float: right;
	display: block;
	background: #932a8f;
	/* border-radius: 0px 4px 4px 0px; */
	color: white;
	margin-top: 3px;
	position: relative;
	padding: 0.7em 2em 0.7em 2em;
	right: 10px;
}

#cantidad-lista {
	display: block;
	float: right;
	background: rgba(147, 42, 143, 0.87);
	height: 40px;
	margin-right: 10px;
	margin-top: 3px;
	padding: 0.7em 0.6em 0.7em 0.8em;
	width: 42px;
	border-radius: 4px 0px 0px 4px;
	text-align: center;
	color: #fff;
}
.site-header .navigation-top .menu-scroll-down { padding: 1em 1em 1em 0.3em; }

.menu-top-menu-container { float: left; }
#info-lista { max-width: 800px; margin: 20px auto; }

.site-footer { background-color: #fbfbfb; }

article > #derecha > header > .entry-title { 
	font-size: 1.625rem !important;
	padding-top: 0 !important; 
	margin-bottom: 0 !important; 
}

#disp2 { display: none; }

.entry-header { padding-bottom: 0 !important; }

#precio { font-size: 3rem; display: inline-block; }
#precio-antes { 
	margin-top: 5px;
	text-decoration: line-through;
	font-size: 1.2rem;
	color: #999;
}

/* Esto es para el boton Agenda tu cita en el menú */

#div-oculto {
	height: 53px;
	width: 100%;
	display: none;
}

.menu-toggle {
	margin: 0;
	display: inline-block;
	padding: 1.2em 1.2em 1.2em 1.3em;
}

.menu-toggle:focus, 
.menu-toggle:active, 
.menu-toggle:hover {
	outline: none;
}

@media screen and (max-width: 1000px) {
	.precio-loop { font-size: 2.1rem }
	.porcentaje-loop { margin-top: 14px; }
}

@media screen and (max-width: 960px) {
	.precio-loop { font-size: 2rem }
	.porcentaje-loop { margin-top: 13px; }
}

@media screen and (max-width: 900px) {
	.loop-categoria article .entry-content .entry-title { font-size: 1.4rem }
	.precio-loop { font-size: 1.7rem }
	.porcentaje-loop { 
		margin-top: 9px; 
		margin-left: 12px;
		height: 16px;
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 767px) {
	.enlaces-footer ul {
		clear: both;
    display: inline;
    width: 100%;
		text-align: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.enlaces-footer ul {
		list-style: none;
		text-align: right;
	}

	.enlaces-footer ul li a {
		font-size: 0.8rem;
	}

	.enlaces-footer ul li a:hover, 
	.enlaces-footer ul li a:active {
		text-decoration: underline;
	}

	.social-navigation {
		width: 100%;
    text-align: center;
	}
	
	.site-info {
		width: 100%;
		padding: 0.7em 0 0.7em 0 !important;
	}
	#porcentaje { height: 14px; }
	
	.visible {
		display: block !important;
	}
	
	.fixed {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 19999;
		background: #fff;
		border-bottom: 1px solid #eee;
	}

	#enlace-lista { 
		margin-top: -45px;
		padding: 0.3em 1.5em;
	}	
	
	#cantidad-lista {
    height: 35px;
    margin-right: 187px;
    margin-top: -45px;
    padding: 0.3em 0.6em 0.3em 0.8em;
    width: 42px;
	}
	
	.menu-top-menu-container { float: none; }
	.main-navigation ul { background-color: rgb(251, 251, 251) }
}

/* Eso fue para el boton Agenda tu cita en el menú */

#porcentaje {
	background: #a1459d;
	margin-top: 21px;
	margin-left: 26px;
	position: absolute;
	height: 22px;
	padding: 0.2em 1em;
	box-sizing: content-box;
	color: white;
	border-radius: 4px;
}

.arrow-left {
	width: 0;
	height: 0;
	border-top: 0.8em solid transparent;
	border-bottom: 0.8em solid transparent;
	border-right: 12px solid #a1459d;
	position: absolute;
	margin-left: -27px;
	margin-top: -2px;
	display:none;
}

@media screen and (max-width: 1020px) {
	.site-footer .widget-column.footer-widget-1,
	.site-footer .widget-column.footer-widget-2,
	.site-footer .widget-column.footer-widget-3 {
		width: 320px;
		height: 360px;
	}

	#porcentaje {
    margin-top: 17px;
    margin-left: 23px;
    height: 17px;
    padding: 0.2em 0.7em;
    font-size: 0.9rem;
	}
	
	.arrow-left {
    border-top: 0.75em solid transparent;
    border-bottom: 0.75em solid transparent;
    margin-left: -21px;
	}
	.wrap #primary.content-area { max-width:900px !important; }
	article > #derecha > header > .entry-title { font-size: 1.5rem !important;}
	#derecha { max-width: 378px; }
	.single-featured-image-header { margin: 0 auto; float: left; }
	.single-featured-image-header img { max-width: 350px; }
	#precio { font-size: 2.5rem }
	#tabla { font-size: 0.9rem; }
	.boton { width: 70%; }
	.boton .agregar, .boton .quitar{ font-size: 1rem !important; }
	#avisoprecio { font-size: 0.72rem; }
}

@media screen and (max-width: 939px) {
	.arrow-left {margin-left: -19px; }
}

@media screen and (max-width: 860px) {
	#porcentaje {
    margin-top: 15px;
    margin-left: 16px;
		height: 16px;
		padding: 0.1em 0.7em;
		font-size: 0.75rem;
	}
	.custom-logo-link img { max-height: 120px; }
	.wrap #primary.content-area { max-width:700px !important; }
	article > #derecha > header > .entry-title { font-size: 1.3rem !important;}
	#derecha { max-width: 348px; }
	.single-featured-image-header img { max-width: 300px; }
	#precio { font-size: 2.2rem }
	#tabla { font-size: 0.8rem; }
	.boton .agregar, .boton .quitar { font-size: 1rem !important; width: 100%;}
	#avisoprecio { font-size: 0.6rem; }
}

@media screen and (max-width: 780px) {
	#porcentaje {
    padding: 0.15em 0.7em;
		height: 15px;
	}
	.arrow-left {
    border-right: 11px solid #a1459d;
    margin-left: -16px;
    margin-top: -1px;	
	}
	.wrap #primary.content-area { max-width:700px !important; }
	article > #derecha > header > .entry-title { font-size: 1.2rem !important;}
	#derecha { max-width: 300px; line-height: 1.5;}
	.single-featured-image-header img { max-width: 270px; }
	#precio { font-size: 2rem }
	#tabla { font-size: 0.8rem; }
	#avisoprecio { font-size: 0.6rem; }
	#disp1 { display: none; }
	#disp2.boton { display: block; width: 60%; padding: 0.2em 2em; font-size: 1rem !important;}
}

@media screen and (max-width: 680px) {
	#derecha { max-width: 290px}
	.content-left {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}

	.content-right {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width: 670px) {
	.site-branding { padding: 2em 0; }
	.wrap #primary.content-area { max-width:600px !important; }
	article > #derecha > header > .entry-title { font-size: 1.2rem !important;}
	#derecha { max-width: 270px; line-height: 1.5;}
	.single-featured-image-header img { max-width: 250px; }
	#precio { font-size: 2rem }
	#tabla { font-size: 0.7rem; }
	#avisoprecio { font-size: 0.6rem; }
	.loop-categoria article {
    margin: 0 2.5% 0 2.5%;
    max-width: 45%;
	}
}

@media screen and (max-width: 630px) {
	#porcentaje {
		background: #a1459d;
		margin-top: 21px;
		margin-left: 26px;
		position: absolute;
		height: 22px;
		padding: 0.2em 1em;
		box-sizing: content-box;
		color: white;
		border-radius: 4px;
		font-size: 1rem;
	}

	.arrow-left {
		width: 0;
		height: 0;
		border-top: 0.8em solid transparent;
		border-bottom: 0.8em solid transparent;
		border-right: 12px solid #a1459d;
		position: absolute;
		margin-left: -27px;
		margin-top: -2px;
	}
	.custom-logo-link img { max-height: 100px; }
	.site-branding { padding: 2.5em 0; }
	article > #derecha > header > .entry-title { 
		font-size: 1.625rem !important;
		padding-top: 0 !important; 
		margin-bottom: 0 !important; 
	}
	#disp2.boton { display: none; }
	#disp1 { display: block; }
	.entry-header { padding-bottom: 0 !important; }
	#precio { font-size: 3rem }
	#wrap #primary.content-area { max-width:100% !important; margin-left: 0;}
	#wrap { padding-left: 1em; padding-right: 1em !important; }
	#derecha { max-width: 100%;  margin-left: 0px}
	.single-featured-image-header { margin: 0 auto 20px }
	.single-featured-image-header img { max-width: 100%; }
	#tabla { font-size: 1rem; }
	#avisoprecio { font-size: 0.82rem; }
}

@media screen and (max-width: 580px) {
	.loop-categoria article {
    margin: 0;
    max-width: 100%;
	}
	.social-navigation {
		width: 100%;
    text-align: center;
	}
	
	.site-info {
		width: 100%;
		text-align: center;	
	}	
	#frm_filtro label {display: block; margin-bottom: 5px;}
}

@media screen and (max-width: 480px) {
	article > #derecha > header > .entry-title { 
		font-size: 1.625rem !important;
		padding-top: 0 !important; 
		margin-bottom: 0 !important; 
	}
	#disp2.boton { display: none; }
	#disp1 { display: block; }
	.entry-header { padding-bottom: 0 !important; }
	#precio { font-size: 3rem }
	#wrap { padding-left: 1em; }
	#tabla { font-size: 0.9375rem; }
	#avisoprecio { font-size: 0.82rem; }
}

@media screen and (max-width: 420px) {
	.site-footer .widget-column.footer-widget-1,
	.site-footer .widget-column.footer-widget-2,
	.site-footer .widget-column.footer-widget-3 {
		width: 300px;
	}
	
	article > #derecha > header > .entry-title { 
		font-size: 1.625rem !important;
		padding-top: 0 !important; 
		margin-bottom: 0 !important; 
	}
	#porcentaje {
		margin-top: 19px;
		margin-left: 17px;
		height: 18px;
		padding: 0.2em 0.5em;
		font-size: 0.9rem;
	}
	
	.arrow-left {
		margin-left: -18px;
		margin-top: -3px;
	}
	#disp2.boton { display: none; }
	#disp1 { display: block; }
	.entry-header { padding-bottom: 0 !important; }
	#precio { font-size: 2.6rem }
	#wrap { padding-left: 1em; }
	#avisoprecio { font-size: 0.82rem; }
}