@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap');
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,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,fieldset,form,label,input,textarea{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;box-sizing:border-box;box-sizing:padding-box;-moz-box-sizing:border-box;vertical-align:top;transition:all .3s ease 0; font-family: 'Lato', sans-serif;}i,em{font-style:italic}ul {box-sizing:border-box;box-sizing:padding-box;-moz-box-sizing:border-box;}ul,li{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;vertical-align:top; }b,strong{font-weight:600}a{display:block;text-decoration:none;color:#222; cursor:pointer;}img{vertical-align:middle} div {display:block;}

body {background:#efefef}

textarea {padding:5px;}


.estilobk_submenu {background:#2B91AE;}
.estilotxt_submenu {color:#fff;}

.neutro {padding:20px; background-color:#f7f7f7}

.negrita {font-weight:700}

.marginauto { margin:0 auto; width:100%; padding:46px 20px 0px 20px;}
.marginremesas{padding-top:0px;}

.seleccioremesa h2{font-size:18px; padding-bottom:10px;}

.seleccioremesa_bloc {display:inline-block; padding-top:5px;}
.seleccioremesa_bloc_top p{font-size:14px; padding-bottom:5px;}
.seleccioremesa_bloc i{display:inline-block; color:#000; margin-right:5px;}
.seleccioremesa_bloc input.camp{display:inline-block; padding:5px 10px; font-size:14px; border:1px solid #ddd; min-width:100px;}
.seleccioremesa_bloc input.boto{margin-left:3px;display:inline-block; padding:8px 14px; font-size:14px;color:#fff; background:#000; margin-bottom:20px; cursor:pointer;}


.supermenu_bottom_dash ul li {text-align:left; margin-bottom:5px;}
.supermenu_bottom_dash ul li a{font-size:16px; font-weight:400; margin-bottom:10px; padding:10px 20px; background:#dedede;cursor:default;}
.supermenu_bottom_dash ul li ul{padding-left:10px;}
.supermenu_bottom_dash ul li ul li{display:inline-block;  margin:0px 20px 0px 0px;}
.supermenu_bottom_dash ul li ul li a{font-size:14px; font-weight:600; background:transparent; padding:5px 20px; cursor:pointer; text-align:center}
.supermenu_bottom_dash ul li ul li a span{font-size:24px !important;  display:block !important; margin-bottom:10px;}
.supermenu_bottom_dash ul li ul li a span i{background:#fff; -webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px; height:44px; width:44px; padding:10px;position:relative;}
.supermenu_bottom_dash ul li ul li a span i::before{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}


.submenu { position:fixed; top:0px; left:0px; z-index:100; width:100%}
.submenu ul li{list-style:none; display:inline-block; position:relative; }
.submenu ul li a{padding:14px 10px 15px 10px ; text-align:center; position:relative;}

.submenu ul li span{ text-align:center; padding:1px 10px 1px 25px;display:inline-block; font-size:14px;}
.submenu ul li i{display:inline-block; position:absolute; left:10px; top:50%;  -webkit-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
          transform: translate(0%,-50%); font-size:14px;}
.submenu ul li a:hover{ background:#f0f0f0; color:#000}
.submenu ul li a.here{ background:#f0f0f0; color:#000}


.submenu ul li.recerca { padding:11px 20px 10px 40px; vertical-align:middle; }
.submenu ul li.recerca i{ padding:6px 8px 6px 0px; font-size:16px;}
.submenu ul li.recerca input{ padding:5px; font-size:12px;}
.submenu ul li.recerca input.calendari_submenu{ padding:4px 5px; font-size:12px;}
.submenu ul li.recerca select{ padding:4px; font-size:12px; margin-right:6px; cursor:pointer;}


h1.titulo{padding:15px 0px; font-size:16px; color:#000; font-weight:900;}
h1.titulo i{ margin-right:5px;}

.contingut-interior{ background:#fff; }
.contingut-interior table { border-spacing:0px; border-collapse: collapse; }
.contingut-interior table, th, td { border: 1px solid #ddd;}
.contingut-interior table td {padding:6px 6px; position:relative; font-size:13px}
.contingut-interior table td a.vol{right:10px; top:50%; position:absolute; -webkit-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
          transform: translate(0%,-50%); }
.contingut-interior table td a.vol i{ font-size:15px; color:#222222}

.contingut-interior table td span.vol{right:5px; top:5px; position:absolute}
.contingut-interior table td span.vol a{display:inline-block; margin-left:10px;}


.contingut-interior table tr:nth-child(odd) {background:#f7f7f7}
.contingut-interior table tr:first-child {color:#000}
.contingut-interior table td i.i-left{margin-left:10px; width:20px;}
.contingut-interior table tr:hover{background:#eeeeee; }

.contingut-interior table { border:0px;}
.contingut-interior th { border:0px;}
.contingut-interior table td.nostyles {padding:0px 0px; position:relative; font-size:14px; border:0px;}

.contingut-formulario{ background:#f7f7f7; padding:20px; position:relative;}
.contingut-formulario table { border-spacing:0px; border-collapse: collapse; width:100%; border:1px solid #ddd }
.contingut-formulario td {
  border: 0px;
}
.contingut-formulario th {
  border: 0px;
}
.contingut-formulario table {
  border: 0px;
}
.contingut-formulario table td {padding:0px 10px; position:relative; font-size:14px}
.contingut-formulario table td a.vol{right:5px; top:5px; position:absolute}
.contingut-formulario table td a.vol i{ font-size:15px; color:#666666}

.contingut-formulario h1 {padding:0px 10px;}

.login-block input.camp{ padding:5px 10px; width:100%; border:1px solid #dddddd}
.login-block input.boto{ padding:8px 16px; font-size:18px; color:#fff; background:#000; margin-bottom:20px; cursor:pointer;}
.login-block input.radio{ margin:2px 2px 0px 0px;}
.login-block select.selector{padding:5px 10px; width:100%; border:1px solid #dddddd; cursor:pointer;}
.login-block textarea.texto{ padding:5px 10px; width:100%; min-height:120px; border:1px solid #dddddd}

h1.titulotarea {position:absolute; left:10px; top:-30px; padding:0px; font-size:24px;}
h1.titulotarea i{ font-size:21px !important;}
span.programartarea {width:100%; position:relative; text-align:left; display:inline-block; padding:5px 10px 7px 10px;  cursor:pointer;  font-weight:600; background: rgba(224,224,224,1);
background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(199,199,199,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,224,224,1)), color-stop(100%, rgba(199,199,199,1)));
background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(199,199,199,1) 100%);
background: -o-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(199,199,199,1) 100%);
background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(199,199,199,1) 100%);
background: linear-gradient(to bottom, rgba(224,224,224,1) 0%, rgba(199,199,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c7c7c7', GradientType=0 );}
span.programartarea i{position:absolute; right:5px; top:50%; -webkit-transform: translate(0%,-60%);
      -ms-transform: translate(0%,-60%); transform: translate(0%,-60%); z-index:10}

.taulaprogramacio {margin:0px 10px; background:#fff; }
.taulaprogramacio table{padding:10px 0px;}

.login-block ul{position:absolute; right:30px; top:20px;}
.login-block ul li{list-style:none; color:#d21729; font-size:9px; font-weight:700; text-transform:uppercase;}
.login-block a.login-idioma {display:inline-block; padding:3px 10px; color:#000000; font-size:14px; text-transform:uppercase; }
.login-block a.seleccionado { background-color:#dddddd}
.login-blocksinp{ padding:10px 0px; position:relative;}
.login-blocksinp ul {right:00px; top:-10px;}
.login-blockR {  text-align:right; }
.login-blockL{  text-align:left; }
.login-links {text-align:center;}
.login-links p {color:#000; font-size:14px; margin-bottom:10px;}
.login-links p:last-child { margin-bottom:0px;}
.login-links p a {color:#173c60; display:inline-block;}
.login-blocklinea{border-top:1px solid #eeeeee; margin:10px 0px;}


.volador {position:absolute; z-index:100; bottom:auto; border:1px solid #ddd; background:#fff; min-width:100%; max-height:200px; overflow:auto}
.voladorin{position:relative;}
span.exis {position:absolute; z-index:1000; right:-10px; bottom:0px; font-size:12px; -webkit-border-radius: 60px; -moz-border-radius: 60px;
border-radius: 60px; background:#2B91AE; color:#fff; font-weight:700; padding:4px 7px; cursor:pointer;}
span.exis:hover {background:#187a6b;}
.volador a {padding:5px; border-bottom:#dedede}
.volador a:hover {background:#f7f7f7}
.volador a:last-child {border-bottom:0px}

a.comselect {padding:5px 10px; display:block; border:1px solid #dddddd; background:#eeeeee; font-size:14px; color:#000; position:relative;}
a.comselect i{position:absolute; pointer-events:none; z-index:100; right:5px; top:5px;}

span.login-block-span-vol {position:absolute; right:5px; bottom:14px; }
span.login-block-span-vol a{ background:#fff; border:1px solid #cccccc; padding:4px; display:inline-block; color:#000; font-weight:900; font-size:22px;line-height:11px;}
span.login-block-span-vol a i {font-size:12px}
.login-block-absolute{display:none; max-height:150px; overflow:auto; padding:5px; position:absolute; bottom:auto; left:0px; background:#fff; z-index:10; min-widtH:100%; border:1px solid #dddddd; border-top:0px; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);}
.login-block-absolute-bloc {padding:5px; white-space:nowrap}
.login-block-absolute-bloc input {vertical-align:middle; margin-right:4px;cursor:pointer;}

.lineainput{vertical-align:middle; margin-bottom:3px;}
.lineainput input{vertical-align:middle; display:inline-block}
.lineainput span{vertical-align:middle; display:inline-block; margin-left:3px;}

.misstagepopup{text-align:center; padding:10px 5px; font-size:15px;}
.misstagepopup i{display:inline-block; margin-right:2px; vertical-align:middle; font-size:18px;}


.popup {position:relative; height:100%;}
.popupin {width: 40%;  max-height: 80%; margin: auto;  position: absolute;  padding:50px 20px 50px 20px;  background:#ffffff;   top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%); overflow:auto;}
.popupdreta .popupin { -webkit-transform: translate(-50%,0%);
      -ms-transform: translate(-50%,0%);
          transform: translate(-50%,0%); top:40px}
.popupin_large {width:80%;}
.popupin_editor {width:830px; height:455px}
.popupin55 {width: 65%;}
.popupin45 {width: 45%;}
.popupin35 {width: 35%;}
.popupinin { vertical-align:middle; display:block; }
.popupcentrat {text-align:center;}
.popupin i{ color:#000; padding-right:5px; }
.popupin i.tancar {position: absolute; right:4px;top:4px; color:#000; cursor:pointer; padding:6px 10px;font-size:30px; background:#dddddd }
.popupinin p {font-size:18px;}
.popupinin h3 {font-size:18px; font-weight:900; padding-right:220px;}

.popup_buttons {text-align:center; margin-top:20px;}
.popup_buttons a {display:inline-block; margin:0px 5px; padding:8px 16px; color:#fff; background:#999999; }

.ui-datepicker{z-index:100 !important}
.ui-datepicker td span, .ui-datepicker td a{padding:0.1em !important}
.ui-datepicker th {padding:0.2em .1em}
.ui-datepicker .ui-datepicker-header{padding:.1em 0}


.popup_buttons a.confirmar { background:#000000; }
.templatesdiv { position:fixed; z-index:10000; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.7); }
.popup-overflow{ background:#fff; padding:0px 0px 20px 0px; margin-top:10px;overflow:auto; height:300px; position:relative;}
.popup-overflow table { border-spacing:0px; border-collapse: collapse; }
.popup-overflow table, th, td { border: 1px solid #ddd;}

.popup-overflow table td {padding:5px 10px; position:relative; font-size:12px}
.popup-overflow table td a.vol{right:5px; top:5px; position:absolute}
.popup-overflow table td a.vol i{ font-size:15px; color:#666666}

.popup-overflow table tr:nth-child(odd) {background:#f7f7f7}

.popup-recerca {position:absolute; right:0px; top:10px;}
.popup-recerca input { border:1px solid #dddddd; padding:2px;}
.popup-top {position:relative; padding-top:10px; }

.popup-bottom {text-align:center; max-height:auto; overflow:auto;}
.popup-bottom-bloc { width:50%; padding-bottom:20px; text-align:left; display:inline-block; position:relative;}
.popup-bottom-bloc input.camp{ width:100%; border:1px solid #ddd; padding:10px; font-size:16px;}

.popup-bottom-bloc select{ width:100%; border:1px solid #ddd; padding:6px; cursor:pointer;font-size:16px; background:#fff}
.popup-bottom-bloc textarea{ width:100%; border:1px solid #ddd; padding:10px; font-size:16px; min-height:60px;}
.popup-bottom-bloc p{ font-size:14px; font-weight:900; padding-bottom:6px;}
p.loginbot {font-size:14px; padding-top:10px;}
.popup-bottom-bloc input {padding:6px !important; font-size:16px;}
.popup-bottom-bloc input.boto{ display:inline-block; text-align:center; padding:12px 20px; font-size:18px; background:#666666; color:#fff; cursor:pointer; }
.popup-bottom-bloc-check{text-align:center;}
.popup-bottom-bloc-check input {vertical-align:middle; margin-right:5px}
.centrado {text-align:center}
.derecha {text-align:center}
.popup-bottom-bloc span { cursor:pointer;position:absolute; z-index:100; right:10px; top:50%; -webkit-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
          transform: translate(0%,-50%); }
.popup-bottom-blocmid { width:50%; padding-right:5px; display:inline-block}
.popup-bottom-blocmid:last-child { width:50%; padding-right:0px; padding-left:5px;}


.popup-intro {width:100%; padding:0px 15%; text-align:left;}
.popup-intro .popup-bottom-bloc{width:100%}
.popup-intro .popup-bottom-bloc input{text-align:left;}
.popup-intro .popup-bottom-bloc input.chek{vertical-align:middle;}
.popup-intro .popup-bottom-bloc a{display:inline-block;}
.popup-intro .popup-bottom-bloc a:hover{ color:#29b39d}

.dashboards {display: -webkit-flex;   display:flex;-webkit-flex-flow: row;flex-flow: row; margin-bottom:20px; }
.dashboardscomplete {width:100% }

.dashboardx4 {background:#fff;-webkit-flex: 25%; flex: 25%; margin-right:10px; position:relative;font-size:13px;}
.dashboardx3 {background:#fff;-webkit-flex: 33.333%; flex: 33.333%; margin-right:10px; position:relative;font-size:13px;}
.dashboardxdoble {background:#fff;-webkit-flex: 66.666%; flex: 66.666%; margin-right:10px; position:relative;font-size:13px;}
.dashboardx2 {background:#fff;-webkit-flex: 50%; flex: 50%; margin-right:10px; position:relative;font-size:13px;}
.dashboardx1 {background:#fff;-webkit-flex: 100%; flex: 100%; margin-right:10px; position:relative;font-size:13px;}
.dashboardin { padding:10px; height:250px; overflow:auto; position:relative;}
.dashboardmenu {-webkit-flex: 26%; flex: 26%; margin-right:10px; position:relative;font-size:13px;}
.dashboardnomenu {background:#fff;-webkit-flex: 37%; flex: 37%; margin-right:10px; position:relative;font-size:13px;}

.dashboardtop {background:#ddd; padding:6px; }
.dashboardin table { border-spacing:0px; border-collapse: collapse; }
.dashboardin table, th, td { border: 1px solid #ddd;}
.dashboardin table td {padding:6px 6px; position:relative; font-size:13px}
.dashboardin span.actividad {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:100px; color:#2B91AE;}
.dashboards div:last-child {margin-right:0px;}
.sinaltura {height:auto;}

.leadleft_icones{display:block; text-align:center; padding:10px;background-color:#fff }
.leadleft_icona{display:inline-block; margin:5px 2px; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; background:#2B91AE;}
.leadleft_icona i{ padding:10px; display:inline-block; color:#fff}
.leadcentre_top{ padding:8px 0px; font-weight:700; font-size:14px; }

.leadleft_user{display:block; text-align:center; padding-top:20px; background-color:#fff }
.leadleft_user a{-webkit-border-radius: 60px;
-moz-border-radius: 60px; border-radius: 60px;  font-size:24px; position:relative; display:inline-block; padding:10px 14px;}
.leadleft_user p{ font-size: 20px;}
.leadright_option{ display:table; position:relative; width:100%; padding:5px 10px 8px 10px;background: rgba(224,224,224,1);
background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(199,199,199,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,224,224,1)), color-stop(100%, rgba(199,199,199,1)));
background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(199,199,199,1) 100%);
background: -o-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(199,199,199,1) 100%);
background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(199,199,199,1) 100%);
background: linear-gradient(to bottom, rgba(224,224,224,1) 0%, rgba(199,199,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c7c7c7', GradientType=0 );}
.leadright_option span.que{float:left;font-size:14px; font-weight:700; color:#333;}
.leadright_option span.crear{float:right;font-size:14px; font-weight:700; color:#2B91AE;}
.leadright_option i {position:absolute; right: 10px; top:50%; -webkit-transform:translate(0%,-70%);-ms-transform:translate(0%,-70%);transform:translate(0%,-70%); color:#000;}



.sinbordes table { border: 0px solid #ddd;}
.sinbordes th { border: 0px solid #ddd;}
.sinbordes td { border: 0px solid #ddd;}


.bkwhite{ background:#fff}


.pastilles { padding:0px 0px 20px 0px;}
.pastilles ul{display:block; position:relative;}
.pastilles ul:after{ content:""; position:absolute;z-index:0; width:100%; height:1px; background:#dddddd; left:0px; bottom:0px; }
.pastilles ul li{display:inline-block; margin-right:2px; }
.pastilles ul li a{ position:relative; display:inline-block; z-index:10; padding:10px 20px; color:#000; border:1px solid #dddddd; background:#dddddd; border-bottom:0px; font-size:13px;}
.pastilles ul li a.actiu {background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 79%, rgba(239,239,239,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(79%, rgba(239,239,239,1)), color-stop(100%, rgba(239,239,239,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 79%, rgba(239,239,239,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 79%, rgba(239,239,239,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 79%, rgba(239,239,239,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 79%, rgba(239,239,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 ); }
.pastilles ul li a.actiu2 {background:#fff; }

.paginator { text-align:right; padding:20px 0px;}
.paginator ul li{ list-style:none; display:inline-block; margin-left:1px;}
.paginator ul li a{ padding:5px 10px; font-size:13px; font-weight:700; color:#000; background-color:#e5e5e5 }
.paginator ul li span.here{padding:5px 10px; font-size:13px; font-weight:700; color:#000;cursor:default}
.paginator ul li span{ display:block;padding:10px; font-size:13px; font-weight:700; color:#000;}

.contingut-calendari table td {position:relative; padding-top:30px; }
.contingut-calendari table td span.day{position:absolute; width:100%; top:0px; left:0px;color:#333333; background:#e7e7e7; padding:5px;}
.contingut-calendarinotes table {border:1px solid #e7e7e7 !important}
.contingut-calendarinotes th {border:1px solid #e7e7e7 !important}
.contingut-calendarinotes td {border:1px solid #e7e7e7 !important}

.contingut-calendari-bloc {font-size:12px; line-height:16px; color:#333333;position:relative;-webkit-box-shadow: 0px 2px 2px 0px rgba(153,153,153,1);
-moz-box-shadow: 0px 2px 2px 0px rgba(153,153,153,1);
box-shadow: 0px 2px 2px 0px rgba(153,153,153,1); padding:5px; margin-bottom:8px; background:#f7f7f7}
.contingut-calendari-bloc:last-child { margin-bottom:5px;}

span.contingut-calendari-user {vertical-align:middle; display:inline-block; padding:2px 4px; color:#fff; font-size:12px; line-height:12px; position:absolute; right:5px; top:5px;}
span.contingut-calendari-user font{padding:1px 4px !important;  font-size:12px !important; line-height:12px !important;}
span.contingut-calendari-user span {padding:2px 2px; display:inline-block;}
.contingut-calendari-bloc i {margin-right:5px;}
 
 .sinpadding{padding:0px}

.galeria{padding:10px; background:#fff}
 .gal{display:inline-block; width:16.666%; height:100px; overflow:hidden; padding:10px 10px 0px 10px; margin-bottom:10px; position:relative;} .gal img{width:100% }  .galx {position:absolute;  right:10px; top:0px;  padding:5px; } .galx span{cursor:pointer;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;width:24px; height:24px;background-color:#999; color:#fff; position:relative; display:none} .galx span i{position:absolute; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); left:50%; top:50%; font-style:normal; font-weight:900; font-size:11px; }.galx:hover span {background-color:#000000;}
 .gal:hover .galx span{display:inline-block}

 .galimg{display:inline-block; width:700px; height:400px; overflow:hidden; padding:10px 10px 0px 10px; margin-bottom:10px; position:relative;} .gal img{width:100% }  .galx {position:absolute;  right:10px; top:0px;  padding:5px; } .galx span{cursor:pointer;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;width:24px; height:24px;background-color:#999; color:#fff; position:relative; display:none} .galx span i{position:absolute; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); left:50%; top:50%; font-style:normal; font-weight:900; font-size:11px; }.galx:hover span {background-color:#000000;}
 .galimg:hover .galx span{display:inline-block}

 .etiquetas { }
 .etiqueta { display:block; background:#eeeeee; padding:10px 10px 10px 30px; color:#333; font-weight:600; font-size:12px; margin-bottom:5px; position:relative;}
 .etiqueta:last-child {margin-bottom:0px; }
 .etiquetax {position:absolute; left:0px; top:50%;  padding:5px;  -webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);}
 .etiquetax span{cursor:pointer;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;width:20px; height:20px;background-color:#999; color:#ddd; position:relative; display:inline-block}
 .etiquetax span i{position:absolute; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); left:50%; top:50%; font-style:normal; font-weight:900; font-size:11px; }
 .etiquetax:hover span{background:#222}