/*!
 * UCPN Theme 
 */
/*
Original
@gutter: 10px;*/
/*
ORIGINAL
@layoutDesktop    : 1200px;
@layoutLandscape  : 960px;
@layoutPortrait   : 700px;*/
/*! 
  Quickstarter V3.0 LESS
  mixins
  normalize
  toolbox
  flush
  media
  responsive
  buttons
  forms
  base 
  ====================== */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol,
ul li,
ol li {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  background: transparent;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
::-moz-focus-inner {
  border: 0;
  padding: 0;
}
:-moz-any-link:focus {
  outline: none;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/**{
  .box-model();
}
*/
.row:after,
.row-fix:after,
.input:after,
.field:after,
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
* html .row,
* html .row-fix,
* html .input,
* html .field,
* html .clearfix,
*:first-child + html .row,
*:first-child + html .row-fix,
*:first-child + html .input,
*:first-child + html .field,
*:first-child + html .clearfix {
  zoom: 1;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
.overflow {
  overflow: hidden !important;
}
.clear {
  clear: none !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.relative {
  position: relative !important;
}
.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.normalcase {
  text-transform: none !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.single-line {
  white-space: nowrap !important;
}
.text-overflow {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.fit-width {
  width: 100%;
}
.flush > * {
  display: inline-block !important;
  width: auto !important;
  vertical-align: middle !important;
  *display: inline !important;
}
.flush-fit {
  display: table;
  width: 100%;
}
.flush-fit > * {
  display: table-cell;
  vertical-align: middle;
}
.flush-fit > .flush-row {
  display: table-row;
}
.flush-fit > .flush-row > * {
  display: table-cell;
  vertical-align: middle;
}
.stack > * {
  display: block !important;
  width: 100% !important;
}
.media,
.bd {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.media .img {
  float: left;
  margin-right: 1em;
}
.media .img img {
  display: block;
  width: 100%;
  height: auto;
}
.media-right .img {
  float: right;
  margin-left: 1em;
  margin-right: 0;
}
.flag {
  display: table;
}
.flag .img,
.flag .bd {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .media .img {
    float: none;
    text-align: center;
    margin: 0 auto 1em;
  }
}
.grid {
  margin-left: 20px;
  margin-right: 20px;
}
.visible-sm,
.visible-md,
.visible-lg,
.invisible {
  display: none !important;
}
.invisible-sm,
.invisible-md,
.invisible-lg,
.visible {
  display: block !important;
}
.debug.grid {
  box-shadow: 0 0 0 10px rgba(255, 0, 0, 0.2);
}
/*.debug when (@debug = true){
        &.grid{box-shadow: 0 0 0 10px rgba(255,0,0,0.2);}
    }*/
@media (min-width: 768px) {
  .grid {
    margin-left: auto;
    margin-right: auto;
  }
  .grid-fluid {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: auto           !important;
  }
  .grid-left {
    margin-left: 10px !important;
  }
  .grid-right {
    margin-right: 10px !important;
  }
  .grid-snap .row,
  .grid .row-snap {
    margin-left: 0;
    margin-right: 0;
  }
  .grid-snap [class*="triad-"],
  .grid-snap [class*="quad-"],
  .row-snap > [class*="triad-"],
  .row-snap > [class*="quad-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .row {
    margin-left: -10px;
    margin-right: -10px;
    clear: both;
  }
  .row-centered > [class*="col-"] {
    display: block;
    float: none;
    margin: 0 auto !important;
  }
  [class*="triad-"],
  [class*="quad-"] {
    display: inline;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  [class*="triad-"][class*="push"],
  [class*="triad-"][class*="pull"],
  [class*="quad-"][class*="push"],
  [class*="quad-"][class*="pull"] {
    position: relative;
  }
  .triad-3 {
    width: 100%;
  }
  .triad-2 {
    width: 66.66666667%;
  }
  .triad-1 {
    width: 33.33333333%;
  }
  .triad-0 {
    width: 0%;
  }
  .prefix-3[class*="triad-"] {
    margin-left: 100%;
  }
  .prefix-2[class*="triad-"] {
    margin-left: 66.66666667%;
  }
  .prefix-1[class*="triad-"] {
    margin-left: 33.33333333%;
  }
  .prefix-0[class*="triad-"] {
    margin-left: 0%;
  }
  .suffix-3[class*="triad-"] {
    margin-right: 100%;
  }
  .suffix-2[class*="triad-"] {
    margin-right: 66.66666667%;
  }
  .suffix-1[class*="triad-"] {
    margin-right: 33.33333333%;
  }
  .suffix-0[class*="triad-"] {
    margin-right: 0%;
  }
  .push-3[class*="triad-"] {
    left: 100%;
  }
  .push-2[class*="triad-"] {
    left: 66.66666667%;
  }
  .push-1[class*="triad-"] {
    left: 33.33333333%;
  }
  .push-0[class*="triad-"] {
    left: 0%;
  }
  .pull-3[class*="triad-"] {
    right: 100%;
  }
  .pull-2[class*="triad-"] {
    right: 66.66666667%;
  }
  .pull-1[class*="triad-"] {
    right: 33.33333333%;
  }
  .pull-0[class*="triad-"] {
    right: 0%;
  }
  .quad-4 {
    width: 100%;
  }
  .quad-3 {
    width: 75%;
  }
  .quad-2 {
    width: 50%;
  }
  .quad-1 {
    width: 25%;
  }
  .quad-0 {
    width: 0%;
  }
  .prefix-4[class*="quad-"] {
    margin-left: 100%;
  }
  .prefix-3[class*="quad-"] {
    margin-left: 75%;
  }
  .prefix-2[class*="quad-"] {
    margin-left: 50%;
  }
  .prefix-1[class*="quad-"] {
    margin-left: 25%;
  }
  .prefix-0[class*="quad-"] {
    margin-left: 0%;
  }
  .suffix-4[class*="quad-"] {
    margin-right: 100%;
  }
  .suffix-3[class*="quad-"] {
    margin-right: 75%;
  }
  .suffix-2[class*="quad-"] {
    margin-right: 50%;
  }
  .suffix-1[class*="quad-"] {
    margin-right: 25%;
  }
  .suffix-0[class*="quad-"] {
    margin-right: 0%;
  }
  .push-4[class*="quad-"] {
    left: 100%;
  }
  .push-3[class*="quad-"] {
    left: 75%;
  }
  .push-2[class*="quad-"] {
    left: 50%;
  }
  .push-1[class*="quad-"] {
    left: 25%;
  }
  .push-0[class*="quad-"] {
    left: 0%;
  }
  .pull-4[class*="quad-"] {
    right: 100%;
  }
  .pull-3[class*="quad-"] {
    right: 75%;
  }
  .pull-2[class*="quad-"] {
    right: 50%;
  }
  .pull-1[class*="quad-"] {
    right: 25%;
  }
  .pull-0[class*="quad-"] {
    right: 0%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .grid {
    width: 700px;
  }
  .triad-3-sm {
    width: 100%;
  }
  .triad-2-sm {
    width: 66.66666667%;
  }
  .triad-1-sm {
    width: 33.33333333%;
  }
  .triad-0-sm {
    width: 0%;
  }
  .prefix-3-sm[class*="triad-"] {
    margin-left: 100%;
  }
  .prefix-2-sm[class*="triad-"] {
    margin-left: 66.66666667%;
  }
  .prefix-1-sm[class*="triad-"] {
    margin-left: 33.33333333%;
  }
  .prefix-0-sm[class*="triad-"] {
    margin-left: 0%;
  }
  .suffix-3-sm[class*="triad-"] {
    margin-right: 100%;
  }
  .suffix-2-sm[class*="triad-"] {
    margin-right: 66.66666667%;
  }
  .suffix-1-sm[class*="triad-"] {
    margin-right: 33.33333333%;
  }
  .suffix-0-sm[class*="triad-"] {
    margin-right: 0%;
  }
  .push-3-sm[class*="triad-"] {
    left: 100%;
  }
  .push-2-sm[class*="triad-"] {
    left: 66.66666667%;
  }
  .push-1-sm[class*="triad-"] {
    left: 33.33333333%;
  }
  .push-0-sm[class*="triad-"] {
    left: 0%;
  }
  .pull-3-sm[class*="triad-"] {
    right: 100%;
  }
  .pull-2-sm[class*="triad-"] {
    right: 66.66666667%;
  }
  .pull-1-sm[class*="triad-"] {
    right: 33.33333333%;
  }
  .pull-0-sm[class*="triad-"] {
    right: 0%;
  }
  .quad-4-sm {
    width: 100%;
  }
  .quad-3-sm {
    width: 75%;
  }
  .quad-2-sm {
    width: 50%;
  }
  .quad-1-sm {
    width: 25%;
  }
  .quad-0-sm {
    width: 0%;
  }
  .prefix-4-sm[class*="quad-"] {
    margin-left: 100%;
  }
  .prefix-3-sm[class*="quad-"] {
    margin-left: 75%;
  }
  .prefix-2-sm[class*="quad-"] {
    margin-left: 50%;
  }
  .prefix-1-sm[class*="quad-"] {
    margin-left: 25%;
  }
  .prefix-0-sm[class*="quad-"] {
    margin-left: 0%;
  }
  .suffix-4-sm[class*="quad-"] {
    margin-right: 100%;
  }
  .suffix-3-sm[class*="quad-"] {
    margin-right: 75%;
  }
  .suffix-2-sm[class*="quad-"] {
    margin-right: 50%;
  }
  .suffix-1-sm[class*="quad-"] {
    margin-right: 25%;
  }
  .suffix-0-sm[class*="quad-"] {
    margin-right: 0%;
  }
  .push-4-sm[class*="quad-"] {
    left: 100%;
  }
  .push-3-sm[class*="quad-"] {
    left: 75%;
  }
  .push-2-sm[class*="quad-"] {
    left: 50%;
  }
  .push-1-sm[class*="quad-"] {
    left: 25%;
  }
  .push-0-sm[class*="quad-"] {
    left: 0%;
  }
  .pull-4-sm[class*="quad-"] {
    right: 100%;
  }
  .pull-3-sm[class*="quad-"] {
    right: 75%;
  }
  .pull-2-sm[class*="quad-"] {
    right: 50%;
  }
  .pull-1-sm[class*="quad-"] {
    right: 25%;
  }
  .pull-0-sm[class*="quad-"] {
    right: 0%;
  }
  .visible-md,
  .visible-lg,
  .invisible,
  .invisible-sm {
    display: none !important;
  }
  .invisible-md,
  .invisible-lg,
  .visible,
  .visible-sm {
    display: block !important;
  }
  .debug.grid {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0.2);
  }
}
@media (min-width: 1024px) and (max-width: 1240px) {
  .grid {
    width: 940px;
  }
  .triad-3-md {
    width: 100%;
  }
  .triad-2-md {
    width: 66.66666667%;
  }
  .triad-1-md {
    width: 33.33333333%;
  }
  .triad-0-md {
    width: 0%;
  }
  .prefix-3-md[class*="triad-"] {
    margin-left: 100%;
  }
  .prefix-2-md[class*="triad-"] {
    margin-left: 66.66666667%;
  }
  .prefix-1-md[class*="triad-"] {
    margin-left: 33.33333333%;
  }
  .prefix-0-md[class*="triad-"] {
    margin-left: 0%;
  }
  .suffix-3-md[class*="triad-"] {
    margin-right: 100%;
  }
  .suffix-2-md[class*="triad-"] {
    margin-right: 66.66666667%;
  }
  .suffix-1-md[class*="triad-"] {
    margin-right: 33.33333333%;
  }
  .suffix-0-md[class*="triad-"] {
    margin-right: 0%;
  }
  .push-3-md[class*="triad-"] {
    left: 100%;
  }
  .push-2-md[class*="triad-"] {
    left: 66.66666667%;
  }
  .push-1-md[class*="triad-"] {
    left: 33.33333333%;
  }
  .push-0-md[class*="triad-"] {
    left: 0%;
  }
  .pull-3-md[class*="triad-"] {
    right: 100%;
  }
  .pull-2-md[class*="triad-"] {
    right: 66.66666667%;
  }
  .pull-1-md[class*="triad-"] {
    right: 33.33333333%;
  }
  .pull-0-md[class*="triad-"] {
    right: 0%;
  }
  .quad-4-md {
    width: 100%;
  }
  .quad-3-md {
    width: 75%;
  }
  .quad-2-md {
    width: 50%;
  }
  .quad-1-md {
    width: 25%;
  }
  .quad-0-md {
    width: 0%;
  }
  .prefix-4-md[class*="quad-"] {
    margin-left: 100%;
  }
  .prefix-3-md[class*="quad-"] {
    margin-left: 75%;
  }
  .prefix-2-md[class*="quad-"] {
    margin-left: 50%;
  }
  .prefix-1-md[class*="quad-"] {
    margin-left: 25%;
  }
  .prefix-0-md[class*="quad-"] {
    margin-left: 0%;
  }
  .suffix-4-md[class*="quad-"] {
    margin-right: 100%;
  }
  .suffix-3-md[class*="quad-"] {
    margin-right: 75%;
  }
  .suffix-2-md[class*="quad-"] {
    margin-right: 50%;
  }
  .suffix-1-md[class*="quad-"] {
    margin-right: 25%;
  }
  .suffix-0-md[class*="quad-"] {
    margin-right: 0%;
  }
  .push-4-md[class*="quad-"] {
    left: 100%;
  }
  .push-3-md[class*="quad-"] {
    left: 75%;
  }
  .push-2-md[class*="quad-"] {
    left: 50%;
  }
  .push-1-md[class*="quad-"] {
    left: 25%;
  }
  .push-0-md[class*="quad-"] {
    left: 0%;
  }
  .pull-4-md[class*="quad-"] {
    right: 100%;
  }
  .pull-3-md[class*="quad-"] {
    right: 75%;
  }
  .pull-2-md[class*="quad-"] {
    right: 50%;
  }
  .pull-1-md[class*="quad-"] {
    right: 25%;
  }
  .pull-0-md[class*="quad-"] {
    right: 0%;
  }
  .visible-lg,
  .invisible,
  .invisible-sm,
  .invisible-md {
    display: none !important;
  }
  .invisible-lg,
  .visible,
  .visible-sm,
  .visible-md {
    display: block !important;
  }
  .debug.grid {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0.2);
  }
}
@media (min-width: 1240px) {
  .grid {
    width: 1180px;
  }
  .triad-3-lg {
    width: 100%;
  }
  .triad-2-lg {
    width: 66.66666667%;
  }
  .triad-1-lg {
    width: 33.33333333%;
  }
  .triad-0-lg {
    width: 0%;
  }
  .prefix-3-lg[class*="triad-"] {
    margin-left: 100%;
  }
  .prefix-2-lg[class*="triad-"] {
    margin-left: 66.66666667%;
  }
  .prefix-1-lg[class*="triad-"] {
    margin-left: 33.33333333%;
  }
  .prefix-0-lg[class*="triad-"] {
    margin-left: 0%;
  }
  .suffix-3-lg[class*="triad-"] {
    margin-right: 100%;
  }
  .suffix-2-lg[class*="triad-"] {
    margin-right: 66.66666667%;
  }
  .suffix-1-lg[class*="triad-"] {
    margin-right: 33.33333333%;
  }
  .suffix-0-lg[class*="triad-"] {
    margin-right: 0%;
  }
  .push-3-lg[class*="triad-"] {
    left: 100%;
  }
  .push-2-lg[class*="triad-"] {
    left: 66.66666667%;
  }
  .push-1-lg[class*="triad-"] {
    left: 33.33333333%;
  }
  .push-0-lg[class*="triad-"] {
    left: 0%;
  }
  .pull-3-lg[class*="triad-"] {
    right: 100%;
  }
  .pull-2-lg[class*="triad-"] {
    right: 66.66666667%;
  }
  .pull-1-lg[class*="triad-"] {
    right: 33.33333333%;
  }
  .pull-0-lg[class*="triad-"] {
    right: 0%;
  }
  .quad-4-lg {
    width: 100%;
  }
  .quad-3-lg {
    width: 75%;
  }
  .quad-2-lg {
    width: 50%;
  }
  .quad-1-lg {
    width: 25%;
  }
  .quad-0-lg {
    width: 0%;
  }
  .prefix-4-lg[class*="quad-"] {
    margin-left: 100%;
  }
  .prefix-3-lg[class*="quad-"] {
    margin-left: 75%;
  }
  .prefix-2-lg[class*="quad-"] {
    margin-left: 50%;
  }
  .prefix-1-lg[class*="quad-"] {
    margin-left: 25%;
  }
  .prefix-0-lg[class*="quad-"] {
    margin-left: 0%;
  }
  .suffix-4-lg[class*="quad-"] {
    margin-right: 100%;
  }
  .suffix-3-lg[class*="quad-"] {
    margin-right: 75%;
  }
  .suffix-2-lg[class*="quad-"] {
    margin-right: 50%;
  }
  .suffix-1-lg[class*="quad-"] {
    margin-right: 25%;
  }
  .suffix-0-lg[class*="quad-"] {
    margin-right: 0%;
  }
  .push-4-lg[class*="quad-"] {
    left: 100%;
  }
  .push-3-lg[class*="quad-"] {
    left: 75%;
  }
  .push-2-lg[class*="quad-"] {
    left: 50%;
  }
  .push-1-lg[class*="quad-"] {
    left: 25%;
  }
  .push-0-lg[class*="quad-"] {
    left: 0%;
  }
  .pull-4-lg[class*="quad-"] {
    right: 100%;
  }
  .pull-3-lg[class*="quad-"] {
    right: 75%;
  }
  .pull-2-lg[class*="quad-"] {
    right: 50%;
  }
  .pull-1-lg[class*="quad-"] {
    right: 25%;
  }
  .pull-0-lg[class*="quad-"] {
    right: 0%;
  }
  .invisible,
  .invisible-sm,
  .invisible-md,
  .invisible-lg {
    display: none !important;
  }
  .visible,
  .visible-sm,
  .visible-md,
  .visible-lg {
    display: block !important;
  }
}
.btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-family: inherit;
  font-size: 100%;
  *font-size: 90%;
  *overflow: visible;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn {
  padding: 0.5em 1em;
  color: #333;
  border: 1px solid #B7B7B7;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0.1)), color-stop(1, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -moz-linear-gradient(center bottom, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-repeat: repeat-x;
}
.btn-hover,
.btn:hover,
.btn:focus {
  background-image: none;
}
.btn:focus {
  outline: 0;
}
.btn-active,
.btn:active,
.form .btn-active,
.form .btn:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
}
.btn[disabled],
.btn-disabled,
.btn-disabled:hover,
.btn-disabled:focus,
.btn-disabled:active {
  border: none;
  background-image: none;
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
}
.btn-hidden {
  display: none;
}
.btn-full {
  width: 100%;
}
/*.form input[type="radio"]{
    border-radius: 100% !important;
}*/
/*.form {

        label,
        legend{
            width: auto !important;
            //max-width: none !important;
            float: none !important;
            text-align: left !important;
            display: block !important;
            clear: both !important;
            float: none !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        legend{
            position: static !important;
        }

        form,
        label,
        textarea,
        select,
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
        fieldset,
        fieldset legend{
                .box-model(border-box);
                 display: block !important;
                 margin-left: 0 !important;
                 margin-right: 0 !important;
                 width: 100% !important;
                 min-width: 10em !important;
        }
        .submit{
            margin-left: 0;
        }
    }*/
.form {
  margin-bottom: 0.5em;
  /*
    textarea{
        height: auto;
    }
    */
}
.form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type=hidden]),
.form button,
.form select,
.form textarea {
  font-family: inherit;
  font-size: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.form .input,
.form fieldset {
  margin-bottom: 0.5em;
}
.form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type=hidden]),
.form select,
.form textarea {
  background: #fff;
  border: 1px solid #B7B7B7;
  border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 0.5em 0.6em;
  margin: 0;
  vertical-align: middle;
  width: 100%;
}
.form label {
  display: block;
}
.form .input label,
.form legend {
  font-weight: bold;
  padding-top: 0.5em;
  margin-bottom: 0.5em;
}
.form fieldset.input label,
.form fieldset label {
  font-weight: normal;
  width: auto;
  display: block;
  text-align: left;
  padding: 0;
  margin: 0;
}
.form fieldset.input label {
  margin-bottom: 0.5em;
}
.form-ellipsis .input label,
.form-ellipsis legend {
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
  .form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type=hidden]),
  .form select,
  .form textarea {
    width: auto;
  }
  .form-fit .input,
  .form-horizontal .input {
    width: 100%;
  }
  .form-horizontal .input,
  .form-horizontal fieldset {
    /*  display: table;*/
    /*table-layout: fixed;
            margin-bottom: @inputSeparation;*/
    margin: 0.5em;
  }
  .form-horizontal .input > * {
    display: table-cell;
    vertical-align: top;
  }
  .form-horizontal .input label,
  .form-horizontal legend {
    width: 10em;
    max-width: 10em;
    padding-right: 0.5em;
    /*white-space: nowrap;
            text-overflow:ellipsis;*/
    overflow: hidden;
    text-align: right;
    padding-top: 10px;
  }
  .form-horizontal fieldset,
  .form-horizontal .submit,
  .form-horizontal .input-align {
    margin-left: 10em;
  }
  .form-horizontal fieldset {
    position: relative;
  }
  .form-horizontal legend {
    position: absolute;
    margin-left: -10em;
    padding-top: 0;
  }
  .form-fit input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type=hidden]),
  .input-fit input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type=hidden]),
  .form-fit select,
  .input-fit select,
  .form-fit textarea,
  .input-fit textarea {
    width: 100%;
  }
  .form-fit textarea,
  .input-fit textarea {
    resize: vertical;
  }
}
.form .btn:focus,
.form input:focus,
.form select:focus,
.form button:focus,
.form textarea:focus {
  box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -ms-transition: all 0.5s linear 0s;
  -o-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}
body {
  font-family: "Segoe UI", Segoe, Candara, Frutiger, "Frutiger Linotype", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  display: block;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.2em;
}
.h1 {
  font-size: 2em;
}
.h2 {
  font-size: 1.8em;
}
.h3 {
  font-size: 1.4em;
}
.h4 {
  font-size: 1.2em;
}
.h5 {
  font-size: 1em;
}
.h6 {
  font-size: 0.8em;
}
.subheader {
  font-size: 16px;
  font-weight: normal;
}
.subheader {
  color: #999;
  margin-bottom: 0.2em;
}
a {
  text-decoration: none;
}
p {
  margin-bottom: 1em;
}
ol.list li,
ul.list li {
  margin-left: 1em;
  margin-bottom: 1em;
}
ul.list li {
  list-style: disc        outside none;
}
ul.list li li {
  list-style: square      outside none;
}
ul.list li li li {
  list-style: circle      outside none;
}
ol.list li {
  list-style: decimal     outside none;
}
ol.list li li {
  list-style: lower-alpha outside none;
}
ol.list li li li {
  list-style: lower-roman outside none;
}
.table th,
.table td {
  border: 1px solid #666;
  padding: 5px;
}
.btn-error,
.btn-danger {
  background-color: #c0392b;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-warning {
  background-color: #f39c12;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-info {
  background-color: #1abc9c;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-success {
  background-color: #27ae60;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-primary {
  background-color: #3498db;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-inverse {
  background-color: #2c3e50;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-video {
  background-color: #1abc9c;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-audio {
  background-color: #c0392b;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-archivo {
  background-color: #3498db;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-link,
.btn-link:hover,
.btn-link:active {
  background: none;
  border: 0 none;
  box-shadow: 0 0 transparent;
  color: #0063ff;
}
.btn-link:hover {
  text-decoration: underline;
}
.btn-link {
  padding: 0;
}
.btn-link:focus {
  box-shadow: 0 0 0 transparent;
}
.txt-video {
  color: #1abc9c;
  background-color: white;
  min-width: 34px;
  padding: 2px;
  margin: 2px;
}
.txt-audio {
  color: #c0392b;
  background-color: white;
  min-width: 34px;
  padding: 2px;
  margin: 2px;
}
.txt-archivo {
  color: #3498db;
  background-color: white;
  min-width: 34px;
  padding: 2px;
  margin: 2px;
}
.message {
  border-radius: 3px;
  padding: 7px;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #333;
  background-color: #f2f2f2;
  margin-bottom: 5px;
}
.message-error,
.message-danger {
  background-color: #f2c9c5;
  color: white;
}
.message-warning {
  background-color: #fdedd4;
  color: #333;
}
.message-info {
  background-color: #aef4e6;
  color: white;
}
.message-success {
  background-color: #b3eecc;
  color: white;
}
.message-primary {
  background-color: #e1f0fa;
  color: #333;
}
.message-inverse {
  background-color: #8aa4be;
  color: white;
}
.form input.error,
.form input.danger {
  border-color: #c0392b;
}
.form input.warning {
  border-color: #f39c12;
}
.form input.success {
  border-color: #1abc9c;
}
.form input.info {
  border-color: #27ae60;
}
.form input.primary {
  border-color: #3498db;
}
.form input.inverse {
  border-color: #2c3e50;
}
.sidebar-multimedia {
  width: 48%;
  float: left;
  display: block;
  max-height: 154px;
  overflow: hidden;
  position: relative;
  min-height: 150px;
  margin: 2px;
}
.sidebar-multimedia-img {
  padding-bottom: 0;
  height: 120px;
  max-height: 120px;
}
/* General
 * =============================================== */
body,
.font-sans {
  font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Type
 * =============================================== */
.font-rounded {
  font-family: 'BPReplay Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-slab {
  font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: normal;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0 0 0.5em;
  line-height: 1.2;
  font-weight: normal;
}
.light {
  font-weight: lighter;
}
.bold {
  font-weight: bold;
}
p {
  /*margin: 0 0 0.5em;*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
a {
  color: inherit;
}
.mbottom {
  margin-bottom: 20px;
}
.vhr {
  border-right: 1px solid;
  margin-right: 0.18em;
  padding-right: 0.18em;
}
/* Layout
 * =============================================== */
.top-bar {
  background: #272727;
  color: #fff;
  font-size: 12px;
  padding: 5px 0;
  /*
    .menu a:hover{
        background-color: #f26221;
        //background-color: rgba(255,255,255,0.2);
    }
    */
}
.top-bar .menu a {
  padding: 0.5em;
}
.head {
  background-color: #343434;
  color: #fff;
  padding: 4px 0;
}
.head .menu {
  margin: 40px 15px 0;
  font-size: 12px;
}
.menu-bar {
  background: #F0F0F0;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  font-size: 12px;
  /*.menu{
        margin: 0 -0.5em;
    }*/
}
.menu-bar .menu > li > a {
  padding: 0.6em 0.8em 0.5em;
  display: block;
}
.menu-bar .home-link {
  background-color: #C2071F;
  padding: 0.6em !important;
}
.menu-bar .home-link:hover {
  background-color: #a9061b;
}
.sector-border {
  border-bottom: 3px solid;
}
.logo {
  margin-bottom: 10px;
}
#header {
  font-size: 13px;
}
#header .vhr {
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}
#footer {
  background-color: #4e4e4e;
  color: #fff;
}
.bottom-bar {
  margin-top: 20px;
  background: #343434;
  border-radius: 1px 1px 0 0;
  padding: 20px;
}
.em-item {
  color: #DA551F;
}
.btn-primary {
  background-color: #343434;
}
/* para poder escalar videos */
.video-container {
  position: relative;
  padding-bottom: 75%;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.badge {
  background: #fff;
  border-radius: 2px 0 0 2px;
  color: #343434;
  position: relative;
  font-size: 13px;
  margin-right: 1em;
  padding: 1px 4px;
}
.badge:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  margin-right: -20px;
  margin-top: -10px;
}
@media (min-width: 1024px) {
  /* Fixed header
     * =============================================== */
  body {
    padding-top: 190px;
    /* header height */
  }
  #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }
}
.hr-listado {
  clear: both;
  padding: 4px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 4px;
}
.etiquetas {
  list-style: none;
  display: inline-block;
  line-height: 20px;
  margin-left: 0;
  float: left;
  margin-bottom: 4px;
  margin-right: 20px;
  font-weight: bold;
}
.seccion_etiquetas {
  color: #fff;
  font-size: 12px;
  padding: 5px 0;
}
.seccion_etiquetas .menu_etiqueta a {
  padding: 0.5em;
  color: #fff;
}
.tags a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  position: relative;
  margin: 0 16px 8px 0;
  padding: 0 10px 0 12px;
  background: #777;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 12px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
.tags a:before {
  content: "";
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-color: transparent #3243A5 transparent transparent;
  border-style: solid;
  border-width: 12px 12px 12px 0;
}
.tags a:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 1px;
  float: left;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
}
.tag_selected {
  background: #777 !important;
}
/*.tags .selected a {background:#777 !important;}
    .tags > .selected a:hover:before {border-color:transparent #777 transparent transparent !important;}*/
.tags a:hover {
  background: #777;
}
.tags a:hover:before {
  border-color: transparent #777 transparent transparent;
}
.tags a.accion-social {
  background: #DA551F;
}
.tags a.accion-social:before {
  border-color: transparent #DA551F transparent transparent;
}
.tags a.institucional {
  background: #343434;
}
.tags a.institucional:before {
  border-color: transparent #343434 transparent transparent;
}
.tags a.institucional-rojo {
  background: #C2071F;
}
.tags a.institucional-rojo:before {
  border-color: transparent #C2071F transparent transparent;
}
.tags a.capacitacion {
  background: #521463;
}
.tags a.capacitacion:before {
  border-color: transparent #521463 transparent transparent;
}
.tags a.cultura {
  background: #D54046;
}
.tags a.cultura:before {
  border-color: transparent #D54046 transparent transparent;
}
.tags a.deportes {
  background: #CF501F;
}
.tags a.deportes:before {
  border-color: transparent #CF501F transparent transparent;
}
.tags a:hover {
  background: #666 !important;
}
.tags a:hover:before {
  border-color: transparent #666 transparent transparent !important;
}
.crop-img {
  position: relative;
  padding-bottom: 75%;
  overflow: hidden;
  max-width: 100%;
}
.crop-img img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  /*max-width: 100%;*/
}
.crop-img img {
  -webkit-transition: all 3s linear 0s;
  -moz-transition: all 3s linear 0s;
  -ms-transition: all 3s linear 0s;
  -o-transition: all 3s linear 0s;
  transition: all 3s linear 0s;
}
.crop-img:hover img {
  /*-webkit-transform: rotate(1deg) scale(1.1);
      -moz-transform: rotate(1deg) scale(1.1);
       -ms-transform: rotate(1deg) scale(1.1);
        -o-transform: rotate(1deg) scale(1.1);
           transform: rotate(1deg) scale(1.1);*/
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.featured-big .crop-img img {
  width: auto;
}
.news-image.crop-img img {
  width: auto;
  height: 100%;
}
/* FEATURED 
   Destacados
*/
.featured {
  position: relative;
  margin-bottom: 20px;
}
.featured-image {
  padding-bottom: 60%;
  /* lo uso para .crop-img redimensiando el alto a croppear */
  display: block;
}
.featured-body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 10px;
}
.featured-big .featured-image {
  padding-bottom: 32%;
  /* lo uso para .crop-img redimensiando el alto a croppear */
}
.featured-big .featured-body {
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  width: 33.3333%;
  /* igual a col-md-4*/
  padding: 20px;
}
@media (max-width: 768px) {
  .featured-body {
    position: static;
  }
  .featured-big .featured-body {
    width: auto;
  }
}
/* Listado de noticias
 * =============================================== */
.news-body {
  max-height: 400px;
  /* modifica hasta el alto deseado pongo un max width para que todas las cajas sean iguales */
  overflow: hidden;
  position: relative;
}
.news-body:hover .news-share {
  display: block;
}
.news-share {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  display: none;
  z-index: 100;
}
.news-delegaciones {
  position: absolute;
  top: 0;
  left: 0;
  /*margin: 5px;*/
  z-index: 100;
  color: #ffffff;
  padding: 2px;
}
/* efecto de fade de los textos que estan cortados, en caso de no querer, eliminar toda la llave  */
.news-body:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,.8)));
    background: -webkit-linear-gradient(top,        rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 100%);
    background:    -moz-linear-gradient(top,        rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 100%);
    background:     -ms-linear-gradient(top,        rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 100%);
    background:      -o-linear-gradient(top,        rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 100%);
    background:         linear-gradient(to bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 100%);
*/
  height: 80px;
}
.news-image {
  margin-bottom: 10px;
  display: block;
}
.news-foot {
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin: 10px 0 20px;
}
.nav-tabs,
.title-head {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}
.title-head {
  padding: 15px;
  border-radius: 1px;
  position: relative;
  margin: 0 0 20px;
  display: block;
}
.title-head a {
  color: #fff;
}
.title-head a:hover {
  color: #ff0;
}
.title-head * {
  margin: 0;
}
.meta {
  color: #a0a0a0;
  font-size: 11px;
  font-style: italic;
  margin-bottom: 0.5em;
}
.comment {
  padding: 8px;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 768px) {
  .news-image {
    padding-bottom: 160px;
  }
  .news-image img {
    max-height: none;
  }
}
/* PROMO
 * modulo de promociones
 * en su interior se usan .media objects
 */
.promo {
  border-radius: 1px;
  padding: 20px;
  color: #fff;
}
.promo .title-head {
  background-color: inherit;
  margin: -20px -20px 0;
}
.promo .media {
  margin-bottom: 20px;
}
.promo .tab-media {
  margin-bottom: -20px;
}
.thumb {
  width: 120px;
  height: 120px;
  display: block;
}
.thumb .crop-img {
  display: block;
  padding-bottom: 100%;
}
.thumb img {
  height: 100% !important;
  width: auto !important;
  height: 100%;
}
/* Box
 * =============================================== */
.box {
  border: 2px solid #343434;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 1px;
}
.box .box-head {
  margin: -10px -10px 0;
  border-radius: 0;
}
.box-body .item-list {
  margin: 0 -2px -11px;
}
.media-wrap {
  margin: -10px;
}
.item-list {
  margin-bottom: 10px;
}
.item-list > li {
  padding: 2px;
  border-bottom: 1px solid #ccc;
}
.item-list .media-wrap {
  margin: -10px -10px 10px;
}
.item-list-barra {
  margin-bottom: 10px;
}
.item-list-barra > li {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.item-list-barra .media-wrap {
  margin: -10px -10px 10px;
}
.box-nav {
  margin: 0 0 -10px;
  position: relative;
}
.box-nav .nav {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 -10px;
  padding: 2px;
  z-index: 100;
  opacity: 0;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.box-nav .nav-prev {
  top: 0;
}
.box-nav .nav-next {
  bottom: 0;
}
.box-nav:hover .nav {
  opacity: 1;
}
/* Formulario de busqueda aparece 2 veces en el header normal y el minimzado */
#searchform {
  position: relative;
  margin-bottom: 10px;
}
#searchinput {
  background-color: #4B6DA1;
  background-color: rgba(255, 255, 255, 0.2);
  border: 0 none;
  border-radius: 3px;
  padding: 5px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#searchbutton {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  border: 0 none;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #searchform {
    margin-bottom: 0;
  }
}
.post-entry {
  padding: 0 60px 60px;
  font-size: 18px;
  border: 1px solid #ccc;
  position: relative;
}
.post-entry .title-head {
  margin: -1px -60px 1em;
}
.post-entry ol ul {
  margin-bottom: 1em;
}
.post-entry ol li,
.post-entry ul li {
  margin-left: 1em;
}
.post-entry ul li {
  list-style: disc        outside none;
}
.post-entry ul li li {
  list-style: square      outside none;
}
.post-entry ul li li li {
  list-style: circle      outside none;
}
.post-entry ol li {
  list-style: decimal     outside none;
}
.post-entry ol li li {
  list-style: lower-alpha outside none;
}
.post-entry ol li li li {
  list-style: lower-roman outside none;
}
.post-entry blockquote {
  background: #eee;
  border-left: 2px solid #d7d7d7;
  font-style: italic;
  margin: 0 0 1em;
  padding: 1em;
  quotes: "“" "”" "‘" "’" "«" "»";
}
.post-entry blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: -0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.post-entry a {
  color: #0093D0;
}
.post-entry a:hover {
  text-decoration: underline;
}
.social-widgets {
  position: absolute;
  left: 0;
  background: #eee;
}
.social-widgets .button {
  padding: 10px;
}
/* Icons
 * =============================================== */
.icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  /*background: #eee;*/
  /*vertical-align: middle;*/
  vertical-align: middle;
}
.icon {
  background: url(../img/icons-ui.png) no-repeat 0 0 transparent;
}
.icon.icon-dropdown {
  background-position: 0 0;
}
.icon.icon-dropup {
  background-position: 0 -20px;
}
.icon.icon-search {
  background-position: 0 -40px;
}
.icon.icon-prev {
  background-position: 0 -60px;
}
.icon.icon-next {
  background-position: 0 -80px;
}
.icon.icon-up {
  background-position: 0 -100px;
}
.icon.icon-down {
  background-position: 0 -120px;
}
.icon.icon-home {
  background-position: 0 -140px;
}
.icons-social {
  background: url(../img/icons-social.png) no-repeat 0 0 transparent;
}
.icons-social.icon-facebook {
  background-position: 0 0;
}
.icons-social.icon-twitter {
  background-position: 0 -20px;
}
.icons-social.icon-youtube {
  background-position: 0 -40px;
}
.icons-social.icon-googleplus {
  background-position: 0 -60px;
}
.icons-social.icon-rss {
  background-position: 0 -80px;
}
.menu a,
.menu .icon {
  line-height: 20px;
  vertical-align: middle;
}
/* Advertising
 * =============================================== */
.adv {
  margin: 0 auto 20px;
  background: #eee;
  text-align: center;
  vertical-align: middle;
}
.adv300x250 {
  width: 300px;
  height: 250px;
}
.adv468x60 {
  width: 468px;
  height: 60px;
}
.adv728x90 {
  width: 728px;
  height: 90px;
}
/* Colors
 * =============================================== */
.title-head {
  background-color: #343434;
  /* gris */
}
.institucional {
  background-color: #343434;
}
.institucional-rojo {
  background-color: #C2071F;
}
.capacitacion {
  background-color: #521463;
}
.accion-social {
  background-color: #DA551F;
}
.vivienda {
  background-color: #981F1A;
}
.cultura {
  background-color: #D54046;
}
.profesionales {
  background-color: #F7B61E;
}
.adultos-mayores {
  background-color: #00A4C8;
}
.deportes {
  background-color: #CF501F;
}
.igualdad {
  background-color: #0075AF;
}
.juventud {
  background-color: #C00039;
}
.gym-spa {
  background-color: #CF501F;
}
.club-campo {
  background-color: #85df53;
}
.mupcn {
  background-color: #44819D;
}
.industria-textil {
  background-color: #0D1549;
}
.asesoria {
  background-color: #A5146D;
}
.title-alt {
  color: #343434;
  /* gris */
  background: transparent;
  padding: 10px 0 !important;
  border-bottom: 1px solid #ccc;
}
.title-alt.institucional {
  color: #343434;
}
.title-alt.institucional-rojo {
  color: #C2071F;
}
.title-alt.capacitacion {
  color: #521463;
}
.title-alt.accion-social {
  color: #DA551F;
}
.title-alt.vivienda {
  color: #981F1A;
}
.title-alt.cultura {
  color: #D54046;
}
.title-alt.profesionales {
  color: #F7B61E;
}
.title-alt.adultos-mayores {
  color: #00A4C8;
}
.title-alt.deportes {
  color: #CF501F;
}
.title-alt.igualdad {
  color: #0075AF;
}
.title-alt.juventud {
  color: #C00039;
}
.title-alt.gym-spa {
  color: #CF501F;
}
.title-alt.club-campo {
  color: #85df53;
}
.title-alt.mupcn {
  color: #44819D;
}
.title-alt.industria-textil {
  color: #0D1549;
}
.title-alt.asesoria {
  color: #A5146D;
}
.sector-trans.institucional {
  background-color: rgba(52, 52, 52, 0.9);
}
.sector-trans.institucional-rojo {
  background-color: rgba(194, 7, 31, 0.9);
}
.sector-trans.capacitacion {
  background-color: rgba(82, 20, 99, 0.9);
}
.sector-trans.accion-social {
  background-color: rgba(218, 85, 31, 0.9);
}
.sector-trans.vivienda {
  background-color: rgba(152, 31, 26, 0.9);
}
.sector-trans.cultura {
  background-color: rgba(213, 64, 70, 0.9);
}
.sector-trans.profesionales {
  background-color: rgba(247, 182, 30, 0.9);
}
.sector-trans.adultos-mayores {
  background-color: rgba(0, 164, 200, 0.9);
}
.sector-trans.deportes {
  background-color: rgba(207, 80, 31, 0.9);
}
.sector-trans.igualdad {
  background-color: rgba(0, 117, 175, 0.9);
}
.sector-trans.juventud {
  background-color: rgba(192, 0, 57, 0.9);
}
.sector-trans.gym-spa {
  background-color: rgba(207, 80, 31, 0.9);
}
.sector-trans.club-campo {
  background-color: rgba(133, 223, 83, 0.9);
}
.sector-trans.mupcn {
  background-color: rgba(68, 129, 157, 0.9);
}
.sector-trans.industria-textil {
  background-color: rgba(13, 21, 73, 0.9);
}
.sector-trans.asesoria {
  background-color: rgba(165, 20, 109, 0.9);
}
.promo {
  background-position: right bottom;
  background-repeat: no-repeat;
}
.promo.institucional {
  background-image: url(../../img/promo-institucional.png);
}
.promo.institucional-rojo {
  background-image: url(../../img/promo-institucional.png);
}
.promo.capacitacion {
  background-image: url(../../img/promo-capacitacion.png);
}
.promo.accion-social {
  background-image: url(../../img/promo-accion-social.png);
}
.promo.vivienda {
  background-image: url(../../img/promo-vivienda.png);
}
.promo.cultura {
  background-image: url(../../img/promo-cultura.png);
}
.promo.profesionales {
  background-image: url(../../img/promo-profesionales.png);
}
.promo.adultos-mayores {
  background-image: url(../../img/promo-adultos-mayores.png);
}
.promo.deportes {
  background-image: url(../../img/promo-deportes.png);
}
.promo.igualdad {
  background-image: url(../../img/promo-igualdad.png);
}
.promo.juventud {
  background-image: url(../../img/promo-juventud.png);
}
.promo.gym-spa {
  background-image: url(../../img/promo-gym-spa.png);
}
.promo.club-campo {
  background-image: url(../../img/promo-club-campo.png);
}
.promo.mupcn {
  background-image: url(../../img/promo-mupcn.png);
}
.promo.industria-textil {
  background-image: url(../../img/promo-industria-textil.png);
}
.promo.asesoria {
  background-image: url(../../img/promo-asesoria.png);
}
.menu .sector-active {
  color: #fff;
}
.menu .sector-active.institucional {
  background: #343434 !important;
}
.menu .sector-active.institucional-rojo {
  background: #C2071F !important;
}
.menu .sector-active.capacitacion {
  background: #521463 !important;
}
.menu .sector-active.accion-social {
  background: #DA551F !important;
}
.menu .sector-active.vivienda {
  background: #981F1A !important;
}
.menu .sector-active.cultura {
  background: #D54046 !important;
}
.menu .sector-active.profesionales {
  background: #F7B61E !important;
}
.menu .sector-active.adultos-mayores {
  background: #00A4C8 !important;
}
.menu .sector-active.deportes {
  background: #CF501F !important;
}
.menu .sector-active.igualdad {
  background: #0075AF !important;
}
.menu .sector-active.juventud {
  background: #C00039 !important;
}
.menu .sector-active.asesoria {
  background: #A5146D !important;
}
.sector-border.institucional {
  border-color: #343434 !important;
}
.sector-border.institucional-rojo {
  border-color: #C2071F !important;
}
.sector-border.capacitacion {
  border-color: #521463 !important;
}
.sector-border.accion-social {
  border-color: #DA551F !important;
}
.sector-border.vivienda {
  border-color: #981F1A !important;
}
.sector-border.cultura {
  border-color: #D54046 !important;
}
.sector-border.profesionales {
  border-color: #F7B61E !important;
}
.sector-border.adultos-mayores {
  border-color: #00A4C8 !important;
}
.sector-border.deportes {
  border-color: #CF501F !important;
}
.sector-border.igualdad {
  border-color: #0075AF !important;
}
.sector-border.juventud {
  border-color: #C00039 !important;
}
.sector-border.gym-spa {
  border-color: #CF501F !important;
}
.sector-border.club-campo {
  border-color: #85df53 !important;
}
.sector-border.mupcn {
  border-color: #44819D !important;
}
.sector-border.industria-textil {
  border-color: #0D1549 !important;
}
.sector-border.asesoria {
  border-color: #A5146D !important;
}
.menu .sector-border.institucional:hover {
  background: #343434 !important;
}
.menu .sector-border.institucional-rojo:hover {
  background: #C2071F !important;
}
.menu .sector-border.capacitacion:hover {
  background: #521463 !important;
}
.menu .sector-border.accion-social:hover {
  background: #DA551F !important;
}
.menu .sector-border.vivienda:hover {
  background: #981F1A !important;
}
.menu .sector-border.cultura:hover {
  background: #D54046 !important;
}
.menu .sector-border.profesionales:hover {
  background: #F7B61E !important;
}
.menu .sector-border.adultos-mayores:hover {
  background: #00A4C8 !important;
}
.menu .sector-border.deportes:hover {
  background: #CF501F !important;
}
.menu .sector-border.igualdad:hover {
  background: #0075AF !important;
}
.menu .sector-border.juventud:hover {
  background: #C00039 !important;
}
.menu .sector-border.gym-spa:hover {
  background: #CF501F !important;
}
.menu .sector-border.club-campo:hover {
  background: #85df53 !important;
}
.menu .sector-border.mupcn:hover {
  background: #44819D !important;
}
.menu .sector-border.industria-textil:hover {
  background: #0D1549 !important;
}
.menu .sector-border.asesoria:hover {
  background: #A5146D !important;
}
.menu .sector-border:hover {
  color: #fff;
}
.menu .open .sector-border {
  color: #fff;
}
.menu .open .sector-border.institucional {
  background: #343434 !important;
}
.menu .open .sector-border.institucional-rojo {
  background: #C2071F !important;
}
.menu .open .sector-border.capacitacion {
  background: #521463 !important;
}
.menu .open .sector-border.accion-social {
  background: #DA551F !important;
}
.menu .open .sector-border.vivienda {
  background: #981F1A !important;
}
.menu .open .sector-border.cultura {
  background: #D54046 !important;
}
.menu .open .sector-border.profesionales {
  background: #F7B61E !important;
}
.menu .open .sector-border.adultos-mayores {
  background: #00A4C8 !important;
}
.menu .open .sector-border.deportes {
  background: #CF501F !important;
}
.menu .open .sector-border.igualdad {
  background: #0075AF !important;
}
.menu .open .sector-border.juventud {
  background: #C00039 !important;
}
.menu .open .sector-border.gym-spa {
  background: #CF501F !important;
}
.menu .open .sector-border.club-campo {
  background: #85df53 !important;
}
.menu .open .sector-border.mupcn {
  background: #44819D !important;
}
.menu .open .sector-border.industria-textil {
  background: #0D1549 !important;
}
.menu .open .sector-border.asesoria {
  background: #A5146D !important;
}
.sector-border {
  background: transparent;
}
/* Responsive
 * =============================================== */
@media (max-width: 480px) {
  .grid {
    margin-left: 8px;
    margin-right: 8px;
  }
  .post-entry {
    padding: 0 0px 0px;
    font-size: 13px;
    border: none;
  }
  .post-entry .title-head {
    margin: -1px 0px 1em;
  }
  .featured-big .featured-image {
    padding-bottom: 60% !important;
  }
  .nav-tabs {
    white-space: normal !important;
  }
}
@media (max-width: 768px) {
  .news-body {
    max-height: 500px;
  }
  .news-image {
    padding-bottom: 50%;
  }
  .news-image.crop-img img {
    width: 100%;
    height: auto;
  }
  .thumb {
    width: 100%;
    height: auto;
  }
  .thumb .crop-img {
    padding-bottom: 75%;
  }
  .nav-tabs {
    font-size: 13px;
    /* white-space: nowrap;*/
    white-space: normal !important;
  }
}
@media (min-width: 1024px) and (max-width: 1240px) {
  .menu-bar .menu > li > a {
    padding: 0.6em 0.3em 0.5em;
    font-size: 11px;
  }
}
/* Plugins
 * =============================================== 
 */
.carousel-controls {
  padding: 9px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.carousel-controls a {
  display: inline-block;
  padding: 5px;
  background: #fff;
  background: rgba(255, 255, 255, 0.2);
}
.carousel-controls a:hover {
  background: rgba(255, 255, 255, 0.5);
}
.carousel-controls a:first-child {
  border-radius: 2px 0 0 2px;
}
.carousel-controls a:last-child {
  border-radius: 0 2px 2px 0;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: left 0.6s ease-in-out 0s;
  -moz-transition: left 0.6s ease-in-out 0s;
  -ms-transition: left 0.6s ease-in-out 0s;
  -o-transition: left 0.6s ease-in-out 0s;
  transition: left 0.6s ease-in-out 0s;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs a {
  padding: 10px;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
}
.nav-tabs .active a {
  color: #333;
  background-color: #fff;
}
.nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
}
.dropdown {
  position: relative;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  z-index: 1000;
  display: none;
  color: #333;
}
.open > .dropdown-menu {
  display: block;
}
.head .main-dropdown {
  margin-top: 35px;
}
.main-dropdown {
  left: 0;
  right: 0;
  top: auto;
  position: fixed;
  background: rgba(217, 217, 217, 0.9);
  font-size: 13px;
}
.main-dropdown .title-head {
  margin-bottom: 0;
}
.main-dropdown-body {
  background: #fff;
  margin-bottom: 20px;
  padding: 10px;
}
.head-dropdown {
  background: #343434;
  color: #fff;
  margin-left: -10px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
}
.head-dropdown > li a {
  padding: 5px 10px;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  white-space: nowrap;
}
.head-dropdown > li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.scrollable-vertical .scroll {
  height: 250px;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.scrollable-vertical .scrollable-vertical-items {
  position: absolute;
}
/*
 * Panel - Los uso para el sidebar
 */
.sidebar .panel {
  padding: 10px;
}
.panel {
  border: 1px solid #D8D8D8;
  margin-bottom: 10px;
  position: relative;
}
.panel-head {
  padding: 10px;
  position: relative;
}
.panel-head a {
  padding: 5px 0;
}
.panel-head.panel-head-only {
  margin-bottom: 10px;
}
.panel-head .legend {
  float: left;
  margin-left: 10px;
  font-style: italic;
  font-size: 13px;
}
.panel-head .icon45 {
  display: block;
  margin: 5px;
  position: absolute;
  right: 0;
  top: 0;
}
/*.panel-head {
  margin-bottom: 5px;
}*/
.sidebar .panel .panel-head {
  left: -11px;
  padding: 16px 11px;
  position: relative;
  right: -11px;
  top: -11px;
  width: 100%;
}
.panel .panel-head img {
  position: absolute;
  right: 0;
  top: 0;
}
.panel-head,
.panel-head a {
  color: #fff;
  text-decoration: none;
}
.panel-head {
  background: #9A9A9A;
}
.panel-head-grey {
  background: #9A9A9A;
}
.panel-head-blue {
  background: #343434;
}
.panel-head-red {
  background: #C2071F;
}
.panel .panel-foot {
  margin: 10px -10px -10px;
  padding: 10px;
  border-top: 1px solid #D8D8D8;
}
.panel .panel-foot .link {
  /* alineo los links con el boton */
  line-height: 30px;
  height: 30px;
}
/* para los videos en youtube para que encajen*/
.panel iframe {
  margin: -11px -11px 10px;
}
.list li {
  /* ojo con mofificar que tambien se usa en el dropdown de gremiales*/
  margin: 0 0 5px 10px;
  /* margin: 5px 0 5px 10px;*/
}
.list li:before {
  content: "\00BB";
  margin-left: -11px;
  padding-right: 5px;
}
.list li a {
  text-decoration: none;
  color: #333;
}
.list li a:hover {
  color: #0052A5;
  text-decoration: underline;
}
.menu-list {
  margin-bottom: 5px;
}
.menu-list li a {
  padding: 5px 10px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.menu-list li a:hover {
  /*background: #0052A5;
    color: #fff;*/
  background: #EFEFEF;
}
.image-on-left {
  margin-right: 20px;
}
.image-on-right {
  margin-left: 20px;
}
/*
 *
 * Itemlist -
 * para mostrar informacion apilada, adentro de una cajita dentro del panel,
 * por ejemplo lo uso en el redumen de las noticias, probablemente se incluya un javascript
 *
 */
.sidebar .panel .itemlist {
  margin-bottom: -10px;
}
.sidebar .panel .itemlist .item {
  margin: 0 -10px;
}
.itemlist .item {
  padding: 10px;
  border-bottom: 1px solid #E5E5E5;
  display: block;
  float: none;
}
.itemlist .metadata {
  font-style: italic;
  color: #ADADAD;
}
/*
 * video thumb lo uso para centrar tanto imagen como texto en la parte de nuestra historia
 */
.image-thumb {
  text-decoration: none;
}
.image-thumb .thumb-image {
  float: left;
  margin-right: 10px;
}
.image-thumb .thumb-image.right {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
.image-thumb .thumb-text {
  font-size: 13px;
}
/**/
.faq-section {
  position: relative;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: 1px;
  overflow: hidden;
  /*margin: 10px;*/
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.faq-section .content-primary {
  margin: 10px;
  /* background: #f0f0f0; */
  background: #F4F4F4;
  border-bottom: 1px solid #d5d5d5;
  margin: -10px 0 0;
}
.right {
  float: right !important;
}
.left {
  float: left !important;
}
.content-primary legend {
  border-bottom: 1px solid #D5D5D5;
  color: #B5B5B5;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  width: 100%;
}
.msg_error {
  color: #ff0000;
}
.faq {
  padding: 10px;
  border-bottom: 1px solid #F0F0F0;
  margin-top: 10px;
  font-size: 13px;
}
.faq-answer {
  background: #F0F0F0;
  border-radius: 0 5px 5px 5px;
  margin-left: 20px;
  padding: 10px;
  position: relative;
}
.faq-question {
  margin-bottom: 15px;
}
.faq-date {
  color: #C8C8C8;
  display: block;
  font-size: 11px;
  font-style: italic;
  margin-right: 10px;
  text-align: right;
}
.vermashome {
  background-color: #111111;
  padding-left: 10px;
  padding-right: 10px;
}
.ancla {
  opacity: 0;
  height: 1px;
  display: block;
  width: 1px;
  margin-top: -160px;
  margin-bottom: 160px;
}
.social-buttons .icon {
  background: none;
}
.club-de-campo {
  background-image: url('/img/club-de-campo/trama.jpg');
  background-repeat: repeat-y;
}