a { color:#619ccf; transition:all linear 200ms;}
a:focus,a:hover {color:#31628d;text-decoration:none;}
#gratbl td {
	color: white;
	height: 36px;
	font-size: 12px;
}
#gratbl a {color:white;}
body {
    font-family: "Raleway",sans-serif;
    font-size:14px;
    font-weight:400;
}
body { margin: 0; padding: 0;  background-attachment: fixed; background-size: cover; }
#video-background { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; }
header {
    font-family:"Raleway",sans-serif;
    font-size:16px;
    font-weight:400;
    z-index:100;
}
.navbar-default {
  border:0px; margin-bottom:0px; background-color:transparent !important; }
.navbar-default .navbar-brand { color: #fff; }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { color: #fff; }
.navbar-default .navbar-text { color: #fff; }
.navbar-default .navbar-nav > li > a { color: #fff; padding: 28px 15px 10px 15px; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #fff; border-bottom:#fff 1px solid; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: transparent; border-bottom:#fff 1px solid; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: transparent;
  border-bottom:#fff 1px solid;
}
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #fff;
}
.navbar-default .navbar-link {
  color: #fff;
}
.navbar-default .navbar-link:hover { color: #fff; }
.navbar-default .navbar-nav .dropdown-menu > li > a { padding:10px 15px 10px 15px; }
.navbar-default ul {border:0px;border-radius:0px;}

@media (max-width: 767px) {
    #address {padding:0px;border:none;border-radius:0px;margin-top:40px;}
    .navbar-default .navbar-nav > li > a {
        color: #fff;
        padding: 8px 12px 8px 12px;
    }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #eee;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #ffffff;
  }
  #fpda {padding-left:10px !important;}
  #title{border-left:none !important; padding-left:20px !important;padding-right:20px !important;}
  #title h2 {width:auto !important;}
  #ficha {padding-top:20px !important;}
  #fichaTemaTitle { margin-left:10px !important;}
  #fichaTitle {margin-left:10px !important;}
  #contents {margin-left:10px !important;margin-right:10px !important;}
  #contents li {padding-left:0px !important;padding-right:0px !important;}
  #submenu-wrapper {margin-top:0px !important;}
  #submenu.fixed, #fichaTemaTitle.fixed, #fichaTitle.fixed { position: inherit !important;top:0px !important; }
  #prevContent a {margin-left:10px !important;}
  #nextContent a {margin-right:10px !important;}
}

/* Fixed navigation
---------------------------------- */
.fixed-header-on header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1006;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  background-color:rgba(255,255,255,0.9);
}
.fixed-header-on header.object-visible { opacity: 1; filter: alpha(opacity=100); }
.fixed-header-on header.animated { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.banner {
    background-size:cover !important;
    overflow:hidden;
    padding:0 !important;
}
.banner .container {
    padding-top:100px;
    padding-bottom:80px;
    font-size:24px;
    color:white;
}
.banner {font-weight:300; }
.banner h1 { font-size:42px;font-weight:300; }

.btn-banner
{
background-color: transparent;
color: inherit;
border: 1px solid white;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color:white;
outline:none;
	margin-top: 20px;
	padding: 10px 15px 10px 15px;
}
.btn-banner:hover,.btn-banner:active,.btn-banner:focus {
    background-color:rgba(255,255,255,0.2);
    color:white;
    outline:none;
}
.circle {
    margin:0 auto;
    width:128px;
    height:128px;
    border:1px solid #ccc;
    border-radius:64px;padding:10px;
    vertical-align:middle;
    transition:all linear 0.1s;
    cursor:pointer;
}
.circle:hover {
    border:2px solid #619ccf;
}
h2 {font-weight:300;}
h3 {margin-top:0px;padding-top:0px;font-weight:300;}
.form-group label {font-weight:400;}
.list {list-style:none;margin:0;padding:0;}
.pr-10 {padding-right:10px;}
.pl-20 {padding-left:20px;}
.pl-5 {padding-left:5px;}

.form-control:focus {
    border:2px solid #619ccf;
    outline: 0;
    padding:5px 11px;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#footer {line-height:1.5;bottom:0px;color:white;font-size:12px;border-left:1px solid white;padding-left:10px;margin-bottom:0px;padding-bottom:10px;}
#footer a { color: #fff;text-decoration:none;transition:all linear 300ms; }
#footer a:hover {color:#888;}
.side-menu { margin-top:60px; border-top:1px solid #eee; }
.side-menu a { color:#888;padding:10px;display:block;border-bottom:1px solid #eee; }
.side-menu a.active {font-weight:bold;}
.side-menu a:hover:not(.active) {padding-left:15px;}
#search {
    outline:none;
    color: white;
    padding: 10px 15px 10px 15px;
    background: rgba(255,255,255,0.2);
    margin-top: 9px;
    width: 262px;}
#search span {float:right;}
#searchBox input {
    position:relative;
    color: white;
    padding: 10px 15px 10px 15px;
    background: rgba(255,255,255,0.2);
    margin-top: 9px;
    width: 262px;
    border:none;
}
#searchBox span {
    position:absolute;
    right:15px;
    top:19px;
}