@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url('https://fonts.googleapis.com/css?family=Arsenal');
@import url('https://fonts.googleapis.com/css?family=Anton');
/*

*/
/*
@fontfamily-carrusel:'Armata';
@import url("https://fonts.googleapis.com/css?family=Armata");
*/
/*
@fontfamily-carrusel:'Raleway';
@import url('https://fonts.googleapis.com/css?family=Raleway:700');
*/
body {
  background: #123551 url(image/bg-body.jpg) 0% 0% no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: tahoma,arial;
}
#containerPaddingTop {
  background: #eeeeee;
  height: 7.5em;
}
.container {
  background: white;
}
.containerWrapperPageBody {
  background: transparent;
  margin: 0 auto;
  width: 100%;
}
#pageBody {
  background: #fff;
}
#pageBody .container {
  transition: all 1s ease-out 0.5s;
}
h1,
h2,
h3 {
  font-family: 'Oswald', 'Arial', sans-serif;
  color: #888888;
  font-weight: bold;
}
h1 {
  font-size: 2.8em;
}
h2 {
  font-size: 2.0em;
  color: #a2a2a2;
}
h3 {
  font-size: 1.6em;
}
h2.destacado {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
/*
@media (max-width: @screen-xs-min) {
	  h1{
	  	font-size:2.4em !important;
	  }
}
*/
p {
  margin: 0px;
}
h1,
h2 {
  text-transform: uppercase;
}
body a:hover {
  text-decoration: none;
}
#pageBody a,
#pageBody a:visited {
  color: #000918;
  border-bottom: 2px solid transparent;
  transition: all 0.5s;
}
#pageBody a:hover,
#pageBody a:visited:hover {
  color: #000000;
  border-color: #0058e4;
}
.padding-bottom {
  padding-bottom: 20px;
}
.box {
  background: #4b90ff;
  padding: 10px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  behavior: url(border-radius.htc);
  border: 2px solid #0044b1;
}
.btn {
  color: #fff !important;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  behavior: url(border-radius.htc);
  border: 1px solid trasparent;
  -moz-box-shadow: 0px 0px 6px #444444;
  -webkit-box-shadow: 0px 0px 6px #444444;
  box-shadow: 0px 0px 6px #444444;
  behavior: url(ie-css3.htc);
  /* This lets IE know to call the script on all elements which get the 'box' class */
}
.btn:hover {
  -moz-box-shadow: 0px 0px 12px #222222;
  -webkit-box-shadow: 0px 0px 12px #222222;
  box-shadow: 0px 0px 12px #222222;
  behavior: url(ie-css3.htc);
  /* This lets IE know to call the script on all elements which get the 'box' class */
  border-color: transparent !important;
}
.btn-reservar {
  background: #ff6600;
  border: #cc5200;
}
.btn-reservar:hover {
  background: #ffc299;
  color: #000;
  border: 1px solid #cc5200;
}
.padding-left {
  padding-left: 80px;
}
.contactar_lopd {
  font-size: 0.9em;
  color: #666;
}
::-webkit-input-placeholder {
  color: #666;
  font-size: 0.9em;
  font-style: italic;
}
:-moz-placeholder {
  color: #666;
  font-size: 0.9em;
  font-style: italic;
}
::-moz-placeholder {
  color: #666;
  font-size: 0.9em;
  font-style: italic;
}
:-ms-input-placeholder {
  color: #666;
  font-size: 0.9em;
  font-style: italic;
}
input.datepicker {
  width: 120px;
  background: white !important;
  text-align: center;
}
blockquote {
  font-size: 1em;
  border-left: none;
  margin: 0 0 ;
}
.ui-datepicker-month,
.ui-datepicker-year {
  color: #000;
}
.divConectadoComoAdministrador {
  position: fixed;
  bottom: 0px;
  right: 40px;
  width: 400px;
  z-index: 9999;
  background: linear-gradient(#00aa00, #00aa00, #007700);
}
.divConectadoComoAdministrador .container {
  background: transparent;
  color: #fff;
  padding: 10px;
  font-size: 0.9em;
}
.divConectadoComoAdministrador .container a {
  color: #aea;
}
.divConectadoComoAdministrador .container a:hover {
  color: #000;
}
/*------- A.admin ---------------------*/
A.admin,
A.admin:visited {
  border: 1px solid #cc00cc;
  background: linear-gradient(#ff00ff, #990099);
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 9px;
  text-decoration: none;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  behavior: url(border-radius.htc);
}
A.admin:hover,
A.admin:visited:hover {
  border-color: #000;
  background-color: #000;
  color: #ffa;
}
.textos_mant_container .boto {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  behavior: url(border-radius.htc);
  padding: 10px;
  font-size: 1.2em;
  background: linear-gradient(#dddddd, #dddddd, #aaaaaa);
  border: 2px solid #666;
  font-weight: bold;
}
.textos_mant_container .boto:hover {
  background: #000;
  color: #ffa !important;
}
#btnGoTOP {
  position: fixed;
  padding: 10px 20px;
  right: 10px;
  bottom: 0px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */
  display: none;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  z-index: 9999;
}
#btnGoTOP:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
}
.seccionMain {
  padding-bottom: 20px;
}
.mensaje {
  text-align: center;
  padding: 20px;
}
.mensaje h2 {
  text-align: center;
}
div.linea_bottom {
  border-bottom: 1px solid #aaa;
  padding-bottom: 20px;
}
.vending_AltaAreaPrivada {
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  behavior: url(border-radius.htc);
  background: #448844;
  color: #fff;
}
.vending_AltaAreaPrivada h3 {
  color: #77bb77;
  margin-top: 0px;
}
.vending_AltaAreaPrivada .icon {
  float: right;
  margin-left: 10px;
}
.listaOfertas h3 {
  margin: 0px;
}
.listaOfertas a.thumbnail {
  padding: 10px;
}
.listaOfertas .item {
  border-bottom: 1px dotted #666666;
  padding-bottom: 20px;
  padding-top: 10px;
}
.listaOfertas .item:first-child {
  border-top: 1px dotted #666666;
}
.listaOfertas .item:last-child {
  border-bottom: none;
}
.listaOfertas .precio {
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  behavior: url(border-radius.htc);
  margin-top: 10px;
  padding: 10px 10px;
  background: #080;
  color: #fff;
  width: 6em;
  text-align: center;
  font-size: 1.6em;
  font-family: 'Oswald', 'Arial', sans-serif;
}
.no-padding {
  padding: 0px !important;
}
.debug {
  border: 1px solid red;
}
red {
  background: red;
  color: #fff;
  padding: 3px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  behavior: url(border-radius.htc);
}
.contactar-datos-contacto h3 {
  text-transform: uppercase;
}
.tituloSeccion.servicios h1 {
  color: #a00;
}
.tituloSeccion.ficha h1 {
  color: #00307e;
}
.fotoFloatRight {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: center;
}
/*
.sl-image{
	padding:20px;
	background:#fff;
	border:1px solid #ddd;
	box-shadow:2px 2px 12px #000;
	.border-radius(12px);
}
*/
/*
button.sl-next{
	border-radius:50% !important;
	padding:2px !important;
	background:#fff !important;
}
*/
#debugX1 {
  position: fixed;
  bottom: 50%;
  left: 0px;
  pading: 20px;
  background: green;
  color: #fff;
  font-size: 2em;
  z-index: 999;
}
.transAnim-padding {
  transition: all 2s;
  opacity: 0;
  padding-right: 120px;
  padding-left: 120px;
}
.transAnim-padding.transVisible {
  padding: 0px;
  opacity: 1;
}
#divWorking {
  font-size: 2em;
  display: none;
  color: #666;
}
/*
	lib1.less
	7.12.2016
*/
/*
 * 2.12.2013
 * http://stackoverflow.com/questions/9436776/lesscss-method-with-ie-filter-alpha-opacity-css
 */
/*
  12.11.2014
  border-box: The width and height properties (and min/max properties) includes content, padding and border, but not the margin
  >> .box-sizing(border-box);
*/
/*
25.11.2016
usage:
	@media @xs{
		h2{
			font-size:20px;
			...
		}
	}

*/
/*
7.12.2016
USAGE:
	.transition (background-color 0.5s, color 0.5s;);
	MOLT IMPORTANT: posar ';' darrera propietat si n'hi ha mes d'una!!!
*/
#headerREDUIT {
  display: none;
  width: 100%;
  height: 70px;
  background: #fff;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  border-bottom: 1px solid #aaa;
  padding: 0px;
  padding-left: 20px;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  box-shadow: 0px 2px 12px #aaa;
}
#headerREDUIT .logo {
  width: 200px;
  margin: 0px;
  padding: 0px;
}
header {
  padding-bottom: 20px;
  background: #fff;
  /*
	.sellosCalidad{
		margin-left:20px;
		//margin-bottom:10px;
		float: right;
	}
*/
  /*
  @media screen and (max-width: 990px){
    .contacto{
      margin-top:0px;
    }
    .telefono, .email{
      font-size:1.4em;
    }
    h1{
      font-size:1.6em;    
    }
  }
*/
}
header .container {
  transition: all 1s;
}
header h1 {
  margin: 0px;
  font-size: 1.95em;
  color: #000;
}
header h1.lema {
  font-family: 'Oswald', sans-serif;
  font-size: 1.4em;
  color: #0044b1;
}
header .logo {
  padding-top: 10px;
  opacity: 1;
  transition: all 0.5s;
}
header .logo:hover {
  opacity: 0.4;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-right: 50px;
}
header .contacto {
  margin-top: 25px;
}
header .email {
  font-size: 1.2em;
}
header .telefono {
  font-size: 2em;
  font-family: 'Oswald', 'Arial', sans-serif;
  transition: all 0.5s;
}
header .telefono:hover {
  font-size: 2.6em;
  color: #000;
}
header .horario {
  font-size: 1.2em;
}
header .direccion {
  color: #888;
  display: none;
}
@media only screen and (max-width: 767px) {
  header {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 960px) {
  header .telefono,
  header .email {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1200px) {
  header .direccion {
    display: block;
  }
}
/*
header.small{
  padding-bottom:10px;
  h1{
    font-size:1.6em;
  }
  .contacto{
    margin-top:20px;
  }
  
  //----- adaptacio LOW RESOLUTION
  @media screen and (max-width: 1200px){
    .contacto{
      margin-top:0px;
    }
    h1{
      font-size:1.6em;    
    }
  }  
}
*/
.selectorIdiomas a {
  margin-left: 10px;
}
.selectorIdiomas a,
.selectorIdiomas a:visited {
  background: #fdfdfd;
  border: 1px solid #e4e4e4;
  color: #cacaca;
  padding: 5px 10px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  behavior: url(border-radius.htc);
  font-size: 0.8em;
}
.selectorIdiomas a:hover,
.selectorIdiomas a:visited:hover {
  border-color: #666;
  background: #666;
  color: #fff;
  text-decoration: none;
}
.selectorIdiomas a.current,
.selectorIdiomas a:visited.current {
  background: #dddddd;
  border-color: #919191;
  color: #000;
}
.selectorIdiomas a.plain {
  background: none;
  border: none;
}
header .headerButtons {
  margin-bottom: 10px;
}
header .headerButtons a,
header .headerButtons a:visited {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  behavior: url(border-radius.htc);
  border: 2px solid #aaa;
  padding: 5px 10px;
  color: #888;
  background-color: #eaeaea;
}
header .headerButtons a:hover,
header .headerButtons a:visited:hover {
  background: #cccccc;
  border-color: #cccccc;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .selectorIdiomas {
    margin-top: 10px;
  }
}
#navbar_main {
  border-bototm: 4px solid #000;
}
#navbar_main {
  background: #eeeeee;
  margin-bottom: 0px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  behavior: url(border-radius.htc);
  border: none;
  border-bottom: 8px solid #0044b1;
}
#navbar_main .container {
  background: #eeeeee;
}
#navbar_main .navbar-brand {
  padding-top: 6px !important;
}
#navbar_main .navbar-brand a:hover {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
#navbar_main .navbar-nav li a {
  line-height: 24px;
  padding: 20px 12px;
}
#navbar_main .navbar-items a,
#navbar_main .navbar-items a:visited {
  color: #000000;
  font-family: 'Oswald', 'Arial', sans-serif;
  font-size: 1.2em;
  text-transform: uppercase;
  -webkit-transition: background 0.5s, padding 0.5s;
  -moz-transition: background 0.5s, padding 0.5s;
  -ms-transition: background 0.5s, padding 0.5s;
  -o-transition: background 0.5s, padding 0.5s;
  transition: background 0.5s, padding 0.5s;
}
#navbar_main .navbar-items a:hover {
  background: #0058e4 !important;
  color: #fff;
  padding-top: 30px !important;
  padding-bottom: 10px !important;
}
#navbar_main .navbar-items a.current {
  background: #0044b1;
  color: #fff;
}
#navbar_main .navbar-items a.gris {
  color: #ddd;
}
#navbar_main a.logo:hover {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
#navbar_main li.red a {
  color: #f44;
}
#navbar_main li.red a:hover {
  color: #fff;
  background: #f44;
}
#navbar_main ul.dropdown-menu a,
#navbar_main ul.dropdown-menu a:visited {
  color: #000;
  background: #fff !important;
}
#navbar_main ul.dropdown-menu a:hover {
  color: #fff;
  background: #000 !important;
}
#navbar_main li.open a,
#navbar_main li.active a {
  color: #000 ;
  background: #cccccc;
}
#navbar_main li.en-construccion a {
  color: #aaa !important;
}
/*
#navbar_main{
	@media @min-sm {
	  ul.nav li.dropdown:hover > ul.dropdown-menu {
	    display: block;
	  }
	}
}
*/
.navbar-collapse {
  background: transparent;
}
.navbar-secundaria {
  margin-bottom: 0px;
  background-color: transparent;
  border: none;
  /*
	li > a{
		padding:3px;
	}
*/
}
.navbar-secundaria .container {
  border-bottom: 1px solid #aaa;
}
.navbar-secundaria a {
  color: #aa0000 !important;
}
.navbar-secundaria a:hover {
  background: #eee !important;
  color: #666!important;
}
.navbar-secundaria .container {
  padding: 0px;
}
.navbar-secundaria li.active > a {
  color: #000000 !important;
  background: #dddddd !important;
  font-weight: bold;
}
.navbar-secundaria li.title > a {
  color: #aaaaaa !important;
  background: #eaeaea !important;
  font-weight: bold;
}
.barraTopNavbar {
  /*
	background:@color2;
	border-top: 1px solid @color2;	
*/
}
.navbar-login {
  background: #000;
  height: 24px;
}
.divVendingEmpresa {
  padding: 15px;
  padding-top: 20px;
  margin-top: 0px;
  border-bottom: 1px solid #a2a2a2;
}
.divHomeServicios {
  transition: all 1s;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #dddddd;
}
.divHomeServicios.transVisible {
  padding: 20px;
}
.divHomeServicios h2 {
  color: #000;
  margin: 0px;
  margin-bottom: 15px;
  font-size: 16px;
  height: 32px;
  font-weight: Bold;
  text-align: center;
}
.divHomeServicios h3 {
  margin: 0px;
  font-size: 1.4em;
  font-weight: Bold;
  text-align: center;
}
.divHomeServicios a.box {
  border: 4px solid #fff;
  margin-bottom: 5px;
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  behavior: url(border-radius.htc);
  -moz-box-shadow: 0px 0px 6px #000000;
  -webkit-box-shadow: 0px 0px 6px #000000;
  box-shadow: 0px 0px 6px #000000;
  behavior: url(ie-css3.htc);
  /* This lets IE know to call the script on all elements which get the 'box' class */
  color: #888888 !important;
  text-align: center;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.divHomeServicios:hover a.box {
  opacity: 0.5;
}
.divHomeServicios .itemWrapper {
  padding-top: 20px;
  padding-bottom: 0px;
  -webkit-transition: padding 0.5s;
  -moz-transition: padding 0.5s;
  -ms-transition: padding 0.5s;
  -o-transition: padding 0.5s;
  transition: padding 0.5s;
}
.divHomeServicios .itemWrapper:hover {
  padding-top: 0px;
  padding-bottom: 20px;
}
.divHomeServicios a:link,
.divHomeServicios a:visited {
  font-family: 'Oswald', 'Arial', sans-serif;
  display: block;
  text-align: center;
  color: #666;
  background: #fff;
  -webkit-transition: background-color 0.5s, color 0.5s;
  -moz-transition: background-color 0.5s, color 0.5s;
  -ms-transition: background-color 0.5s, color 0.5s;
  -o-transition: background-color 0.5s, color 0.5s;
  transition: background-color 0.5s, color 0.5s;
}
.divHomeServicios a:link:hover,
.divHomeServicios a:visited:hover {
  background-color: #000;
  color: #fff !important;
  border-color: #0044b1;
  opacity: 1.0;
  text-decoration: none;
}
.divHomeServicios a:link:hover h2,
.divHomeServicios a:visited:hover h2,
.divHomeServicios a:link:hover h3,
.divHomeServicios a:visited:hover h3 {
  color: #fff;
}
.divHomeServicios a:link .txt,
.divHomeServicios a:visited .txt {
  font-size: 0.9em;
}
.divHomeServicios strong {
  font-size: 1.8em;
  display: block;
  font-weight: normal;
}
.divListaBox a:link,
.divListaBox a:visited {
  text-transform: uppercase;
  display: block;
  text-align: center;
  color: #666;
  background: #fff;
}
.divListaBox a:link .txt,
.divListaBox a:visited .txt {
  text-transform: none;
}
.divListaBox a:link:hover,
.divListaBox a:visited:hover {
  background: #000;
  color: #fff !important;
  text-decoration: none;
}
.divListaBox a:link:hover h2,
.divListaBox a:visited:hover h2 {
  color: #fff;
}
.divListaBox a.box {
  display: block;
  border: 1px solid #bbb;
  padding: 5px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  behavior: url(border-radius.htc);
  -moz-box-shadow: 0px 0px 6px #cccccc;
  -webkit-box-shadow: 0px 0px 6px #cccccc;
  box-shadow: 0px 0px 6px #cccccc;
  behavior: url(ie-css3.htc);
  /* This lets IE know to call the script on all elements which get the 'box' class */
  color: #888888 !important;
  background: #fff;
  margin-bottom: 5px;
  border: 2px solid #ddd;
}
.divListaBox a.box h2 {
  padding-bottom: 5px;
}
.divListaBox a.box:hover {
  border-color: #000;
  background: #666;
  color: #fff;
}
.divHomeBienvenidos {
  padding-bottom: 15px;
}
.divHomeBienvenidos .leer-mas {
  margin-top: 10px;
}
.divHomeBienvenidos .col-txt {
  padding-top: 0px;
}
.divHomeBienvenidos .col-video {
  padding-top: 20px;
}
footer {
  text-align: center;
  color: #444;
  padding-bottom: 50px;
  padding-top: 0px;
}
footer h1,
footer h2,
footer h3 {
  color: #ddd;
}
footer h3 {
  text-transform: uppercase;
}
footer .container {
  background-color: #eeeeee;
  padding-top: 20px;
}
footer .row div {
  padding: 10px;
}
footer .version {
  color: #666;
  margin-right: 10px;
}
footer ul {
  margin: 0px;
  padding-left: 14px;
}
footer {
  font-size: .9em;
  /*
  .big{
    font-size:1.6em;
  }
*/
}
footer h3 {
  color: #dbb096;
  font-size: 1.4em;
  margin: 0px;
  padding: 0px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 2px dotted #ce9370;
}
footer .telefonos {
  padding-top: 0px;
  font-size: 1.6em;
}
footer .email {
  font-size: 14px;
}
footer .ubicacion {
  padding: 0px !important;
  padding-left: 10px !important;
}
footer .logo {
  text-align: center;
}
footer .iconsBig {
  padding-bottom: 30px;
}
footer .iconsBig div {
  text-align: center;
}
footer a,
footer a:visited {
  color: #e8ccbc;
}
footer a:hover {
  color: #fff;
}
.preFOOTER {
  height: 40px;
}
.footerButtonsServicios a,
.footerButtonsServicios a:visited {
  height: 125px;
  display: block;
  width: 100%;
  color: #666;
  font-weight: bold;
  font-size: 1.1em;
  text-transform: uppercase;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  behavior: url(border-radius.htc);
}
.footerButtonsServicios a:hover,
.footerButtonsServicios a:visited:hover {
  color: #aaa;
  -moz-box-shadow: 0px 0px 12px #000000;
  -webkit-box-shadow: 0px 0px 12px #000000;
  box-shadow: 0px 0px 12px #000000;
  behavior: url(ie-css3.htc);
  /* This lets IE know to call the script on all elements which get the 'box' class */
}
.footerButtonsServicios a strong,
.footerButtonsServicios a:visited strong {
  display: block;
}
.footerButtonsServicios .caption {
  padding-top: 65px;
}
footer .footerCopyright {
  margin-top: 10px;
  border-top: 1px solid #ddd;
  font-size: 0.9em;
  color: #aaa;
}
.divLeyCookies {
  background: #666666;
  display: none;
  text-align: center;
  font-size: 0.8em;
  color: #eee;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 2px solid #666;
  /*
  a, a:visited{
    color:#bbb;
    &:hover{
      color: #ffa;
    }
  }
  
  a.btnAceptar{
    margin-left:20px;
    display:block;
    padding:15px;
    background:#888;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    border-bottom:none;
    .border-radius(12px);
    &:hover{
      text-decoration:none;
      background:#fff;
      color:#000;
      border-bottom:none;
    }
  }
*/
}
.divLeyCookies .container {
  background: #666666;
}
.divLeyCookies strong {
  text-transform: uppercase;
  font-size: 1.2em;
}
.divLeyCookies a.btn {
  font-size: 1em;
  padding: 5px 10px;
  color: #fff;
}
.divLeyCookies a.masInformacion {
  background: #ffa;
}
.divLeyCookies a,
.divLeyCookies a:visited {
  color: #bbb;
}
.divLeyCookies a:hover,
.divLeyCookies a:visited:hover {
  color: #ffa;
}
.listaItems .fichaItem {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  behavior: url(border-radius.htc);
}
.listaItems .fichaItem:hover {
  background: #ddd;
  border-color: #444;
}
.listaItems .index {
  float: left;
  padding: 10px;
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  behavior: url(border-radius.htc);
  background: #0044b1;
  color: #fff;
  text-decoration: none;
  font-size: 1.7em;
  width: 50px;
  text-align: center;
}
.listaItems .cuerpo {
  margin-left: 60px;
}
.gridItems .fichaItem {
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  behavior: url(border-radius.htc);
  border: 2px solid #0044b1;
  padding: 20px;
  margin-bottom: 15px;
  -moz-box-shadow: 0px 0px 6px #aaaaaa;
  -webkit-box-shadow: 0px 0px 6px #aaaaaa;
  box-shadow: 0px 0px 6px #aaaaaa;
  behavior: url(ie-css3.htc);
  /* This lets IE know to call the script on all elements which get the 'box' class */
}
.gridItems .fichaItem:hover {
  background: #ddd;
  border-color: #444;
  -moz-box-shadow: 0px 0px 12px #444444;
  -webkit-box-shadow: 0px 0px 12px #444444;
  box-shadow: 0px 0px 12px #444444;
  behavior: url(ie-css3.htc);
  /* This lets IE know to call the script on all elements which get the 'box' class */
}
.gridItems .btn {
  width: 100%;
}
.gridItems .cuerpo h3 {
  margin: 0px;
  color: #000000;
}
.gridItems .botones {
  margin-top: 10px;
}
.gridItems .botones div {
  text-align: center;
}
.listaPrecios {
  margin-top: 10px;
  border: 1px solid #001d4b;
}
.listaPrecios table {
  width: 100%;
}
.listaPrecios td {
  padding: 5px;
  background: #fff;
  font-weight: bold;
  font-size: 1.2em;
}
.listaPrecios th {
  background: #0044b1;
  color: #fff;
  padding: 4px;
  width: 33%;
}
.listaPrecios .coletillaPrecios {
  color: #666;
}
.listaPrecios td,
.listaPrecios th {
  text-align: center;
  border-right: 1px solid #001d4b;
}
.listaPrecios td:last-child,
.listaPrecios th:last-child {
  border: none;
}
.fichaBig h3 {
  text-transform: uppercase;
}
.listaOtrosServicios {
  margin-bottom: 15px;
}
.listaOtrosServicios a,
.listaOtrosServicios a.visited {
  border: 2px solid #0044b1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  behavior: url(border-radius.htc);
  white-space: nowrap;
  color: #999;
  margin-right: 5px;
  line-height: 34px;
  padding: 6px;
}
.listaOtrosServicios a:hover,
.listaOtrosServicios a.visited:hover {
  background: #00307e;
  border-color: #00307e;
  color: #fff;
}
.listaOtrosServicios a.current,
.listaOtrosServicios a.visited.current {
  background: #ccc;
  color: #000;
}
.fichaBig .foto {
  margin-bottom: 20px;
}
.fichaBig .foto img {
  display: block;
  height: auto;
  width: 100%;
}
.fichaBig table.caracteristicas {
  width: 100%;
  border-top: 1px solid #aaaaaa;
}
.fichaBig table.caracteristicas td {
  width: 20%;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  vertical-align: top;
  text-align: right;
  border-bottom: 1px solid #aaaaaa;
}
.fichaBig table.caracteristicas td:first-child {
  font-weight: normal;
  text-align: left;
}
.fichaBig table.caracteristicas td.precio {
  font-size: 2em;
  color: #000;
  font-family: 'Oswald', 'Arial', sans-serif;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.fichaBig table.caracteristicas td.precio:hover {
  font-size: 4em;
  color: #0044b1;
}
.gridBarcos {
  padding-top: 20px;
}
a.minificha {
  display: block;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #aaa;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  behavior: url(border-radius.htc);
  text-align: center;
  font-weight: bold;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -ms-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
}
a.minificha .foto {
  height: 180px;
  background-color: transparent;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
}
a.minificha .foto img {
  height: 100%;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
}
a.minificha .precio {
  font-size: 2em;
  color: #000;
  font-family: 'Oswald', 'Arial', sans-serif;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
a.minificha:hover {
  background: #0044b1 !important;
  background: linear-gradient(#1871ff, #0044b1) !important;
  border-color: #000918;
  box-shadow: 0px 0px 12px #666;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  behavior: url(border-radius.htc);
  color: #fff !important;
}
a.minificha:hover .precio {
  color: #000000;
  text-shadow: 1px 1px 6px #fff;
}
a.minificha.usado {
  background: #ddd;
}
/* ----------------------------------- */
table.tablaCamposForm {
  border: 1px solid #aaa;
  background: #eeeeee url(image/bg_tablaCamposForm.png) repeat-x;
  text-align: left;
}
table.tablaCamposForm .boto {
  border: 2px solid #aaa;
  padding: 10px 15px;
  background: linear-gradient(#ffffff, #ffffff, #cccccc);
  font-weight: bold;
  font-size: 1.4em;
  border-radius: 22px;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  behavior: url(border-radius.htc);
}
table.tablaCamposForm .boto:hover {
  background: #000;
  color: #fff !important;
}
table.tablaCamposForm TD {
  font-size: 12px;
  padding: 6px;
  padding-bottom: 3px;
  padding-top: 3px;
  vertical-align: top;
}
table.tablaCamposForm TD.separador {
  border-top: 1px solid #aaa;
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
  color: #444;
}
table.tablaCamposForm TD.footer {
  text-align: right;
  border-top: 1px solid #aaaaaa;
  padding-top: 5px;
  background: #dddddd url(image/bg_tablaCamposForm_footer.png) repeat-x;
}
table.tablaCamposForm TD.requerido {
  color: #800;
  font-weight: bold;
}
table.tablaCamposForm input.destacado {
  font-weight: bold;
  font-size: 140%;
}
table.tablaCamposForm div.multiIdioma textarea {
  display: none;
}
table.tablaCamposForm div.multiIdioma textarea.activo {
  display: block;
}
/* ---------------------------------------- */
/*
https://gist.github.com/ohryan/b9593841c024c033783d#file-responsive-align-less
*/
.text-xs-left {
  text-align: left;
}
.text-xs-right {
  text-align: right;
}
.text-xs-center {
  text-align: center;
}
.text-xs-justify {
  text-align: justify;
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
}
#popupJGS {
  display: none;
  position: fixed;
  padding: 20px 20px;
  left: 50%;
  top: 0px;
  text-align: center;
  background: #ffa;
  border: 4px solid black;
  font-size: 1.4em;
  color: #000;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  behavior: url(border-radius.htc);
  -moz-box-shadow: 0px 0px 12px #000000;
  -webkit-box-shadow: 0px 0px 12px #000000;
  box-shadow: 0px 0px 12px #000000;
  behavior: url(ie-css3.htc);
  /* This lets IE know to call the script on all elements which get the 'box' class */
  z-index: 9999;
}
#popupJGS:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
}
#popupJGS .divButton {
  padding-top: 15px;
}
#popupJGS_transparencia {
  display: none;
  position: absolute;
  width: 100%;
  height: 101%;
  background: #7b482a;
  z-index: 499;
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */
}
.visible-xs-sm {
  display: none;
}
.hidden-xs-sm {
  display: block;
}
.visible-xs-sm {
  display: none !important;
}
@media (min-width: 480px) and (max-width: 991px) {
  .visible-xs-sm {
    display: block !important;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .hidden-xs-sm {
    display: none !important;
  }
}
.btn-info {
  transition: all 0.5;
  background: #ff6600;
  background: linear-gradient(#ff8533, #ff6600);
  border-color: #ff6600;
}
.btn-info:hover {
  background: linear-gradient(#cc5200, #ff8533);
  color: #000 !important;
}
.btn-green {
  background: #44aa44;
}
.btn-nuevo {
  background: #44aa44;
}
.btn-pdf {
  background: #dd6622;
}
.btn-apuntes {
  background: #f38 !important;
}
.btn-editar {
  background: #0072bc;
}
.btn-borrar {
  background: #bc7200;
}
.btn-limpiar-filtro {
  background: #aaa;
}
.btn-buscar {
  background: #6aa;
}
.btn-recibo {
  background: #66a;
}
.btn-aceptar {
  background: #44aa44;
  background: linear-gradient(#44aa44, #358635);
}
.btn-cancelar {
  background: #ff8569;
  background: linear-gradient(#ff8569, #ff5c36);
}
.btn-borrar {
  background: #ff0000;
  background: linear-gradient(#ff0000, #cc0000);
}
.btn-desactivado {
  background: #dddddd;
  background: linear-gradient(#dddddd, #c4c4c4);
  color: #aaa !important;
}
.btn-ver-lista {
  background: #5c9a02;
  background: linear-gradient(#5c9a02, #3e6801);
}
select {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  behavior: url(border-radius.htc);
  border: 1px solid #ccc;
  padding: 2px 5px;
  transition: all 0.5s;
  color: #444;
}
select:hover {
  border-color: #000;
  box-shadow: 0 0 6px #aaa;
  color: #000;
}
input.importe {
  text-align: right;
  color: #040;
}
input.datepicker {
  width: 100px!important;
  color: #848;
}
.form-group.debug {
  border: 1px dotted red;
}
/*
@media (min-width: @screen-sm-min) {
    .hidden-xs-sm { display: block; }
}
*/
input.dni {
  width: 180px;
}
input.iban {
  width: 240px;
}
input.bic {
  width: 140px;
}
input.jgs_importe {
  text-align: right;
}
input.jgs_importe.green {
  background: #484;
  color: #fff;
  font-weight: bold;
}
input.jgs_importe.bold {
  font-weight: bold;
}
input.jgs_integer {
  text-align: right;
}
.containerFiltro input,
.containerFiltro select {
  box-shadow: 0 0 6px transparent;
  border: 2px solid #aaa;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  behavior: url(border-radius.htc);
  background: #ffa !important;
  padding: 3px;
}
.containerFiltro input:focus,
.containerFiltro select:focus {
  border-color: #000;
}
.containerFiltro input:hover,
.containerFiltro select:hover {
  border-color: #666;
}
.containerFiltro .btn-xs {
  font-size: 11px;
  padding: 5px;
  box-shadow: 0 0 6px transparent;
}
.containerFiltro .btn-xs:hover {
  box-shadow: 0 0 6px #666;
  background: #000;
  color: #fff;
}
.carousel {
  margin: 0px;
  transition: all 1s;
}
.carousel .carousel-caption h1 {
  text-align: center;
  text-shadow: 2px 2px 10px #000;
}
@media only screen and (min-width: 768px) {
  .carousel .carousel-control .glyphicon-chevron-left,
  .carousel .carousel-control .glyphicon-chevron-right,
  .carousel .carousel-control .icon-prev,
  .carousel .carousel-control .icon-next {
    font-size: 60px;
    height: 60px;
    margin-top: -30px;
    width: 60px;
    color: #fff;
    opacity: 1;
  }
}
.carousel .carousel-control.left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%);
}
.carousel .carousel-control.right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%);
}
.carousel .carousel-control:hover {
  opacity: 1;
}
.carousel .carousel-indicators {
  bottom: 0px;
}
.carousel .carousel-indicators:hover li {
  opacity: 1;
  width: 40px;
}
.carousel .carousel-indicators li {
  margin-right: 10px;
  background-color: #ddd;
  opacity: 0.7;
  width: 30px;
  transition: all 0.5s;
  /*
	  height: @s;
	  border-radius:50%;
*/
  height: 10px;
  border-radius: 5px;
}
.carousel .carousel-indicators li.active {
  background-color: #0058e4;
}
.carousel .carousel-indicators li:hover {
  opacity: 1;
  background-color: #0044b1;
  border-color: #0044b1;
}
@media only screen and (max-width: 767px) {
  .carousel .carousel-indicators li {
    width: 15px;
    height: 7.5px;
  }
}
.jCarrusel {
  background: #fff;
}
.jCarrusel h1,
.jCarrusel h2,
.jCarrusel h3 {
  color: #fff;
  font-family: 'Anton', sans-serif;
  text-transform: none;
  font-weight: normal;
  /*
    width:100% !important;
    margin:0px;
*/
  /*
    .border-radius(8px);
    background:#fff;
*/
}
.jCarrusel a,
.jCarrusel a:visited {
  color: #fff !important;
  transition: all 0.5s;
}
.jCarrusel a:hover {
  border: none!important;
  text-shadow: 0px 0px 24px #fff;
}
@media (max-width: 992px) {
  .jCarrusel h1 {
    font-size: 3em !important;
  }
}
@media only screen and (max-width: 767px) {
  .jCarrusel h1 {
    font-size: 1.4em !important;
  }
  .jCarrusel .carousel-caption {
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .jCarrusel .btn-lg {
    font-size: 12px;
  }
}
.jCarrusel h1 {
  font-size: 4em;
}
.jCarrusel.padding {
  padding-top: 20px;
}
.divBreadCrumb {
  font-size: 0.8em;
}
.divBreadCrumb ol.breadcrumb {
  border-bottom: 1px solid #aaa;
  padding: 3px;
  padding-left: 15px;
  margin: 0px;
}
.divBreadCrumb .breadcrumb > li + li:before {
  color: #aaa;
  content: "> ";
  padding: 0 5px;
}
.divBreadCrumb a,
.divBreadCrumb a:visited {
  color: #888 !important;
}
.divBreadCrumb a:hover,
.divBreadCrumb a:visited:hover {
  color: #000 !important;
}
div.localizacion {
  background: #bbbbbb;
  border-top: 1px solid #aaaaaa;
}
div.localizacion h2 {
  color: #fff;
}
div.localizacion a,
div.localizacion a:visited {
  color: #fff!important;
}
div.localizacion a:hover,
div.localizacion a:visited:hover {
  color: #000!important;
}
div.localizacion .mapa {
  padding: 0px;
  border-left: 1px solid #aaaaaa;
}
div.localizacion.pagina-contactar {
  background: #fafafa;
}
div.localizacion.pagina-contactar .row {
  border-bottom: 1px solid #aaa;
  padding-bottom: 15px;
}
div.localizacion.pagina-contactar .row .foto {
  padding-top: 20px;
  padding-left: 20px;
}
div.localizacion.pagina-contactar .row h2 {
  text-transform: uppercase;
  color: #aa0000;
}
div.localizacion.pagina-contactar .row.hover {
  background: #ddd;
}
div.localizacion.pagina-contactar div.info {
  margin-left: 20px;
}
div.localizacion.pagina-contactar table a,
div.localizacion.pagina-contactar table a:visited {
  color: #666!important;
}
div.localizacion.pagina-contactar table a:hover,
div.localizacion.pagina-contactar table a:visited:hover {
  color: #000!important;
}
table.localizacion td {
  padding-bottom: 10px;
  vertical-align: top;
}
table.localizacion td:first-child {
  padding-right: 10px;
  text-align: center;
}
div.video {
  padding: 0px;
  border: 1px solid #aaa;
  background: #dddddd url('image/video_bg.png') no-repeat 50% 50%;
}
div.servicios.video {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  width: 560px;
  height: 315px;
}
div.servicios.video.fullwidth {
  float: none;
  width: 1120px;
  height: 630px;
  margin-left: 0px;
}
@media screen and (max-width: 990px) {
  div.servicios.video {
    width: 280px;
    height: 157.5px;
  }
}
/*
@media screen and (max-width: 990px){
  div.servicios.video{
  float:none;
  margin:0px;
  margin-bottom:30px;
  width:100%;
//    	width:560px/2;
//	    height:315px/2;
  }
}
*/
.containerForm {
  background: #dddddd;
}
.containerForm .txt {
  margin-bottom: 10px;
}
.containerForm.color1 {
  background: #ddd;
}
input.requerido,
select.requerido,
textarea.requerido {
  border-color: red;
  border-width: 2px;
  background: #fee;
}
input.isTestValue,
select.isTestValue,
textarea.isTestValue {
  border-color: green;
  border-width: 2px;
}
input.incorrecto {
  border-color: red;
  border-width: 2px;
  background-color: #faa;
}
select.destacar {
  background-color: #afa;
}
#divACTIONS_enviando {
  display: none;
}
#divACTIONS_Buttons .btn:hover {
  background: #000;
  color: #fff;
}
.form-control.strong {
  font-weight: bold;
}
.form-login {
  padding-top: 20px;
  min-height: 300px;
  padding-bottom: 80px;
}
.form-login h1 {
  text-align: center;
  margin-bottom: 40px;
}
.form-login .divWrapperBtnSubmit {
  height: 140px;
}
.QS2_Wrapper input {
  width: 100%;
  border: 2px solid #aa8;
  padding: 5px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  behavior: url(border-radius.htc);
}
.QS2_Wrapper div.list {
  padding: 2px;
  border: 1px solid green;
}
.QS2_Wrapper div.list div.item {
  padding: 5px;
  border: 1px dotted #a64;
}
.QS2_Wrapper div.list div.item:hover {
  background: #f30;
  color: #fff;
  cursor: pointer;
}
input.QuickSearch1 {
  padding: 3px;
  border: 1px dotted #aaa;
  background: #ffa;
}
/*-- datagrid ---*/
.datagrid {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 0px;
  padding-top: 5px;
  padding-bottom: 10px;
}
.datagrid table {
  padding: 0px;
  border-collapse: separate;
  border-right: 2px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.datagrid td {
  padding: 5px;
  font-size: 12px;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  color: #333;
  vertical-align: top;
}
.datagrid TD.fecha {
  color: #800;
  width: 80px;
}
.datagrid TD.orden {
  color: #808;
  font-weight: bold;
  width: 40px;
}
.datagrid TD.id {
  width: 20px;
  color: #080;
  font-weight: bold;
}
.datagrid TD.comentarios {
  color: #44a;
}
.datagrid TD.descripcion {
  color: #828;
}
.datagrid TD.num {
  text-align: right;
}
.datagrid TD.usuario {
  color: #44b;
}
.datagrid TD.estado {
  color: #84b;
  width: 140px;
}
.datagrid TD.equipo_como {
  color: #400;
}
.datagrid TD.codigo {
  color: #811;
}
.datagrid TD.main {
  font-weight: bold;
  color: #226622;
}
.datagrid TD.operadora {
  font-weight: bold;
  color: #44a;
  width: 120px;
}
.datagrid TD.asunto {
  color: #66d;
}
.datagrid td.email {
  color: #a4a;
}
.datagrid TD.importe {
  color: #484;
  text-align: right;
}
.datagrid TD.right {
  text-align: right;
}
.datagrid TD.big {
  font-size: 1.3em;
}
.datagrid TD.huge {
  font-size: 1.9em;
}
.datagrid TD.green {
  color: #0a0;
}
.datagrid TD.bold {
  font-weight: bold;
}
.datagrid TH.center,
.datagrid TD.center {
  text-align: center;
}
.datagrid td.direccion {
  width: 280px;
}
.datagrid td.lastNota {
  width: 190px;
}
.datagrid td.cliente {
  width: 280px;
}
.datagrid td.operadora_num_aviso {
  width: 180px;
}
.datagrid td.estado_aviso__cita {
  width: 120px;
  font-weight: bold;
}
.datagrid .fecha_cita {
  color: #800;
}
.datagrid .fecha_caducidad {
  font-size: 0.8em;
  color: #f00;
}
.datagrid .fecha_aviso {
  font-size: 0.8em;
  color: #666;
  margin-bottom: 8px;
}
.datagrid .hora_cita {
  color: #808;
}
.datagrid .num_aviso {
  font-weight: bold;
  color: #282;
}
.datagrid .num_aviso.sin_cita {
  color: #d22;
}
.datagrid TD.valor {
  font-size: 12px;
  font-weight: bold;
}
.datagrid td.telefono {
  width: 100px;
  color: #484;
}
.datagrid TD.editar {
  width: 100px;
  text-align: center;
}
.datagrid TD.centrat {
  text-align: center;
}
.datagrid tr.resaltar TD {
  background-color: #def;
}
.datagrid tr.checked TD {
  background: #dfd;
}
.datagrid .off {
  color: #aaa;
}
.datagrid .off a {
  color: #aaa;
}
.datagrid .off a:hover {
  color: #000;
}
.datagrid .small {
  font-size: 10px;
  color: #666;
}
.datagrid div.alarma {
  margin-top: 7px;
  color: #800;
  padding: 3px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  behavior: url(border-radius.htc);
  border: 1px solid #c77;
  background: #fdd;
  background: #ffdddd url('image/bg_exclamation.png') 50% 50% no-repeat;
  font-family: tahoma;
  font-size: 11px;
  font-weight: normal;
}
.datagrid .infoNumRegistros {
  padding-bottom: 5px;
}
.datagrid TH {
  font-size: 10px;
  font-weight: bold;
  background: #eee ;
  background: linear-gradient(#eeeeee, #cccccc);
  padding: 3px;
  font-size: 12px;
  text-align: center;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
}
.datagrid td.filaHover {
  background: #ddf;
}
/* ---------------- [pageList] -------------- */
div.pageList {
  margin-top: 5px;
  margin-bottom: 8px;
  text-align: left;
  font-weight: bold;
  color: #47A5C2;
}
div.pageList A:link,
div.pageList A:visited,
div.pageList A.current {
  padding: 4px 8px 4px 8px;
  border: 1px solid #999999;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  behavior: url(border-radius.htc);
  text-decoration: none;
  margin-right: 4px;
  color: #7b7b7b;
  background: #cccccc;
}
div.pageList A:hover {
  color: #6f6f6f;
  background: #ffffff;
  border-color: #6f6f6f;
}
div.pageList A.current,
div.pageList A.current:visited {
  color: #ffffff !important;
  background: #000000;
  border-color: #333333;
}
div.pageList A.btn_previous_next {
  color: #47A5C2;
}
/* 
	SKIN JGS
	7.12.2016
*/
#swipebox-overlay {
  background: rgba(20, 20, 20, 0.7);
}
#swipebox-container .slide img {
  padding: 10px;
  background: #fff;
  box-shadow: 0px 2px 12px #444;
  border-radius: 20px;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #222;
  opacity: 0.90;
}
#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}
#PanelDebug1 {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 400px;
  height: 280px;
  padding: 5px;
  background: linear-gradient(#ffbbaa, #ffa790);
  color: #000;
  font-size: 12px;
  z-index: 99999;
  border: 2px solid #000;
  border-bottom: none;
  border-left: none;
}
#PanelDebug1 ul.items {
  margin: 0px;
  padding-left: 0px;
  overflow-y: scroll;
  height: 100%;
}
#PanelDebug1 ul.items li {
  border-bottom: 1px dotted #666;
  padding-bottom: 3px;
  list-style-type: none;
}
#PanelDebug1 ul.items li.sep {
  padding-right: 5px;
  font-size: 11px;
  text-align: right;
  background: #fff;
  color: #000;
}
#PanelDebug1 div.buttons {
  float: right;
  padding-left: 4px;
}
#PanelDebug1 div.buttons a,
#PanelDebug1 div.buttons a:visited {
  color: #dd2c00 !important;
  font-size: 11px;
}