body {
	font-size:15px
}
.text-gold{
	color: #B17D4F !important;
}
.text-white{
	color: #FFF !important;
}
.text-white a{
	color: #FFF !important;
}
.alert-danger {
	color: #B17D4F;
	background-color: #F9F0E8;
	border-color: #FBEADB;
}
h5 { font-size:15px ; font-weight:600}
a {color: #B17D4F;}
a:Hover {
	color: #986231;
}
.btn-primary {
	background-color: transparent;
	border-color:#000000;
}
.btn-primary:hover {
	background-color: #7B522E;
	border-color:#B17D4F;
}
.btn-danger {
	background-color: #B17D4F;
	border-color:#84562D;
}
.btn-danger:hover {
	background-color: #CF8D53;
	border-color: #B17D4F;
}
.btn-danger.focus, .btn-danger:focus, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
	color: #fff;
	background-color: #B17D4F;
	border-color: #492C12;
}
.btn-dark {
	color: #ffffff;
	background-color: #464646;
	border-color: #000000;
}
.btn-dark:Hover {
	color: #ffffff;
	background-color: #6B6B6B;
}
.btn-transp {
	color: #333;
	background-color: transparent;
	border-color: #3F3F3F;
}
.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.btn-fav {
    color: #fff;
    background-color: #000;
    /*border-color: #fff;*/
}
.btn-fav:Hover {
	color: #B17D4F;
}
.btn-fav.disabled { color:#B17D4F }
.btn-black {
    color: #fff;
    background-color: #272727;
    border-color: #000;
}
.nopadding {padding:0 !important}
.Hpadding10 {padding-top:10px; padding-bottom:10px}
.col-padd-sm { padding-right:6px; padding-left:6px}
.m-0 { margin:0px !important}
.m-1 { margin:10px !important}
.m-2 { margin:20px !important}
.m-3 { margin:30px !important}
.m-4 { margin:40px !important}
.m-5 { margin:50px !important}
.mt-0 { margin-top:0px !important}
.mt-1 { margin-top:10px !important}
.mt-2 { margin-top:20px !important}
.mt-3 { margin-top:30px !important}
.mt-4 { margin-top:40px !important}
.mt-5 { margin-top:50px !important}
.mt-10 { margin-top:100px !important}
.mb-0 { margin-bottom:0px !important}
.mb-1 { margin-bottom:10px !important}
.mb-2 { margin-bottom:20px !important}
.mb-3 { margin-bottom:30px !important}
.mb-4 { margin-bottom:40px !important}
.mb-5 { margin-bottom:50px !important}
.mb-10 { margin-bottom:50px !important}
.mb-20 { margin-bottom:50px !important}
.mr-0 { margin-right:0px !important}
.mr-1 { margin-right:10px !important}
.mr-2 { margin-right:20px !important}
.mr-3 { margin-right:30px !important}
.mr-4 { margin-right:40px !important}
.mr-5 { margin-right:50px !important}
@media only screen  and (max-width: 767px) {
	.m-1-xs{ margin-top:10px !important }
	.m-2-xs{ margin-top:20px !important }
	.m-3-xs{ margin-top:30px !important }
	.mb-1-xs{ margin-bottom:10px !important }
	.mb-2-xs{ margin-bottom:20px !important }
	.mb-3-xs{ margin-bottom:30px !important }
}
.p-0 { padding:0px !important}
.p-1 { padding:10px !important}
.p-2 { padding:20px !important}
.p-3 { padding:30px !important}
.p-4 { padding:40px !important}
.p-5 { padding:50px !important}
.pt-0 { padding-top:0px !important}
.pt-1 { padding-top:10px !important}
.pt-2 { padding-top:20px !important}
.pt-3 { padding-top:30px !important}
.pt-4 { padding-top:40px !important}
.pt-5 { padding-top:50px !important}
.pb-0 { padding-bottom:0px !important}
.pb-1 { padding-bottom:10px !important}
.pb-2 { padding-bottom:20px !important}
.pb-3 { padding-bottom:30px !important}
.pb-4 { padding-bottom:40px !important}
.pb-5 { padding-bottom:50px !important}

.h-12 { height:120px !important}

.zoom {cursor:zoom-in}

#unidades_favorito_movil .notification, #unidades_carro_movil .notification {
	right: 10px !important;
}
#unidades_favorito .notification, #unidades_carro .notification {
	left: 10px !important;
}
.notification {
    position: absolute;
    background-color: #B17D4F;
    text-align: center;
    border-radius: 10px;
    min-width: 18px;
    padding: 0 5px 4px;
    height: 18px;
    font-size: 9px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 18px;
    bottom: 10px;
}
.modal-dialog.frame-dialog {
	width: 80%;
}
.alert-default {
    color: #333;
    background-color: transparent;
    border-color: #ccc;
}

.lupamarcos i {
position:absolute; left:0; top:0; background-color: #B17D4F; padding:4px; color:#FFFFFF
}
#imagenobra {max-height: 550px;   }
.text-red { color: #B17D4F}
.uppercase-no{ text-transform:none !important}

.clr {clear:both}

.padding-left-10 { padding-left:10px }

.alert-red {
    color: #ffffff;
    background-color: #B17D4F;
    border-color: #640C0C;
}
.alert-red a{
    color: #ffffff;
}
.carro-modal {
	max-height:380px;
	width:300px;
	position:absolute;
	top:30px;
	right:0px;
	font-size:10px;
	text-align:left !important;
	background:#FFFFFF;
	border: 1px #D9D9D9 solid;
}
.carro-modal .scroll{
	overflow-y: scroll;
	max-height:280px;
}
.carro-modal .titulo a {
	color: #3D3D3D;
	text-align: left !important;
}
.carro-modal .titulo {
	font-size:12px
}
.carro-modal .row {
	color:#676767;
	border-bottom: 1px #D9D9D9 solid;
}
.carro-modal .row.botones {
	margin:0;
	padding:10px;
}
.carro-modal .row.botones a.btn {
	display: inline-block;
	padding: 6px 8px;
width: 100%;
}
.carro-modal .row.botones a.btn:Hover {
	color:#000000
}

.grid-item-holder {
    padding: 12px !important;
}
.alert-dark {
    color: #ffffff;
    background-color: #464646;
    border-color: #000000;
}
/*PAGE BACKGROUNDS*/
.background-grey-1 {
	background-color: #E5E5E5 !important;
}
.bg_black {
	background-color: #1d1f22 !important;
}
.bg_inicio { background:url(../imagenes/fondo1.png) no-repeat top right;}
.bg_dark { /*background:#fff url(../imagenes/d4.png) repeat;*/
	background-color: #2b2c2f !important
}
.bg_light { /*background:#fff url(../imagenes/d4.png) repeat;*/
	background-color: #D3D3D3 !important
}
.bg_light2 {
	background-color: #E8E8E8 !important
}
.bg_dark2 {background-color: #a2a2a2!important }
.bg_white { background-color:#ffffff; !important}
.bg-gold{
	background-color: #B17D4F !important;
}
.lin_bot_white {border-bottom:1px solid #FFFFFF}

.paddingtopbott {padding:40px 0}
.Tmargin-1 { margin-top:10px}

#searchform input[type="text"], #searchform select { width: 100%; border:1px solid #dcdcdc; margin:5px 10px 5px 0; padding:5px 10px; float:left; font-size:14px; color:#000; background-color: #ECECEC; font: 16px/22px "PT Sans", Arial, sans-serif; }
#searchform textarea { width: 75%; border:1px solid #d3d3d3; margin:4px 0; padding:5px 2px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }
#searchform input[type="submit"] {
	display: inline-block;
	/*margin-top: 26px;*/
	margin-bottom:26px;
	padding: 2px 12px 3px;
	text-decoration: none;
	font: 16px/22px "Open Sans", Arial, sans-serif;
	border: 1px solid #640C0C;
	cursor: pointer;
	background-color: #B17D4F;
	color:#FFFFFF;
	width: 50%;
}
  
  ul.ok li { list-style-image:url(../images/ok.png); margin-left: 40px; margin-bottom:10px }
.icon_pago img { margin: 0 4px }

/*#modalbg{width:100%; height:100%; position:fixed; top:0%; left:0%; z-index:999990; background-color: rgba(0,0,0,0.55)}
#modallogin{width:380px; max-height:360px; position:fixed; top:50%; left:50%; margin-left:-180px; margin-top:-180px; z-index:999999; background-color:#FFFFFF; padding:20px; overflow-y:scroll; height:100%}*/

.obra_border {border: 2px solid #000;}
.thumbs_obras { margin-top: 20px; width:100% }
.boton_fixed_izda {position:absolute; top:50%; left:-30px; z-index:999; padding:6px 3px}
.boton_fixed_dcha {position:absolute; top:50%; right:-30px; z-index:999; padding:6px 3px}
.zoom { cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}
.finger { cursor:pointer }

.border-bottom {
  border-bottom: 1px solid #E8E8E8; padding-bottom:10px
}
.productos {
	font-size: 12px;
	min-height:60px
}

.titulo_productos { color:#CFCFCF }

.clear, .clearfix {clear:both}

.carro_label .precio {
	font-size:16px;
	font-weight:200;
}
.carro_label .detalle h3 span { color:#000000 }

.justify { text-align:justify !important;}
.img-center { margin: auto auto;}
.tooltip-inner {
	background-color: rgba(255,255,255,0.9);
	/*min-width: 600px;
	width:600px !important;*/
	border: 1px solid #B1B1B1;
	color:#000000;
	padding: 10px;
	border-radius:0;
}
.tooltip.in {
	opacity:1;
}
.tooltip.bottom .tooltip-arrow { border-bottom-color: transparent; }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #000;
    background-color: transparent;
	border:1px solid #B17D4F;
}
.nav > li > a {
    color: black;
}
.nav-pills > li { text-transform: uppercase; font-size:16px }

@media only screen  and (max-width: 990px) {
	.nav-pills > li { width: 100%; }
}
.nav-pills.sub-nav > li { font-size:12px }

.modal-xl { width:95%;}
.modal-xl.modal-dialog,
.modal-xl .modal-content {
    /* 80% of window height */
    height: 97%;
}

.modal-xl .modal-content .modal-body {
    /* 100% = dialog height, 120px = header + footer */
    height: 94%;
}
.btn-grey_red {
	color: #B17D4F;
	background-color: #D9D9D9;
	border-color: #C0C0C0;
}
h1 span.points, h4 span.points { font-size:12px;!important }
.points { font-size:10px; color:#B17D4F; text-transform:uppercase; display:inline }

/* ARTICULO */
.articulo H1 { text-align:center; font-size: 2.5em }
.articulo H2 { text-align:center; font-size: 2.1em; color:#333333; font-weight:200 }

.cursor{ cursor:pointer }

.ico { position:absolute; top: 4px; right: 4px; z-index:1000; display:none }

/* Leyendas */
.leyendaimg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 4px 6px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #222;
    background: rgba(0,0,0,.5);
}
.text-caps {
	text-transform:uppercase;
}
.legal {
    font-size: 10px;
	line-height:13px!important;
	text-align:justify
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: none;
}
@media only screen  and (max-width: 767px) {
	.left-xs{ margin-left: 0px !important; text-align:left !important }
	.h-xs-20{ height: 200px !important; }
}
@media only screen  and (max-width: 990px) {
	.h-sm-12{ height: 120px !important; }
}