/* Importamos la fuente open sans de google fonts */
/*
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
*/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

body {font-family:Open Sans, sans-serif;  background:url(../img/bgpattern.png) repeat;}

/* Menu ------------------------- */
.navbar {
    background-color: #0080aa;

}
.navbar a {
	color:white !important;
}
.dropdown-menu a {
	color:grey !important;
}

.navbar li a:hover {
	 background-color: #079bc5;
}

.dropdown-menu li a:hover {
	 background-color: #ddd;
}

.navbar-toggle {
    border: 1px solid white;
  }
.navbar-toggle span {
    background-color: #fff;
  }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
   /* background-color: #069;*/
    border-color: #337ab7;
}
/* .menu a:hover, .nav > li > a:focus {
	background-color:#079bc5 !important
}*/

.open {
    background-color: white ;

}


/* para hacer que el menu se despliegue en el evento hover
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}*/

/* para que en moviles y otras pantallas pequeñas esto no quede activo
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}*/

/* ------- */

.box {
    background: none repeat scroll 0 0 white;
    border: 1px solid gainsboro;
    border-radius: 1px;
   /* box-shadow: 0 0 4px 1px gainsboro;*/
    margin: 13px 0;
    overflow: hidden;
    padding: 30px;
    position: relative;
}

h1 {
    font-size: 1.8em;
    margin-bottom: 0.8em;
    color:#008bb8;
    display:inline-block
}

h2 {
    font-size: 1.2em;
}
.box h2 {
	color:#008bb8;
	font-weight:200;
  margin-top: 0
}

h3 {
    font-size: 1.3em;
    color:#008bb8;
    }

h4 {
    font-size: 1.18em;
    color:#008bb8;
    margin-top: -5px
}

p {
    font-size: 1em;
    line-height: 1.4em;
    margin: 10px 0 15px;
}


.usuario {
margin-top:44px;
}

.nav-tabs > li > a {
    border-radius: 0 !important;
}


.enlacebox {
border: 1px solid gainsboro;
background-color: #f3f3f3;
padding: 20px;
margin-top: 39px
}



.btn-enlace {
border: 2px solid #0080aa;
border-radius: 0;
background-color: #f3f3f3;
padding: 7px;
font-size: 1em;
}

.btn-enlace:hover {
background-color: white;
}

.btn-enlace-serv {
border: 2px solid #0080aa;
border-radius: 0;
background-color: #f3f3f3;
padding: 7px;
font-size: 1em;
display:block;
text-align:center;
}

.btn-enlace-serv:hover {
background-color: white;
}


.modal-body {
background-color: #f3f3f3;
}

/* Footer -------------------- */
footer {
    background-color: #dedede;
    border: 1px solid #ccc;
    opacity: 0.8;
    padding: 20px;
}