/* =========================================================
	Links
============================================================ */
a {
  color: #00abf0;
  text-decoration: none;
  transition: all .3s ease-in !important;
}
a:hover,
a:focus {
  color: #3b3b3b;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover{
	color: #3b3b3b;
	outline: 0;
	text-decoration: none;
}

/* =========================================================
	Titles
============================================================ */
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0px;
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
  text-transform: uppercase;
}


/* =========================================================
	Margins
============================================================ */
.vert-offset-top-12{
    margin-top: 12em;
}
.vert-offset-top-11{
    margin-top: 11em;
}
.vert-offset-top-10{
    margin-top: 10em;
}
.vert-offset-top-9{
    margin-top: 9em;
}
.vert-offset-top-8{
    margin-top: 8em;
}
.vert-offset-top-7 {
    margin-top: 7em;
}
.vert-offset-top-6{
    margin-top: 6em;
}
.vert-offset-top-5{
    margin-top: 5em;
}
.vert-offset-top-4{
    margin-top: 4em;
}
.vert-offset-top-3{
    margin-top: 3em;   
}
.vert-offset-top-2{
    margin-top: 2em;
}
.vert-offset-top-1{
    margin-top: 1em;
}
.vert-offset-top-0{
    margin-top: 0em;
}
/* Vertical Offset Bottom */
.vert-offset-bottom-12{
    margin-bottom: 12em;
}
.vert-offset-bottom-11{
    margin-bottom: 11em;
}
.vert-offset-bottom-10{
    margin-bottom: 10em;
}
.vert-offset-bottom-9{
    margin-bottom: 9em;
}
.vert-offset-bottom-8{
    margin-bottom: 8em;
}
.vert-offset-bottom-7{
    margin-bottom: 7em;
}
.vert-offset-bottom-6{
    margin-bottom: 6em;
}
.vert-offset-bottom-5{
    margin-bottom: 5em;
}
.vert-offset-bottom-4{
    margin-bottom: 4em;
}
.vert-offset-bottom-3{
    margin-bottom: 3em;
}
.vert-offset-bottom-2{
    margin-bottom: 2em;
}
.vert-offset-bottom-1{
    margin-bottom: 1em;
}
.vert-offset-bottom-0{
    margin-bottom: 0em;
}

/* =========================================================
	Botones
============================================================ */
.btn {
  border-radius: 0px;
  transition: all 0.5s ease;
  padding-left: 40px;
  padding-right: 40px;
}

/******** Default ********/
.btn-primary {
  color: #00abf0;
  background-color: transparent;
  border-color: #00abf0;
  border: 2px solid #00abf0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{
  color: #fff;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}

/******** Default ********/
.btn-default {
  color: #00abf0;
  background-color: transparent;
  border-color: #00abf0;
  border: 2px solid #00abf0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.btn-default:focus,
.btn-default.focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{
  color: #fff;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}

/******** Primary ********/
.btn-light {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  border: 2px solid #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.btn-light:focus,
.btn-light.focus,
.btn-light:hover,
.btn-light:active,
.btn-light.active,
.open > .dropdown-toggle.btn-light{
  color: #fff;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}

/******** Select language ********/
.btn-language {
  color: #8799ca;
  background-color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

.btn-language:focus,
.btn-language.focus {
  color: #8799ca;
  background-color: #fff;
}

.btn-language:hover {
  color: #8799ca;
  background-color: #fff;
}

.btn-language:active,
.btn-language.active,
.open > .dropdown-toggle.btn-default {
  color: #8799ca;
  background-color: #fff;
}



/* =========================================================
	List
============================================================ */
ul,
ol {
  margin-bottom: 0px;
}

.list-inline {
  margin-left: 0px;
}

.list-inline > li {
  padding-right: 0px;
  padding-left: 0px;
}

.list-inline > li img{
	width: 100%;
}

/* =========================================================
	Breadcrum
============================================================ */
.breadcrumb {
	padding: 0px;
	margin-bottom: 0px;
	background-color: transparent;
}

.breadcrumb a {
  color: #253065;
}

.breadcrumb > .active {
  color: #FFF;
}


/* =========================================================
	Logo
============================================================ */
.navbar-brand {
    height: 100px;
}

@media (max-width: 767px){
.navbar-brand {
    height: 80px;
	padding: 10px 10px;
}	
}

.navbar-brand img{
	width: 200px;
}

@media (max-width: 992px){
.navbar-brand img{
	width: 150px;
	margin-top: 8px;
}
}

@media (max-width: 767px){
.navbar-brand img{
	width: 130px;
	margin-top: 5px;
}
}

@media (max-width: 500px){
.navbar-brand {
    height: 55px;
	padding: 5px 5px;
}

.navbar-brand img{
	width: 100px;
}
}

/* =========================================================
	Menú
============================================================ */
.navbar {
	margin-bottom: 0px;
}

.navbar-fixed-top {
  top: 35px;/* Si activamos el idioma poner 35px */
}

.fixed > .navbar-fixed-top {
	top: 0;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  margin-top: 15px;
  max-height: none;
}

.dropdown-menu {
   padding: 0px;
}

.dropdown-menu > li > a {
  color: #fff;
  background-color: #00abf0;
  font-weight: 600;
  padding: 8px 20px;
  border-bottom: 1px solid #fff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #3b3b3b;
  text-decoration: none;
  background-color: #fff;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #9a3936;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 5px 8px;
}

@media (max-width: 1200px){
.nav > li > a {
  padding: 5px 4px;
}
}

.navbar-default {
	text-transform: uppercase;
	background-color: #4ac1f1;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	border: none;
}

.navbar-default .navbar-text {
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  text-align: center;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #3b3b3b;
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #3b3b3b;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #3b3b3b;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  margin-top: 20px;
  border-color: transparent;
}


.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #00abf0;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #3b3b3b;
  background-color: #00abf0;
}

@media (max-width: 992px) {
.navbar-default .navbar-nav > li > a {
  font-size: 12px !important;
}
}

@media (min-width: 767px) {
.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  

}

@media (max-width: 767px) {
.navbar-default .navbar-nav > li > a {
  font-size: 14px !important;
}
	
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ccc;
	text-align: center;
  }
  
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  margin-top: 0px;
}

}

@media (max-width: 500px){
.navbar-default .navbar-toggle {
  margin-top: 12px;
}	
}


/* =========================================================
	Tabs
============================================================ */
.nav-pills > li > a {
	border-radius: 0px;
	font-size: 18px; 
	font-weight: 700;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	color: #fff;
	padding: 10px 20px 10px 20px;
	background-color: #3b3b3b;
}

.nav-pills > li > a,
.nav-pills > li > a:focus {
	color: #00abf1;
	padding: 10px 20px 10px 20px;
	background-color: #ebebeb;
}

.nav-pills > li > a:hover {
	color: #fff;
	padding: 10px 20px 10px 20px;
	background-color: #3b3b3b;
}

.tab-content > .active {
  padding-top: 0px;
}

.tab-pane .list-inline li{
	margin: 0 10px 0 10px;
}

.nav-pills > li > a {
	transition: all 0.5s ease;
}

.img-tab {
	width: 35%;
	float: left;
	margin: 0 20px 10px 0;
}

@media (max-width: 415px){
.img-tab {
	width: 100%;
}	
}

@media (min-width: 768px) {
.brand-pills > li > a {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

li.brand-nav.active a:after{
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	position: absolute;
	top: 50%;
	margin-top: 0px;
	left: 100%;
	z-index: 2;
}
}

/* =========================================================
	Blockquote
============================================================ */
blockquote {
	width: 100%;
	color: #00abf0;
	border-left: 5px solid #00abf0;
	margin:20px 0 5px 0;
	font-size: 20px;
	float: left;
	font-weight: 200;
	font-style: italic;
}

/* =========================================================
	Pagination
============================================================ */

.pagination > li > a,
.pagination > li > span {
	color: #00abf0;
	border: 1px solid #00abf0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #3b3b3b;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #fff;
	background-color: #00abf0;
	border-color: #00abf0;
}