@charset "UTF-8";
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html, button, input, select, textarea {
  color: #222;
}

body {
  font-size: 1em;
  background: #ffffff;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -ms-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

::-moz-selection, ::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ddd;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000000;
  padding: 0.2em 0;
}

a {
  outline: none;
}
a img {
  outline: none;
}
a:hover {
  transition: all 0.7s ease;
}

li:hover, h2:hover, a img:hover {
  transition: all 0.7s ease;
}

*:focus {
  outline: none;
}

button {
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

#cookieadvice {
  width: 100%;
  position: fixed;
  /* bottom: 0;*/
  background: #e8e8e8;
  z-index: 9999;
  border-top: 1px solid #fff;
}
#cookieadvice div {
  width: 80%;
  display: block;
  margin: 0 auto;
}
#cookieadvice div.in-advice {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
}
#cookieadvice p {
  font-size: 13px;
  line-height: 130%;
  color: #000000;
  padding: 5px 0;
  text-align: center;
}
#cookieadvice p a {
  color: #0096d0;
}
#cookieadvice div.close {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 10px;
  width: 20px !important;
  height: 20px;
  background: transparent url("../images/rocaUI/cookie_close.png") no-repeat -3px 0;
  text-indent: -2000px;
  overflow: hidden;
  cursor: pointer;
  margin: 2px;
}
#cookieadvice .close:hover {
  background-position: -3px -42px;
}

.fixed {
  height: 59px;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 9999;
  background: #ffffff;
  border-bottom: 1px solid #666666;
}

.main-content .nine .left-five p, .main-content .nine .left-five h3, .main-content .nine .left-five ul {
  padding-left: 4%;
}

/* cookie disclaimer */
.cookie {
  background-color: #e8e8e8;
  bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 20px 0;
  position: fixed;
  z-index: 10000;
  width: 100%;
}
.cookie p {
  padding: 0;
  float: none;
  display: block;
  color: #000000;
  margin: 0;
}
.cookie p a {
  color: #e71f22;
}
.cookie .close-cookie {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 13px;
  z-index: 650;
}
.cookie .container {
  margin: 0 auto;
  width: 990px;
}

@media only screen and (min-width: 0) and (max-width: 748px) {
  .cookies-visible .cookie {
    display: table;
  }

  .cookie {
    width: 100%;
    margin: 80px 0 0 0;
    padding: 0;
    top: 0;
    bottom: inherit;
  }

  .cookie .container {
    float: none;
    clear: both;
    width: 100%;
    margin: 0;
    padding-top: 25px;
    padding-bottom: 20px;
    display: block;
    background-color: #e8e8e8;
  }

  .cookie .close-cookie {
    top: 0;
    right: 5px;
    font-size: 24px;
  }

  .cookie p {
    padding: 0 5px;
    color: #000;
  }
}
.cookies-visible .cookie {
  display: block;
}

.cookies-hidden .cookie {
  display: none;
}

.cookies-hidden {
  background: transparent none repeat scroll 0 0 !important;
}

/** Incluye arreglos tanto del listado de noticias como el área de tags y redes sociales **/
/** Se arreglan las diapositivas 1-2**/
#main #articles-in-news {
  float: left;
  width: 510px;
  margin-bottom: 40px;
}
#main #articles-in-news #news-list article.typeHorizontal {
  position: relative;
  padding: 20px 20px 25px 0;
  border-bottom: 1px solid #eee;
}
#main #articles-in-news #news-list article.typeHorizontal a.article-content {
  clear: both;
  display: block;
  width: 100%;
  max-height: 237px;
  overflow: hidden;
}
#main #articles-in-news #news-list article.typeHorizontal a.article-content:hover {
  text-decoration: none;
}
#main #articles-in-news #news-list article.typeHorizontal a.article-content p {
  padding: 0 0 20px 0;
  line-height: 1.5;
}
#main #articles-in-news #news-list article.typeHorizontal a.article-content img {
  float: left;
  margin: 0 20px 10px 0;
}
#main #articles-in-news #news-list article.typeHorizontal ul.articleInfo {
  float: left;
}
#main #articles-in-news #news-list article.typeHorizontal ul.articleInfo li {
  border-right: 0;
  padding: 0 0 0 10px;
  display: inline;
  background: 0;
  color: #999;
}
#main #articles-in-news #news-list article.typeHorizontal ul.articleInfo li:first-child {
  border-right: 1px solid #999;
  padding: 0 10px 0 0;
}
#main #articles-in-news #news-list article.typeHorizontal ul.articleInfo li a {
  text-transform: uppercase;
  color: #999;
}
#main #articles-in-news #news-list article.typeHorizontal ul.articleInfo li a:hover {
  text-decoration: underline;
}
#main #articles-in-news .text-center {
  text-align: center;
}
#main #articles-in-news .text-center .show-more {
  clear: both;
  display: inline-block;
  background: #e8e8e8;
  border: 1px solid #d5d5d5;
  font-size: 12px;
  padding: 10px 15px 10px 10px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 20px;
}
#main #articles-in-news .text-center .show-more .icon {
  color: #e61f22;
  margin-right: 10px;
}
#main #articles-in-news .text-center .show-more:hover {
  background: #999 !important;
  color: #fff;
  text-decoration: none;
}
#main #social-sidebar {
  float: left;
  width: 480px;
  /** Flickr and instagram images**/
  /** Tags **/
}
#main #social-sidebar .left-side {
  float: left;
  width: 240px;
}
#main #social-sidebar .left-side #images {
  float: left;
  width: 240px;
  margin-bottom: 20px;
  margin-left: 10px;
}
#main #social-sidebar .left-side #images .images-flickr > a > img,
#main #social-sidebar .left-side #images .instagram a > img {
  width: 105px;
  max-height: 140px;
  float: left;
  margin: 0 0 10px 10px;
}
#main #social-sidebar .left-side #images .view-more {
  float: right;
  padding-top: 10px;
}
#main #social-sidebar .right-side {
  float: left;
  width: 220px;
  padding-left: 20px;
}
#main #social-sidebar .right-side #tags, #main #social-sidebar .right-side #facebook, #main #social-sidebar .right-side #twitter {
  margin-bottom: 20px;
}
#main #social-sidebar .right-side #tags #tag-cloud .small {
  color: #bbb;
  font-size: 15px;
}
#main #social-sidebar .right-side #tags #tag-cloud .medium {
  color: #777;
  font-size: 21px;
}
#main #social-sidebar .right-side #tags #tag-cloud .big {
  color: #414040;
  font-size: 30px;
}
#main #social-sidebar .right-side #facebook .fb_iframe_widget {
  position: relative;
  display: inline-block;
}
#main #social-sidebar .right-side #facebook .fb_iframe_widget span, #main #social-sidebar .right-side #facebook .fb_iframe_widget iframe {
  vertical-align: bottom;
  width: 220px !important;
  text-align: justify;
}

/** Incluye arreglos tanto de la zona izquierda de noticias como de la parte de los tags **/
/** Arreglo de las diapositivas 3 y 4 **/
#main > section.col.colLeft {
  width: 730px;
  float: left;
  margin-right: 40px;
}
#main > section.col.colLeft a {
  color: #000;
  text-transform: none;
}
#main > section.col.colLeft.news-detail {
  font-size: 14px;
  line-height: 1.5;
}
#main > section.col.colLeft.news-detail ul.articleInfo {
  float: left;
}
#main > section.col.colLeft.news-detail ul.articleInfo li {
  border-right: 0;
  padding: 0 0 0 10px;
  display: inline;
  background: 0;
  color: #999;
}
#main > section.col.colLeft.news-detail ul.articleInfo li:first-child {
  border-right: 1px solid #999;
  padding: 0 10px 0 0;
}
#main > section.col.colLeft.news-detail ul.articleInfo li a {
  text-transform: uppercase;
  color: #999;
}
#main > section.col.colLeft.news-detail ul.articleInfo li a:hover {
  text-decoration: underline;
}
#main > section.col.colLeft.news-detail #press-releases {
  float: left;
}
#main > section.col.colLeft.news-detail #press-releases a {
  color: #000;
}
#main > section.col.colRight {
  width: 220px;
  float: right;
}
#main > section.col.colRight .tags, #main > section.col.colRight .facebook, #main > section.col.colRight .twitter {
  margin-bottom: 20px;
}
#main > section.col.colRight .tags #tag-cloud .small {
  text-transform: none;
  color: #bbb;
  font-size: 15px;
}
#main > section.col.colRight .tags #tag-cloud .medium {
  text-transform: none;
  color: #777;
  font-size: 21px;
}
#main > section.col.colRight .tags #tag-cloud .big {
  text-transform: none;
  color: #414040;
  font-size: 30px;
}
#main > section.col.colRight .facebook .fb_iframe_widget {
  position: relative;
  display: inline-block;
}
#main > section.col.colRight .facebook .fb_iframe_widget span, #main > section.col.colRight .facebook .fb_iframe_widget iframe {
  vertical-align: bottom;
  width: 220px !important;
  text-align: justify;
}
#main > section.col.colRight #local-newsroooms select {
  width: 100%;
}

#main > div.mixed-content {
  font-size: 14px;
  line-height: 1.5;
}
#main > div.mixed-content ul.articleInfo {
  float: left;
}
#main > div.mixed-content ul.articleInfo li {
  border-right: 0;
  padding: 0 0 0 10px;
  display: inline;
  background: 0;
  color: #999;
}
#main > div.mixed-content ul.articleInfo li:first-child {
  border-right: 1px solid #999;
  padding: 0 10px 0 0;
}
#main > div.mixed-content ul.articleInfo li a {
  text-transform: uppercase;
  color: #999;
}
#main > div.mixed-content ul.articleInfo li a:hover {
  text-decoration: underline;
}

/** También he encontrado una discrepancia en el botón de 'back to top' y lo he cambiado a como está en laufen.com **/
#footer-container .back-to-top a {
  text-transform: none;
}

/** Arreglo de las diapositivas 5 y 6 **/
#main #articles-in-press {
  width: 750px;
  float: left;
  margin-bottom: 40px;
}
#main #articles-in-press #news-list article.typeHorizontal {
  position: relative;
  padding: 20px 20px 25px 0;
  border-bottom: 1px solid #eee;
}
#main #articles-in-press #news-list article.typeHorizontal a.article-content {
  clear: both;
  display: block;
  width: 100%;
  max-height: 237px;
  overflow: hidden;
}
#main #articles-in-press #news-list article.typeHorizontal a.article-content:hover {
  text-decoration: none;
}
#main #articles-in-press #news-list article.typeHorizontal a.article-content p {
  padding: 0 0 20px 0;
  line-height: 1.5;
}
#main #articles-in-press #news-list article.typeHorizontal a.article-content img {
  float: left;
  margin: 0 20px 10px 0;
}
#main #articles-in-press #news-list article.typeHorizontal ul.articleInfo {
  float: left;
}
#main #articles-in-press #news-list article.typeHorizontal ul.articleInfo li {
  border-right: 0;
  padding: 0 0 0 10px;
  display: inline;
  background: 0;
  color: #999;
}
#main #articles-in-press #news-list article.typeHorizontal ul.articleInfo li:first-child {
  border-right: 1px solid #999;
  padding: 0 10px 0 0;
}
#main #articles-in-press #news-list article.typeHorizontal ul.articleInfo li a {
  text-transform: uppercase;
  color: #999;
}
#main #articles-in-press #news-list article.typeHorizontal ul.articleInfo li a:hover {
  text-decoration: underline;
}
#main #social-sidebar #tags {
  margin: 0 0 20px 20px;
}
#main #social-sidebar #tags #tag-cloud .small {
  color: #bbb;
  font-size: 15px;
}
#main #social-sidebar #tags #tag-cloud .medium {
  color: #777;
  font-size: 21px;
}
#main #social-sidebar #tags #tag-cloud .big {
  color: #414040;
  font-size: 30px;
}
#main #social-sidebar .link-right a {
  position: relative;
  display: block;
  text-align: center;
  padding: 5px;
  margin-left: 20px;
  margin-bottom: 20px;
  color: white;
  background-color: #999;
  font-size: 16px;
}
#main #social-sidebar .link-right a::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 3px;
  border-color: transparent transparent transparent white;
  margin-left: 15px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
#main #social-sidebar .link-right a:hover {
  text-decoration: none;
}
#main #social-sidebar #images {
  width: 230px;
  float: left;
  margin-bottom: 20px;
  margin-left: 10px;
}
#main #social-sidebar #images h2 {
  margin-left: 10px;
}
#main #social-sidebar #images .images-flickr > a > img,
#main #social-sidebar #images .instagram a > img {
  width: 105px;
  max-height: 140px;
  float: left;
  margin: 0 0 10px 10px;
}
#main #social-sidebar #images .view-more {
  float: right;
  padding-top: 10px;
}
#main #social-sidebar #local-newsrooms {
  margin-left: 20px;
}
#main #social-sidebar #local-newsrooms select {
  width: 100%;
}
#main #laufen-key-info {
  display: table;
  clear: both;
}
#main #laufen-key-info h2 {
  margin-top: 30px;
}
#main #laufen-key-info > article {
  width: 316px;
  margin-right: 20px;
  height: auto;
}
#main #laufen-key-info > article.vertical {
  width: 240px;
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0 20px;
  height: 240px;
}
#main #laufen-key-info > article.vertical p {
  padding-bottom: 20px;
  display: block;
}
#main #laufen-key-info > article.vertical p span.more {
  display: none;
}

#main .job-detail {
  width: 730px;
  float: left;
  margin-right: 20px;
}

#articles-in-press + #social-sidebar {
  float: right;
  width: 220px;
}

@media only screen and (min-width: 0) and (max-width: 748px) {
  #main #social-sidebar .right-side #facebook .fb_iframe_widget span, #main #social-sidebar .right-side #facebook .fb_iframe_widget iframe {
    width: 300px !important;
  }

  #main > section.col.colRight {
    width: 100%;
  }

  #main > section.col.colRight .facebook .fb_iframe_widget span, #main > section.col.colRight .facebook .fb_iframe_widget iframe {
    width: 300px !important;
  }
}
/* ==========================================================================
   Author styles
   ========================================================================== */
#ventanaChatLOPD {
  position: fixed;
  z-index: 999;
  bottom: 0;
  right: 15px;
  width: 180px;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  background-color: white;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
  transform: translateY(calc(100% - 41px));
  -o-transform: translateY(calc(100% - 41px));
  -ms-transform: translateY(calc(100% - 41px));
  -moz-transform: translateY(calc(100% - 41px));
  -webkit-transform: translateY(calc(100% - 41px));
  transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -o-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -ms-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -moz-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -webkit-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
}
#ventanaChatLOPD:hover {
  width: 280px;
  transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
#ventanaChatLOPD #tituloLOPD {
  padding: 12px 10px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  user-select: none;
  color: white;
  background-color: #808080;
}
#ventanaChatLOPD #idlpd {
  width: 280px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #444;
}
#ventanaChatLOPD #idlpd input {
  position: relative;
  top: 1px;
  margin-right: 5px;
  width: 13px;
}
#ventanaChatLOPD #idlpd p {
  padding: 0 10px;
}
#ventanaChatLOPD #idlpd a {
  text-decoration: underline;
  color: #808080;
}
#ventanaChatLOPD #idlpd button {
  display: block;
  margin: 15px 0 0;
  border-radius: 4px;
  border: 0;
  padding: 8px 12px;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #808080;
  color: white;
}
#ventanaChatLOPD #idlpd button:hover {
  opacity: .8;
}

.roca-empty {
  width: 100%;
  min-height: 600px;
  display: block;
}

#roca-empty-loading {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff url(../img-static/loader_gray_48.gif) no-repeat center center;
  z-index: 64001;
  width: 100%;
  height: 100%;
  display: none;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/*  GENERAL STYLES  */
.main-content {
  margin-top: 0;
  background-color: #ffffff;
  padding: 5px 0 10px 0;
}
.main-content.section {
  padding-bottom: 0;
}

.softgrey {
  color: #b1b1b1;
}

/* BREADCRUMB */
div.breadcrumb {
  margin-bottom: 10px;
  border-bottom: 1px solid #999;
}
div.breadcrumb ul:after {
  content: '';
  display: block;
  clear: both;
}
div.breadcrumb ul {
  display: block;
  padding: .29em 5px 0 0;
}
div.breadcrumb ul li {
  display: inline;
  float: left;
  padding: 0 .35em 0 0;
  font-size: .75em;
}
div.breadcrumb ul li a {
  color: #000000;
  text-transform: uppercase;
}
div.breadcrumb ul li a:hover {
  color: #0096d0;
  outline: none;
}

/* PRODUCT CATALOGUE
 ========================================================================== */
.clear {
  clear: both !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.espacio {
  height: 6px;
}

.none {
  display: none !important;
}

.hidder {
  visibility: hidden;
}

.linea {
  border-bottom: 1px #ddd solid;
}

.textcenter {
  text-align: center !important;
}

.autoheight {
  min-height: 300px !important;
}

.white {
  color: #fff !important;
}

.grey {
  color: #666666;
}

.dark_grey {
  color: #505050;
}

.soft_grey {
  color: #A7A7A7;
}

.cool_gray_bkg {
  background-color: #f1f2f3;
}

.white_bkg {
  background-color: #fff;
}

.soft_grey_bkg {
  background-color: #A7A7A7;
}

.roca_blue {
  background-color: #a9c6d5 !important;
  background-image: none !important;
}

.grey_eee {
  background: #D7D7D7 url(../img-static/tit_list_bkg.gif) repeat-x;
}

.black {
  color: #000000 !important;
  font-weight: bold;
}

.thebold {
  font-weight: normal;
}

.blue {
  color: #3c8cc7 !important;
}
.blue p {
  color: #3c8cc7 !important;
}

.borderbottom {
  border-bottom: 1px #fff solid !important;
}

.no-border {
  border: none !important;
}
.no-border ul li {
  border: none !important;
}

.rojo {
  color: red !important;
}

/* .twelve {font-size: 12px !important;} */
.thirteen, .fourteen {
  font-size: 13px !important;
}

.three.columns h3.entry-title {
  margin: 0 0 10px 0;
}
.three.columns p.entry-summary {
  margin: 10px 0 0 0;
  padding: 1px 4px 0 0;
  color: #000000;
  line-height: 120%;
  font-size: 13px;
}
.three.columns h2.entry-title {
  margin: 0;
  font-size: 1.5em;
}

h2.entry-title, .collection-page .entry-header h2.entry-title {
  margin: 0;
  font-size: 1.5em;
}

.goto-local-bt:hover {
  cursor: pointer;
}
.goto-local-bt h3 {
  font-size: 12px;
  margin: 2% 0 0 0;
  padding: 0;
  line-height: 114%;
  color: #0096d0;
  text-align: center;
}
.goto-local-bt p {
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 5px;
  line-height: 114%;
  color: #666666;
}

.fixmargin {
  margin-top: 4px !important;
}

/*this style is only for linking to static web market
--------------------------------------------------------------------------------*/
ul.market {
  display: none;
  float: right;
  width: 24%;
  height: 25px;
  color: #fff;
}
ul.market li {
  list-style-type: none;
  display: inline;
  font-size: 0.75em;
}

/*-- nuevo product gallery --*/
.column2 li.specialgallery {
  border: 1px solid #ddd;
  display: inline;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  height: 31px;
  max-width: 48px;
}

/* loading box */
#loading_box {
  margin: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 110px;
  border-bottom: -200px;
  left: 0;
  z-index: 9999;
  /*	display: none;
  	background-img: rgb(255, 255, 255);
    	opacity:0.6;
  	filter: alpha(opacity=50);
    	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
}
#loading_box span {
  position: relative;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background: transparent url("../img-static/loader_gray_48.gif") no-repeat center center;
  display: block;
}

#infinite_scroll_loading_box {
  margin: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  top: 110px;
  border-bottom: -200px;
  left: 0;
  z-index: 9999;
  /*	display: none;
  	background-img: rgb(255, 255, 255);
    	opacity:0.6;
  	filter: alpha(opacity=50);
    	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
}
#infinite_scroll_loading_box span {
  position: relative;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background: transparent url("../img-static/loader_gray_48.gif") no-repeat center center;
  display: block;
}

/* ESTILOS PARA inputs wrapper divs
First, we absolutely positioned the input and label pair so that we could layer the label over the input, like a mask. For this to work, we relatively positioned the wrapper div to contain the input and label
*/
.custom-checkbox, .custom-radio {
  position: relative;
}

/* input, label positioning */
.custom-checkbox input, .custom-radio input {
  position: absolute;
  left: 2px;
  top: 3px;
  margin: 0;
  z-index: 0;
}

/* Next, we styled each type of label (checkbox and radio button) with a background image we used an image sprite for all states: default, hover, and checked */
.custom-checkbox label, .custom-radio label {
  display: block;
  position: relative;
  z-index: 1;
  font-size: 1.3em;
  padding-right: 1em;
  line-height: 1;
  padding: .5em 0 .5em 30px;
  margin: 0 0 .3em;
  cursor: pointer;
}

/* And added classes for hover and checked states that repositioned the background sprite accordingly. We also included a class for the "focus" state for keyboard users */
.custom-checkbox label, .custom-radio label {
  background-position: -10px -14px;
}

.custom-checkbox label.hover, .custom-checkbox label.focus {
  background-position: -10px -114px;
}

.custom-radio label.hover, .custom-radio label.focus {
  background-position: -10px -114px;
}

.custom-checkbox label.checked, .custom-radio label.checked {
  background-position: -10px -214px;
}

.custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {
  background-position: -10px -314px;
}
.custom-checkbox label.focus {
  outline: 1px dotted #ccc;
}

.custom-radio label.focus {
  outline: 1px dotted #ccc;
}

.dd-select label {
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.dd-pointer-down {
  background: url("../img-static/ui-icons_888888_256x240.png") no-repeat -15px -129px;
  width: 16px !important;
  height: 16px !important;
}

.dd-pointer-up {
  background: url("../img-static/ui-icons_888888_256x240.png") no-repeat -47px -130px !important;
  width: 16px !important;
  height: 16px !important;
}

/* Modificacion, CLASE CREADA, S'HA DE MODIFICAR */
.link_but {
  margin: 2em 0 6em 0;
  clear: both;
  float: left;
}

.balloon.hidden {
  display: none !important;
}

.balloon.visible {
  display: block !important;
}

.balloon-inner {
  padding-right: 20px;
  position: relative;
}

.balloon-close {
  background: #efefef;
  border: 0;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 0;
  width: 20px;
  z-index: 50;
}

/*# sourceMappingURL=main_laufen_static.css.map */