@font-face {
  font-family: 'Roboto';
  src: url('roboto.eot'); /* IE9 Compat Modes */
  src: url('roboto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('roboto.woff') format('woff'), /* Modern Browsers */
  url('roboto.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('roboto.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
  margin: 0;
  font-family: 'Roboto', Scada, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  background-color: #fff
}

a {
  color: #08c;
  text-decoration: none
}

a:hover, a:focus {
  color: #005580;
  text-decoration: underline
}

.img-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px
}

.clearfix {
  *zoom: 1
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0
}

.clearfix:after {
  clear: both
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

audio:not([controls]) {
  display: none
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

a:hover, a:active {
  outline: 0
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic
}

#map_canvas img, .google-maps img {
  max-width: none
}

button, input, select, textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle
}

button, input {
  *overflow: visible;
  line-height: normal
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

label, select, button, input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] {
  cursor: pointer
}

input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  vertical-align: top
}

@media print {
  * {
    text-shadow: none!important;
    color: #000!important;
    background: transparent!important;
    box-shadow: none!important
  }
  a, a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  tr, img {
    page-break-inside: avoid
  }
  img {
    max-width: 100%!important
  }
  @page {
    margin: .5cm
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
}

p {
  /*margin: 0 0 9px*/
}

.lead {
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 200;
  line-height: 27px
}

small {
  font-size: 85%
}

strong {
  font-weight: 700
}

em {
  font-style: italic
}

cite {
  font-style: normal
}

.muted {
  color: #999
}

a.muted:hover, a.muted:focus {
  color: gray
}

.text-warning {
  color: #c09853
}

a.text-warning:hover, a.text-warning:focus {
  color: #a47e3c
}

.text-error {
  color: red
}

a.text-error:hover, a.text-error:focus {
  color: #c00
}

.text-info {
  color: #3a87ad
}

a.text-info:hover, a.text-info:focus {
  color: #2d6987
}

.text-success {
  color: #468847
}

a.text-success:hover, a.text-success:focus {
  color: #356635
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

h1, h2, h3, h4, h5, h6 {
  margin: 9px 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 18px;
  color: inherit;
  text-rendering: optimizelegibility
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: 400;
  line-height: 1;
  color: #999
}

h1, h2, h3 {
  line-height: 36px
}

h1 {
  font-size: 44px
}

h2 {
  font-size: 36px
}

h3 {
  font-size: 28px
}

h4 {
  font-size: 20px
}

h5 {
  font-size: 16px
}

h6 {
  font-size: 13.6px
}

h1 small {
  font-size: 28px
}

h2 small {
  font-size: 20px
}

h3 small {
  font-size: 16px
}

h4 small {
  font-size: 16px
}

.page-header {
  padding-bottom: 8px;
  margin: 18px 0 27px;
  border-bottom: 1px solid #eee
}

ul, ol {
  padding: 0;
  margin: 0 0 9px 25px
}

ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0
}

li {
  line-height: 20px
}

ul.unstyled, ol.unstyled {
  margin-left: 0;
  list-style: none
}

ul.inline, ol.inline {
  margin-left: 0;
  list-style: none
}

ul.inline>li, ol.inline>li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 5px;
  padding-right: 5px
}

dl {
  margin-bottom: 18px
}

dt, dd {
  line-height: 18px
}

dt {
  font-weight: 700
}

dd {
  margin-left: 9px
}

.dl-horizontal {
  *zoom: 1
}

.dl-horizontal:before, .dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0
}

.dl-horizontal:after {
  clear: both
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dl-horizontal dd {
  margin-left: 180px
}

hr {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff
}

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 18px;
  border-left: 5px solid #eee
}

blockquote p {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.25
}

blockquote small {
  display: block;
  line-height: 18px;
  color: #999
}

blockquote small:before {
  content: '\2014 \00A0'
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0
}

blockquote.pull-right p, blockquote.pull-right small {
  text-align: right
}

blockquote.pull-right small:before {
  content: ''
}

blockquote.pull-right small:after {
  content: '\00A0 \2014'
}

q:before, q:after, blockquote:before, blockquote:after {
  content: ""
}

address {
  display: block;
  margin-bottom: 18px;
  font-style: normal;
  line-height: 18px
}

form {
  margin: 0 0 18px
}

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  font-size: 24px;
  line-height: 36px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}

legend small {
  font-size: 13.5px;
  color: #999
}

label, input, button, select, textarea {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px
}

input, button, select, textarea {
  font-family: 'Roboto', Scada, sans-serif
}

label {
  display: block;
  margin-bottom: 5px
}

select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
  display: inline-block;
  height: 30px;
  padding: 4px 6px;
  margin-bottom: 9px;
  font-size: 16px;
  line-height: 18px;
  color: #555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle
}

input, textarea, .uneditable-input {
  width: 206px
}

textarea {
  height: auto
}

textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s
}

textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
  border-color: rgba(82, 168, 236, .8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6)
}

input[type=radio], input[type=checkbox] {
  margin: 4px 0 0;
  *margin-top: 0;
  margin-top: 1px \9;
  line-height: normal
}

input[type=file], input[type=image], input[type=submit], input[type=reset], input[type=button], input[type=radio], input[type=checkbox] {
  width: auto
}

select, input[type=file] {
  height: 28px;
  *margin-top: 4px;
  line-height: 28px
}

select {
  width: 220px;
  border: 1px solid #ccc;
  background-color: #fff
}

select[multiple], select[size] {
  height: auto
}

select:focus, input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.uneditable-input, .uneditable-textarea {
  color: #999;
  background-color: #fcfcfc;
  border-color: #ccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
  cursor: not-allowed
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap
}

.uneditable-textarea {
  width: auto;
  height: auto
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #999
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999
}

.radio, .checkbox {
  min-height: 18px;
  padding-left: 20px
}

.radio input[type=radio], .checkbox input[type=checkbox] {
  float: left;
  margin-left: -20px
}

.controls>.radio:first-child, .controls>.checkbox:first-child {
  padding-top: 5px
}

.radio.inline, .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle
}

.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
  margin-left: 10px
}

.input-mini {
  width: 60px
}

.input-small {
  width: 90px
}

.input-medium {
  width: 150px
}

.input-large {
  width: 210px
}

.input-xlarge {
  width: 270px
}

.input-xxlarge {
  width: 530px
}

input[class*=span], select[class*=span], textarea[class*=span], .uneditable-input[class*=span], .row-fluid input[class*=span], .row-fluid select[class*=span], .row-fluid textarea[class*=span], .row-fluid .uneditable-input[class*=span] {
  float: none;
  margin-left: 0
}

.input-append input[class*=span], .input-append .uneditable-input[class*=span], .input-prepend input[class*=span], .input-prepend .uneditable-input[class*=span], .row-fluid input[class*=span], .row-fluid select[class*=span], .row-fluid textarea[class*=span], .row-fluid .uneditable-input[class*=span], .row-fluid .input-prepend [class*=span], .row-fluid .input-append [class*=span] {
  display: inline-block
}

input, textarea, .uneditable-input {
  margin-left: 0
}

.controls-row [class*=span]+[class*=span] {
  margin-left: 10px
}

input.span24, textarea.span24, .uneditable-input.span24 {
  width: 936px
}

input.span23, textarea.span23, .uneditable-input.span23 {
  width: 896px
}

input.span22, textarea.span22, .uneditable-input.span22 {
  width: 856px
}

input.span21, textarea.span21, .uneditable-input.span21 {
  width: 816px
}

input.span20, textarea.span20, .uneditable-input.span20 {
  width: 776px
}

input.span19, textarea.span19, .uneditable-input.span19 {
  width: 736px
}

input.span18, textarea.span18, .uneditable-input.span18 {
  width: 696px
}

input.span17, textarea.span17, .uneditable-input.span17 {
  width: 656px
}

input.span16, textarea.span16, .uneditable-input.span16 {
  width: 616px
}

input.span15, textarea.span15, .uneditable-input.span15 {
  width: 576px
}

input.span14, textarea.span14, .uneditable-input.span14 {
  width: 536px
}

input.span13, textarea.span13, .uneditable-input.span13 {
  width: 496px
}

input.span12, textarea.span12, .uneditable-input.span12 {
  width: 456px
}

input.span11, textarea.span11, .uneditable-input.span11 {
  width: 416px
}

input.span10, textarea.span10, .uneditable-input.span10 {
  width: 376px
}

input.span9, textarea.span9, .uneditable-input.span9 {
  width: 336px
}

input.span8, textarea.span8, .uneditable-input.span8 {
  width: 296px
}

input.span7, textarea.span7, .uneditable-input.span7 {
  width: 256px
}

input.span6, textarea.span6, .uneditable-input.span6 {
  width: 216px
}

input.span5, textarea.span5, .uneditable-input.span5 {
  width: 176px
}

input.span4, textarea.span4, .uneditable-input.span4 {
  width: 136px
}

input.span3, textarea.span3, .uneditable-input.span3 {
  width: 96px
}

input.span2, textarea.span2, .uneditable-input.span2 {
  width: 56px
}

input.span1, textarea.span1, .uneditable-input.span1 {
  width: 16px
}

.controls-row {
  *zoom: 1
}

.controls-row:before, .controls-row:after {
  display: table;
  content: "";
  line-height: 0
}

.controls-row:after {
  clear: both
}

.controls-row [class*=span], .row-fluid .controls-row [class*=span] {
  float: left
}

.controls-row .checkbox[class*=span], .controls-row .radio[class*=span] {
  padding-top: 5px
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee
}

input[type=radio][disabled], input[type=checkbox][disabled], input[type=radio][readonly], input[type=checkbox][readonly] {
  background-color: transparent
}

.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline {
  color: #c09853
}

.control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
  color: #c09853
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e
}

.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
  color: red
}

.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
  color: red
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
  border-color: red;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
  border-color: #c00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f66;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f66;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f66
}

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
  color: red;
  background-color: #f2dede;
  border-color: red
}

.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline {
  color: #468847
}

.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
  color: #468847
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b
}

.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847
}

.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline {
  color: #3a87ad
}

.control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {
  color: #3a87ad
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3
}

.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1
}

.form-actions:before, .form-actions:after {
  display: table;
  content: "";
  line-height: 0
}

.form-actions:after {
  clear: both
}

.help-block, .help-inline {
  color: #262626
}

.help-block {
  display: block;
  margin-bottom: 9px
}

.help-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px
}

.input-append, .input-prepend {
  display: inline-block;
  margin-bottom: 9px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover {
  font-size: 16px
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {
  z-index: 2
}

.input-append .add-on, .input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 18px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  background-color: #eee;
  border: 1px solid #ccc
}

.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group>.dropdown-toggle, .input-prepend .btn-group>.dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.input-append .active, .input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546
}

.input-prepend .add-on, .input-prepend .btn {
  margin-right: -1px
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}

.input-append input, .input-append select, .input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}

.input-append input+.btn-group .btn:last-child, .input-append select+.btn-group .btn:last-child, .input-append .uneditable-input+.btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.input-append .add-on, .input-append .btn, .input-append .btn-group {
  margin-left: -1px
}

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child>.dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

#header-buscar .form-buscar .input-append button.btn{
  height: 40px;
}

.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.input-prepend.input-append input+.btn-group .btn, .input-prepend.input-append select+.btn-group .btn, .input-prepend.input-append .uneditable-input+.btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px
}

.form-search .input-append .search-query, .form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px
}

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle
}

.form-search .hide, .form-inline .hide, .form-horizontal .hide {
  display: none
}

.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
  display: inline-block
}

.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
  margin-bottom: 0
}

.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle
}

.form-search .radio input[type=radio], .form-search .checkbox input[type=checkbox], .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
  float: left;
  margin-right: 3px;
  margin-left: 0
}

.control-group {
  margin-bottom: 9px
}

legend+.control-group {
  margin-top: 18px;
  -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
  margin-bottom: 18px;
  *zoom: 1
}

.form-horizontal .control-group:before, .form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0
}

.form-horizontal .control-group:after {
  clear: both
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0
}

.form-horizontal .controls:first-child {
  *padding-left: 180px
}

.form-horizontal .help-block {
  margin-bottom: 0
}

.form-horizontal input+.help-block, .form-horizontal select+.help-block, .form-horizontal textarea+.help-block, .form-horizontal .uneditable-input+.help-block, .form-horizontal .input-prepend+.help-block, .form-horizontal .input-append+.help-block {
  margin-top: 9px
}

.form-horizontal .form-actions {
  padding-left: 180px
}

.btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  *background-color: #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #ccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  color: #333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9
}

.btn:active, .btn.active {
  background-color: #ccc \9
}

.btn:first-child {
  *margin-left: 0
}

.btn:hover, .btn:focus {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn.active, .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn.disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.btn-large {
  padding: 11px 19px;
  font-size: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.btn-large [class^=icon-], .btn-large [class*=" icon-"] {
  margin-top: 4px
}

.btn-small {
  padding: 2px 10px;
  font-size: 13.6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.btn-small [class^=icon-], .btn-small [class*=" icon-"] {
  margin-top: 0
}

.btn-mini [class^=icon-], .btn-mini [class*=" icon-"] {
  margin-top: -1px
}

.btn-mini {
  padding: 0 6px;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.btn-block+.btn-block {
  margin-top: 5px
}

input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
  width: 100%
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
  color: rgba(255, 255, 255, .75)
}

.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(top, #08c, #04c);
  background-image: -o-linear-gradient(top, #08c, #04c);
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  *background-color: #04c;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  color: #fff;
  background-color: #04c;
  *background-color: #003bb3
}

.btn-primary:active, .btn-primary.active {
  background-color: #039 \9
}

.btn-warning {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  *background-color: #f89406;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  color: #fff;
  background-color: #f89406;
  *background-color: #df8505
}

.btn-warning:active, .btn-warning.active {
  background-color: #c67605 \9
}

.btn-danger {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  *background-color: #bd362f;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  color: #fff;
  background-color: #bd362f;
  *background-color: #a9302a
}

.btn-danger:active, .btn-danger.active {
  background-color: #942a25 \9
}

.btn-success {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  *background-color: #51a351;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  color: #fff;
  background-color: #51a351;
  *background-color: #499249
}

.btn-success:active, .btn-success.active {
  background-color: #408140 \9
}

.btn-info {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  *background-color: #2f96b4;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  color: #fff;
  background-color: #2f96b4;
  *background-color: #2a85a0
}

.btn-info:active, .btn-info.active {
  background-color: #24748c \9
}

.btn-inverse {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444, #222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(to bottom, #444, #222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222 #222 #000;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  *background-color: #222;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  color: #fff;
  background-color: #222;
  *background-color: #151515
}

.btn-inverse:active, .btn-inverse.active {
  background-color: #080808 \9
}

button.btn, input[type=submit].btn {
  *padding-top: 3px;
  *padding-bottom: 3px
}

button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
  padding: 0;
  border: 0
}

button.btn.btn-large, input[type=submit].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px
}

button.btn.btn-small, input[type=submit].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px
}

button.btn.btn-mini, input[type=submit].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px
}

.btn-link, .btn-link:active, .btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #08c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.btn-link:hover, .btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus {
  color: #333;
  text-decoration: none
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.alert, .alert h4 {
  color: #c09853
}

.alert h4 {
  margin: 0
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847
}

.alert-success h4 {
  color: #468847
}

.alert-danger, .alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: red
}

.alert-danger h4, .alert-error h4 {
  color: red
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad
}

.alert-info h4 {
  color: #3a87ad
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px
}

.alert-block>p, .alert-block>ul {
  margin-bottom: 0
}

.alert-block p+p {
  margin-top: 5px
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1
}

.container:before, .container:after {
  display: table;
  content: "";
  line-height: 0
}

.container:after {
  clear: both
}

.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
  *zoom: 1
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
  line-height: 0
}

.container-fluid:after {
  clear: both
}

.nav {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none
}

.nav>li>a {
  display: block
}

.nav>li>a:hover, .nav>li>a:focus {
  text-decoration: none;
  background-color: #eee
}

.nav>li>a>img {
  max-width: none
}

.nav>.pull-right {
  float: right
}

.nav-header {
  display: block;
  /*padding: 3px 15px;*/
  font-size: 11px;
  /*font-weight: 700;*/
  line-height: 18px;
  color: #999;
  /*text-shadow: 0 1px 0 rgba(255, 255, 255, .5);*/
  text-transform: capitalize;
}

.nav li+.nav-header {
  margin-top: 9px
}

.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0
}

.nav-list>li>a, .nav-list .nav-header {
  /*margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5)*/
}

.nav-list>li>a {
  /*padding: 3px 15px*/
}

.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  background-color: #08c
}

.nav-list [class^=icon-], .nav-list [class*=" icon-"] {
  margin-right: 2px
}

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff
}

.nav-tabs, .nav-pills {
  *zoom: 1
}

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
  display: table;
  content: "";
  line-height: 0
}

.nav-tabs:after, .nav-pills:after {
  clear: both
}

.nav-tabs>li, .nav-pills>li {
  float: left
}

.nav-tabs>li>a, .nav-pills>li>a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px
}

.nav-tabs {
  border-bottom: 1px solid #ddd
}

.nav-tabs>li {
  margin-bottom: -1px
}

.nav-tabs>li>a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
  border-color: #eee #eee #ddd
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default
}

.nav-pills>li>a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
  color: #fff;
  background-color: #08c
}

.nav-stacked>li {
  float: none
}

.nav-stacked>li>a {
  margin-right: 0
}

.nav-tabs.nav-stacked {
  border-bottom: 0
}

.nav-tabs.nav-stacked>li>a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.nav-tabs.nav-stacked>li:first-child>a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px
}

.nav-tabs.nav-stacked>li:last-child>a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px
}

.nav-tabs.nav-stacked>li>a:hover, .nav-tabs.nav-stacked>li>a:focus {
  border-color: #ddd;
  z-index: 2
}

.nav-pills.nav-stacked>li>a {
  margin-bottom: 3px
}

.nav-pills.nav-stacked>li:last-child>a {
  margin-bottom: 1px
}

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.nav .dropdown-toggle .caret {
  border-top-color: #08c;
  border-bottom-color: #08c;
  margin-top: 6px
}

.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580
}

.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555;
  border-bottom-color: #555
}

.nav>.dropdown.active>a:hover, .nav>.dropdown.active>a:focus {
  cursor: pointer
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover, .nav>li.dropdown.open.active>a:focus {
  color: #fff;
  background-color: #999;
  border-color: #999
}

.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  opacity: 1;
  filter: alpha(opacity=100)
}

.tabs-stacked .open>a:hover, .tabs-stacked .open>a:focus {
  border-color: #999
}

.tabbable {
  *zoom: 1
}

.tabbable:before, .tabbable:after {
  display: table;
  content: "";
  line-height: 0
}

.tabbable:after {
  clear: both
}

.tab-content {
  overflow: auto
}

.tabs-below>.nav-tabs, .tabs-right>.nav-tabs, .tabs-left>.nav-tabs {
  border-bottom: 0
}

.tab-content>.tab-pane, .pill-content>.pill-pane {
  display: none
}

.tab-content>.active, .pill-content>.active {
  display: block
}

.tabs-below>.nav-tabs {
  border-top: 1px solid #ddd
}

.tabs-below>.nav-tabs>li {
  margin-top: -1px;
  margin-bottom: 0
}

.tabs-below>.nav-tabs>li>a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd
}

.tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover, .tabs-below>.nav-tabs>.active>a:focus {
  border-color: transparent #ddd #ddd
}

.tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li {
  float: none
}

.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px
}

.tabs-left>.nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd
}

.tabs-left>.nav-tabs>li>a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}

.tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
  border-color: #eee #ddd #eee #eee
}

.tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover, .tabs-left>.nav-tabs .active>a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #fff
}

.tabs-right>.nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd
}

.tabs-right>.nav-tabs>li>a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:focus {
  border-color: #eee #eee #eee #ddd
}

.tabs-right>.nav-tabs .active>a, .tabs-right>.nav-tabs .active>a:hover, .tabs-right>.nav-tabs .active>a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #fff
}

.nav>.disabled>a {
  color: #999
}

.nav>.disabled>a:hover, .nav>.disabled>a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default
}

.navbar {
  overflow: visible;
  margin-bottom: 18px;
  *position: relative;
  *z-index: 2
}

.navbar-inner {
  min-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background-image: -o-linear-gradient(top, #fff, #f2f2f2);
  background-image: linear-gradient(to bottom, #fff, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
  *zoom: 1
}

.navbar-inner:before, .navbar-inner:after {
  display: table;
  content: "";
  line-height: 0
}

.navbar-inner:after {
  clear: both
}

.navbar .container {
  width: auto
}

.nav-collapse.collapse {
  height: auto;
  overflow: visible
}

.navbar .brand {
  float: left;
  display: block;
  padding: 11px 20px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777;
  text-shadow: 0 1px 0 #fff
}

.navbar .brand:hover, .navbar .brand:focus {
  text-decoration: none
}

.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777
}

.navbar-link {
  color: #777
}

.navbar-link:hover, .navbar-link:focus {
  color: #333
}

.navbar .divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #fff
}

.navbar .btn, .navbar .btn-group {
  margin-top: 5px
}

.navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn, .navbar .input-prepend .btn-group, .navbar .input-append .btn-group {
  margin-top: 0
}

.navbar-form {
  margin-bottom: 0;
  *zoom: 1
}

.navbar-form:before, .navbar-form:after {
  display: table;
  content: "";
  line-height: 0
}

.navbar-form:after {
  clear: both
}

.navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox {
  margin-top: 5px
}

.navbar-form input, .navbar-form select, .navbar-form .btn {
  display: inline-block;
  margin-bottom: 0
}

.navbar-form input[type=image], .navbar-form input[type=checkbox], .navbar-form input[type=radio] {
  margin-top: 3px
}

.navbar-form .input-append, .navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap
}

.navbar-form .input-append input, .navbar-form .input-prepend input {
  margin-top: 0
}

.navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0
}

.navbar-search .search-query {
  margin-bottom: 0;
  padding: 4px 14px;
  font-family: 'Roboto', Scada, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px
}

.navbar-static-top {
  position: static;
  margin-bottom: 0
}

.navbar-static-top .navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
  border-width: 0 0 1px
}

.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  width: 950px
}

.navbar-fixed-top {
  top: 0
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, .1)
}

.navbar-fixed-bottom {
  bottom: 0
}

.navbar-fixed-bottom .navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 -1px 10px rgba(0, 0, 0, .1)
}

.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0
}

.navbar .nav.pull-right {
  float: right;
  margin-right: 0
}

.navbar .nav>li {
  float: left
}

.navbar .nav>li>a {
  float: none;
  padding: 11px 15px;
  color: #777;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff
}

.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px
}

.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
  background-color: transparent;
  color: #333;
  text-decoration: none
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
  color: #555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125)
}

.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  *background-color: #e5e5e5;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075)
}

.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
  color: #fff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9
}

.navbar .btn-navbar:active, .navbar .btn-navbar.active {
  background-color: #ccc \9
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}

.btn-navbar .icon-bar+.icon-bar {
  margin-top: 3px
}

.navbar .nav>li>.dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, .2);
  position: absolute;
  top: -7px;
  left: 9px
}

.navbar .nav>li>.dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 10px
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, .2);
  border-bottom: 0;
  bottom: -7px;
  top: auto
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  bottom: -6px;
  top: auto
}

.navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
  background-color: #e5e5e5;
  color: #555
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
  border-top-color: #777;
  border-bottom-color: #777
}

.navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
  border-top-color: #555;
  border-bottom-color: #555
}

.navbar .pull-right>li>.dropdown-menu, .navbar .nav>li>.dropdown-menu.pull-right {
  left: auto;
  right: 0
}

.navbar .pull-right>li>.dropdown-menu:before, .navbar .nav>li>.dropdown-menu.pull-right:before {
  left: auto;
  right: 12px
}

.navbar .pull-right>li>.dropdown-menu:after, .navbar .nav>li>.dropdown-menu.pull-right:after {
  left: auto;
  right: 13px
}

.navbar .pull-right>li>.dropdown-menu .dropdown-menu, .navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -1px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px
}

.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222, #111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111));
  background-image: -webkit-linear-gradient(top, #222, #111);
  background-image: -o-linear-gradient(top, #222, #111);
  background-image: linear-gradient(to bottom, #222, #111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525
}

.navbar-inverse .brand, .navbar-inverse .nav>li>a {
  color: #999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.navbar-inverse .brand:hover, .navbar-inverse .nav>li>a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav>li>a:focus {
  color: #fff
}

.navbar-inverse .brand {
  color: #999
}

.navbar-inverse .navbar-text {
  color: #999
}

.navbar-inverse .nav>li>a:focus, .navbar-inverse .nav>li>a:hover {
  background-color: transparent;
  color: #fff
}

.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus {
  color: #fff;
  background-color: #111
}

.navbar-inverse .navbar-link {
  color: #999
}

.navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus {
  color: #fff
}

.navbar-inverse .divider-vertical {
  border-left-color: #111;
  border-right-color: #222
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
  background-color: #111;
  color: #fff
}

.navbar-inverse .nav li.dropdown>a:hover .caret, .navbar-inverse .nav li.dropdown>a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff
}

.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
  border-top-color: #999;
  border-bottom-color: #999
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff
}

.navbar-inverse .navbar-search .search-query {
  color: #fff;
  background-color: #515151;
  border-color: #111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #ccc
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #ccc
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #ccc
}

.navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  background-color: #fff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  outline: 0
}

.navbar-inverse .btn-navbar {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #0e0e0e;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  border-color: #040404 #040404 #000;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  *background-color: #040404;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {
  color: #fff;
  background-color: #040404;
  *background-color: #000
}

.navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active {
  background-color: #000 \9
}

.pager {
  margin: 18px 0;
  list-style: none;
  text-align: center;
  *zoom: 1
}

.pager:before, .pager:after {
  display: table;
  content: "";
  line-height: 0
}

.pager:after {
  clear: both
}

.pager li {
  display: inline
}

.pager li>a, .pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px
}

.pager li>a:hover, .pager li>a:focus {
  text-decoration: none;
  background-color: #f5f5f5
}

.pager .next>a, .pager .next>span {
  float: right
}

.pager .previous>a, .pager .previous>span {
  float: left
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
  color: #999;
  background-color: #fff;
  cursor: default
}

.pagination {
  margin: 18px 0
}

.pagination ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

.pagination ul>li {
  display: inline
}

.pagination ul>li>a, .pagination ul>li>span {
  float: left;
  padding: 4px 12px;
  line-height: 18px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0
}

.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {
  background-color: #f5f5f5
}

.pagination ul>.active>a, .pagination ul>.active>span {
  color: #999;
  cursor: default
}

.pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus {
  color: #999;
  background-color: transparent;
  cursor: default
}

.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px
}

.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px
}

.pagination-centered {
  text-align: center
}

.pagination-right {
  text-align: right
}

.pagination-large ul>li>a, .pagination-large ul>li>span {
  padding: 11px 19px;
  font-size: 20px
}

.pagination-large ul>li:first-child>a, .pagination-large ul>li:first-child>span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px
}

.pagination-large ul>li:last-child>a, .pagination-large ul>li:last-child>span {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px
}

.pagination-mini ul>li:first-child>a, .pagination-small ul>li:first-child>a, .pagination-mini ul>li:first-child>span, .pagination-small ul>li:first-child>span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px
}

.pagination-mini ul>li:last-child>a, .pagination-small ul>li:last-child>a, .pagination-mini ul>li:last-child>span, .pagination-small ul>li:last-child>span {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px
}

.pagination-small ul>li>a, .pagination-small ul>li>span {
  padding: 2px 10px;
  font-size: 13.6px
}

.pagination-mini ul>li>a, .pagination-mini ul>li>span {
  padding: 0 6px;
  font-size: 12px
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15)
}

.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.row {
/*  margin-left: -10px;
  *zoom: 1  */
}

.row:before, .row:after {
  display: table;
  content: "";
  line-height: 0
}

.row:after {
  clear: both
}

[class*=span] {
  float: left;
  min-height: 1px;
  margin-left: 10px
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  /*width: 1200px*/
  /*max-width: 1400px;*/
}

.span24 {
  width: 950px
}

.span23 {
  width: 910px
}

.span22 {
  width: 870px
}

.span21 {
  width: 830px
}

.span20 {
  width: 790px
}

.span19 {
  width: 750px
}

.span18 {
  width: 710px
}

.span17 {
  width: 670px
}

.span16 {
  width: 630px
}

.span15 {
  width: 590px
}

.span14 {
  width: 550px
}

.span13 {
  width: 510px
}

.span12 {
  width: 470px
}

.span11 {
  width: 430px
}

.span10 {
  width: 390px
}

.span9 {
  width: 350px
}

.span8 {
  width: 310px
}

.span7 {
  width: 270px
}

.span6 {
  width: 230px
}

.span5 {
  width: 190px
}

.span4 {
  width: 150px
}

.span3 {
  width: 110px
}

.span2 {
  width: 70px
}

.span1 {
  width: 30px
}

.offset24 {
  margin-left: 970px
}

.offset23 {
  margin-left: 930px
}

.offset22 {
  margin-left: 890px
}

.offset21 {
  margin-left: 850px
}

.offset20 {
  margin-left: 810px
}

.offset19 {
  margin-left: 770px
}

.offset18 {
  margin-left: 730px
}

.offset17 {
  margin-left: 690px
}

.offset16 {
  margin-left: 650px
}

.offset15 {
  margin-left: 610px
}

.offset14 {
  margin-left: 570px
}

.offset13 {
  margin-left: 530px
}

.offset12 {
  margin-left: 490px
}

.offset11 {
  margin-left: 450px
}

.offset10 {
  margin-left: 410px
}

.offset9 {
  margin-left: 370px
}

.offset8 {
  margin-left: 330px
}

.offset7 {
  margin-left: 290px
}

.offset6 {
  margin-left: 250px
}

.offset5 {
  margin-left: 210px
}

.offset4 {
  margin-left: 170px
}

.offset3 {
  margin-left: 130px
}

.offset2 {
  margin-left: 90px
}

.offset1 {
  margin-left: 50px
}

.row-fluid {
  width: 100%;
  *zoom: 1
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: "";
  line-height: 0
}

.row-fluid:after {
  clear: both
}

.row-fluid [class*=span] {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 1.0526315789473684%;
  *margin-left: 1%
}

.row-fluid [class*=span]:first-child {
  margin-left: 0
}

.row-fluid .controls-row [class*=span]+[class*=span] {
  margin-left: 1.0526315789473684%
}

.row-fluid .span24 {
  width: 100%;
  *width: 99.94736842105263%
}

.row-fluid .span23 {
  width: 95.78947368421052%;
  *width: 95.73684210526315%
}

.row-fluid .span22 {
  width: 91.57894736842105%;
  *width: 91.52631578947368%
}

.row-fluid .span21 {
  width: 87.36842105263158%;
  *width: 87.3157894736842%
}

.row-fluid .span20 {
  width: 83.15789473684211%;
  *width: 83.10526315789474%
}

.row-fluid .span19 {
  width: 78.94736842105263%;
  *width: 78.89473684210526%
}

.row-fluid .span18 {
  width: 74.73684210526316%;
  *width: 74.6842105263158%
}

.row-fluid .span17 {
  width: 70.52631578947368%;
  *width: 70.47368421052632%
}

.row-fluid .span16 {
  width: 66.3157894736842%;
  *width: 66.26315789473684%
}

.row-fluid .span15 {
  width: 62.10526315789474%;
  *width: 62.05263157894737%
}

.row-fluid .span14 {
  width: 57.89473684210526%;
  *width: 57.84210526315789%
}

.row-fluid .span13 {
  width: 53.684210526315795%;
  *width: 53.631578947368425%
}

.row-fluid .span12 {
  width: 49.473684210526315%;
  *width: 49.421052631578945%
}

.row-fluid .span11 {
  width: 45.26315789473684%;
  *width: 45.21052631578947%
}

.row-fluid .span10 {
  width: 41.05263157894737%;
  *width: 41%
}

.row-fluid .span9 {
  width: 36.8421052631579%;
  *width: 36.78947368421053%
}

.row-fluid .span8 {
  width: 32.631578947368425%;
  *width: 32.578947368421055%
}

.row-fluid .span7 {
  width: 28.421052631578945%;
  *width: 28.368421052631575%
}

.row-fluid .span6 {
  width: 24.210526315789473%;
  *width: 24.157894736842103%
}

.row-fluid .span5 {
  width: 20%;
  *width: 19.94736842105263%
}

.row-fluid .span4 {
  width: 15.789473684210527%;
  *width: 15.73684210526316%
}

.row-fluid .span3 {
  width: 11.578947368421051%;
  *width: 11.526315789473683%
}

.row-fluid .span2 {
  width: 7.368421052631579%;
  *width: 7.315789473684211%
}

.row-fluid .span1 {
  width: 3.1578947368421053%;
  *width: 3.1052631578947367%
}

.row-fluid .offset24 {
  margin-left: 102.10526315789474%;
  *margin-left: 102%
}

.row-fluid .offset24:first-child {
  margin-left: 101.05263157894737%;
  *margin-left: 100.94736842105263%
}

.row-fluid .offset23 {
  margin-left: 97.89473684210526%;
  *margin-left: 97.78947368421052%
}

.row-fluid .offset23:first-child {
  margin-left: 96.84210526315789%;
  *margin-left: 96.73684210526315%
}

.row-fluid .offset22 {
  margin-left: 93.6842105263158%;
  *margin-left: 93.57894736842105%
}

.row-fluid .offset22:first-child {
  margin-left: 92.63157894736842%;
  *margin-left: 92.52631578947368%
}

.row-fluid .offset21 {
  margin-left: 89.47368421052632%;
  *margin-left: 89.36842105263158%
}

.row-fluid .offset21:first-child {
  margin-left: 88.42105263157895%;
  *margin-left: 88.3157894736842%
}

.row-fluid .offset20 {
  margin-left: 85.26315789473685%;
  *margin-left: 85.15789473684211%
}

.row-fluid .offset20:first-child {
  margin-left: 84.21052631578948%;
  *margin-left: 84.10526315789474%
}

.row-fluid .offset19 {
  margin-left: 81.05263157894737%;
  *margin-left: 80.94736842105263%
}

.row-fluid .offset19:first-child {
  margin-left: 80%;
  *margin-left: 79.89473684210526%
}

.row-fluid .offset18 {
  margin-left: 76.8421052631579%;
  *margin-left: 76.73684210526316%
}

.row-fluid .offset18:first-child {
  margin-left: 75.78947368421053%;
  *margin-left: 75.6842105263158%
}

.row-fluid .offset17 {
  margin-left: 72.63157894736842%;
  *margin-left: 72.52631578947368%
}

.row-fluid .offset17:first-child {
  margin-left: 71.57894736842105%;
  *margin-left: 71.47368421052632%
}

.row-fluid .offset16 {
  margin-left: 68.42105263157895%;
  *margin-left: 68.3157894736842%
}

.row-fluid .offset16:first-child {
  margin-left: 67.36842105263158%;
  *margin-left: 67.26315789473684%
}

.row-fluid .offset15 {
  margin-left: 64.21052631578948%;
  *margin-left: 64.10526315789474%
}

.row-fluid .offset15:first-child {
  margin-left: 63.15789473684211%;
  *margin-left: 63.05263157894737%
}

.row-fluid .offset14 {
  margin-left: 60%;
  *margin-left: 59.89473684210526%
}

.row-fluid .offset14:first-child {
  margin-left: 58.94736842105263%;
  *margin-left: 58.84210526315789%
}

.row-fluid .offset13 {
  margin-left: 55.789473684210535%;
  *margin-left: 55.684210526315795%
}

.row-fluid .offset13:first-child {
  margin-left: 54.736842105263165%;
  *margin-left: 54.631578947368425%
}

.row-fluid .offset12 {
  margin-left: 51.578947368421055%;
  *margin-left: 51.473684210526315%
}

.row-fluid .offset12:first-child {
  margin-left: 50.526315789473685%;
  *margin-left: 50.421052631578945%
}

.row-fluid .offset11 {
  margin-left: 47.36842105263158%;
  *margin-left: 47.26315789473684%
}

.row-fluid .offset11:first-child {
  margin-left: 46.31578947368421%;
  *margin-left: 46.21052631578947%
}

.row-fluid .offset10 {
  margin-left: 43.15789473684211%;
  *margin-left: 43.05263157894737%
}

.row-fluid .offset10:first-child {
  margin-left: 42.10526315789474%;
  *margin-left: 42%
}

.row-fluid .offset9 {
  margin-left: 38.94736842105264%;
  *margin-left: 38.8421052631579%
}

.row-fluid .offset9:first-child {
  margin-left: 37.89473684210527%;
  *margin-left: 37.78947368421053%
}

.row-fluid .offset8 {
  margin-left: 34.736842105263165%;
  *margin-left: 34.631578947368425%
}

.row-fluid .offset8:first-child {
  margin-left: 33.684210526315795%;
  *margin-left: 33.578947368421055%
}

.row-fluid .offset7 {
  margin-left: 30.52631578947368%;
  *margin-left: 30.42105263157894%
}

.row-fluid .offset7:first-child {
  margin-left: 29.473684210526315%;
  *margin-left: 29.368421052631575%
}

.row-fluid .offset6 {
  margin-left: 26.31578947368421%;
  *margin-left: 26.21052631578947%
}

.row-fluid .offset6:first-child {
  margin-left: 25.263157894736842%;
  *margin-left: 25.157894736842103%
}

.row-fluid .offset5 {
  margin-left: 22.105263157894736%;
  *margin-left: 21.999999999999996%
}

.row-fluid .offset5:first-child {
  margin-left: 21.05263157894737%;
  *margin-left: 20.94736842105263%
}

.row-fluid .offset4 {
  margin-left: 17.894736842105264%;
  *margin-left: 17.789473684210527%
}

.row-fluid .offset4:first-child {
  margin-left: 16.842105263157897%;
  *margin-left: 16.736842105263158%
}

.row-fluid .offset3 {
  margin-left: 13.684210526315788%;
  *margin-left: 13.578947368421051%
}

.row-fluid .offset3:first-child {
  margin-left: 12.63157894736842%;
  *margin-left: 12.526315789473683%
}

.row-fluid .offset2 {
  margin-left: 9.473684210526315%;
  *margin-left: 9.368421052631579%
}

.row-fluid .offset2:first-child {
  margin-left: 8.421052631578947%;
  *margin-left: 8.31578947368421%
}

.row-fluid .offset1 {
  margin-left: 5.2631578947368425%;
  *margin-left: 5.157894736842105%
}

.row-fluid .offset1:first-child {
  margin-left: 4.2105263157894735%;
  *margin-left: 4.105263157894737%
}

[class*=span].hide, .row-fluid [class*=span].hide {
  display: none
}

[class*=span].pull-right, .row-fluid [class*=span].pull-right {
  float: right
}

.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 18px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.breadcrumb>li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-shadow: 0 1px 0 #fff
}

.breadcrumb>li>.divider {
  padding: 0 5px;
  color: #ccc
}

.breadcrumb>.active {
  color: #999
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.hide {
  display: none
}

.show {
  display: block
}

.invisible {
  visibility: hidden
}

.affix {
  position: fixed
}

.close {
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20)
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .4;
  filter: alpha(opacity=40)
}

button.close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none
}

.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
  color: inherit;
  background-color: #eee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  color: inherit;
  letter-spacing: -1px
}

.hero-unit li {
  line-height: 27px
}

@font-face {
  font-family: FontAwesome;
  src: url(../../fonts/font-awesome//fontawesome-webfont.eot);
  src: url(../../fonts/font-awesome//fontawesome-webfont.eot?#iefix) format('embedded-opentype'), url(../../fonts/font-awesome//fontawesome-webfont.woff) format('woff'), url(../../fonts/font-awesome//fontawesome-webfont.ttf) format('truetype'), url(../../fonts/font-awesome//fontawesome-webfont.svg#FontAwesome) format('svg');
  font-weight: 400;
  font-style: normal
}

[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit
}

a [class^=icon-], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit
}

.icon-large:before {
  vertical-align: middle;
  font-size: 1.3333333333333333em
}

.btn [class^=icon-], .nav-tabs [class^=icon-], .btn [class*=" icon-"], .nav-tabs [class*=" icon-"] {
  line-height: .9em
}

li [class^=icon-], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center
}

li .icon-large:before, li .icon-large:before {
  width: 1.875em
}

ul.icons {
  list-style-type: none;
  margin-left: 2em;
  text-indent: -.8em
}

ul.icons li [class^=icon-], ul.icons li [class*=" icon-"] {
  width: .8em
}

ul.icons li .icon-large:before, ul.icons li .icon-large:before {
  vertical-align: initial
}

.icon-glass:before {
  content: "\f000"
}

.icon-music:before {
  content: "\f001"
}

.icon-search:before {
  content: "\f002"
}

.icon-envelope:before {
  content: "\f003"
}

.icon-heart:before {
  content: "\f004"
}

.icon-star:before {
  content: "\f005"
}

.icon-star-empty:before {
  content: "\f006"
}

.icon-user:before {
  content: "\f007"
}

.icon-film:before {
  content: "\f008"
}

.icon-th-large:before {
  content: "\f009"
}

.icon-th:before {
  content: "\f00a"
}

.icon-th-list:before {
  content: "\f00b"
}

.icon-ok:before {
  content: "\f00c"
}

.icon-remove:before {
  content: "\f00d"
}

.icon-zoom-in:before {
  content: "\f00e"
}

.icon-zoom-out:before {
  content: "\f010"
}

.icon-off:before {
  content: "\f011"
}

.icon-signal:before {
  content: "\f012"
}

.icon-cog:before {
  content: "\f013"
}

.icon-trash:before {
  content: "\f014"
}

.icon-home:before {
  content: "\f015"
}

.icon-file:before {
  content: "\f016"
}

.icon-time:before {
  content: "\f017"
}

.icon-road:before {
  content: "\f018"
}

.icon-download-alt:before {
  content: "\f019"
}

.icon-download:before {
  content: "\f01a"
}

.icon-upload:before {
  content: "\f01b"
}

.icon-inbox:before {
  content: "\f01c"
}

.icon-play-circle:before {
  content: "\f01d"
}

.icon-repeat:before {
  content: "\f01e"
}

.icon-refresh:before {
  content: "\f021"
}

.icon-list-alt:before {
  content: "\f022"
}

.icon-lock:before {
  content: "\f023"
}

.icon-flag:before {
  content: "\f024"
}

.icon-headphones:before {
  content: "\f025"
}

.icon-volume-off:before {
  content: "\f026"
}

.icon-volume-down:before {
  content: "\f027"
}

.icon-volume-up:before {
  content: "\f028"
}

.icon-qrcode:before {
  content: "\f029"
}

.icon-barcode:before {
  content: "\f02a"
}

.icon-tag:before {
  content: "\f02b"
}

.icon-tags:before {
  content: "\f02c"
}

.icon-book:before {
  content: "\f02d"
}

.icon-bookmark:before {
  content: "\f02e"
}

.icon-print:before {
  content: "\f02f"
}

.icon-camera:before {
  content: "\f030"
}

.icon-font:before {
  content: "\f031"
}

.icon-bold:before {
  content: "\f032"
}

.icon-italic:before {
  content: "\f033"
}

.icon-text-height:before {
  content: "\f034"
}

.icon-text-width:before {
  content: "\f035"
}

.icon-align-left:before {
  content: "\f036"
}

.icon-align-center:before {
  content: "\f037"
}

.icon-align-right:before {
  content: "\f038"
}

.icon-align-justify:before {
  content: "\f039"
}

.icon-list:before {
  content: "\f03a"
}

.icon-indent-left:before {
  content: "\f03b"
}

.icon-indent-right:before {
  content: "\f03c"
}

.icon-facetime-video:before {
  content: "\f03d"
}

.icon-picture:before {
  content: "\f03e"
}

.icon-pencil:before {
  content: "\f040"
}

.icon-map-marker:before {
  content: "\f041"
}

.icon-adjust:before {
  content: "\f042"
}

.icon-tint:before {
  content: "\f043"
}

.icon-edit:before {
  content: "\f044"
}

.icon-share:before {
  content: "\f045"
}

.icon-check:before {
  content: "\f046"
}

.icon-move:before {
  content: "\f047"
}

.icon-step-backward:before {
  content: "\f048"
}

.icon-fast-backward:before {
  content: "\f049"
}

.icon-backward:before {
  content: "\f04a"
}

.icon-play:before {
  content: "\f04b"
}

.icon-pause:before {
  content: "\f04c"
}

.icon-stop:before {
  content: "\f04d"
}

.icon-forward:before {
  content: "\f04e"
}

.icon-fast-forward:before {
  content: "\f050"
}

.icon-step-forward:before {
  content: "\f051"
}

.icon-eject:before {
  content: "\f052"
}

.icon-chevron-left:before {
  content: "\f053"
}

.icon-chevron-right:before {
  content: "\f054"
}

.icon-plus-sign:before {
  content: "\f055"
}

.icon-minus-sign:before {
  content: "\f056"
}

.icon-remove-sign:before {
  content: "\f057"
}

.icon-ok-sign:before {
  content: "\f058"
}

.icon-question-sign:before {
  content: "\f059"
}

.icon-info-sign:before {
  content: "\f05a"
}

.icon-screenshot:before {
  content: "\f05b"
}

.icon-remove-circle:before {
  content: "\f05c"
}

.icon-ok-circle:before {
  content: "\f05d"
}

.icon-ban-circle:before {
  content: "\f05e"
}

.icon-arrow-left:before {
  content: "\f060"
}

.icon-arrow-right:before {
  content: "\f061"
}

.icon-arrow-up:before {
  content: "\f062"
}

.icon-arrow-down:before {
  content: "\f063"
}

.icon-share-alt:before {
  content: "\f064"
}

.icon-resize-full:before {
  content: "\f065"
}

.icon-resize-small:before {
  content: "\f066"
}

.icon-plus:before {
  content: "\f067"
}

.icon-minus:before {
  content: "\f068"
}

.icon-asterisk:before {
  content: "\f069"
}

.icon-exclamation-sign:before {
  content: "\f06a"
}

.icon-gift:before {
  content: "\f06b"
}

.icon-leaf:before {
  content: "\f06c"
}

.icon-fire:before {
  content: "\f06d"
}

.icon-eye-open:before {
  content: "\f06e"
}

.icon-eye-close:before {
  content: "\f070"
}

.icon-warning-sign:before {
  content: "\f071"
}

.icon-plane:before {
  content: "\f072"
}

.icon-calendar:before {
  content: "\f073"
}

.icon-random:before {
  content: "\f074"
}

.icon-comment:before {
  content: "\f075"
}

.icon-magnet:before {
  content: "\f076"
}

.icon-chevron-up:before {
  content: "\f077"
}

.icon-chevron-down:before {
  content: "\f078"
}

.icon-retweet:before {
  content: "\f079"
}

.icon-shopping-cart:before {
  content: "\f07a"
}

.icon-folder-close:before {
  content: "\f07b"
}

.icon-folder-open:before {
  content: "\f07c"
}

.icon-resize-vertical:before {
  content: "\f07d"
}

.icon-resize-horizontal:before {
  content: "\f07e"
}

.icon-bar-chart:before {
  content: "\f080"
}

.icon-twitter-sign:before {
  content: "\f081"
}

.icon-facebook-sign:before {
  content: "\f082"
}

.icon-camera-retro:before {
  content: "\f083"
}

.icon-key:before {
  content: "\f084"
}

.icon-cogs:before {
  content: "\f085"
}

.icon-comments:before {
  content: "\f086"
}

.icon-thumbs-up:before {
  content: "\f087"
}

.icon-thumbs-down:before {
  content: "\f088"
}

.icon-star-half:before {
  content: "\f089"
}

.icon-heart-empty:before {
  content: "\f08a"
}

.icon-signout:before {
  content: "\f08b"
}

.icon-linkedin-sign:before {
  content: "\f08c"
}

.icon-pushpin:before {
  content: "\f08d"
}

.icon-external-link:before {
  content: "\f08e"
}

.icon-signin:before {
  content: "\f090"
}

.icon-trophy:before {
  content: "\f091"
}

.icon-github-sign:before {
  content: "\f092"
}

.icon-upload-alt:before {
  content: "\f093"
}

.icon-lemon:before {
  content: "\f094"
}

.icon-phone:before {
  content: "\f095"
}

.icon-check-empty:before {
  content: "\f096"
}

.icon-bookmark-empty:before {
  content: "\f097"
}

.icon-phone-sign:before {
  content: "\f098"
}

.icon-twitter:before {
  content: "\f099"
}

.icon-facebook:before {
  content: "\f09a"
}

.icon-github:before {
  content: "\f09b"
}

.icon-unlock:before {
  content: "\f09c"
}

.icon-credit-card:before {
  content: "\f09d"
}

.icon-rss:before {
  content: "\f09e"
}

.icon-hdd:before {
  content: "\f0a0"
}

.icon-bullhorn:before {
  content: "\f0a1"
}

.icon-bell:before {
  content: "\f0a2"
}

.icon-certificate:before {
  content: "\f0a3"
}

.icon-hand-right:before {
  content: "\f0a4"
}

.icon-hand-left:before {
  content: "\f0a5"
}

.icon-hand-up:before {
  content: "\f0a6"
}

.icon-hand-down:before {
  content: "\f0a7"
}

.icon-circle-arrow-left:before {
  content: "\f0a8"
}

.icon-circle-arrow-right:before {
  content: "\f0a9"
}

.icon-circle-arrow-up:before {
  content: "\f0aa"
}

.icon-circle-arrow-down:before {
  content: "\f0ab"
}

.icon-globe:before {
  content: "\f0ac"
}

.icon-wrench:before {
  content: "\f0ad"
}

.icon-tasks:before {
  content: "\f0ae"
}

.icon-filter:before {
  content: "\f0b0"
}

.icon-briefcase:before {
  content: "\f0b1"
}

.icon-fullscreen:before {
  content: "\f0b2"
}

.icon-group:before {
  content: "\f0c0"
}

.icon-link:before {
  content: "\f0c1"
}

.icon-cloud:before {
  content: "\f0c2"
}

.icon-beaker:before {
  content: "\f0c3"
}

.icon-cut:before {
  content: "\f0c4"
}

.icon-copy:before {
  content: "\f0c5"
}

.icon-paper-clip:before {
  content: "\f0c6"
}

.icon-save:before {
  content: "\f0c7"
}

.icon-sign-blank:before {
  content: "\f0c8"
}

.icon-reorder:before {
  content: "\f0c9"
}

.icon-list-ul:before {
  content: "\f0ca"
}

.icon-list-ol:before {
  content: "\f0cb"
}

.icon-strikethrough:before {
  content: "\f0cc"
}

.icon-underline:before {
  content: "\f0cd"
}

.icon-table:before {
  content: "\f0ce"
}

.icon-magic:before {
  content: "\f0d0"
}

.icon-truck:before {
  content: "\f0d1"
}

.icon-pinterest:before {
  content: "\f0d2"
}

.icon-pinterest-sign:before {
  content: "\f0d3"
}

.icon-google-plus-sign:before {
  content: "\f0d4"
}

.icon-google-plus:before {
  content: "\f0d5"
}

.icon-money:before {
  content: "\f0d6"
}

.icon-caret-down:before {
  content: "\f0d7"
}

.icon-caret-up:before {
  content: "\f0d8"
}

.icon-caret-left:before {
  content: "\f0d9"
}

.icon-caret-right:before {
  content: "\f0da"
}

.icon-columns:before {
  content: "\f0db"
}

.icon-sort:before {
  content: "\f0dc"
}

.icon-sort-down:before {
  content: "\f0dd"
}

.icon-sort-up:before {
  content: "\f0de"
}

.icon-envelope-alt:before {
  content: "\f0e0"
}

.icon-linkedin:before {
  content: "\f0e1"
}

.icon-undo:before {
  content: "\f0e2"
}

.icon-legal:before {
  content: "\f0e3"
}

.icon-dashboard:before {
  content: "\f0e4"
}

.icon-comment-alt:before {
  content: "\f0e5"
}

.icon-comments-alt:before {
  content: "\f0e6"
}

.icon-bolt:before {
  content: "\f0e7"
}

.icon-sitemap:before {
  content: "\f0e8"
}

.icon-umbrella:before {
  content: "\f0e9"
}

.icon-paste:before {
  content: "\f0ea"
}

.icon-user-md:before {
  content: "\f200"
}

a {
  color: #000
}

a:hover {
  color: #000
}

html, body {
  min-height: 100%;
  position: relative;
  margin: 0
}

html {
  overflow-y: scroll;
  background: url(../img/fondo-horizontal.jpg);
  height: 100%
}

html body {
  width: 100%;
  /*background-color: rebeccapurple;*/
  height: auto;
  min-height: 100%;
  overflow: hidden;
  /*background: url(../img/fondo-vertical.jpg) repeat-x*/
}


html body>.fondo-inferior {
  background: url(../img/fondo-horizontal.jpg) no-repeat left top;
  width: 100%;
  margin: 0 auto;
  min-height: 100%;
  height: auto;
  position: absolute;
  z-index: 0
}

/*html body>.wrapper {
  min-height: 100%;
  height: auto!important;
  height: 100%;
  margin: 0 auto -215px;
  position: relative
}*/
/*
html body header {
  margin: 0 auto;
  height: 222px;
  position: relative
}
*/
html body header #header-logo {
  position: absolute;
    height: 100px;
    width: 200px;
    top: 0px
}

html body header #header-logo a {
  position: absolute;
  width: 100%;
  height: 100%;
  text-indent: -999999px
}

html body header #header-logo a #img-logo{
  width: 200px;
  display: block;
}

html body header .lateral {
  background: url(../img/ie-fondo-encabezado.png) \9;
  -webkit-box-shadow: 0 0 10px 10px rgba(255, 255, 255, .2);
  -moz-box-shadow: 0 0 10px 10px rgba(255, 255, 255, .2);
  box-shadow: 0 0 10px 10px rgba(255, 255, 255, .2);
  position: absolute;
  height: 100%;
  width: 525px;
  right: 0
}

html body header .marcas {
  width: 525px;
  height: 82px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 0 10px 10px rgba(255, 255, 255, .2);
  -moz-box-shadow: 0 0 10px 10px rgba(255, 255, 255, .2);
  box-shadow: 0 0 10px 10px rgba(255, 255, 255, .2);
  background: url(../img/marcas.jpg) no-repeat 0 0
}

html body header .marcas a {
  position: absolute;
  background-repeat: no-repeat;
  text-indent: -99999px;
  cursor: pointer
}

html body header .marcas a:hover {
  background-image: url(../img/marcas-over.jpg)
}

html body header .marcas a.reprofx {
  left: 0;
  top: 0;
  width: 70px;
  height: 90px;
  background-position: 0 0
}

html body header .marcas a.critical-tattoo {
  left: 131px;
  top: 3px;
  width: 158px;
  height: 35px;
  background-position: -131px -3px
}

html body header #header-usuario {
  position: absolute;
  right: 0;
  top: 88px;
  width: 505px;
  height: 60px;
  padding: 10px;
  color: #000
}

html body header #header-usuario .input-medium {
  width: 170px
}

html body header #header-usuario .control-group {
  margin-top: 9px
}

html body header #header-usuario form a {
  display: block
}

html body header #header-usuario a {
  margin: 5px 10px 0 0;
  font-size: .9em
}

html body header #header-usuario label {
  float: right;
  margin-right: 180px;
  margin-top: 10px;
  color: #fff
}

html body header #header-usuario label input {
  margin-bottom: 5px
}

html body header #header-usuario .conectado-como {
  font-size: 1.3em;
  color: #AAA
}

html body header #header-buscar {
  position: absolute;
  right: 150px;
  top: 170px;
  width: 355px;
  padding: 15px 10px 3px
}

html body header #header-buscar form {
  color: #000;
  margin-bottom: 11px
}

html body header #header-buscar form input[type=text] {
  width: 220px
}

html body header .atencion {
  position: absolute;
  text-align: center;
  color: #000;
  right: 3px;
  bottom: 3px;
  height: 65px;
  padding: 10px 10px 5px;
  background-color: rgba(0, 0, 0, .1);
  border: 1px solid rgba(0, 0, 0, .1);
  background-image: url(../img/ie-fondo-encabezado.png) \9;
  border: 1px solid #666;
  font-size: 1.1em
}

html body header .atencion strong {
  display: block;
  margin: 3px 0;
  font-size: 1.5em
}

html body header .atencion a {
  color: #000
}
/*
html body #content {
  background-image: url(../img/fondo-contenido.png);
  -webkit-box-shadow: 0 0 10px 10px rgba(255, 255, 255, .2);
  -moz-box-shadow: 0 0 10px 10px rgba(255, 255, 255, .2);
  box-shadow: 0 0 10px 10px rgba(255, 255, 255, .2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto;
  padding-bottom: 215px
}
*/
html body #content aside {
  /*background-color: #777775;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px*/
}

html body #content #aside-izquierdo {
  /*margin: 5px 0 215px 5px*/
  /*margin-left: 20px;*/
  border-right: 1px solid gray;
  margin-left: 0;
}

html body #content #aside-izquierdo ul.familias > li {
  line-height: 35px;
}

html body #content #aside-izquierdo .inferior {
  background-color: #000;
  padding: 10px 5px 0;
  margin-top: 15px;
}

html body #content #aside-izquierdo-cabecera {
  background-color: #666;
  margin: 0;
  color: white;
  padding-bottom: 3px;
  text-align: center;
}

html body #content #aside-izquierdo .inferior a {
  color: #AC0A02;
  /*text-shadow: 0 0 4px #fff;*/
  font-size: 1.2em;
  /*font-family: Aladin, cursive;*/
  text-transform: uppercase
}

html body #content #aside-izquierdo .inferior label {
  font-size: 1.2em;
  display: block;
  margin-top: .5em;
  color: #fff;
  /*/*font-family: Aladin, cursive;*/*/
}

html body #content #aside-izquierdo .inferior select {
  width: 100%;
  font-size: .9em;
  padding: 2px
}

html body #content #aside-izquierdo .inferior select option {
  font-size: .9em
}

html body #content #aside-izquierdo .inferior select option.vacio {
  color: #999
}

html body #content #aside-izquierdo section {
  margin: 1em .5em
}

html body #content #aside-izquierdo section#formas-pago h4 {
  /*/*font-family: Aladin, cursive;*/;*/
  color: #000;
  font-size: 1.4em;
  text-align: center
}

html body #content #aside-izquierdo section#formas-pago .content {
  background-color: #666;
  padding: 10px 5px 0;
  height: 190px;
  background-image: url(../img/formas-pago.png);
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 0 0 5px 5px
}

html body #content #aside-izquierdo section#menu-videos {
  margin: 0
}

html body #content #aside-izquierdo ul {
  overflow: hidden
}

html body #content #aside-izquierdo>.nav {
  padding: 5px
}

html body #content #aside-izquierdo>.nav a {
  text-decoration: none
}

html body #content #aside-izquierdo>.nav li.actual>a {
  color: #000;
  font-weight: 700
}

html body #content #aside-izquierdo>.nav li.actual>a:hover {
  color: #333
}

html body #content #aside-izquierdo>.nav li>ul {
  /*background-color: #666;*/
  padding-left: 20px;
  font-size: .9em;
  overflow: hidden
}

html body #content #aside-izquierdo>.nav li a {
  text-shadow: none
}

html body #content #aside-izquierdo>.nav>li>a {
  /*/*font-family: Aladin, cursive;*/;*/
  color: #000;
  font-size: 1.1em
}

html body #content #aside-izquierdo>.nav>li.actual>a {
  /*color: #fff;*/
  font-weight: 400
}

html body #content #aside-izquierdo>.nav>li>ul {
  margin-bottom: .3em;
  padding-left: 20px
}

html body #content #aside-izquierdo>.nav>li>ul ul {
  /*border-left: 1px solid #999*/
}

html body #content #aside-derecho {
  margin: 5px -5px 215px 0
}

html body #content #aside-derecho section {
  margin: 1em .5em
}

html body #content #aside-derecho section h4 {
  /*/*font-family: Aladin, cursive;*/;*/
  color: #000;
  font-size: 1.4em;
  text-align: center
}

html body #content #aside-derecho section .content {
  background-color: #999;
  padding: .5em
}

html body #content #aside-derecho section#ultimas-novedades ul {
  margin: 0
}

html body #content #aside-derecho section#ultimas-novedades ul li {
  font-size: .9em;
  margin-bottom: .3em;
  border-bottom: 1px solid #CCC;
  list-style: none
}

html body #content #aside-derecho section#carro-resumen dl {
  margin: 0
}

html body #content #aside-derecho section#carro-resumen dt {
  width: 80px;
  text-align: left
}

html body #content #aside-derecho section#carro-resumen dd {
  margin-left: 80px
}

html body #content #aside-derecho section#carro-resumen .opciones {
  margin-top: .5em;
  padding-top: .5em;
  border-top: 1px solid #CCC;
  overflow: hidden
}

html body #content #aside-derecho section#carro-resumen .opciones a {
  float: left;
  width: 50%;
  text-align: center
}

html body #content #aside-derecho section#mas-comprados ol {
  margin: 0 0 0 15px
}

html body #content #aside-derecho section#mas-comprados ol li {
  font-size: .8em
}

/*html body #content article {
  padding: 1em;
  position: relative;
  padding-bottom: 215px;
  overflow: hidden;
  color: #000
}*/

html body #content article .breadcrumb {
  /*background-color: #777775;*/
  background-color: white;
  margin: 5px 0 15px 0;
}

html body #content article .breadcrumb li {
  text-shadow: 0 1px 0 #999
}

html body #content article .breadcrumb li.active {
  /*text-shadow: 0 1px 0 #000*/
}

html body #content article h1, html body #content article h2 {
  /*font-family: Aladin, cursive;*/
}

html body #content article h1.conFoto, html body #content article h2.conFoto {
  margin-top: 0
}

html body #content article h1.conFoto span, html body #content article h2.conFoto span {
  text-indent: -99999px;
  position: absolute
}

html body #content article h1 {
  font-size: 2em;
  /*border-bottom: 1px solid #000;
  padding-left: 10px;*/
}

html body #content article h2 {
  margin-bottom: .5em;
  padding-left: 10px;
  border-bottom: 1px solid #ccc;
}

html body #content article h3 {
  margin-bottom: .5em;
  padding-left: 10px;
  border-bottom: 1px solid #ccc;
}

html body #content article hr {
  border: 1px solid #000;
  -webkit-box-shadow: 0 0 5px 5px rgba(255, 255, 255, .2);
  -moz-box-shadow: 0 0 5px 5px rgba(255, 255, 255, .2);
  box-shadow: 0 0 5px 5px rgba(255, 255, 255, .2);
  margin: 10px 0
}

html body #content article .thumbnails .image {
  border: 2px solid #9C9B66;
  min-height: 175px;
  box-shadow: 0 5px 10px #666;
  background-color: #CCC;
  position: relative
}

html body #content article .thumbnails .image a {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center
}

html body #content article .thumbnails .image img {
  position: relative;
  margin: auto;
  top: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 100%
}

html body #content article .thumbnails .caption {
  padding-top: .3em;
  text-align: center;
  font-weight: 700;
  font-size: .8em;
  height: 60px;
  overflow: hidden
}

html body #content article .thumbnails .caption a {
  color: #000
}

html body #content article .pagination {
  text-align: center
}

html body #content article .pagination a {
  color: #000
}

html body #content article .pagination a, html body #content article .pagination span {
  background-color: #DDD;
  border-color: #CCC;
  padding: 5px;
  margin: 5px;
}

html body #content .row>article {
  padding: 0 20px 55px
}
html body#pagina-principal #content .row>article {
  padding: 0 0px 0px
}
/*
html body footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  background: url(../img/fondo-pie.jpg) repeat-x;
  padding-bottom: 50px
}

html body footer .container>div {
  width: 45%;
  float: left;
  color: #000;
  margin-top: 1em;
  margin-right: 5%
}
*/
html body footer .container .contactar p {
  margin: 0;
  float: left;
  width: 50%
}

html body footer .container .contactar a {
  color: #000;
  text-decoration: underline
}

html body footer .container .contactar a:hover {
  text-decoration: none;
  color: #fff
}

html body footer .container .contactar a i.icon-map-marker {
  text-decoration: none;
  font-size: 2em;
  line-height: .3em
}

html body footer .container .social {
  display: none;
  text-align: center;
  width: 20%;
  margin-right: 0;
  margin-top: 60px
}

html body footer .container .social>a {
  background: url(../img/social.png) left top no-repeat;
  width: 48px;
  height: 48px;
  float: left;
  font-size: 0;
  margin-right: 9px
}

html body footer .container .social>a.twitter {
  background-position: -48px 0
}

html body footer .container .social>a.linkedin {
  background-position: -96px 0
}
/*
html body footer .container nav {
  position: absolute;
  bottom: 1em;
  font-size: 1.1em
}
*/
html body footer .container nav a {
  float: left;
  border-right: 1px solid #fff;
  margin-right: 10px;
  padding-right: 10px
}

html body footer .container nav a:last-child {
  border: 0
}

body#pagina-familia #content article .breadcrumb {
  margin-bottom: .5em
}

body#pagina-familia #content article .familia-encabezado {
  float: left;
  overflow: hidden;
  margin-bottom: .5em;
  width: 100%
}

body#pagina-familia #content article .familia-foto {
  float: right;
  max-width: 48%;
  margin: 0 0 2% 2%;
  border: 2px solid #9C9B66;
  box-shadow: 0 5px 10px #666
}

#pagina-articulo article .breadcrumb {
  margin-bottom: 0
}

#pagina-articulo article h2 span {
  position: absolute;
  text-indent: -9999px
}

#pagina-articulo article h1 {
  /*font-family: Aladin, cursive;*/
  font-size: 2em;
  /*text-align: center*/
}

#pagina-articulo article .videos {
  overflow: hidden;
  clear: both
}

#pagina-articulo article .fotos {
  width: 450px;
}

#pagina-articulo article .fotos .mostrando {
  /*border: 2px solid #9C9B66;
  background-color: #666;
  box-shadow: 0 5px 10px #666;*/
  position: relative;
  min-height: 255px;
  cursor: pointer
}

#pagina-articulo article .fotos .mostrando img {
  /*position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 100%*/
  width: 260px;
}
#pagina-articulo article #articulo-info {
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#pagina-articulo article #articulo-info #articulo-imagen-principal {
  justify-content: space-evenly;
}
#pagina-articulo article #articulo-info #articulo-descripcion {
  width: 100%;
}
#pagina-articulo article .fotos .miniaturas {
  margin: 5px 0;
  list-style: none;
  width: 100%;
}

#pagina-articulo article .fotos .miniaturas li {
  /*margin-right: 3%;
  border: 2px solid #9C9B66;
  box-shadow: 0 5px 10px #666;
  background-color: #666;
  position: relative;*/
  float: left;
  margin: 0 1% 3%;
  width: 100px;
  height: 100px;
  cursor: pointer
}

#pagina-articulo article .fotos .miniaturas li img {
  /*position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 100%*/
}

#pagina-articulo article .modelos {
  margin: 1em 0;
  display: block;
  clear: both
}
#pagina-articulo article .modelos h3 {
  border-bottom: 1px solid #ccc;
}

#pagina-articulo article .modelos .nota {
  font-size: .9em;
  font-style: italic;
  color: #333;
  margin: 3px 0 0 1em
}


#pagina-principal #content article .banner-videos {
  margin: 20px -15px 0
}

#pagina-principal #content article .familias-destacadas {
  border: 1px solid #999;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  background-color: #666;
  margin: -1em -1em 0;
  padding: 5px 0 0;
  background: url(../img/familias-destacadas-fondo.png) left top repeat-x
}

#pagina-principal #content article .familias-destacadas ul {
  overflow: hidden;
  margin: 0
}

#pagina-principal #content article .familias-destacadas ul li {
  list-style: none;
  float: left;
  text-align: center;
  width: 14.285714285714286%;
  width: 12%;
  overflow: hidden;
  height: 32px;
  margin: .5em 0 .1em;
  background: url(../img/familias-destacadas-separador.png) left center no-repeat
}

#pagina-principal #content article .familias-destacadas ul li:first-child {
  margin-left: -2px
}

#pagina-principal #content article .familias-destacadas ul li:nth-child(7) {
  width: 21%
}

#pagina-principal #content article .familias-destacadas ul li:nth-child(6) {
  width: 15%
}

#pagina-principal #content article .familias-destacadas ul li:nth-child(4) {
  width: 16%
}

#pagina-principal #content article .familias-destacadas ul li a {
  /*/*font-family: Aladin, cursive;*/;*/
  text-shadow: 1px 1px #666;
  color: #000;
  font-size: 1.7em;
  color: #DDD;
  text-decoration: none;
  display: block
}

#pagina-principal #content article .familias-destacadas ul li a:hover {
  color: #000
}

#pagina-principal #content article .familias-destacadas ul li a span {
  line-height: 1em
}

#pagina-principal #content article .articulos-destacados .image {
  min-height: 218px
}

#pagina-principal #content article h3 {
  border-bottom: 2px solid #000;
  margin: .5em 10px;
  color: #666;
  font-size: 2.5em;
  text-shadow: 0 0 10px #fff
}

#pagina-carro article h1 {
  /*border-bottom: 1px solid #000*/
}

#pagina-carro article #carro-detalle {
  margin-bottom: 1em;
  padding-left: 10px;
}

#pagina-carro article .cuadro-totales {
  float: right
}

#pagina-carro article .opciones {
  float: left;
  overflow: hidden
}

#pagina-carro article .opciones a, #pagina-carro article .opciones button {
  float: left;
  clear: both;
  margin-bottom: .5em;
  width: 200px;
  text-align: left;
  margin-top: 10px;
}

#pagina-carro article .opciones a {
  width: 200px;
}

#pagina-carro article .nota {
  font-size: .9em;
  font-style: italic;
  color: #333;
  margin: -13px 0 1em 1em
}

#pagina-login article h3 {
  border-bottom: 1px solid #000;
  margin-bottom: 1em
}

#pagina-login article .alta {
  border-left: 2px dashed #CCC;
  padding-left: 1em
}

#pagina-login article .alta h3 {
  padding-left: 170px
}

#pagina-confirmacion-pago article .info {
  font-size: .9em;
  margin-left: 40px;
  color: #333;
  border-top: 1px dashed #666;
  padding-top: 3px;
  /*display: none*/
}

#pagina-confirmacion-pago article .info dl p {
  margin: 9px 0 3px
}

#pagina-confirmacion-pago article .info dl dt {
  float: left
}

#pagina-confirmacion-pago article .info dl dd {
  margin-left: 140px
}

#pagina-confirmacion-pago article #forma-pago .controls {
  clear: both
}

#pagina-confirmacion-pago article #forma-pago .controls .validation-advice {
  float: right;
  width: 100%
}

#pagina-confirmacion-pago article .controls {
  margin-left: 40px
}

body.paginas-estaticas article address {
  float: left;
  padding: 1em;
  margin: 1em;
  border: 1px solid #BBB;
  background-color: rgba(255, 255, 255, .2)
}

body.paginas-estaticas article .mapa {
  float: left;
  margin: 1em
}

.paginas-confirmacion article form {
  margin-top: 1em
}

article dl dt {
  float: left;
  margin-right: 5px
}

article a {
  color: #444;
  /*text-decoration: underline*/
}

article a.btn {
  text-decoration: none
}

article .confirmacion-lateral {
  position: relative;
  top: 0
}

article .confirmacion-lateral .botones {
  margin-top: 1em;
  text-align: center
}

article .cuadro-totales, #pagina-carro article #general-centrado .opciones {
  padding: 1em;
  background-color: #e6e6e6;;
  color: #000;
  border-radius: 1em;
  margin-top: 1em;
}
#botones-totales-carro{
  justify-content: space-evenly;
  width: 100%;
  margin-bottom: 50px;
}

article .cuadro-totales div {
  margin-bottom: .5em;
  overflow: hidden
}

article .cuadro-totales div strong {
  width: 185px;
  margin-right: 10px;
  float: left;
  text-align: right;
  font-size: 1em
}

article .cuadro-totales div span {
  width: 130px;
  text-align: right;
  float: left;
  font-size: 1.1em;
  border-bottom: 1px dashed #CCC;
  padding: 0 .5em 3px
}

article .cuadro-totales div.destino strong {
  padding-top: 5px
}

article .cuadro-totales div.total {
  margin-top: 1em;
  background-color: #CCC;
  padding: .5em;
  border-radius: .5em;
  color: #000
}

article .cuadro-totales div.total strong {
  font-size: 1.3em;
  width: 170px
}

article .cuadro-totales div.total span {
  border-bottom: 0;
  font-size: 1.3em;
  width: 120px
}

.form-error {
  display: block;
  color: #B94A48;
  font-size: .9em;
  font-style: italic
}

form.form-horizontal .validation-advice {
  margin: 5px 0 0;
  float: left;
  clear: both
}

form label.required:before {
  content: '* ';
  color: #B94A48
}

form .control-group .help-inline, form .control-group .help {
  font-size: .9em;
  font-style: italic
}

form input[type=checkbox] {
  margin-top: 0;
  margin-bottom: 2px
}

form .validation-advice {
  display: block;
  color: #B94A48;
  background-color: #F2DEDE;
  padding: .3em .5em;
  font-size: .8em;
  margin: -5px 0 0;
  border-radius: 5px;
  border: 1px solid #EED3D7
}

table {
  border-spacing: 0;
  width: 100%
}

table tr.impar {
  background-color: #e6e6e6;
}

table th, table td {
  text-align: left;
  padding: 3px 5px
}

table th.precio, table td.precio {
  text-align: right;
  width: 75px;
  min-width: 65px;
}

table th.precio .oferta, table td.precio .oferta {
  display: block;
  color: #A50D12;
  text-decoration: line-through;
  font-size: .8em;
  line-height: .8em
}

table th.subtotal, table td.subtotal {
  text-align: right
}

table th.cantidad, table td.cantidad {
  text-align: center
}

table th.articulo .plazo-entrega, table td.articulo .plazo-entrega, table th.nombre .plazo-entrega, table td.nombre .plazo-entrega {
  display: block;
  font-size: .9em;
  font-style: italic;
  color: #07305E
}

table th {
  border-bottom: 1px solid #fff;
  vertical-align: bottom
}

table td {
  font-weight: 700;
  font-size: .9em;
  vertical-align: top;
  padding: 5px
}

table td.precio {
  color: #07305E
}

table td.borrar, table td.agregar, table td.cantidad {
  padding: 2px 5px
}

table td.cantidad span {
  display: none;
  color: #A50D12;
  font-size: .8em
}

table td.cantidad span.no-disponible {
  padding-top: 7px;
  display: block;
  text-align: center;
  line-height: .8em
}

table td.cantidad.sinstock input {
  border-color: #A50D12
}

table td.cantidad.sinstock span {
  display: block
}

table td input[type=text] {
  color: #07305E;
  width: 30px;
  font-size: .9em;
  margin-bottom: 0;
  padding: 1px 3px
}

.hero-unit {
  color: #000
}

#header-usuario label.overTxtLabel {
  color: #bbb;
  margin: 2px 0 0 2px
}

.pagination+.filtros {
  margin-top: -10px
}

.articulos .filtros {
  display: block;
  text-align: center;
  font-size: .9em
}

.articulos .filtros select {
  font-size: .9em;
  padding: 2px;
  height: auto;
  margin: 0 .3em;
  width: 50px;
  border: 1px
}

.articulos .filtros span {
  background-color: transparent;
  font-style: italic
}

#en-oferta .slide {
  position: relative;
  overflow: hidden
}

#en-oferta .slide .pagina {
  position: absolute;
  top: 0;
  width: 100%
}

#en-oferta .slide .pagina a {
  display: block;
  margin-bottom: .5em;
  overflow: hidden
}

#en-oferta .slide .pagina a .nombre {
  display: block;
  text-align: center
}

#en-oferta .slide .pagina a .oferta {
  color: #A50D12;
  text-decoration: line-through;
  font-size: .8em;
  float: left;
  width: 45%;
  padding-right: 5%;
  text-align: right
}

#en-oferta .slide .pagina a .precio {
  color: #07305E;
  float: right;
  width: 45%;
  padding-left: 5%;
  text-align: left
}

#pagina-videos .videos {
  margin: 0 -10px;
  width: auto
}

#pagina-videos .videos>div {
  width: 50%;
  float: left
}

#pagina-videos .videos>div:first-child {
  border-right: 1px solid #999;
  margin-right: -1px
}

#pagina-videos .videos .video {
  margin: 0 10px 10px;
  border-bottom: 1px solid #999;
  padding-bottom: 10px
}

#pagina-videos .videos .video:last-child {
  border-bottom: 0
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}


/************************ 2020  **************************/

/******* General ********/
.floatleft{
  float: left;
}
.floatright{
  float: right;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.flex-container-column {
  display: flex;
  flex-flow: column;
}
#general-centrado{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#general-centrado h1{
  text-align: center;
}

@media screen and (min-device-width: 768px) {
  #cabecera-general{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 88;
    /*box-shadow: 0px 5px 2px #e5e5e5;*/
  }

  #content{
    margin-top: 105px;
  }

  #megamenu{
    position: fixed;
    z-index: 88;
  }
  #megamenu:hover{
    height: 680px;
  }
}


/*************** Menu, carrito *************************/

#nav-header-top-bottom .icon-shopping-cart{
  width: 50px;
}

#nav-header-top-bottom .icon-shopping-cart span.badge{
  padding: 1px 8px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px
}

/**************** Index *********************/

/*********** Mega Menú *************/
#megamenu{
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}

.navbar {
  overflow: hidden;
  background-color: #000;
  /*font-family: Arial;*/
}

/* Links inside the navbar */
.navbar a {
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 0px 1px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 16px 4px;
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.dropdown:hover .dropbtn {
  background-color: white;
  color: black;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Mega Menu header, if needed */
.dropdown-content .header {
  background: white;
  padding: 5px 20px;
  color: black;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
  height: 500px;
  z-index: 88;
}

.row-megamenu{
  display: inline-flex;
}

/* Create equals columns that floats next to each other */
.column {
  float: left;
  background-color: #fff;
  padding: 10px;
  /*width: 33.33%;

  height: 250px;*/
}

/* Style links inside the columns */
.column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.column a:hover {
  background-color: #ddd;
}

/* Clear floats after the columns */
.row-megamenu:after {
  content: "";
  display: table;
  clear: both;
}

.submegamenu{
  column-count: 5;
  /*margin: 0 auto !important;*/
  display: block;
  list-style: none;
  break-inside: avoid;
}
.submegamenu-inside{
  list-style: none;
  text-align: left;
  margin-left: 0;
}
.submegamenu a{
  color:black;
}
.submegamenu-header:hover{
  color:gray;
}
.submegamenu-header-span{
  color: #820009;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: -1px;
}

.submegamenu > li{
  break-inside: avoid;
  line-height: 20px;
  margin-bottom: 10px;
}
.submegamenu-inside > li{
  break-inside: avoid;
  padding-left: 16px;
}
.submegamenu > li > a > span{
  border-bottom: 1px solid #ddd;
}
.submegamenu > li > a > span:hover{
  color: #ddd;
}
#contraer-menu-left-barra{
  display: none;
}
html body#pagina-principal #aside-izquierdo {
  display: none;
}

@media screen and (max-device-width: 1872px) { /*768px*/
  #megamenu{
    display: none;
  }
  html body#pagina-principal #aside-izquierdo {
    display: block;
  }
  #nav-header-top{
    margin-right: 75px;
  }
}

@media screen and (min-device-width: 1873px) { /*768px*/
  #megamenu{
    flex-wrap: nowrap;
    font-size: 13px;
  }
  /*.navbar a {
    padding: 0 !important;
  }*/
}


/************* Fin Megamenú *******************/


#info-submegamenu{
  text-align: center;
  background-color: #999;
  /*min-height: 30px;
  padding-top: 12px;*/
}

#info-submegamenu h4{
  padding: 10px;
}

#info-submegamenu-text{
  margin: 0;
  color: white;
  font-weight: inherit;
}
.hidden{
  display: none !important;
}

/******************************* Fin Megamenú *************************************/

/*** Carousel ***/

/* * {box-sizing:border-box}*/

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: grey;
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  text-decoration: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
  background-color: #fff;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/*** Fin Carousel ***/

/*** Index families images and text info ***/

#index-families{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 25px;
}
.index-families-content{
  width: 100%;
  max-width: 500px;
  margin: 1px;
}
#index-info{
  margin-bottom: 35px;
}

#index-info h1{
  text-align: center;
  border: none !important;
  color: #333;
}
#index-info p{
  color: gray;
  font-size: 23px;
  line-height: 25px;
  padding: 0 25px;
}

/*** Fin Index families images  and text info ***/
html body #content article {
  position: relative;
  overflow: hidden;
}

/**************** Carousel artículos ***************/
.carousel-titulo{
  border-bottom: 1px solid grey;
  margin-bottom: 20px;
  margin-left: 10px;
}
.carousel-articulos-index{
  display: flex;
  position: relative;
  margin-left: 55px;
  padding-right: 55px;
  min-height: 300px;
  margin-bottom: 50px;
  align-content: stretch;
}
.item-carousel-articulos-index{
  min-width: 260px;
  max-width: 260px;
  margin: 0 20px;
}
.item-carousel-articulos-index a{
text-decoration: none;
}
.articulo-carousel-nombre{
  text-align: center;
  min-height: 55px;
  margin-top: 15px;
}
.articulo-carousel-precio{
  text-align: center;
  color: blue;
}
/* Next & previous buttons */
.left-carousel-articulos-control, .right-carousel-articulos-control {
  cursor: pointer;
  position: absolute;
  top: 20px;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: grey;
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  text-decoration: none;
  background-color: white;
  border: none;
  height: 100%;
}
.left-carousel-articulos-control {
  left: -50px;
}
.right-carousel-articulos-control {
  right: 0px;
  border-radius: 3px 0 0 3px;
}
.left-carousel-articulos-control:hover, .right-carousel-articulos-control:hover {
  background-color: rgba(0,0,0,0.05);
  /*background-color: black;*/
}
.ocultado-ofertas, .ocultado-recomendados, .ocultado-novedades{
  display: none;
}
.mostrado-ofertas, .mostrado-recomendados, .mostrado-novedades{
  display: block;
}
/**************** Fin Carousel artículos ***************/

/******************** Imagen Prefooter Index **************************/
#banner-redes-sociales{
  background-color: black;
  text-align: center;
}
/******************** Fin Imagen Prefooter Index **************************/
/**************** Header ***************/

#nav-header{
  display: flex;
  flex-flow: row wrap;
  background-color: #fff;
  font-size: 16px;
}
#nav-header-top{
  background-color: #fff;
  min-height: 90px;
  display: inline-flex;
  flex-flow: row nowrap;
}
#nav-header-top-bottom{
  flex-grow: 5;
  padding-top: 27px;
  font-size: 16px;
}
#nav-header-top-bottom i{
  font-size: 20px;
}
#img-logo{
  min-width: 166px;
}
nav.nav-header ul {
  list-style-type: none;
  margin:0;
}
nav.nav-header a {
  color: black;
  text-decoration: none;
}

#ul-header-menu-top li {
  font-size: 16px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 30px;
}

#menu-header-top{
  display: inline-flex;
  flex-wrap: nowrap;
  width: 100%;
}
#ul-header-menu-top{
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  /*align-items: center;*/
  width: 100%;
}
#ul-header-menu-top-bottom{
  width: 100%;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-around;
}
nav.nav-header #logo-header{
  max-width: 200px;
  padding: 10px 40px 15px 15px;
}
#li-form-buscar{
  height: 15px;
  flex-grow: 2;
  flex-shrink: 5;
}
#form-buscar{
  width: 100%;
  padding-right: 50px;
}
#div-buscar{
  width: 115%;
}
#lupaformbuscar{
  border-radius: 10px 0 0 10px;
  height: 25px;
}
#lupaformbuscar i.icon-search{
  padding-top: 4px;
}
#inputformbuscar{
  background-color: #eee;
  border-radius: 0 10px 10px 0px;
  width: 90%;
  height: 25px;
}
i.fa-phone{
  transform: scaleX(-1);
  font-size: 20px;
  margin-top: 10px;
  margin-right: 8px;
}
.img-idioma{
  width: 35px;
}
.menu-toggle{
  display: none !important;
}
#nav-header-top i{
  font-size: 20px;
}

@media screen and (max-device-width: 1024px) {
  #li-form-buscar{
    width: 25%;
  }
}

/* Tablet and mobile menu */
@media screen and (max-device-width: 1872px) {  /*768px */
  #nav-header{
    font-size: 15px;
    flex-flow: column wrap;
  }
  #nav-header-bottom{
    /*background-color: red;*/
  }
  #nav-header-top-bottom{
    padding-top: 0px;
    padding-right: 0px;
    max-width: 100%;
  }
  #nav-header-top-bottom .span-icono-header{
    display: none;
  }
  #header-top-toggle{
    margin-top: 10px;
    font-size: 20px;
  }
  .menu-toggle{
    display: block !important;
    order: 0;
  }
  /*#ul-header-menu-top{
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }*/
  nav.nav-header .item {
    width: auto;
    order: 1;
    display: block;
  }
  #li-form-buscar {
    width: 100%;
  }
  /*.item-header-top{
    display: none !important;
  }
  .header-top-active{
    display: block !important;
  }*/
}

/*************** Footer *****************/
footer{
  display: block;
}
#nav-footer{
  display: flex;
  flex-flow: column wrap;
  background-color: black;
  border-top: 2px solid white;
  color: white;
}
#nav-footer a {
    color: white;
}
#nav-footer a:hover{
  color:gray;
}
#nav-footer-top{
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin-top: 15px;
  border-bottom: 1px solid white;
}
#text-suscribe{
  color: white;
  text-transform: uppercase;
}
#emailformsuscribe{
  background-color: white;
  height: 21px;
  padding-top: 8px;
}
#inputformsuscribe{
  border-left: none;
  margin-right: 10px;
  height: 25px;
}
#button-suscribe{
  color: white;
  border-radius: 5px;
  background-color: #7F000A;
  height: 26px;
  border: none;
  padding: 2px 15px;
  margin-top: 4px;
}
#nav-footer-bottom{
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin-top: 15px;
}
#nav-footer-bottom ul{
  list-style-type: none;
  margin: 0;
}
#nav-footer-bottom ul li{
  margin-top: 10px;
}
#info-pages-footer{
  display: flex;
  flex-flow: column wrap;
}

#info-pages-footer-top{
  display: flex;
  flex-flow: row wrap;
  /*justify-content: space-around;*/
}
#info-pages-footer-top > div{
  padding: 15px;
}
#info-pages-footer-bottom{
  display: inline-flex;
  flex-direction: column;
}
#info-social-contact-footer p{
  text-align: center;
}
#social-contact-footer > div{
  margin-top: 25px;
}
#img-social-footer-bottom{
  display: flex;
  justify-content: flex-end;
}


/**************** Login ********************/

.div-flex-centrado{
  align-items: center;
  display: flex;
  justify-content: center;
}
#login{
  margin: 25px 0px;
}
#login input{
  height: 30px;
  border-radius: 0px;
}
#form-login div .icon-form{
  background-color: #e6e6e6;
  height: 30px;
}
.icon-form i{
  font-size: 20px;
}

.control-group{
  display: flex;
  flex-wrap: wrap;
}

/******* BreadCrumb header *********/

.breadcrumb li{
  text-transform: capitalize;
}

.breadcrumb a{
  color: grey;
  text-decoration: none;
}


/************ Familias ***************/

.familia-imagen-descripcion{
  display: flex;
  flex-direction: row;
}

.familia-imagen{
  width: 300px;
}
.familia-descripcion{
  margin-top: 20px;
  margin-left: 30px;
}

@media screen and (max-device-width: 1024px) {
  .familia-imagen-descripcion{
    flex-wrap: wrap;
  }
  #pagina-articulo article #articulo-info {
    justify-content: flex-start;
    flex-wrap: wrap-reverse;
  }
}

#subfamilias-content{
  display: flex;
  justify-content: flex-start;
}
#subfamilias-content .subfamilias-content-family{
  width: 300px;
  margin: 5px;
}
#subfamilias-content .subfamilias-content-family .caption{
  padding: 0 15px;
  max-width: 300px;
  text-align: center;
}
#subfamilias-content .subfamilias-content-family .image{
  height: 260px;
  margin-top: 20px;
  text-align: center;
}

.familias li a.actual{
  font-weight: bold;
}

/******************* Login *************************/
#login{
  width: 250px;
}
#login h1{
  text-align: center;
}
#login #login-enviar{
  margin: 0 auto;
}
/******************* Marca *************************/
#div-marca h1{
  text-align: center;
}


/********************** Opciones Usuario **************************/
#menu-usuario li{
  list-style: none;
  line-height: 40px;
}
#user-perfil-div{
  margin: 0 10px;
}
#user-perfil-div .form-horizontal legend{
  margin-left: 40px;
}
#user-perfil-div .form-horizontal .control-label{
  width: 100%;
  margin-left: 15px;
  text-align: left;
}
#user-perfil-div .form-horizontal .controls{
  margin-left: 15px;
}
#cambio-clave-solicitar #user-perfil-div label{
  width: 100%;
}
#cambio-clave-solicitar #user-perfil-div #buttons-cambio-clave{
  justify-content: space-between;
}
@media screen and (max-device-width: 550px) {
  #user-perfil-div .form-horizontal .controls .input-xxlarge{
    width: 206px;
  }
}

/*********************** Menu lateral *******************************/
#aside-izquierdo #abrir-menu-left{
  display: none;
  margin-top: 15px;
}
#span-cerrar-menu-left{
  display: none;
  float: right;
}
#aside-izquierdo-contenido .familias > li > a{
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-device-width: 1872px) {  /*769px*/
  #aside-izquierdo #abrir-menu-left{
    display: block;
    background-color: transparent;
  }
  #aside-izquierdo #aside-izquierdo-contenido{
    display: none;
  }
  html body #content #aside-izquierdo{
    position: absolute;
    z-index: 10;
    border: none;
    width: 20px;
    margin-top: 45px;
    /*background-color: #e6e6e6;*/
  }
  html body #content .aside-izquierdo-activo{
    background-color: #e6e6e6;
    border-right: 1px solid gray;
    width: 90% !important;
  }
  html body #content .aside-izquierdo-activo #span-cerrar-menu-left{
    display: block;
    float: right;
    padding-right: 10px;
  }
}

@media screen and (max-device-width: 769px) {
  html body #content #aside-izquierdo{
    margin-top: 0px;
  }
}


/****************************** Pedidos *****************************************/
table#tabla-pedidos tr.impar {
    background-color: #e6e6e6;
}
table#tabla-pedidos tr.par {
    background-color: #aaa;
}
#pedidos-usuario table tr th, #pedidos-usuario table tr td {
    text-align: center;
    padding: 5px 15px;
}
#tabla-pedidos-usuario{
  max-width: 1200px;
}
#tabla-pedidos{
  width: 100%;
  table-layout: fixed;
}

#click-and-collect{
  width: 55%;
}


/********************* Arreglo Móviles *******************************/
@media screen and (max-device-width: 769px) {

  .index-families-content{
    max-width: 768px;
  }
  .index-families-content a img{
    width: 100%;
  }

  #click-and-collect{
    width: 100%;
  }


}


/******************** Fantasmas halloween ******************************/
 /* cursor frankenstein */
/*body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-3/hol219.cur), progress;}
html, body{
    margin:0;
    padding:0;
    background-color:hsl(195, 100%, 7%);
}*/
/* */
#canvas{
    margin:0 auto;
    display:block;
    z-index: 9999999;
    position: fixed;
    pointer-events: none;
}

/******************** Fin Fantasmas halloween ******************************/




/******** Aviso en home ***************/

/* Fondo modal: negro con opacidad al 50% */
#ventanaModal {
  display: block;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5);
}

/* Ventana o caja modal */
#ventanaModal .contenido-modal {
  position: relative; /* Relativo con respecto al contenedor -modal- */
  /*background-color: white;*/
  /*background-image: url("../img/fondo_popup.jpg");*/
  /*background-size: cover;*/
  margin: auto; /* Centrada */
  /*padding: 20px;*/
  width: 80%;
  -webkit-animation-name: animarsuperior;
  -webkit-animation-duration: 1s;
  animation-name: animarsuperior;
  animation-duration: 1s;
  color:white;
  max-width: 800px;
}
#ventanaModal .contenido-modal p{
  background-color: black;
  padding: 20px;
}


@keyframes animarsuperior {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* Botón cerrar */
#ventanaModal .cerrar {
  color: red;
  float: right;
  font-size: 50px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom:15px;
}

#ventanaModal .cerrar :hover,
#ventanaModal .cerrar :focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


/************** Fin aviso home *****************/