@charset "utf-8";
/*RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*{outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;text-rendering:optimizeLegibility;}
/**********************************/
@font-face { font-family: 'Poppins-Bold'; src: url('../_fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../_fonts/Poppins-Bold.otf') format('opentype'), url('../_fonts/Poppins-Bold.woff') format('woff'), url('../_fonts/Poppins-Bold.ttf') format('truetype'), url('../_fonts/Poppins-Bold.svg#Poppins-Bold') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Poppins-Medium'; src: url('../_fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../_fonts/Poppins-Medium.otf') format('opentype'), url('../_fonts/Poppins-Medium.woff') format('woff'), url('../_fonts/Poppins-Medium.ttf') format('truetype'), url('../_fonts/Poppins-Medium.svg#Poppins-Medium') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Poppins-Regular'; src: url('../_fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../_fonts/Poppins-Regular.otf') format('opentype'), url('../_fonts/Poppins-Regular.woff') format('woff'), url('../_fonts/Poppins-Regular.ttf') format('truetype'), url('../_fonts/Poppins-Regular.svg#Poppins-Regular') format('svg'); font-weight: normal; font-style: normal;}  
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
/**********************************/
body{ width: 100%; background:rgba(183,164,98,0.3); font-family: 'Poppins-Regular'; font-size:14px; line-height:18px; color: #87868A; text-transform: uppercase;}
a,a:active,a:link,a:visited{ text-decoration:none; color:#A08B47; }
a:hover{ color:#727176; }

h1{ font-size:20px; line-height: 24px; color:#A08B47;}
h2{ font-size:18px; line-height: 22px;}
h3{ font-size:16px; line-height: 20px;}

ul{ margin: 0 15px;}
ul li:nth-of-type(1){ background: #000; color: #fff; text-align: center; padding: 5px 10px; margin: 10px 0; }

img, svg{ overflow: visible; width: 20px; height:20px; vertical-align: middle; margin: 0 10px 0 0;}
label{ display: block; margin: 5px 0;}
label span{ color:#c84955;}
input[type="file"]{ position: absolute; visibility: hidden;}
input[type="text"],input[type="number"],input[type="password"], textarea{ position: relative; width:260px; background: #fff; color:#87868A; border:1px solid #87868A; padding:8px 15px; font-family: 'Poppins-Regular'; font-size:14px; line-height:14px; letter-spacing: 1px; resize: none; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0;}
input{ height: 34px;}
input[readonly]{ background:rgba(183,164,98,0.3);}
textarea{ width:420px;}
input[type="submit"], input[type="button"], button{ -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; font-family: 'Poppins-Regular'; font-size: 14px; line-height: 14px; color:#fff; background:#a08b47; border:none; text-transform: uppercase; padding: 8px 10px; margin: 10px 0px; cursor: pointer; }
input[type="submit"]:hover, input[type="button"]:hover, button:hover{ background:rgba(160,139,71,0.8); color:#fff;}
input[type="submit"]:active, input[type="button"]:active, button:active{ background:#000; color:#fff;}
select:not([multiple]){ background:#fff url(../_img/drop-down-arrow.svg) no-repeat right center; background-size:22px; height: 34px; color:#87868A; border:1px solid #87868A; padding:8px 40px 8px 10px; font-family: 'Poppins-Regular'; font-size: 14px; line-height: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0;}
option{ text-transform: uppercase; }
select[multiple]{ background:#fff; min-width: 260px; height: 200px; color:#87868A; border:1px solid #87868A; font-family: 'Poppins-Regular'; font-size: 14px; line-height: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0;}
select[multiple] option{ padding: 4px 10px;}
select[multiple] option:checked,select[multiple] option:focus{ background:rgba(183, 164, 98, 0.8) !important;}

input[type="checkbox"]{ appearance: none; position: relative; display:inline-block; content: ""; width: 22px; height: 22px; background: url(../_img/check-off.svg); vertical-align:middle; margin: 0px; margin-right: 10px; }
input[type="checkbox"] + label{ display:inline-block; vertical-align: middle; margin: 5px 0px;}
input[type="checkbox"]:checked{ background: url(../_img/check.svg);}

table{ position:relative; border-collapse: collapse; width: 100%; }
table th{ background: #000; color: #fff; padding: 5px 5px; text-align: left;}
table tr:nth-child(odd){ background:rgba(255,255,255,0.3);}
table tr:nth-child(even){ background:rgba(0,0,0,0.1);}
table tr:hover{ background:rgba(183,164,98,0.3);}
table td{ padding: 0 5px; vertical-align: middle;}
table input{ margin: 0 !important;}

.Cols{ display: flex; flex-direction:column;}
.ColsRev{ display: flex; flex-direction:column-reverse;}
.Rows{ display: flex; flex-direction:row;}
.RowsRev{ display: flex; flex-direction:row-reverse;}
.Wrap{ flex-wrap:wrap; }
.NoWrap{ flex-wrap:nowrap;}
.J-End{ justify-content:flex-end;}
.J-Center{ justify-content:center;}
.J-Between{ justify-content:space-between;}
.J-Around{ justify-content:space-around;}
.J-Evenly{ justify-content:space-evenly;}
.AI-Start{ align-items:flex-start;}
.AI-End{ align-items:flex-end;}
.AI-Center{ align-items:center;}
.A-Start{ align-content:flex-start;}
.A-End{ align-content:flex-end;}
.A-Center{ align-content:center;}
.A-Between{ align-content:space-between;}
.A-Around{ align-content:space-around;}
.Salir{ position: absolute; background: #000; padding: 5px; right: 4vw;}
.Salir svg{ fill:#c84955; margin: 0 auto;}
.Salir:hover svg{ fill:#fff;}
.Contenido{ padding:60px 4vw;}
.User{ position: absolute; right: 4vw; text-align: right; padding: 10px 0;}
.User #ShowTime{ color:#b7a462;}
.Seccion{ position: absolute; left: 4vw; text-align: left; padding: 10px 0; }
.Seccion a{ color:#727176;}
.Seccion a:hover{ text-decoration: underline;}
.Categorias a{ position: relative; background-color: none; display: block; width: 120px; height: 120px; text-align: center; margin: 20px; border-radius: 100%;}
.Categorias p{ position: absolute; bottom: 0; transform: translateY(150%); width: 100%; text-align: center;}
.Categorias a svg{ position: absolute; width:50%; height: auto; left: 50; top: 50%;transform: translate(-50%,-50%);}
.Categorias a::after, .Categorias a::before{ content: ""; position: absolute; display: block; width:90%; height: 90%; border: solid 2px #000; border-radius: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.Categorias a::before{ width:80%; height: 80%;}
.Categorias a:hover{ background-color: #B7A462;}

.Enmarcados{ background: #fff; border:1px solid #5B5B5F; padding: 15px; margin-bottom: 20px;}
.Enmarcados h2{ display: inline-block; background: #000; padding: 5px 50px 5px 20px; margin-left:-15px; margin-bottom: 15px; color: #fff;}
/*.Campos{ position: relative; display: inline-block; margin: 0 5px; vertical-align: top;}*/
.Campos{ position: relative; display: inline-block; margin: 10px 5px; vertical-align: top;}
.Campos .sub{ text-transform: uppercase; font-size: 10px; position: absolute; margin: 35px 0 0 -60px; color: #c2c3c9; }
.Notes{ display: block; color:#A08B47; font-size: 12px;}
.Botones{ width: 100%; text-align: right;}
.Botones svg{ fill: #fff;}
.Paginacion{ display: block; margin: 15px 0; text-align: center;}
.Paginacion button{ margin: 0 15px;}
.Paginacion .BtnIcon{ margin: 0 15px !important;}
.OverX{ display: block; overflow-x: auto;}
.divstatus{ display: block; width: 15px; height: 15px; background-color: rgb(9, 175, 0); border-radius: 100%; margin: 0 auto;}
/*.Baja{ color:#fff; background:rgba(176, 0, 32, 0.4) !important;}
.Baja:nth-child(even){background:rgba(176, 0, 32, 0.6) !important;}
.Baja:hover{ background:rgba(176, 0, 32, 0.3) !important;}*/
.Baja .divstatus{ background-color: rgb(176, 0, 32);}
/*.StandBy{ color:#fff; background:rgba(238, 96, 2, 0.4) !important;}
.StandBy:nth-child(even){background:rgba(238, 96, 2, 0.6) !important;}
.StandBy:hover{ background:rgba(238, 96, 2, 0.3) !important;}*/
.StandBy .divstatus{ background-color: rgb(238, 96, 2);}
.DelImg{ position: relative; margin-left: 10px;}
.DelImg img{ display: block; margin: 0; padding: 0; pointer-events: none;}
.DelImg::after{ content:''; position: absolute; display: block; background: rgba(176, 0, 32,0.7) url('../_img/eliminar.svg') center center no-repeat; background-size:50px 50px; width: 100%; height: 200px; top: 0; left: 0; z-index: 100; pointer-events: none; visibility: hidden;}
.DelImg:hover::after{ visibility: visible;}
.Oculto{ display: none;}
.SSize{ width: 70px !important;}
.MSize{ width: 100px !important;}
.GSize{ width: 170px !important;}
.TxtR{ text-align: right;}
.TxtC{ text-align: center;}
.BtnIcon{ background: none; padding: 8px; border-radius: 100%;}
.BtnIcon:hover{ background:#B7A462;}
.BtnIcon svg{ margin: 0;}
.BtnIcon:active{ background:none;}
.AIcon{ position: relative; display: block; background: none; width:36px; height:36px; padding: 8px; border-radius: 100%; margin: 0 auto;}
.AIcon:hover{ background:#B7A462;}
.AIcon svg, .AIcon img{ margin: 0 !important; padding: 0 !important; }
.AIcon2{ margin-bottom: 10px;}
.FillBlack svg *{ fill: #000 !important;}
.BtnIcons{ border-radius: 100%; background:#a08b47; margin: 0; padding: 5px;}
.BtnIcons img{ margin: 0 ;}

.Moneda{ background:#fff url(../_img/money.svg) no-repeat 5px center !important; background-size: 20px !important; padding:8px 10px 8px 30px !important;}
.FWidth{ width: 100%;}
.CodeQR{ position: relative;}
.CodeQR img{ position: relative; width: 400px; height: auto;}
.ViewData{ color:#A08B47;}

.ListadoMultiple{ display: inline-block; width: auto !important; min-width: 260px; margin: 0 !important; background:#E2D8BF; font-size: 12px; line-height: 12px; color:#A08B47; min-height: 118px; overflow-y: scroll; overflow-x: hidden; margin: 0 !important; border:1px solid #87868A; padding-right: 5px; vertical-align: top;}
.ListadoMultiple li{ background: none !important; color:#A08B47 !important; text-align: left !important; padding: 5px 5px !important; margin: 0 !important; cursor: default;}
.ListadoMultiple li:hover{ color:#fff !important; background:#A08B47 !important;}
.ListadoMultiple2{ display: inline-block; width: auto !important; min-width: 260px; margin: 0 !important; background:#E2D8BF; font-size: 12px; line-height: 12px; color:#A08B47; min-height: 118px; overflow-y: scroll; overflow-x: hidden; margin: 0 !important; border:1px solid #87868A; padding-right: 5px; vertical-align: top;}
.ListadoMultiple2 li{ background: none !important; color:#A08B47 !important; text-align: left !important; padding: 5px 5px !important; margin: 0 !important; cursor: default;}
.ListadoMultiple2 li:hover{ color:#fff !important; background:#A08B47 !important;}
.Disable{ background:#EDEEF0;}
.Disable li{ color:#9A999E !important;}
.Disable li:hover{ color:#fff !important; background:#9A999E !important;}

.ImgGaleria{ display: inline-block; width: 49%; padding: 0 10px; vertical-align:top !important;}
.ImgPrev{ position: relative; border:1px solid #87868A; width:100%; height: 220px;}
.ImgPrev div{ position: absolute; width: 100%; height: 100%; font-size: 12px; line-height: 12px; color:#C2C3CA; top: 0; left: 0; z-index: 1; pointer-events: none; }
.ImgPrev div svg{ fill:#C2C3CA; width:60px; height: 60px;}
.ImgPrev ul{ position: relative; margin: 0; list-style: none; z-index: 2; width:100%; height: 220px; overflow-x: scroll; overflow-y: hidden; padding: 5px; box-sizing: border-box; flex-wrap: nowrap; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scroll-padding-inline: 5px; scroll-behavior: smooth;}
.ImgPrev ul li{ position: relative; display: block; scroll-snap-align: center; scroll-snap-align: start; width: auto; }
.ImgPrev ul li:nth-of-type(1){ background: none; padding: 0px; margin: 0px;}
.ImgPrev img{ width: auto; height: 200px;}
.ImgList{ margin: 0; border:1px solid #87868A; width:100%; height: 220px; overflow-x: scroll; overflow-y: hidden; padding: 5px; box-sizing: border-box; flex-wrap: nowrap; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scroll-padding-inline: 5px; scroll-behavior: smooth;}
.ImgList li{ position: relative; display: block; scroll-snap-align: center; scroll-snap-align: start; }
.ImgList li:nth-of-type(1){ background: none; padding: 0px; margin: 0px;}
.ImgList img{ width: auto; height: 200px;}

#ShowObs{ display: inline-block; width: 100%; height: 200px; margin: 0 !important; background:#EDEEF0; font-size: 12px; line-height: 18px; color:#9A999E; overflow-y: scroll; overflow-x: hidden; margin: 0 !important; border:1px solid #87868A; padding: 5px 10px;}
#ShowObs span{ color:#A08B47;}
#ShowObs div{ margin: 10px 0;}
#ShowObs div div{ border-top: 1px #A08B47 dashed; border-bottom: 1px #A08B47 dashed; padding: 5px 0px;}

.BtnAddReg{ position: absolute; -webkit-border-radius:100%; border-radius: 100%; padding:0; margin: 0; right: 5px; bottom: 6px; text-align: center; width: 20px; height: 20px;}
.BtnAddReg img{ width: 12px; height: 12px; margin: 0 !important; padding: 0;}

#ShowIframe{ visibility: hidden; background:rgba(0,0,0,0.8); position: fixed; width: 100%; height: 100%; left:0; top:0; z-index: 100; }
#ShowIframe iframe{ position: absolute; background:#fff; width:450px; height: 450px; left: 50%; top: 50%; margin-left: -225px; margin-top: -225px;}
#ShowIframe #CloseIframe{ position: absolute; left: 50%; top: 50%; margin-left: 200px; margin-top: -220px; cursor: pointer; z-index: 10;}
#ShowIframe2{ visibility: hidden; background:rgba(0,0,0,0.8); position: fixed; width: 100%; height: 100%; left:0; top:0; z-index: 100; }
#ShowIframe2 iframe{ position: absolute; background:#fff; width:80%; height: 80%; left: 10%; top: 10%;}
#ShowIframe2 #CloseIframe2{ position: absolute; right: 10%; top: 10%; cursor: pointer; z-index: 10; margin-top: -24px; margin-left:20px; margin-right:0;}

/*ERROR MESSAGE*/
.Requerido {-webkit-transition: border-color 1s ease, background-color 1s ease; transition: border-color 1s ease, background-color 1s ease;}
.invalid{ border-color:#c84955 !important; background-color:rgba(204,0,0,0.1) !important;}
.AllMsgs{ position: fixed; display: flex; flex-direction: column; pointer-events: none; width:100%; z-index: 1000; bottom:2%;}
.Msgs{ position: relative; width:96%; left:2%; margin: 5px 0; color:#fff; padding:10px; opacity: 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
#MsgError{ background:rgba(200,73,85,0.9); border:solid 1px #c84955; }
#MsgSuccess{ background:rgba(34,119,0,0.9); border:solid 1px #227700; }
.Msgs.show{ opacity: 1;}

/*HEADER*/
header{ position: relative; width: 100%; background: #000; padding: 10px 0; z-index: 10;}
header .Logo{ width: 100px; height: auto; margin: 0 15px;}
header .Logo svg{ width: 100%; height: auto;}
header::before{ background: #B7A462; display: block; content: ""; height: 3px; flex: 1;}
header::after{ background: #B7A462; display: block; content: ""; height: 3px; flex: 1;}

nav{ position: relative; background: #fff; padding:0 4vw; z-index: 9; margin-bottom: 20px;}
nav a{ padding: 15px 10px; color:#727176 !important;}
nav a svg{ fill:#737277;}
nav a:hover{ background:#B7A462; color: #fff !important;}
nav a:hover svg{ fill:#fff;}

/*MENU*/
#Menu{ position: relative; background: #fff; width: 100%; padding:10px 0; z-index: 10; display: none; cursor: pointer; }
#MM{ position: relative; width: 30px; height: 15px; margin: 0 auto;}
#MM span{ position: relative; display: block; width:20px; height:2px; left:4px; top:7px; background: #B7A462;}
#MM span::before,#MM span::after{ background: #B7A462; content: ""; display: block; position: absolute; width:100%; height: 2px; }
#MM span::before{ top: -7px;}
#MM span::after{ top: 7px;}
#MM span::before, #MM span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s;}
#MM span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;}
#MM span::after { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;}
#MM.active span { background: none;}
#MM.active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#MM.active span::after { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#MM.active span::before, #MM.active span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s;}

/*LOGIN*/
.Login{ background:#fff; position: relative; padding: 10px 0;}
.Login label{ display: inline-block; margin: 0 15px;}

/*LISTA ARTICULOS*/
#ArtList{ display: flex; max-height: 320px; width: 100%; overflow-y: hidden; overflow-x: scroll; box-sizing: border-box; flex-wrap: nowrap; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scroll-padding-inline: 5px; scroll-behavior: smooth; gap: 10px; padding-bottom: 10px;}
#ArtList .allarts{ position: relative; display: block; scroll-snap-align: center; scroll-snap-align: start; text-align: center; }
#ArtList .allarts:nth-of-type(1){ color: #87868A; background: none; padding: 0px; margin: 0px;}
#ArtList img{ position: relative; display: block; width: 200px; height: 200px; margin: 0; padding: 0; pointer-events: none; object-fit: contain; }
#ArtList .allarts::after{ content:''; position: absolute; display: block; background: rgba(176, 0, 32,0.7) url('../_img/eliminar.svg') center center no-repeat; background-size:50px 50px; width: 100%; height:200px; top: 0; left: 0; z-index: 100; pointer-events: none; visibility: hidden;}
#ArtList li:hover::after{ visibility: visible;}
.OnView::after{ visibility: visible !important;}
#ArtList.ViewOnly li::after{ content:none; display: none;}
#ArtList.ViewClose li::after{ background: rgba(34, 119, 0,0.7) url('../_img/add2.svg') center center no-repeat; background-size:50px 50px; }
#ArtIncidencia li:nth-of-type(1){ color: #87868A; background: none; padding: 0px; margin: 0px; text-align: left;}
#ArtIncidencia li{ display: none;}
#ArtIncidencia .Rows li{ display: block !important;}

/*#ArtList.ViewClose{ flex-direction: column; max-height: none; overflow-y: auto; overflow-x: auto; }
#ArtList.ViewClose .allarts{ display: flex; align-content: flex-start; justify-content: flex-start; align-items: center; text-align: left; flex-wrap: wrap;}
#ArtList.ViewClose .allarts div{ margin-right: 10px;}
#ArtList.ViewClose .allarts .viewart{ width: 150px; text-align: center;}
#ArtList.ViewClose li::after{ content:none; display: none;}
#ArtList.ViewClose .viewart img{ position: relative; display: block; width: 150px; height: auto; margin: 0; padding: 0; pointer-events: none; object-fit: contain; }
#ArtList.ViewClose .ImgPrev img{ margin-right: 5px;}*/

/*CALENDARIO*/
.ui-helper-hidden {display: none;}
.ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.ui-helper-reset {margin: 0;padding: 0;border: 0;outline: 0;line-height: 1.3;text-decoration: none;font-size: 100%;list-style: none;}
.ui-helper-clearfix:before,.ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;}
.ui-helper-clearfix:after {clear: both;}
.ui-helper-clearfix {min-height: 0;}
.ui-helper-zfix {width: 100%;height: 100%;top: 0;left: 0;position: absolute;opacity: 0;filter:Alpha(Opacity=0);}
.ui-front {z-index: 100;}
.ui-state-disabled {cursor: default !important;}
.ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;}
.ui-widget-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.ui-datepicker {width: 250px;padding:0px;display: none;}
.ui-datepicker .ui-datepicker-header {position: relative;padding:0px;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {position: absolute;top: 50%;width: 22px;height: 22px; margin-top: -11px;}
.ui-datepicker .ui-datepicker-prev {left: 2px;}
.ui-datepicker .ui-datepicker-next {right: 2px;}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}
.ui-datepicker .ui-datepicker-title {margin: 0 20px;text-align: center;}
.ui-datepicker .ui-datepicker-title select {font-size: 12px;margin: 1px 0; text-transform:uppercase;}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {width: 45%; font-size:12px;}
.ui-datepicker table {width: 100%;font-size: 12px;border-collapse: collapse;margin: 0 0 5px;}
.ui-datepicker th {padding: 5px 5px;text-align: center;font-weight: bold;border: 0;}
.ui-datepicker td {border: 0;padding: 1px;}
.ui-datepicker tr { background:none !important;}
.ui-datepicker tr:hover { background:none !important;}
.ui-datepicker td span,.ui-datepicker td a {display: block;padding: 2px;text-align: right;text-decoration: none;}
.ui-datepicker-trigger{ position: absolute; left:5px; bottom:7px;}
.ui-widget {font-family: Arial,sans-serif;font-size: 1.1em;}
.ui-widget .ui-widget {font-size: 1em;}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {font-family: Arial,sans-serif;font-size: 1em;}
.ui-widget-content {border:none;background:#ffffff;color:#000;}
.ui-widget-content a {color: #000;}
.ui-widget-header {border:none;background:#000;color: #ffffff;font-weight: bold; padding: 5px 0 !important;}
.ui-widget-header a {color: #ffffff;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {border:none;background:#ffffff;font-weight: bold;color:#000;}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {color:#000;text-decoration: none;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {border:none;background:#000;font-weight: bold;color:#fff;}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited {color: #000;text-decoration: none;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {border: none;color:#ffffff;background:#000;font-weight: bold;}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {color:#ffffff;background:#000;text-decoration: none;}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {border:none;background:#fff;color: #000;}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {color: #000000;}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {border:none;background:#f3d8d8;color: #000000;}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {color: #000;}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {color: #000;}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {font-weight: bold;}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {opacity: .7;filter:Alpha(Opacity=70); font-weight: normal;}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {opacity: .35;filter:Alpha(Opacity=35); background-image: none;}
.ui-state-disabled .ui-icon {filter:Alpha(Opacity=35);}
.ui-icon { width: 16px; height: 16px;}
.ui-widget-header .ui-icon {background-image: url("../_img/ui-icons_ffffff_256x240.png");}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {background-image: url("../_img/ui-icons_f2664d_256x240.png");}
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }

/*AUTOCOMPLETE*/
.ui-autocomplete{ position: absolute; background:rgba(226, 216, 191); font-size: 12px; line-height: 12px; color:#A08B47; max-height: 110px; overflow-y: auto; overflow-x: hidden; margin: 0 !important; width: 100%; border:1px solid #87868A;}
* html .ui-autocomplete{ height: 100px;}
.ui-autocomplete li:nth-of-type(1){ background: none; color:#A08B47; text-align: left; padding: 0; margin: 0;}
.ui-menu-item-wrapper{ padding: 5px;}
.ui-state-active{ color:#fff; border-color:#A08B47 !important; background:#A08B47 !important;}
.ui-helper-hidden-accessible { display:none; }

/*SPINNER*/
.spinner{ padding:8px 25px 8px 15px !important;}
.ui-spinner-button{ position: absolute; display: inline-block; background: url(../_img/arrow-down.svg) no-repeat center center; width: 13px; height: 13px; margin-left: -17px;}
.ui-spinner-up{ margin-top: 4px; transform: rotate(180deg);}
.ui-spinner-down{ margin-top: 17px;}


@media only screen and (max-width:1000px){
    .ImgGaleria{ display: block; width: 100%;}  
    
}
@media only screen and (max-width:600px){
    input[type="text"],input[type="password"], textarea{ width: 100%;}
    select{ width: 100%;}
    
    nav{ position: absolute; width: 100%; flex-direction:column; padding:0; height: 0; overflow: hidden;}
    nav a{ display: block; width: 100%;}
    nav.active{ height: auto;}
    
    .Contenido{ padding:100px 4vw;}
    .Seccion{ margin-top: 40px;}
    .Campos{ display: block; }
    .CSize{ display: inline-block; }
    .Botones{ text-align: center;}
    .Paginacion select{ width: auto;}
    .CodeQR img{ width: 100%; }
    
    #ShowIframe iframe{ width:90%; height: 50vh; margin-left: -45%; margin-top: -25vh;}
    #ShowIframe #CloseIframe{ margin-left: 38vw; margin-top: -28vh;}
    
    /*MENU*/
    #Menu{ display: block;}

    /*LOGIN*/
    .Login{ padding: 15px; text-align: center;}
    .Login label{ margin: 5px 0;}
    
}

@media screen and (max-width: 3000px) and (min-width: 601px){
    .ficha.desktop{display: block;}
    .ficha.movil{display: none;}
}
@media screen and (max-width: 600px) and (min-width: 100px){
    .ficha.desktop{display: none;}
    .ficha.movil{display: block;}
}


/* - - - - - - - - - - Thumbnail - - - - - - - - - - - */
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
#preview{
	position:absolute;
	border:2px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
#preview img{
	width: 200px;
	height: auto;
    margin: 0;
}
.preview img{
	width: 75px;
	height: auto;
	padding:5px;
}

/* - - - - - - - - - - Ficha - - - - - - - - - - - */
:root {
	--transparent-grey: rgba(0,0,0,0.5); 
}
.ficha #window, #slide-container {
    width: fit-content;
}
.ficha #slide-container {
    height: fit-content;
    overflow: hidden; 
    position: relative; 
}
.ficha .slide {
    max-width: 290px;
    width: auto; 
    min-height: 385px; 
    margin: 0 !important;
}
.ficha .slide_mov {
    width: 100%; 
    height: auto; 
    margin: 0 !important;
}
.ficha .slides {
    display: block; 
}
.ficha .arrow {
    color: white; 
    font-size: 26px; 
    position: absolute; 
    top: 50%; 
    transform: translate(0%, -50%); 
    padding: 16px; 
    background-color: rgba(0,0,0,0); 
    transition: background-color 0.3s ease; 
}
.ficha .arrow:hover {
    cursor: pointer;
    background-color: var(--transparent-grey); 
}
.ficha #next, .ficha #next_mov {
    left: 100%; 
    transform: translate(-100%, -50%); 
    border-radius: 4px 0px 0px 4px; 
}
.ficha #previous, .ficha #previous_mov {
    border-radius: 0px 4px 4px 0px; 
}
.ficha #dotsContainer {
    width: 100%;
    height: 20px; 
    text-align: center; 
    position: absolute;
}
.ficha #dotsContainer_mov {
    width: 100%;
    height: 20px; 
    text-align: center; 
    position: absolute;
}
.ficha .dots, .ficha .dots_mov {
    width: 8px;
    height: 8px;
    background-color: rgba(0,0,0,0.2); 
    border-radius: 100%; 
    display: inline-block; 
    margin: 8px 2px; 
}
.ficha .dots:hover, .ficha .dots_mov:hover {
    cursor: pointer; 
    background-color: rgba(0,0,0,0.4);
}
.ficha .activeDot {
    background-color: rgba(0,0,0,0.6); 
}
.cafe{color:#A88B40 !important }
.gris{color:#737277 !important }
.bco{color: #ffffff;}
.ficha svg{fill:#737277; width: 90px; height: 50px;}
.ficha{width: 612px; height: 792px; padding: 0px;font-family: 'Poppins', sans-serif !important; color: #737277; text-transform: uppercase; background-color: #ffffff; display: flex; flex-direction: column;}
.ficha .row{display: flex; flex-direction: row;}
.ficha .izq{width: 55%; padding: 10px; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;  background-color: #E8E0CB;}
.ficha .der{width: 45%; padding: 10px; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
.ficha .logo{}
.ficha .titulo{padding: 7px 30px 7px 20px; margin-top: 15px; background-color: #000000; color: #ffffff; font-weight: 600; margin-bottom: 20px;}
.ficha .datos{margin-left: 10px;}
.ficha .galeria{position: relative; border: solid 8px #ffffff; margin: 20px 0 0 20px;}
.articulo{ color: #ffffff; padding-top: 35px; padding-left: 40px; font-weight: 700}
.block{display: block;}
img.foto{margin-left: 50px; margin-top: 20px; height:460px; width:auto; border: solid 8px #ffffff; }
.info{font-size: 13px;}
.info div{margin: 5px 0;}
.info span.cafe{margin-left: 7px;}
.titulo_div{border-bottom: 1px solid #737277; padding-bottom: 5px; margin: 15px 0 !important; width: 100%; font-weight: 600;}
.titulo_div:after{content: url("<?= BASE_URL ?>_img/balon.svg"); width: 20px; height: 20px; display: block; float: right; }
.ficha.movil{width: 100%; height: 100%;}
.ficha.movil .info{margin: 10px;}
.ficha.movil .galeria{margin:0;}
.cont-movil{width: 100%; height: 100%;}