body { 
    /*background: url(http://cdn.magdeleine.co/wp-content/uploads/2014/05/3jPYgeVCTWCMqjtb7Dqi_IMG_8251-1400x933.jpg) no-repeat center center fixed; */
    background-image: url(../img/fondo-biomedica.jpg); 
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;*/
  }

.menu, .itemsMenu {
  background: rgb(23,114,111);
}

.nav-link-a {
  padding-right: .5rem;
  padding-left: .5rem;
  text-decoration: none;
  color: aliceblue;
}

.nav-link-a:hover {
  color: antiquewhite;
  text-decoration: none;
}
.imagenLogo  {
  width: 350px;
  margin: 50px auto;
}

#imagenLogo {
  display: block;
  margin: auto;
  width: 100%;
  margin-top: 40px;
}

.enlaces .nav-link-a {
  display: block;
  padding: .5rem 1rem;
}

/*=====  End of Section comment block  ======*/

/* Botones social2*/
#m-soc2{width:220px;height:50px;margin:18px 0 0 10px;padding:0}
#m-soc2 li{list-style:none;float:left;border:none;margin:7px;padding:0}
#m-soc2 li a{background:url(http://1.bp.blogspot.com/-WEUoFdODkl4/T1klwzMGoSI/AAAAAAAAJDU/RLpgmO0OHjs/s1600/sprite2-compartidisimo.png) no-repeat 0 0;display:block;position:relative;width:33px;height:33px;overflow:visible;margin:0;padding:0}
#m-soc2 li a.twitter{background-position:0 0}
#m-soc2 li a.facebook{background-position:-33px 0}
#m-soc2 li a.instagram{background-position:-66px 0}
#m-soc2 li a.rss{background-position:-99px 0}
#m-soc2 li a.twitter:hover{background-position:0 -33px}
#m-soc2 li a.facebook:hover{background-position:-33px -33px}
#m-soc2 li a.instagram:hover{background-position:-66px -33px}
#m-soc2 li a.rss:hover{background-position:-99px -33px}
#m-soc2 li a span{background:#555;position:absolute;top:-10px;left:-10px;width:auto;height:auto;opacity:0;text-align:left;color:#fff;filter:alpha(opacity=0);white-space:nowrap;border-radius:3px;font-size:12px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;padding:3px}
#m-soc2 li a:hover{text-decoration:none}

#m-soc2 li a:hover span{opacity:.7;filter:alpha(opacity=70);top:-23px}

/*
Distribución de derecha izquiera en el degradado de colores
1. #a4c4c4
2. #448c8c
3. #17726f
4. #245454

TABLAS DE VALORACIONES Y PROCEDIMIENTOS
*/

.table-valoraciones{
  background-color: #a4c4c4;
}

.table-valoraciones tbody+tbody, .table-valoraciones td, .table-valoraciones th, .table-valoraciones thead th{
  border-color: #245454;
}


.table-procedimientos{
  background-color:  #a4c4c4;
}

.table-procedimientos tbody+tbody, .table-procedimientos td, .table-procedimientos th, .table-procedimientos thead th{
  border-color: #245454;
}
/*
BOTON PERSONALIZADO CON COLORES DE LA EMPRESA
*/

.btn-personal{
  color: #17726f;
  border-color: #17726f;
}

.btn-personal:hover{
  color: #fff;
  background-color: #17726f;
  border-color: #17726f;
}

/*BOTONES PARA AÑADIR COSAS EN LA PESTAÑA PRINCIPAL*/
.btn-agregar-principal { 
  color: red;
  border-color: blue;
  width: 20px;
  height: 20px;
  padding: 0px;
  top: px;
}


/* BOTON PARA AGREAGAR DESDE LA PESTAÑA INICIAL LAS CITAS  */

.imagenAgregar{
  width: 16px;
}


/* AGREGAR MENU RESPONSIVE */
.boton-menu{
  display: none;
}

.normal-menu{
  display: block;
}
@media (max-width: 800px) {

  .boton-menu{
    display: block;
  }

  .normal-menu{
    display: none;
  }

}

.logo-cabezote{
  position: relative;
}

.fondo-biomedica{
  position: absolute;
  width: 100%;
  height: 100%;
}

.container {
  position: relative;
  /*background: white;*/
}

.fondo-imagen{
  background-image: url("vista/img/fondo-biomedica.jpg");
}


@font-face
{
   font-family: "crisp" ;
   src: url("fonts/Cookie Crisp.ttf");
}

@font-face
{
   font-family: "hugme";
   src: url("fonts/Hug Me Tight - TTF.ttf");
}
@font-face
{
   font-family: "slab";
   src: url("fonts/TypoSlab Irregular Demo.otf");
}

.mensajeBonito{
  width: 500px;
}

.mensajeBonito p {
  font-family: 'slab';
  font-size: 20px;
  color: rgb(23,114,111);
}


.btn-personalizado{
  color: rgb(23,114,111);
  border-color: rgb(23,114,111);
}

.btn-personalizado:hover{
  cursor: pointer;
  background: rgb(23,114,111);
  color: white;
  border-color: white;  
}