@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Lato-Regular.ttf); }

@font-face {
  font-family: 'AmazeRegular';
  font-style: normal;
  font-weight: 600;
  src: url(fonts/Amaze-Regular.ttf); }

@font-face {
  font-family: 'SlabTall Medium';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/SlabTallX.ttf); }

body {
  font-family: 'Lato', sans-serif;
  color: #34495e; }

p, td, th, article {
  padding: 0.3em; }

h1 {
  font-size: 1.8em; }

h1, h2, h3, h4, h5, h6 {
  text-align: left;
  line-height: 1em;
  text-indent: 15px; }

h1.destacado, h2.destacado, h3.destacado {
  text-decoration: underline; }

.content {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 800px;
  margin-bottom: 50px;
  line-height: 1.6em;
  text-align: justify; }
  .content p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-indent: 15px; }
  .content hr {
    border-color: #eee; }

.header {
  margin: 0;
  color: #333;
  text-align: center;
  padding: 2.5em 2em 0;
  border-bottom: 1px solid #eee; }

.header h1 {
  text-align: center;
  margin: 0.2em 0;
  font-size: 2.5em;
  font-weight: 600;
  color: #555; }

.header h2 {
  text-align: center;
  font-weight: 400;
  color: #aaa;
  padding: 0;
  margin-top: 0; }

.content-subhead {
  margin: 50px 0 20px 0;
  font-weight: 300;
  color: #888; }

.content a {
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  padding: 2px 5px;
  color: #333; }

.content a:active, .content a:hover {
  text-decoration: none;
  border-radius: 0.2em;
  background-color: #34495e;
  color: white; }

.atencao {
  padding: 1em;
  font-size: 1.6em;
  background-color: red;
  color: white; }

.content .sem-recuo {
  text-indent: 0px; }

.flash {
  background-color: transparent !important;
  border: 1px solid rgba(245, 130, 32, 0.1);
  margin: 1em 0px 0px 0px; }

.retratil {
  padding: 0.2em; }
  .retratil h3 {
    border-bottom: 3px dashed #eee;
    margin: 0px; }
    .retratil h3 a {
      background-image: url(../imgs/layout/icone-retratil-abrir.png);
      background-repeat: no-repeat;
      background-position: center left;
      padding-left: 1.1em;
      text-decoration: none; }
      .retratil h3 a:hover {
        background-color: transparent !important;
        background-image: url(../imgs/layout/icone-retratil-abrir.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 1.1em;
        color: #34495e; }
      .retratil h3 a.active {
        background-image: url(../imgs/layout/icone-retratil-fechar.png); }
  .retratil .retratil_conteudo {
    display: none;
    font-weight: 400;
    font-size: 1em;
    border-bottom: 1px solid #eee; }
  .retratil.retratil-destacado {
    background-color: rgba(245, 130, 32, 0.2);
    margin: 0px 0px 1.2em 0px; }
    .retratil.retratil-destacado h3 {
      padding: 10px 0;
      border: none; }
      .retratil.retratil-destacado h3 a {
        text-decoration: underline;
        padding-left: 1.6em; }

.content .flutuante-ativar {
  background-image: url(../imgs/layout/icone-flutuante.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  padding-left: 1.8em; }
  .content .flutuante-ativar:hover {
    padding-left: 1.8em; }
.content .flutuante-container {
  display: none; }

.content .fancybox {
  background-color: transparent !important;
  padding: auto; }
  .content .fancybox:hover {
    background-color: transparent !important;
    padding: 0px; }

blockquote {
  margin-right: 0px;
  text-indent: 1.8em;
  border-left: 5px solid #ddd;
  padding: 0.8em 1.2em 0.8em 1.2em;
  background-color: #F7F7F7; }

blockquote small {
  display: block;
  text-align: right; }

/* -- Responsive Styles (Media Queries) ------------------------------------- */
/*
Hides the menu at `767px`, but modify this based on your app's needs.
*/
@media (max-width: 768px) {
  .header {
    text-align: left;
    padding-top: 1.0em; }

  /*
  Navigation Push styles.
  */
  .actions .font, .actions .print {
    display: none; }

  #navigation {
    float: none; }

  .slide {
    padding-bottom: 80px; }

  blockquote {
    margin: 0px; } }
#sidebar {
  position: fixed;
  z-index: 1;
  top: 0;
  left: -185px;
  width: 185px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #34495e; }
  #sidebar .info {
    color: white; }
    #sidebar .info h2, #sidebar .info ul {
      margin: 0; }
    #sidebar .info .name, #sidebar .info .lesson {
      padding: 0.5em 0.8em;
      font-variant: small-caps;
      text-align: left; }
      #sidebar .info .name h2, #sidebar .info .lesson h2 {
        font-weight: 600;
        font-size: 1.1em; }
    #sidebar .info .name {
      background-color: rgba(0, 0, 0, 0.4); }
    #sidebar .info .lesson {
      padding: 0.6em 0.8em;
      background-color: rgba(0, 0, 0, 0.3); }
      #sidebar .info .lesson h3 {
        font-weight: 100;
        font-size: 1.0em;
        margin: 0; }
    #sidebar .info .authors {
      background-color: rgba(0, 0, 0, 0.2);
      padding: 0.5em 0.8em;
      list-style: none;
      font-weight: 300;
      font-size: 11pt; }
      #sidebar .info .authors li {
        padding: 0.2em 0; }
  #sidebar .topics {
    list-style: none;
    margin: 0;
    padding: 0; }
    #sidebar .topics a {
      display: block;
      position: relative;
      width: 155px;
      margin-top: 0.2em;
      padding: 10px 20px 10px 10px;
      text-decoration: none;
      color: white;
      font-weight: 200;
      font-size: 11pt; }
      #sidebar .topics a:hover {
        background-color: rgba(255, 255, 255, 0.15); }
    #sidebar .topics .current {
      background-color: rgba(255, 255, 255, 0.3); }

#subsidebar {
  z-index: 100;
  position: absolute;
  top: 0;
  right: -60px;
  width: 60px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(245, 130, 32, 0.9); }
  #subsidebar [class^="icon-"], #subsidebar [class*=" icon-"] {
    font-size: 1.3em;
    vertical-align: middle; }
  #subsidebar ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #subsidebar ul li a {
      display: inline-block;
      padding: 5px 20px 10px 20px;
      width: 20px;
      text-decoration: none;
      color: white;
      line-height: 2.4em;
      height: 30px; }
    #subsidebar ul li a:hover, #subsidebar ul li a:focus {
      background-color: rgba(255, 255, 255, 0.8);
      color: #f58220; }
    #subsidebar ul li.current {
      background-color: white; }
      #subsidebar ul li.current a {
        color: #f58220 !important; }

.pure-g-r {
  font-family: "Lato",sans-serif;
  margin-bottom: 1.2em; }
  .pure-g-r div[class^="pure-u"] {
    font-family: "Lato",sans-serif; }
    .pure-g-r div[class^="pure-u"] img {
      width: 90%; }
    .pure-g-r div[class^="pure-u"] > * {
      margin: 0 15px; }
    .pure-g-r div[class^="pure-u"] .flash {
      margin: 1em 15px 0 15px; }

.pure-menu.pure-menu-open.pure-menu-fixed {
  top: auto;
  bottom: 0;
  border-bottom-width: 0;
  background-color: rgba(245, 130, 32, 0.9);
  height: 3.0em; }
  .pure-menu.pure-menu-open.pure-menu-fixed li a {
    color: white;
    line-height: 2.4em; }
  .pure-menu.pure-menu-open.pure-menu-fixed > a {
    color: white;
    line-height: 2.8em; }
  .pure-menu.pure-menu-open.pure-menu-fixed a:hover, .pure-menu.pure-menu-open.pure-menu-fixed a:focus {
    color: #f58220;
    background-color: rgba(255, 255, 255, 0.8); }

.pure-menu.pure-menu-horizontal > ul {
  height: auto; }

#toolbar {
  z-index: 100000 !important;
  height: 50px; }
  #toolbar .pure-menu-heading {
    width: 20px; }
    #toolbar .pure-menu-heading span {
      margin-left: -4px; }
  #toolbar li {
    width: 60px;
    margin-right: -5px; }
  #toolbar #navigation {
    float: right; }
    #toolbar #navigation li {
      margin-right: 0px; }
      #toolbar #navigation li.previous a, #toolbar #navigation li.next a {
        width: 20px; }
        #toolbar #navigation li.previous a span, #toolbar #navigation li.next a span {
          margin-left: -4px; }
      #toolbar #navigation li.disabled {
        opacity: 0.5; }
        #toolbar #navigation li.disabled a:hover, #toolbar #navigation li.disabled a:focus {
          background-color: transparent;
          cursor: default;
          color: white; }
    #toolbar #navigation #submenu {
      position: relative;
      text-align: center; }
      #toolbar #navigation #submenu a {
        padding: 10px 10px 0 10px; }
      #toolbar #navigation #submenu .slide-current {
        font-weight: bold;
        font-size: 1.0em; }
      #toolbar #navigation #submenu .slide-total {
        font-weight: 100;
        font-size: 0.8em; }
      #toolbar #navigation #submenu .icon-arrow-small-up {
        position: absolute;
        top: 5px;
        left: 0;
        width: 100%;
        text-align: center; }
  #toolbar .font.small span {
    font-size: 0.9em; }
  #toolbar .font.medium span {
    font-size: 1.0em; }
  #toolbar .font.large span {
    font-size: 1.2em; }
  #toolbar .font span {
    vertical-align: text-bottom; }
  #toolbar .current {
    background-color: white; }
    #toolbar .current a {
      color: #f58220 !important; }
  #toolbar [class^="icon-"], #toolbar [class*=" icon-"] {
    font-size: 1.3em;
    vertical-align: middle; }
  #toolbar .icon-menu {
    font-size: 2.0em; }
  #toolbar .icon-arrow-right, #toolbar .icon-arrow-left {
    font-size: 1.8em; }

#main {
  position: relative; }
  #main .slide {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    #main .slide .content {
      padding-bottom: 1.5em; }
      #main .slide .content .destaque {
        margin-top: 1em;
        padding: 1em;
        background-color: rgba(245, 130, 32, 0.2);
        color: #333; }
        #main .slide .content .destaque p {
          margin: 0; }
          #main .slide .content .destaque p + p {
            margin-top: 1em; }
      #main .slide .content ol.destaque, #main .slide .content ul.destaque {
        padding-left: 2.8em; }

.caption {
  color: #f58220;
  text-decoration: none;
  border-bottom: 1px dashed #bbbbbb;
  font-weight: 100;
  font-size: 0.8em; }

table {
  width: 100%;
  margin: 1em 0;
  text-align: justify;
  border-color: transparent !important; }
  table.striped tbody {
    font-size: 0.8em; }
    table.striped tbody tr:nth-child(odd) {
      -webkit-transition: background-color ease 0.6s;
      -moz-transition: background-color ease 0.6s;
      -o-transition: background-color ease 0.6s;
      transition: background-color ease 0.6s;
      background-color: rgba(245, 130, 32, 0.2); }
    table.striped tbody tr:nth-child(even) {
      -webkit-transition: background-color ease 0.6s;
      -moz-transition: background-color ease 0.6s;
      -o-transition: background-color ease 0.6s;
      transition: background-color ease 0.6s;
      background-color: rgba(245, 130, 32, 0.1); }
    table.striped tbody tr:nth-child(even):hover {
      background-color: #ffffe5; }
    table.striped tbody tr:nth-child(odd):hover {
      background-color: #ffffe5; }
  table ul, table li {
    line-height: 1.5em;
    padding: 15px; }

.pure-table thead td {
  font-weight: 600;
  background-color: #f58220;
  color: white; }

.left {
  float: left; }

.right {
  float: right; }

.f-caderno {
  background: rgba(245, 130, 32, 0.2) url(../imgs/layout/caderno-background.png) repeat-y;
  padding-left: 30px;
  padding-right: 10px; }
  .f-caderno.papel {
    font-family: 'SlabTall Medium', sans-serif;
    font-size: 1.4em;
    color: #555;
    line-height: 32px;
    background: url(../imgs/layout/caderno-papel-background.png) repeat-y;
    background-size: 100%;
    padding-left: 90px; }
    .f-caderno.papel p {
      margin: 20px 15px; }

.tabs.vertical {
  border: 1px solid #bbbbbb;
  overflow: hidden; }
  .tabs.vertical .ui-tabs-nav {
    float: left;
    width: 23%;
    border-right: 1px solid #bbbbbb;
    border-bottom: none;
    background-color: #F7F7F7; }
    .tabs.vertical .ui-tabs-nav li {
      clear: left;
      width: 100%; }
      .tabs.vertical .ui-tabs-nav li a {
        -webkit-transition: color ease 0.6s;
        -moz-transition: color ease 0.6s;
        -o-transition: color ease 0.6s;
        transition: color ease 0.6s;
        -webkit-transition: background-color ease 0.6s;
        -moz-transition: background-color ease 0.6s;
        -o-transition: background-color ease 0.6s;
        transition: background-color ease 0.6s; }
      .tabs.vertical .ui-tabs-nav li.ui-state-active {
        border: none;
        border-bottom: 2px solid white; }
        .tabs.vertical .ui-tabs-nav li.ui-state-active a {
          margin-bottom: 1px;
          background-color: #ecf0f1;
          color: #34495e;
          border-bottom: 3px solid #f58220; }
      .tabs.vertical .ui-tabs-nav li a {
        display: block;
        color: #666; }
  .tabs.vertical .ui-tabs-panel {
    float: right;
    width: 75%;
    height: 100%;
    border: none;
    padding: 0; }
.tabs a:hover {
  background-color: transparent !important; }

@media (max-width: 768px) {
  .tabs.vertical .ui-tabs-nav > li > a {
    font-size: 70%; } }
.tab {
  padding: 0 1em;
  z-index: 40;
  max-height: 250px;
  overflow-y: auto;
  background-color: white;
  border-bottom: 1px solid #eee; }

.nav-tabs {
  display: block;
  list-style-type: none;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .nav-tabs:after {
    clear: both; }
  .nav-tabs > li {
    float: left;
    display: block;
    position: relative;
    margin-bottom: -1px;
    z-index: 50;
    border: 1px solid transparent;
    border-top-right-radius: 0.3em;
    border-top-left-radius: 0.3em; }
    .nav-tabs > li.ui-state-active {
      border-bottom: 0px solid transparent !important; }
      .nav-tabs > li.ui-state-active a {
        margin-bottom: 1px;
        background-color: white;
        color: #34495e;
        border-bottom: 3px solid #f58220; }
      .nav-tabs > li.ui-state-active a:hover {
        color: #34495e; }
    .nav-tabs > li a {
      display: inline-block;
      text-decoration: none;
      color: rgba(245, 130, 32, 0.5);
      padding: 0.5em 0.3em; }
    .nav-tabs > li a:hover {
      color: rgba(245, 130, 32, 0.9); }
    .nav-tabs > li a:active {
      background: transparent !important; }

.accordion {
  border-top: 1px solid #f58220;
  border-left: 1px solid #f58220;
  border-right: 1px solid #f58220;
  border-bottom: 2px solid #f58220;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }
  .accordion > h3 {
    cursor: pointer;
    padding: 1em 1em; }
  .accordion h3 {
    font-size: 1.0em;
    font-weight: normal;
    margin: 0;
    color: #c05d09;
    border-top: 1px solid #bbbbbb; }
    .accordion h3.ui-state-active {
      background-color: rgba(245, 130, 32, 0.1);
      border-bottom: 2px solid #f58220;
      color: #333; }
    .accordion h3:first-child {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-top: none; }
    .accordion h3:hover {
      color: #773905; }
  .accordion div {
    padding: 0 1em;
    overflow-y: auto; }

.quadro {
  margin: 1.5em 0;
  padding: 1em 0 0 0;
  color: #333;
  background-color: rgba(245, 130, 32, 0.2); }
  .quadro h2 {
    margin-top: 0;
    margin-bottom: 0.2em; }
  .quadro h3 {
    margin-top: 0;
    font-weight: 200; }
  .quadro video {
    padding: 0; }
  .quadro p {
    margin: 0 0.8em 0.6em 1.2em; }
  .quadro table {
    width: 100%; }

.video-js, .youtube {
  margin: auto auto 1.8em auto; }

.video-box {
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #f58220;
  border: 1px solid #999;
  margin: 0.8em 0 1.2em 0; }

.video-box:hover, .video-box:active {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.75); }

.video-box.video-box-to-rg .video-box-header {
  top: 1%;
  left: 3%; }
  .video-box.video-box-to-rg .video-box-header .video-box-caption {
    text-align: left; }
.video-box.video-box-to-rg .video-box-circle {
  float: right; }
.video-box .video-box-header {
  width: 50%;
  position: absolute;
  top: 1%;
  right: 3%; }
  .video-box .video-box-header .video-box-caption {
    display: block;
    color: white;
    font-size: 2.0em;
    font-weight: 600;
    line-height: 1em;
    margin-top: 0.8em;
    margin-bottom: 0.5em;
    text-align: right; }
  .video-box .video-box-header .video-box-play {
    background-color: #34495e;
    color: rgba(245, 130, 32, 0.1);
    padding: 0.3em;
    border-radius: 0.3em;
    font-size: 1.2em;
    text-decoration: none; }
  .video-box .video-box-header .video-box-icon {
    text-align: center;
    display: block;
    margin-top: 0.3em; }
.video-box .video-box-circle {
  position: relative;
  overflow: hidden;
  width: 40%;
  height: 50%;
  max-height: 350px; }
.video-box .video-js {
  margin-top: 0px;
  background-color: #000; }
  .video-box .video-js .vjs-tech {
    width: 100%;
    height: 100%;
    margin-left: -25%;
    margin-top: -6%; }

.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: none; }

@media (max-width: 768px) {
  .video-box.video-box-to-rg .video-box-header .video-box-caption {
    text-align: center; }
  .video-box .video-box-circle {
    display: block;
    width: 100%;
    height: auto; }
  .video-box .video-box-header {
    position: static;
    display: block;
    width: 100%;
    right: none;
    margin: auto; }
    .video-box .video-box-header .video-box-caption {
      text-align: center;
      font-size: 1.2em; }
  .video-box .video-box-circle {
    display: none; } }
[title] {
  border-bottom: 2px dashed #bbbbbb; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  background-color: #EAE8E8;
  font-size: 0.9em; }

body .ui-tooltip {
  border-width: 2px; }

body .tooltip {
  font-weight: 600; }

blockquote.quote {
  font-family: "Georgia", serif;
  font-style: italic; }

.trip-exposed {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.trip-close {
  text-decoration: none; }

.trip-content {
  padding: 0.5em; }

#toolbar .trip-exposed {
  background-color: #f58220 !important; }

#toolbar.fade, #sidebar.fade, #subsidebar.fade {
  background-color: #f1f0f0; }

.hq-thumbnail:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9 */
  -moz-transform: scale(1.1);
  /* Firefox */
  -webkit-transform: scale(1.1);
  /* Safari and Chrome */
  -o-transform: scale(1.1);
  /* Opera */ }

#hq {
  display: none; }

.flash {
  padding: 1.2em 0; }

.flash_alt {
  display: none; }

.controlArrow {
  display: none !important; }

.nolimit, .nolimit * {
  max-height: none !important; }

.spacing > img, .spacing a > img {
  padding: 1em 0 0 0; }
.spacing p {
  padding: 0 1em; }

.center {
  text-align: center; }

.vertical-align-top {
  vertical-align: top; }

#toolbar.low_zIndex {
  z-index: 100 !important; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

/*
 *  Liquid Slider v2
 *  Copyright 2012 Kevin Batdorf
 *  http://liquidslider.com
 *  MIT license
 */
.liquid-print {
  display: none; }

.no-js .liquid-slider {
  height: 350px;
  overflow: scroll; }

.ls-preloader {
  background: url(../images/loading.gif) #f2f2f2 no-repeat center 50%;
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

/*** Containers ***/
.ls-wrapper {
  clear: both;
  overflow: auto;
  position: relative; }

.liquid-slider {
  background: rgba(245, 130, 32, 0.1);
  width: 100%;
  margin: 0 auto;
  float: left;
  overflow: hidden;
  position: relative; }

.ls-responsive .liquid-slider {
  width: 100%;
  margin: 0; }

.panel-container {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  /* from http://davidwalsh.name/translate3d */ }

.liquid-slider .panel-container .fade {
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block; }

/*** Panels ***/
.liquid-slider .panel {
  width: 100%;
  display: block;
  float: left; }

.panel-wrapper {
  padding: 15px 40px;
  position: relative; }

/*** Tabbed Navigation ***/
.ls-nav {
  overflow: hidden;
  clear: both; }

.ls-nav a {
  background: rgba(245, 130, 32, 0.2);
  color: #333333;
  margin-right: 1px;
  padding: 10px 15px;
  outline: 0; }

.ls-nav a:hover {
  background: rgba(245, 130, 32, 0.4);
  color: #333333;
  text-shadow: none; }

.ls-nav .current a {
  background: rgba(245, 130, 32, 0.1); }

.currentCrossLink {
  font-weight: bold; }

.ls-nav ul {
  padding: 0;
  clear: both;
  display: block;
  margin: auto;
  overflow: hidden; }

.ls-nav ul li {
  display: inline; }

.ls-nav ul li a {
  display: block;
  float: left;
  text-decoration: none; }

/*** Mobile Navigation ***/
.ls-select-box {
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: url(../images/menu.png) no-repeat right #dddddd; }

.ls-select-box select {
  width: 150%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 5px;
  font-size: 110%;
  border: none;
  height: 35px;
  cursor: pointer;
  outline: 0; }

/*** Arrow Navigation (non-graphical) ***/
.ls-nav-left, .ls-nav-right {
  float: left;
  clear: both; }

.ls-nav-left a, .ls-nav-right a {
  background: #000;
  color: #fff;
  padding: 5px;
  width: 100px;
  display: block;
  text-align: center;
  text-decoration: none; }

.ls-responsive .ls-nav-left {
  position: absolute;
  left: 0;
  z-index: 2; }

.ls-responsive .ls-nav-left a {
  background: #9A9A9A;
  width: 80px; }

.ls-responsive .ls-nav-left a:hover {
  background: #747474; }

.ls-responsive .ls-nav-right {
  position: absolute;
  right: 0;
  z-index: 2; }

.ls-responsive .ls-nav-right a {
  background: #9A9A9A;
  width: 80px; }

.ls-responsive .ls-nav-right a:hover {
  background: #747474; }

/*** Arrow Navigation (graphical) ***/
.ls-nav-left-arrow, .ls-nav-right-arrow {
  cursor: pointer;
  float: left;
  clear: both; }

.ls-nav-left-arrow a, .ls-nav-right-arrow a {
  display: block; }

.ls-nav-right-arrow {
  background-position: top right;
  margin-right: 5px; }

.ls-nav-left-arrow {
  background-position: top left;
  margin-left: 5px; }

.ls-nav-left-arrow:hover {
  background-position: bottom left; }

.ls-nav-right-arrow:hover {
  background-position: bottom right; }

.ls-responsive .ls-nav-left-arrow {
  position: absolute;
  left: 0;
  z-index: 2; }

.ls-responsive .ls-nav-right-arrow {
  position: absolute;
  right: 0;
  z-index: 2; }

.trip-block h1, .trip-block h2, .trip-block h3, .trip-block h4, .trip-block h5 {
  font-size: 1em;
  display: inline; }

.form-circle-colors {
  background: rgba(245, 130, 32, 0.1);
  min-width: 640px;
  height: 480px;
  padding: 1em;
  position: relative; }
  .form-circle-colors.active:hover {
    cursor: url(../imgs/layout/fill-color-icon.png), default; }
  .form-circle-colors .form-circle-tools {
    background-color: white;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%; }
    .form-circle-colors .form-circle-tools .colors {
      height: 100%; }
      .form-circle-colors .form-circle-tools .colors .color {
        width: 100%;
        min-height: 35px; }
      .form-circle-colors .form-circle-tools .colors .color:hover {
        opacity: 0.8;
        cursor: url(../imgs/layout/color-picker-icon.png), pointer; }
  .form-circle-colors .title {
    text-align: center;
    margin: 45% 0;
    text-indent: 0px; }
  .form-circle-colors .form-circle-main-circle {
    position: relative;
    margin: auto;
    top: 25%;
    background-color: white;
    color: #f58220;
    border: 1px solid #f58220;
    width: 280px;
    height: 210px;
    border-radius: 75%; }
    .form-circle-colors .form-circle-main-circle .title {
      text-align: center;
      margin: 35% 0;
      text-indent: 0px; }
  .form-circle-colors .form-circle-semi-circle-container {
    position: absolute; }
    .form-circle-colors .form-circle-semi-circle-container.c-left {
      top: 3%;
      left: 10%; }
      .form-circle-colors .form-circle-semi-circle-container.c-left .first, .form-circle-colors .form-circle-semi-circle-container.c-left .last {
        margin-left: 100px; }
      .form-circle-colors .form-circle-semi-circle-container.c-left .first_4, .form-circle-colors .form-circle-semi-circle-container.c-left .last_4 {
        margin-left: 150px; }
    .form-circle-colors .form-circle-semi-circle-container.c-right {
      top: 3%;
      right: 10%; }
      .form-circle-colors .form-circle-semi-circle-container.c-right .first, .form-circle-colors .form-circle-semi-circle-container.c-right .last {
        margin-left: -48px; }
      .form-circle-colors .form-circle-semi-circle-container.c-right .first_4, .form-circle-colors .form-circle-semi-circle-container.c-right .last_4 {
        margin-left: -78px; }
    .form-circle-colors .form-circle-semi-circle-container .form-circle-semi-circle {
      position: relative;
      background-color: white;
      color: #f58220;
      width: 125px;
      height: 125px;
      border: 1px solid #f58220;
      border-radius: 50%; }
  .form-circle-colors.inform {
    background: rgba(245, 130, 32, 0.1) url(http://upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Ski_trail_rating_symbol-black_diamond.svg/64px-Ski_trail_rating_symbol-black_diamond.svg.png) no-repeat;
    background-position: 52.5% center;
    background-size: 16px 16px;
    height: auto; }
    .form-circle-colors.inform .form-circle-tools {
      width: 40px; }
    .form-circle-colors.inform .form-circle-semi-circle {
      position: relative;
      background-color: white;
      color: #f58220;
      width: 75px;
      height: 75px;
      border: 1px solid #f58220;
      border-radius: 50%;
      margin: auto auto; }
    .form-circle-colors.inform table {
      width: 100%;
      margin: auto 20px; }
      .form-circle-colors.inform table td, .form-circle-colors.inform table th {
        padding: 0.3em; }
        .form-circle-colors.inform table td fieldset, .form-circle-colors.inform table th fieldset {
          cursor: default;
          border-color: #f58220;
          font-size: 0.7em; }
          .form-circle-colors.inform table td fieldset ul, .form-circle-colors.inform table th fieldset ul {
            margin: 0;
            padding: 0; }
          .form-circle-colors.inform table td fieldset ul, .form-circle-colors.inform table td fieldset li, .form-circle-colors.inform table th fieldset ul, .form-circle-colors.inform table th fieldset li {
            list-style: none; }
    .form-circle-colors.inform h4 {
      text-align: center;
      font-size: 90%;
      background-color: #f58220;
      color: white;
      padding: 0.3em;
      margin: 15px 15px;
      border-color: 1px solid #333; }

.content form {
  width: 100%;
  text-indent: 0px; }
  .content form fieldset {
    border-radius: 6px; }
.content .form-control {
  width: 100%;
  display: block; }
  .content .form-control.inline {
    width: auto;
    display: inline; }