@charset "UTF-8";

/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#Contenedor {
	max-width: 960px;
	margin: 20px auto;
}

#Header {
	min-height: 152px;
	width: 100%;
	background: #444444;
	margin-bottom: 10px;
}

.Header_J {
	min-height: 90px;
	width: 100%;
	background: #FFF;
	margin-bottom: 10px;
	position: sticky;
	top: 0;
	z-index: 100;
}

.Headinfo {
	width: 100% !important;
	max-width: 100% !important;
	background-color: #4F4E4E;
	color: #FFF;
	padding: 7px 0 !important;
}

a {
	text-decoration: none !important;
}

.marca {

	text-align: center;
	background: #efefef;
	margin: 10px 0;
	border-radius: 5px;
	min-height: 160px;
	overflow: hidden;
	font-size: 13px;
}


.marca img {
	width: 100%;
	height: auto;
	max-height: 120px;
	margin: 0 0 10px 0;
}

.categoria {
	width: 100%;
	height: 40px;
	float: left;
	margin-top: 20px;
	background: #CCC;
}

.categoria h3 {
	line-height: 40px;
	margin: 0;
	padding: 0;
}

.categoria img {
	width: 80px;
	height: 40px;
	float: left;
	margin-right: 20px;
}


.full_wrapper {
	float: left;
	width: 100%;
}

.container {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.column,
.columns {
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.loginform {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
	background: #000;
	border-radius: 10px;
	color: #FFF;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
	.container {
		width: 85%;
		padding: 0;
	}
}

@media (max-width: 350px) {
	#category_nav a {
		width: 90%;
	}

	#category_nav li {
		width: 100%;
	}
}

@media (max-width: 995px) {
	.invis-col-width {
		display: none !important;
	}

	.cont-col-width {
		width: 100% !important;
	}
}

.menu_invis,
.small_invis {
	display: none !important;
}

.login_invis {
	display: block !important;
}

@media (max-width: 1200px) {
	.logo_squeeze {
		width: 60% !important;
	}

	.burger_squeeze {
		display: block !important;
		width: 20% !important;
	}

	.menu_invis,
	.small_invis {
		display: block !important;
	}

	#navigation_J,
	.login_invis,
	.disappear {
		display: none !important;
	}

	.Header_J {
		border-bottom: 1px solid #c7c1c1;
	}
}

.mensaje {
	color: #FF0000;
	text-align: center;
}


.logo {
	width: 200px;
	height: 69px;
	float: left;
	padding: 10px;
	box-sizing: content-box;
}

.categoria {
	width: 100%;
	height: 40px;
	float: left;
	margin-top: 20px;
	background: #CCC;
}

.categoria h3 {
	line-height: 40px;
	margin: 0;
	padding: 0;
}

.categoria img {
	width: auto;
	height: 40px;
	float: left;
	margin-right: 20px;
}


.marca:hover {
	background: #CCC;
}

.ChildMarca {
	text-align: center;
	background: #555;
	border-radius: 10px;

	margin: 10px;
	overflow: hidden;
	color: #FFF;
	border: 2px solid #FFF;
}

.ChildMarca:hover {
	background: #CCC;
	opacity: 1.0;
	border: 2px solid #8f6e12;
	color: Black;
}

.owl-carousel {
	max-height: 180px;
	background: #efefef;
	padding: 10px 0;
	margin-top: 10px;
}

.producto {
	background: #efefef;
	float: left;
	border-radius: 10px;
	max-height: 450px;
	box-shadow: 1px 1px 5px #cbcbcb;
	overflow: hidden;
	margin: 10px 0;
}

.productinfo {
	font-size: 13px;
	padding: 10px;
}

.productoimg {
	width: 100%;
	height: auto;
	max-height: 230px;
	max-width: 230px;
	margin: 10px 0;
}

.ItemName {
	height: 55px;
	float: left;
	overflow: hidden;
	width: 100%;
	padding: 10px;
}

#ProductDetail {
	background: #FFF;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#ProductDetail h2 {
	color: #F90;
	float: left;
	line-height: 24px;
	font-size: 24px
}

#ProductDetail table {
	width: 240px;
	margin: 10px 0 0 10px;
	font-size: 12px;
	float: left;
}

#ProductDetail table tr {
	background: #efefef;
}

#ProductDetail table td {
	padding: 5px;
}

#ProductDetail img {
	width: auto;
	max-width: 350px;
	max-height: 320px;
	float: left;
}

.agregar {
	padding: 10px 20px !important;
	color: #FFF;
	background: #006699;
	border-radius: 5px;
	float: left;
	margin: 20px 50px !important;
	display: block;
	text-decoration: none;
	border: none;
}

.agregar:hover {
	background: #F90;
}

.formulario {
	width: 240px;
	margin: 10px 0 0 10px;
	font-size: 12px;
	float: left;
}

.formulario input {
	margin: 5px;
	padding: 5px;
}

.ProductDetailTitle {
	color: #8e6d16;
}

.ProductDetailInfo {
	margin: 20px 0;
}

.minifoto {
	width: 35;
	height: 35px;
	float: left;
	margin: 0 5px;
}

#ProductDetail .button-primary {
	padding: 0 !important;
}

#ProductDetailTable {
	font-size: 13px;
	width: 100%;
}

#ProductDetailTable td {
	padding: 7px 5px;
}

/* ---------------------- NAVIGATION -----------------------------*/

#category_nav {
	width: 100%;
	background: #555;
	float: left;
	min-height: 50px;
}

#category_nav a {
	padding: 8px 13px;
	float: left;
	margin: 5px 2px;
	background: #333;
	border-radius: 5px;
	color: #c0c0c0;
}

#category_nav a:hover {
	background: #000;
	color: #cb0d1c;
}

#category_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#category_nav li {
	float: left;
	margin: 0;

}


#navigation {
	background: #E0E0E0;
	min-height: 40px;
	width: 100%;
	float: left;
}

#navigation_J {
	background: #FFF;
	min-height: 40px;
	width: 100%;
	float: left;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.search {
	background: #999;

}

.search input {
	padding: 5px 5% 5px 5%;
	height: 30px;
	border: 0 !important;
	margin: 0 !important;
	width: 60%;
}

.search .submit {
	background: #F90;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 40px;
	width: 30%;
	color: #FFF;
	cursor: pointer;
}

#nav form {
	margin: 0;
}

#nav {
	margin: 0;
	padding: 0;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	margin: 0;
	height: 40px;
}

#nav li a {
	float: left;
	padding: 8px 20px;
	text-align: center;
	color: #6d6d6d;

}

#nav li a:hover {
	background: #666;
	color: #FFF;
}

#nav li>ul {
	position: absolute;
	display: block;
	margin-top: 40px;
	background: #E0E0E0;
	z-index: 999;
	width: 180px;
}

#nav li>ul a {
	width: 160px;
}

#nav li>ul>li a {
	background: #FFF;
	padding: 10px !important;
	text-align: left !important;
	width: 300px;
	font-size: 13px;
	height: 40px;
	color: #2b2b2b;
}


#nav li>ul {
	display: none;
}

#nav li:hover>ul {
	display: block;
}

#buscar {
	float: right;
	height: 40px;
	margin-bottom: 10px;
}

#buscar input {
	border-radius: 0;
	border: none;
	height: 40px;
	margin: 0;
	padding: 10px;
	border-radius: 5px;
	margin-right: 5px;
}

#submit {
	background: #cb0d1c;
	color: #FFF;
	float: right;
}

.productsbutton {
	float: right !important;
	background: #09F;
	padding: 5px;
	color: #FFF;
	text-align: center;
	margin: 10px 2px;
	width: 100%;
}

.newitem {
	float: right !important;
	background: #F90;
	padding: 5px;
	color: #FFF;
	text-align: center;
	margin: 10px 2px;
	width: 100%;
}

.newitem:hover,
.productsbutton:hover {
	background: #FC0;
	color: #FFF;
}

#tablaproductos,
.tablapedido {
	font-size: 14px;
	width: 100%
}

@media (max-width: 768px) {

	#tablaproductos,
	.tablapedido {
		font-size: 0.7em !important;
	}
}

.owl-nav {
	text-align: center;
}

.owl-prev,
.owl-next {
	padding: 0 15px !important;
	background: #CCC !important;

	font-size: 24px !important;
	margin: 0 10px;
	border: none;
}

.salir {
	color: #FFFFFF !important;
	background: #ff30195c !important;
	padding: 10px;
	float: right;

}

.seleccionado {
	background: #333333;
	color: #FFF;
	opacity: 1.0;
	border: 2px solid #1EAEDB;
}

.filtros {
	margin-top: 10px;
}

.owl-carousel .owl-item img {
	max-height: 120px !important;
}

.paginas {
	margin: 20px 0;
	width: 100%;
}

.siguiente,
.atras {
	margin-bottom: 20px;
	background: #666;
	padding: 10px;
	border-radius: 5px;
	color: #FFF
}

.siguiente {
	float: right;
}

.atras {
	float: left;
}

.agregado {
	width: 100%;
	text-align: center;
	padding: 30px 0;
}

.botonok {
	background: #efefef;
	padding: 10px 40px;
	border-radius: 10px;
}

.borraritem {
	padding: 0 15px;
	float: left;
	font-size: 14px;
}

@media (max-width: 768px) {
	.borraritem {
		padding: 0;
		float: none;
		display: block;
		font-size: 12px;
		margin: 5px 0;
	}
}

#useraccess {
	width: 90%;
	padding: 10px 5%;
	float: left;
	margin-bottom: 20px;
}

.loginbutton {
	text-align: center;
	padding: 10px 20px;
	margin: 0 auto;
	background: #0066CC;
	color: #FFF;
	width: 200px;
	display: block;
}

.loginbutton:hover {
	background: #004992;
	color: #FFF;

}

.registerbutton {
	text-align: center;
	padding: 10px 20px;
	margin: 0 auto;
	background: #093;
	color: #FFF;
	width: 200px;
	display: block;
}

.registerbutton:hover {
	background: #016121;
	color: #FFF;

}

.loginoptions {
	float: right;
	background: #FFF;
}

.loginoptions span {
	padding: 10px;
	float: left;
}

.footerinfo {
	text-align: center;
	padding: 10px;
	float: left;
	width: 100%;
}

.footer {
	width: 100%;
	float: left;
	background: #e0e0e0;
}

.new_footerinfo {
	color: #8f8f8f;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	float: left;
	width: 100%;
}

.new_footer {
	width: 100%;
	float: left;
	background: black;
}

.new_footer_icons {
	height: auto;
	max-height: 50px;
	max-width: 90px !important;
	margin: 0 auto;
}

.owl-prev,
.owl-next {
	width: 15px;
	height: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block !important;
	border: 0px solid black;
}

.owl-prev {
	left: -20px;
}

.owl-next {
	right: -20px;
}

.owl-prev i,
.owl-next i {
	color: #060606;
	margin-left: -7px;
}

.owl-carousel .owl-stage-outer {
	width: 98%;
	margin: 0 0 0 2%;
}


.plusminus {
	width: 21%;
	float: left;
	background: #00b1e0;
	color: #FFF;
	font-size: 22px;
	text-align: center;
	height: 34px;
	border-radius: 5px;
	margin: 0 2%;
}

.cantinput {
	width: 50%;
	float: left;
	padding: 10px !important;
	height: 34px !important;
	text-align: center;
	color: #000;
	border-radius: 5px !important;
}

.controls {
	width: 40%;
	float: left;
}

.controlslist {
	width: 100%;
	float: left;
}

.boton_agregar {
	background-color: #1eaedb;
	color: #FFF;
	text-align: center;
	float: left;
	margin: 5px 5%;
	width: 90% !important;
	border-radius: 5px;
	padding: 5px;
	font-weight: bold;
}

.boton_agregar:hover {
	background-color: #555;
}


.infosection {
	background-color: #02739d;
	color: #fff !important;
	padding: 5px;
}

.SelectorVistaWrapper {
	width: 100%;
	float: left;
	margin: 10px 0;
}

.SelectorVista {
	float: right;

	overflow: hidden;
}

.SelectorVista {
	list-style: none;
	margin-bottom: 0;
}

.SelectorVista li {
	list-style: none;
	width: 140px;
	float: left;
	margin-bottom: 0;
	background: #efefef;
	padding: 10px;
	text-align: center;
}

.selected {
	background-color: #cb0d1c !important;
}

.selected a {
	color: #FFF;
}

.separator {
	border-top-width: 10px;
	border-top-style: dotted;
	border-top-color: #8E6D16;
	opacity: 1;
}

.groove {
	color: white;
	margin-top: 15px;
	background-image: url("images/Groove.png");
	background-repeat: repeat-x;
}

.goback {
	background: #8f6e12;
	border-radius: 25px;
	margin: 5px;
	height: 50px;
	width: 50px;
	font-weight: bold;
	border: none;
	color: #FFF;
}

.goback:hover {
	background: #CCC;
	border: 2px solid #8f6e12;
	border-radius: 25px;
	margin: 5px;
	height: 50px;
	width: 50px;
	font-weight: bold;
	opacity: 1.0;
	color: Black;
}

.goup {
	display: none;
	background: black;
	border-radius: 15px;
	margin: 5px;
	height: 50px;
	width: 50px;
	font-weight: bold;
	border: none;
	color: #FFF;
	position: fixed;
	bottom: 0;
	right: 0;
	margin-bottom: 50px;
	margin-right: 15px;
	z-index: 50;
}

.tablalista {
	font-size: 14px;
	width: 100%;
}

@media (max-width: 768px) {
	.tablalista {
		font-size: 0.7em !important;
	}
}

.tablalista td {
	padding: 7px 5px;
}

.fotito {
	width: 25px;
	height: 25px;
	margin: 0 10px;
	float: left;
}

.logowrapper {
	text-align: center;
	align-items: center;
}

.logo_cienfuegos {
	width: 240px;
	margin: 10px auto;
	max-width: 100%;
}

.homeLogoGlodisa {
	width: 220px;
	margin: 10px auto;
	max-width: 100%;
}

.imprimir_pedido {
	background-color: #FFF;
	padding: 10px;
}


.NoImprimir {
	background: #045fb4;
	width: 98%;
	color: #FFF;
	border: none;
	font-size: 14px;
}


#Imprimible table,
#Imprimible td {
	font-size: 12px !important;
}

.centrar {
	width: '100%';
	text-align: center;
}

.loading {
	width: 40px;
	height: 40px;
	margin: 20px 40%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.SelectorCustomer {
	margin: 25px 0 25px 0;
}

th,
td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

.section_title {
	color: #006699;
}

.button-primary {
	color: #FFF;
	background-color: #1EAEDB;
	border-color: #1EAEDB;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	float: right;
}

.button-red {
	color: #FFF;
	background-color: #ec0000;
	border-color: #a20000;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	float: right;
}


.button-secundary {
	color: #FFF;
	background-color: #006f91;
	border-color: #1EAEDB;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	float: right;
}

#tablalistas {
	width: 100%;

}

#tablalistas td {
	border: 1px solid #ffffff;
	padding: 5px;
	background-color: #ddedff;
}

.mensaje-pedido {
	border: 1px solid #ffffff;
	padding: 5px;
	background-color: #ddedff;
	text-align: center;
	width: 100%;
}

#contenedor {
	background: #FFF;
	min-height: 100%;
}

#contenedor h2,
#contenedor-noti h2 {
	color: #069 !important;
	text-align: center;
	padding: 5px 0;
	float: left;
	width: 100%;
}

#contenedor input,
#contenedor-noti input {
	background: none repeat scroll 0% 0% #F1F0F0;
	border-radius: 5px;
	border: 1px solid #CCC;
	margin: 12px 0px;
	padding: 15px 10px;
	width: 100%;

}

#contenedor label,
#contenedor-noti label {
	width: 100%;
	float: left;
	display: block;
	text-align: left;

}

#contenedor select {
	width: 100%;
	height: 34px;
	border: 1px solid #ccc;
	/* border-radius: 5px; */
	padding: 5px;
	height: 40px;
	margin-bottom: 10px;
}





.espacio {
	padding: 10px 20px;
	text-align: center;
}

#hor-minimalist-a {
	width: 100% !important;
	font-size: 13px;
	margin: 20px 0 20px 0;
	border-collapse: collapse;
	text-align: left;
	background: #FFF;
	border: 1px solid #CCC;
}

#hor-minimalist-a th {
	font-size: 12px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
	background: #FFF;
}

@media (max-width: 768px) {

	#hor-minimalist-a,
	#hor-minimalist-a th,
	#hor-minimalist-a tfoot {
		font-size: 0.9em !important;
	}
}

#hor-minimalist-a tfoot {
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-top: 2px solid #6678b1;
	background: #FFF;
	margin-top: 10px;
}

#hor-minimalist-a td {
	color: #023BA0;
	padding: 4px 7px;
}

.agregarproducto {
	background: #ff9e07;
	padding: 5px 20px;
	float: left;
	color: #FFF;
	border-radius: 5px;
}

.contactInfo {
	margin-bottom: 20px;
}

.DetailDescription {
	font-weight: bold;
}

.forgot {
	text-align: right;
	color: #8e6d16;
	font-size: 12px;
}

.button-primary {
	margin: 20px 0;
}


#TablaReporte {
	width: 100%;
}

#TablaReporte td {
	padding: 5px;
	font-size: 12px;
}


#TablaReporte tfoot {
	background: #FFF;
	font-weight: bold;
}

#TablaReporte thead,
#TablaReporte thead:hover {
	background: rgb(0 137 29);
	font-weight: bold;
	color: #FFF;
}

#TablaReporte .blanco {
	background: #FFF;
}

#TablaReporte .verde {
	background: rgb(237 245 224);
}

.HomeProductTitle {
	display: block;
	color: #8e6d16;
	font-size: 0.8em;
	padding: 5px;
	margin: 0;
	background: #000;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 100%;
	min-height: 45px;
	font-weight: bold;
}

.carousel-home {
	margin: 30px 0;
	background: #efefef;
}

.homecarouseltitle {
	text-align: center;
	margin: 10px;
	color: #8e6d16;
}

.PropertyIcon {
	width: 40px;
	height: 40px;
	float: left;
}

.iconos {
	width: 100%;
	float: left;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	height: 40px;
}

.fullSearchBar {
	width: 80%;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	border-radius: 5px;
	padding: 7px 10px;
}

.fullSelector {
	background-color: #ffffff;
	width: 200px;
	height: 45px;
}

.separator2 {
	width: 80%;
	height: 0;
	border: solid 1px #f2f2f2;
	margin: 30px 0;
}

.categoryContainer {
	width: 80%;
	height: 500px;
	margin-top: 15px;
	overflow: auto;
}

.categoryCheckbox {
	width: 25px;
	height: 25px;
	margin: 5px !important;
}

.checkContainer {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.checkText {
	margin: 0 0 0 5px;
	width: 100%;
}

.checkCount {
	font-weight: bold;
	color: #a6a6a6;
}

.loginBtn {
	width: 100%;
	background-color: #000000;
	color: #ffffff;
	border: none;
	height: 40px;
	margin: 0;
	border-radius: 5px;
}

.detailMiniContainer {
	min-height: 90px;
	margin: 20px 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #B8933Aff;
	background-color: #B8933A22;
}

.Headinfo2 {
	width: 100% !important;
	max-width: 100% !important;
	background-color: #000000;
	color: #FFF;
	padding: 5px 0 !important;
}

.headerText {
	font-size: 11px;
	color: #94928f;
}

.goldHover:hover {
	color: #B8933A !important;
}

.goldHover2:hover {
	color: #B8933A !important;
	background-color: #ffffff !important;
}

.Header_J2 {
	min-height: 100px;
	width: 100%;
	background: #FFF;
	margin-bottom: 10px;
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid #c7c1c1;
}

.navText {
	color: #000000 !important;
	font-size: 13px !important;
	font-weight: 300 !important;
}

.burgerText {
	color: #000000 !important;
	padding-left: 20px !important;
	border-bottom: 1px solid #c7c1c1 !important;
}

.chosenTab {
	color: #B8933A !important;
	border-bottom: 1px solid #B8933A !important;
}

.searchingButton {
	width: 20% !important;
	height: 50%;
	font-size: 25px;
	background-color: #ffffff;
	border: none;
	color: #000000;
}

.clientAccess {
	min-height: 50px !important;
	min-width: 70px !important;
	width: 60% !important;
	background: #000000;
	color: #ffffff;
	font-size: 15px;
	text-align: center;
	border: none;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.clientAccess:hover {
	background-color: #D4AC5A !important;
	color: #ffffff !important;
}

.searchContainer {
	/* width: 100%; */
	position: absolute;
	z-index: 1000;
	background-color: #ffffff;
}

.searchRowContainer {
	width: 100%;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.searchInput {
	width: calc(100% - 42px);
	height: 42px;
	border-radius: 0;
	border: 1px solid #a6a6a6;
	padding: 10px 8px;
}

.searchInput2 {
	width: 42px;
	height: 42px;
	font-size: 20px;
	background-color: #a6a6a6;
	border: none;
	color: #ffffff;
}

.searchTitle {
	width: 95%;
	padding: 5px 0;
	margin: 0 10px;
	text-decoration: underline;
	border-bottom: 1px solid #a6a6a6;
	margin-left: 10px;
}

.catItem {
	width: calc(100% - 20px);
	padding: 0 10px;
	display: flex;
	flex-direction: column;
}

.catText {
	width: 100%;
	color: #000000;
	text-decoration: underline;
	font-size: 15px;
}

.subCatText {
	width: 100%;
	color: #a6a6a6;
	font-size: 12px;
}

.prodItem {
	width: calc(100% - 20px);
	padding: 0 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.prodItem:hover {
	background-color: #d8d8d8;
}

.prodImg {
	width: 50px;
	margin: 5px;
}

.prodText {
	color: #000000;
	font-size: 15px;
}

.seeAll {
	color: #a6a6a6;
	text-decoration: underline !important;
	margin: 7px 0;
}

.registerAlert {
	width: 80%;
	margin: 10px 0;
	background: #000000;
	padding: 10px;
}

.registerButton2 {
	max-width: 170px;
	width: 80%;
	min-height: 60px;
	background: #B8933A;
	color: #ffffff;
	font-size: 15px;
	text-align: center;
	margin: 5px 0;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.registerButton2:hover {
	background: #D4AC5A;
	color: #ffffff;
}

.producto2 {
	width: 100%;
	background: #ffffff;
	max-height: 450px;
	box-shadow: 1px 1px 5px #cbcbcb;
	/* overflow: hidden; */
	margin: 10px 0;
}

.productoimg2 {
	width: 100%;
	height: 175px;
	margin: 10px 0;
}

.ItemName2 {
	width: 90%;
	min-height: 45px;
	/* height: 55px;
	float: left; */
	color: #000000;
	/* overflow: hidden;
	padding: 10px; */
}

.underUrl:hover {
	color: #000000 !important;
	text-decoration: underline !important;
}

.SelectorVistaElement {
	background-color: #B8933A22;
	list-style: none;
	width: 140px;
	float: left;
	padding: 10px;
	text-align: center;
}

.SelectorVistaElement:hover {
	background-color: #B8933Aaa;
	cursor: pointer;
}

/* .leftBorderRadius {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.rightBorderRadius {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
} */

.SelectorVistaElement a {
	color: #a6a3a0 !important;
}

.SelectorVistaElement a:hover {
	color: #ffffff !important;
}

.selected2 {
	background-color: #B8933A;
}

.selected2 a {
	color: #ffffff !important;
}

.plusminus2 {
	width: 21%;
	float: left;
	background: #B8933A;
	color: #ffffff;
	font-size: 22px;
	text-align: center;
	height: 34px;
	border-radius: 5px;
	margin: 0 2%;
}

.siguiente2,
.atras2 {
	margin-bottom: 20px;
	background: #B8933A;
	padding: 10px;
	border-radius: 5px;
	color: #ffffff;
}

.siguiente2 {
	float: right;
}

.atras2 {
	float: left;
}

.button-primary2 {
	color: #ffffff;
	background-color: #B8933A;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	font-weight: bold;
	margin: 0;
}

.plusminus2:hover,
.siguiente2:hover,
.atras2:hover,
.button-primary2:hover {
	background: #D4AC5A;
	color: #ffffff;
	cursor: pointer;
}

.loginForm {
	min-height: 370px !important;
	background-color: #ffffff;
	border: 1px solid #c7c1c1;
	box-shadow: 1px 1px 5px #cbcbcb;
	margin-top: 20px !important;
}

.loginWarning {
	min-height: 50px;
	background-color: #ff000022;
	margin: 50px 0 !important;
}

.loginLabel {
	width: 94% !important;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 500;
}

.loginInput {
	width: 94% !important;
	padding: 10px;
}

.forgotLink {
	color: #000000;
	font-size: 16px;
	font-weight: 500;
}

.forgotLink:hover {
	color: #000000 !important;
	text-decoration: underline !important;
	cursor: pointer;
}