/* indice=107*/
#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;	background:url(/imgctrl/ui.totop.png) no-repeat left top;}
#toTopHover {background:url(/imgctrl/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}
/* indice=201*/
.social {background-image: url("/images/social32.jpg");background-repeat: no-repeat;display: block;float: left;height: 32px;margin-left: 0px;width: 32px;margin:0px 5px 5px 0px;}
.facebook {background-position: 0px 0px;}
.facebook:hover {background-position: 0 -32px;}
.twitter {background-position: -32px 0px;}
.twitter:hover {background-position: -32px -32px;}
.google{background-position: -64px 0px;}
.google:hover {background-position: -64px -32px;}
.instagram{background-position: -96px 0px;}
.instagram:hover {background-position: -96px -32px;}
.pinterest{background-position: -128px 0px;}
.pinterest:hover {background-position: -128px -32px;}
.flickr{background-position: -160px 0px;}
.flickr:hover {background-position: -160px -32px;}
.youtube{background-position: -192px 0px;}
.youtube:hover {background-position: -192px -32px;}
.vimeo{background-position: -224px 0px;}
.vimeo:hover {background-position: -224px -32px;}
.rss{background-position: -256px 0px;}
.rss:hover {background-position: -256px -32px;}

/* indice=212*/
body {font-family: "Trebuchet MS",'Inconsolata',arial,serif;}
h1, h2, h3, h4, h5, h6 {color:#000;padding-bottom:10px;font-family:'Oswald', sans-serif;text-transform: uppercase;}
a {color:#000;}
a:hover {color:#b30000;}
a:focus {color:#b30000;}
@screen (max-width: 480px) { h1 {font-size:24px}h2 {font-size:22px}h3 {font-size:20px}h4 {font-size:16px}h5 {font-size:14px}h6 {font-size:12px} }
@media (min-width: 481px) and (max-width: 800px) {h1 {font-size:24px}h2 {font-size:22px}h3 {font-size:20px}h4 {font-size:16px}h5 {font-size:14px}h6 {font-size:12px} }
footer {background-image:url(/images/body.png);background-repeat:repeat;background-position:top left;background-color:#eee;padding:20px 5px 0px 5px;}
#piemapa {padding-bottom:20px;font-size:0.7em;border-top: 1px dotted #666;}
#piemapa ul li {margin:0px 10px;}
#piemapa ul ul {margin:0px;padding:0px}
#pieidiomas {text-align:right;}
#pieempresa {padding-bottom:20px;}
/* header {position:fixed;width:100%;z-index:9999;transition: height 0.3s ease 0s;top:0;} */
header.smaller {position: fixed;top: 0;left: 0;}
.smaller #bot { position: absolute;  top: 0!important;  transform: translateY(0%)!important;right: 0;}
@media (min-width: 1281px) {  }
#logotipo{height:auto!important;}
#menuprincipal {font-family:'Oswald', sans-serif;text-transform: uppercase;font-size:1.2em;margin-bottom:0px;}
#menuprincipal .navbar-brand {padding: 0px 15px 15px 15px!important;}
@media (min-width: 801px) { 
#botonera {position: relative;}
#botoneratr ul {float:right;margin-top:25px;}
#bot { position: absolute;  top: 50%;  transform: translateY(-50%);right: 0;}
}
.buscaidioma {margin-right:50px;}
#pielegal {font-size:10px; }
.tramofondo {background-color:#b30000;}
.verdefondo {background-color:#b7f098;}
.grisclarofondo {background-color:#f0f0f0;}
.amarilloclarofondo {background-color:#dddbdb;}
.naranjafondo {background-color:#ef572d;}
#mapa {padding:5px;margin:0px;}
#mapa li {display:block;float:left;margin:5px 10px;font-size:1.4em;width:20%x;font-family: "calibri",arial,serif;}
#mapa li ul li {width:100%;}
#pieidiomas ul {list-style:none;display:block;float:left;padding:0;}
#pieidiomas ul li {font-size:1.4em;line-height:30px;}
@media (min-width: 801px) { 
.img-mapa {border:10px solid #c12e2a;}
}
@media (max-width: 800px) { 
.img-mapa {border:5px solid #c12e2a;}
}
.navbar-toggle {
    background-color: #fff;
    border: 1px solid #666;
}
.navbar-toggle .icon-bar {
    background-color: #666;
}
.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
}
/* =Header
-------------------------------------------------------------- */
header {width: 100%;overflow: hidden;z-index: 999;
-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s; }
header .navbar-header
{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
header nav {}
header nav a {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
header.smaller .navbar-brand img {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
header.smaller {height: 50px;}
header.smaller #logotipo {height: 50px;line-height: 40px;font-size: 30px; }
header.smaller nav a {line-height: 25px; } 
header.smaller .navbar-default {background-color:#ccc!important;background-image:none!important;}
header.smaller .navbar-brand {padding:0px;}
header.smaller .navbar-brand img {height:45px;}
header.smaller .navbar-default .navbar-nav > li > a {color: #000;}
/* indice=225*/
#clientes {margin:20px auto 30px auto;}
/* indice=233*/
@media (min-width: 800px) {
#botoneratr {background:url(/images/demo.png) no-repeat top left;}
}
.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
  position: absolute !important;
  -webkit-transform: none !important;
     -moz-transform: none !important;
      -ms-transform: none !important;
       -o-transform: none !important;
          transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255,255,255,.9);
  border: 1px solid #777;
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0,0,0,.4);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
  position: absolute;
  z-index: 10000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
      -ms-box-sizing: content-box;
       -o-box-sizing: content-box;
          box-sizing: content-box;
}

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
  background:    -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background:     -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
  background:      -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  border: 5px solid white;
  content:'';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
}
.introjs-arrow.right-bottom {
  bottom:10px;
  right: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color:white;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom:10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}

.introjs-tooltip {
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0,0,0,.4);
  -webkit-transition: opacity 0.1s ease-out;
     -moz-transition: opacity 0.1s ease-out;
      -ms-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a;
}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-progress {
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1
}
.introjs-progressbar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}
/* indice=247*/
.alergeno100 {background-image: url("/images/alergeno100.png");background-repeat: no-repeat;display: block; float: left;height: 100px;margin: 0 5px 5px 0;width: 75px;}
.gluten100 {background-position:0px 0px;}
.crustaceos100 {background-position:-75px 0px;}
.huevos100 {background-position:-150px 0px ;}
.pescado100 {background-position: -225px 0px;}
.cacahuetes100 {background-position: -300px 0px;}
.soja100 {background-position: -375px 0px;}
.lacteos100 {background-position:-450px 0px;}
.frutoscascara100 {background-position:0px -100px;}
.apio100 {background-position:-75px -100px;}
.mostaza100 {background-position:-150px -100px;}
.sesamo100 {background-position:-225px -100px;}
.sulfitos100 {background-position:-300px -100px;}
.moluscos100 {background-position:-375px -100px;}
.altramuces100 {background-position:-450px -100px;}

.alergeno35 {background-image: url("/images/alergeno35.png");background-repeat: no-repeat;display: block; float: left;height: 35px;margin: 0 5px 5px 0;width: 35px;}
.gluten35 {background-position:0px 0px;}
.crustaceos35 {background-position:-35px 0px;}
.huevos35 {background-position:-70px 0px ;}
.pescado35 {background-position: -105px 0px;}
.cacahuetes35 {background-position: -140px 0px;}
.soja35 {background-position: -175px 0px;}
.lacteos35 {background-position:-210px 0px;}
.frutoscascara35 {background-position:-245px 0px;}
.apio35 {background-position:-280px 0px;}
.mostaza35 {background-position:-315px 0px;}
.sesamo35 {background-position:-350px 0px;}
.sulfitos35 {background-position:-385px 0px;}
.moluscos35 {background-position:-420px 0px;}
.altramuces35 {background-position:-455px 0px;}

/* indice=278*/
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {content: " ";display: block;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 10px solid white;position: absolute;top: 50%;margin-top: -17px;left: 100%;z-index: 3;}
.btn-breadcrumb .btn:not(:last-child):before {content: " ";display: block;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 10px solid rgb(173, 173, 173);position: absolute;top: 50%;margin-top: -17px;margin-left: 1px;left: 100%;z-index: 3;}
.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}
/* indice=191*/
#galeria {padding:30px 0px 50px 0px;}
/* indice=206*/
.nanogallery_theme_default {font-size: 1.0em;line-height: normal;padding: 0px;margin: 0 auto;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-o-box-sizing: content-box;overflow: hidden;visibility: visible;}
@font-face {
font-family: 'nano_icon_font3';
src: url('/fwk/nano/font/nano_icon_font3.eot?8875162');
src: url('/fwk/nano/font/nano_icon_font3.eot?8875162#iefix') format('embedded-opentype'),
   url('/fwk/nano/font/nano_icon_font3.woff?8875162') format('woff'),
   url('/fwk/nano/font/nano_icon_font3.ttf?8875162') format('truetype'),
   url('/fwk/nano/font/nano_icon_font3.svg?8875162#nano_icon_font3') format('svg');
font-weight: normal;
font-style: normal;
}

.nanogallery_theme_default .nanoGalleryNavigationbarContainer {margin:5px auto;padding:5px 0;display: block;/*background-color:#f09;*/}
.nanogallery_theme_default .nanoGalleryNavigationbar {border-top: 1px solid #555;border-bottom: 1px solid #555;padding: 0px;text-align: left;display:table;width:100%;}
.nanogallery_theme_default .nanoGalleryTags {margin: 10px 0 1px 1px ;padding: 4px;display: table-cell;cursor:pointer;vertical-align: middle;}
.nanogallery_theme_default .nanoGalleryTags:after {
content: '\e824';	/* .icon-tags */
margin-left: .2em;margin-right: .3em;font-family: "nano_icon_font3";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;text-align: center;font-variant: normal;text-transform: none;}
.nanogallery_theme_default .setFullPageButton {margin: 10px 0 1px 1px ;padding: 4px;display: table-cell;cursor:pointer;vertical-align: middle;}
.nanogallery_theme_default .setFullPageButton:after {
content: '\e827';	/* .icon-resize-full */
margin-left: .2em;
margin-right: .3em;
font-family: "nano_icon_font3";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
}

.nanogallery_theme_default .removeFullPageButton {
margin: 10px 0 1px 1px ;
padding: 4px;
display: table-cell;
cursor:pointer;
vertical-align: middle;
}
.nanogallery_theme_default .removeFullPageButton:after {
content: '\e828';	/* .icon-resize-small */
margin-left: .2em;
margin-right: .3em;
font-family: "nano_icon_font3";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
}

.nanogallery_theme_default.fullpage{
display:block;
background-color: #000;
position: fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
clear:both;
overflow-y:scroll;
overflow-x:hidden;
padding: 0px 20px 10px 20px;
}


/**************************************/
/* NAVIGATION BREADCRUMB              */
/**************************************/
.nanogallery_theme_default .nanoGalleryBreadcrumb {
/*background-color: #000;*/
/*border: 1px dotted #555;*/
margin: 1px;
padding: 4px;
text-align: left;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
display: table-cell;
width: 100%;
overflow:hidden;
}
.nanogallery_theme_default .nanoGalleryBreadcrumb .folder,
.nanogallery_theme_default .nanoGalleryBreadcrumb .folderHome {
margin: 0px 5px;
white-space: nowrap;
cursor:pointer;
vertical-align: middle;
display: inline-block;
}
.nanogallery_theme_default .nanoGalleryBreadcrumb .folder:hover,
.nanogallery_theme_default .nanoGalleryBreadcrumb .folderHome:hover{
color: #fff;
}
.nanogallery_theme_default .nanoGalleryBreadcrumb  .folder:before{
content: '\e815';	/* .icon-folder-empty */
margin-left: .2em;
margin-right: .3em;
font-family: "nano_icon_font3";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
}
.nanogallery_theme_default .nanoGalleryBreadcrumb  .folderHome:before{
content: '\e80c';	/* .icon-home */
margin-left: .2em;
margin-right: .3em;
font-family: "nano_icon_font3";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
}
.nanogallery_theme_default .nanoGalleryBreadcrumb .separator {
margin: 0px 5px;
display: inline;
cursor:pointer;
vertical-align: middle;
display: inline-block;
}
.nanogallery_theme_default .nanoGalleryBreadcrumb .separator:hover{
color: #fff;
}
.nanogallery_theme_default .nanoGalleryBreadcrumb .separator:before {
content: '\e823';	/* .icon-left-big */
margin-left: .2em;
margin-right: .3em;
font-family: "nano_icon_font3";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
}


.nanogallery_theme_default .nanoGalleryBreadcrumb .loading{
display: inline-block;
}
.nanogallery_theme_default .nanoGalleryBreadcrumb .loading:after{
content:'\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0';
background:url('loading.gif') no-repeat center;
}


/**************************************/
/* THUMBNAILS                         */
/**************************************/

.nanogallery_theme_default .nanoGalleryContainerParent {
position: relative;
text-align: center;
margin:0px auto;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}

.nanogallery_theme_default .nanoGalleryContainer {
text-align: left;
position:relative;
width:auto;
display: inline-block;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
overflow:hidden;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer{
/* no margin allowed here */
cursor: pointer;
border: 1px solid #000;
/*margin: 1px;*/
padding: 0px; /* 5 */
background-color: #000;
display: inline-block;
position: absolute;   /*relative;*/
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
overflow:hidden;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .subcontainer{
/* no border or padding allowed here */
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
border: 0px solid #000;
margin: 0px;
padding: 0px;
overflow:hidden;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .imgContainer{
position:relative;
margin: 5px;
/*padding:5px;*/
overflow:hidden;
background:#000;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer img{
/* no border or padding allowed here */
background:url('loading.gif') no-repeat center;
position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
display: block;
vertical-align: bottom;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}


.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelImage{
/* no padding allowed here */
background:rgba(34, 34, 34, 0.75); /*#222;*/
opacity: 1;
text-align:left;
margin: 5px 5px 5px 5px;
/*padding: 5px 5px 5px 5px;*/
left: 0px;
position:absolute;
min-height:0%;
overflow:hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelImageTitle{
color:#eee;
margin: 0px 2px;
left: 0px;
overflow:hidden;
Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelImageTitle:before{
content: '\e803';	/* .icon-picture */
/*margin-left: .2em;*/
margin-right: .3em;
Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
font-family: "nano_icon_font3";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelFolderTitle{
color:#eee;
margin: 0px 2px;
left: 0px;
overflow:hidden;
Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
vertical-align: middle;
display: inline;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelFolderTitle:before{
content: '\e815';	/* .icon-folder-empty */
/*margin-left: .2em;*/
margin-right: .3em;
Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
font-family: "nano_icon_font3";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelDescription{
clear:both;
margin: 0px 2px;
color:#aaa;
left: 0px;
font-size:0.8em;
margin:1px 2px;
Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

/**************************************/
/* THUMBNAIL PAGINATION               */
/**************************************/

.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination{
/*color:#eee;*/
margin: 10px auto 5px auto;
padding: 4px;
text-align:center;
position: relative;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
overflow:hidden;
white-space: nowrap;
}

.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationItem{
margin: 0px 5px;
white-space: nowrap;
cursor:pointer;
vertical-align: middle;
display: inline-block;
}
.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .currentPage{
text-decoration:underline;
}
.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationPrev{
margin: 0px 5px;
white-space: nowrap;
cursor:pointer;
vertical-align: middle;
display: inline-block;
}
.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination .paginationNext{
margin: 0px 5px;
white-space: nowrap;
cursor:pointer;
vertical-align: middle;
display: inline-block;
}


/**************************************/
/* INTERNAL VIEWER                    */
/**************************************/
.nanogallery_theme_default .nanoGalleryViewer {
display:block;
/*font-size:1em;*/
background-color: rgba(1, 1, 1, 0.75);
text-align: center;
position: fixed;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
top:0px;
left:0px;
height:100%;
width:100%;
clear:both;
}
.nanogallery_theme_default .nanoGalleryViewer .nanoLogo {
text-align: center;
float: left;
position: relative;
top: 50px;
background: url(logogallery.png) #000 no-repeat center;  
display: block;
}

.nanogallery_theme_default .nanoGalleryViewer .closeButtonFloating {
cursor:pointer;
right:0px;
top:0px;
padding: 5px 5px 25px 25px;
position:absolute;
opacity:1;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.nanogallery_theme_default .nanoGalleryViewer .closeButtonFloating:after {
color: #ddd; 
background: rgba(0,0,0,0.2);
padding: 5px 0 5px 5px;

content: '\e80a';	/* .icon-cancel */
font-size:1.5em;
Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
font-family: "nano_icon_font3";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;	
}
.nanogallery_theme_default .nanoGalleryViewer  .closeButtonFloating:hover {
opacity: 0.3;
}

.nanogallery_theme_default .nanoGalleryViewer .content {
/*display:block;*/
/*position:relative;*/
position:absolute;
/*height:100%;*/
clear:both;
padding:5px;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}
.nanogallery_theme_default .nanoGalleryViewer .content img{
/* never define a margin here */
background:url('loading.gif') no-repeat center;
border:4px solid #f8f8f8;
/*display:block;*/
padding:0px;
min-width:30px;
min-height:30px;
box-shadow: #888 0px 0px 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}
.nanogallery_theme_default .nanoGalleryViewer .content .imgCurrent{
cursor:pointer;
}

.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaPrevious {
color: #ddd; 
display:block;
position:absolute;
top: 50%;
/*height:20px;*/
/*width:20px;*/
padding:50px 25px 50px 0px;
margin-top:-65px;
left:0px;
text-align: left;
cursor:pointer;
opacity:1;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}
.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaPrevious:after{
content: '\e81b';	/* .icon-left-open */
background: rgba(0,0,0,0.2);
padding: 5px 0;
}

.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaNext {
color: #ddd; 
display:block;
position:absolute;
top: 50%;
/*height:20px;*/
/*width:20px;*/
padding:50px 0px 50px 25px;
margin-top:-65px;
right:0px;
text-align: right;
cursor:pointer;
opacity:1;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}
.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaNext:after{
content: '\e81c';	/* .icon-right-open */
background: rgba(0,0,0,0.2);
padding: 5px 0;
}

.nanogallery_theme_default .nanoGalleryViewer .toolbarContainer {
bottom:0px;
left:0px;
right:0px;
text-align: center;
display:inline-block;
position:absolute;
}

.nanogallery_theme_default .nanoGalleryViewer .toolbar {
display:inline-block;
vertical-align:middle;
overflow:hidden;
min-width:200px;
background:rgba(4,4,4,0.7);
color:#eee;
margin: 1px;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}

.nanogallery_theme_default .nanoGalleryViewer .toolbar .ngbt {
display: table-cell;
cursor:pointer;
padding:5px;
vertical-align:middle;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}

.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaPrevious:after,
.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaNext:after {
font-size:1.5em;
margin-left: .2em;
margin-right: .2em;
Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
font-family: "nano_icon_font3";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
opacity: 1;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.nanogallery_theme_default .nanoGalleryViewer .toolbar .ngbt:after {
font-size:1.5em;
margin-left: .2em;
margin-right: .2em;
font-family: "nano_icon_font3";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
opacity: 1;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaPrevious:hover,
.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaNext:hover,
.nanogallery_theme_default .nanoGalleryViewer .toolbar .ngbt:hover:after {
opacity: 0.3;
}

.nanogallery_theme_default .nanoGalleryViewer .toolbar .previousButton:after{
content: '\e81b';	/* .icon-left-open */
}

.nanogallery_theme_default .nanoGalleryViewer .toolbar .nextButton:after{
content: '\e81c';	/* .icon-right-open */
}

.nanogallery_theme_default .nanoGalleryViewer .toolbar .closeButton:after{
content: '\e80a';	/* .icon-cancel */
}

.nanogallery_theme_default .nanoGalleryViewer .toolbar .playButton:after{
content: '\e81a';	/* .icon-play */
}
.nanogallery_theme_default .nanoGalleryViewer .toolbar .pauseButton:after{
content: '\e81d';	/* .icon-pause */
}

.nanogallery_theme_default .nanoGalleryViewer .toolbar .setFullscreenButton:after{
content: '\e827';	/* icon-resize-full */
}
.nanogallery_theme_default .nanoGalleryViewer .toolbar .removeFullscreenButton:after{
content: '\e828';	/* icon-resize-small */
}

.nanogallery_theme_default .nanoGalleryViewer .toolbar .infoButton:after{
content: '\e82c';	/* icon-info */
}

.nanogallery_theme_default .nanoGalleryViewer .toolbar .pageCounter{
display: table-cell;
font-size:1em;
margin:auto;
vertical-align:middle;
overflow: hidden;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}

.nanogallery_theme_default .nanoGalleryViewer .toolbar .label{
padding:3px 20px 3px 10px;
min-width: 10px;
border-left: 0px solid #000;
overflow: hidden;
display: table-cell;
text-align: left;
vertical-align:middle;
font-size:1em;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
background-color:initial;
}

.nanogallery_theme_default .nanoGalleryViewer .toolbar .label .title{
font-size:1em;
margin:auto;
vertical-align:middle;
overflow: hidden;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}
.nanogallery_theme_default .nanoGalleryViewer .toolbar .label .description{
font-size:.8em;
display:table-row;
vertical-align:middle;
overflow: hidden;
color:#aaa;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
}


/**************************************/
/* CONSOLE                            */
/**************************************/

.nanogallery_theme_default .nanoGalleryConsoleParent {
visibility:hidden;
height:0px;
background:#111;
color:#e00;
padding:5px;
margin:2px;
}
.nanogallery_theme_default .nanoGalleryConsoleParent p {
color:#e00;
padding:2px;
margin:0px;
}

/**************************************/
/* AVOID TEXT SELECTION DURING DRAG   */
/**************************************/
.nanogallery_theme_default.unselectable {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}

/**************************************/
/* LOADING BAR                        */
/**************************************/
.nanogallery_theme_default .nanoGalleryLBar {
position:relative;
width:100%;
visibility: hidden;
height:2px;
margin:0 0 1px 0;
background-color:#555;
}
.nanogallery_theme_default .nanoGalleryLBar > div {
position:absolute;
width:50px;
height:2px;
top:0px;
opacity:.7;		
}
.nanogallery_theme_default .nanoGalleryLBar > div:nth-child(1){
-webkit-animation: nanoGalleryLBarAnim 2s -.2s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-moz-animation: nanoGalleryLBarAnim 2s -.2s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-ms-animation: nanoGalleryLBarAnim 2s -.2s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-o-animation: nanoGalleryLBarAnim 2s -.2s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
animation: nanoGalleryLBarAnim 2s -.2s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
background: #111;
}
.nanogallery_theme_default .nanoGalleryLBar > div:nth-child(2){
-webkit-animation: nanoGalleryLBarAnim 2s -.4s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-moz-animation: nanoGalleryLBarAnim 2s -.4s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-ms-animation: nanoGalleryLBarAnim 2s -.4s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-o-animation: nanoGalleryLBarAnim 2s -.4s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
animation: nanoGalleryLBarAnim 2s -.4s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
background: #333;
}
.nanogallery_theme_default .nanoGalleryLBar > div:nth-child(3){
-webkit-animation: nanoGalleryLBarAnim 2s -.6s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-moz-animation: nanoGalleryLBarAnim 2s -.6s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-ms-animation: nanoGalleryLBarAnim 2s -.6s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-o-animation: nanoGalleryLBarAnim 2s -.6s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
animation: nanoGalleryLBarAnim 2s -.6s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
background: #999;
}
.nanogallery_theme_default .nanoGalleryLBar > div:nth-child(4){
-webkit-animation: nanoGalleryLBarAnim 2s -.8s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-moz-animation: nanoGalleryLBarAnim 2s -.8s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-ms-animation: nanoGalleryLBarAnim 2s -.8s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-o-animation: nanoGalleryLBarAnim 2s -.8s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
animation: nanoGalleryLBarAnim 2s -.8s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
background: #777; 
}
.nanogallery_theme_default .nanoGalleryLBar > div:nth-child(5){
-webkit-animation: nanoGalleryLBarAnim 2s -1s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-moz-animation: nanoGalleryLBarAnim 2s -1s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-ms-animation: nanoGalleryLBarAnim 2s -1s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
-o-animation: nanoGalleryLBarAnim 2s -1s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
animation: nanoGalleryLBarAnim 2s -1s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
background: #ddd;
}
@-webkit-keyframes nanoGalleryLBarAnim {
0%	{ left:10%;	}
100%{ left:90%;	}
}
@-moz-keyframes nanoGalleryLBarAnim {
0%	{ left:10%;	}
100%{ left:90%;	}
}
@-ms-keyframes nanoGalleryLBarAnim {
0%	{ left:10%;	}
100%{ left:90%;	}
}
@-o-keyframes nanoGalleryLBarAnim {
0%	{ left:10%;	}
100%{ left:90%;	}
}
@keyframes nanoGalleryLBarAnim {
0%	{ left:10%;	}
100%{ left:90%;	}
}