body {
    background-color: #fff;
    color: #666;
    font-family: 'Cabin', sans-serif;
    font-size: 1.125em;
    line-height: 1.8em;
    padding-bottom: 2.500em;
  }
p {
    font-size: 1.375em;
}
h1, h2, h3, h4, h5, h6 {

}
a {
    color: #666;
}
a:focus, a:hover {
    color:#666;
    text-decoration: none;
}
p {  
    margin-bottom: 1.364em;
    font-weight: 300;
}
ul.nav.tabs {
    margin-top: 1.364em 0 0 0;
    font-family: 'Cabin', sans-serif;
}
#idioma {
    font-size: 0.750em;
    text-decoration: none;
}
.social {
    margin-top: 0.417em;
}
.social > li {
  display: inline-block;
}
.social > li + li {
  margin-left: 0.625em;
}
.social > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 1.250em;
}

.social > li > a:hover,
.social > li > a:focus {
  background-color: transparent;
  color:#999;
}

.derecha a {
  text-decoration: none;
}

ul.nav.tabs {
    font-family: 'Roboto';
    font-weight: 700;
}
.nav-sidebar {
    font-size: 0.95em;
}

.nav>li>a:focus {
    background: none;
    color:#666;
    background-color: #f1f1f1;
}

.nav>li>a:hover {
    background: none;
    color: #666;
    background-color: #e6e6e6;
}

#main {
    margin-top: 2.650em;
}

.derecha {float: left;}
.social {float: right;}

.fp_name {
    text-transform: uppercase;
    font-size: 0.9em;
    color:#999;
    opacity: 0.6;
    font-weight: 900;
    padding-top: 10px;
}

.owl-page{
    z-index: 10000000;
    padding-top: 50px;
}

.persona {
    margin-bottom: 1.5em;
}
.persona_nombre {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0.313em 0;
    letter-spacing: 0.063em;
}
.persona_posicion {
    text-transform: uppercase;
}
a.persona_mail {
    color:#999;
}
#contacto {
    font-size: 1.15em;
    margin-top:55px;
}
.website {
    color:#8d1019
}
.website:hover {
    color:#000;
}
/* MEDIA QUERIES */

@media screen and (max-width:319px){
ul.nav.tabs {margin: 0.625em 0;}
p {font-size:1.1em; margin-bottom: 4.5em;}
.staff1, .staff2 {padding-bottom: 3em;}
#contacto1, #contacto2 { font-size: 0.950em;}
}
@media screen and (min-width:320px) and (max-width:480px){
ul.nav.tabs {margin: 2.143em 0;font-size:1.125em;}
#main {margin-top: 0.625em;}
p {font-size: 1.300em; margin-bottom: 3em;}  
#contacto1, #contacto2 {margin-top:4em;}    
}
@media screen and (min-width:481px) and (max-width:767px){
ul.nav.tabs {margin-top: 2.500em ;margin-bottom: 1.250em;font-size:1.250em;}
p {font-size: 1.4em; margin-bottom: 4em;}
#contacto1 p {margin-top: 5em;}
}  
@media screen and (min-width:768px) and (max-width:991px){
ul.nav.tabs {margin-top: 18.6em;font-size:0.875em;}
p {font-size: 0.7em;margin-bottom: 0.9em;}
.staff {padding-top:1.5em; font-size: 1em;}
.staff1 {padding-top:3.2em; font-size: 1em;}    
.persona { margin-bottom: 0.5em;} 
.persona_nombre { font-size: 0.9em;}
span {font-size: 0.7em;}
a.persona_mail {font-size: 0.85em;}
#contacto {margin-top:2.8em; font-size: 0.9em;}
}
@media screen and (min-width:992px) and (max-width:1199px){
p {font-size: 1.250em;margin-bottom: 2.600em;}
ul.nav.tabs {margin-top: 26.6em;} 
.staff{padding-top:0.5em; padding-bottom: 2.1em;}
.staff1{padding-top:0.5em; padding-bottom: 2.0em;}


}
@media screen and (min-width:1200px) {
ul.nav.tabs {margin-top: 30.3em;}
.staff {padding-top:2.0em; padding-bottom: 4.2em;} 
.staff1 {padding-top: 2.0em; padding-bottom: 6.6em;}
}