/** 
 *------------------------------------------------------------------------------
 * Plantilla Tecnopatafisica     
 *------------------------------------------------------------------------------
 */

/* Formato de la fuente */
.fuente
{
  font-family: 'Droid Sans', sans-serif;
  font-size: 16px;
  text-align: justify;
}


/* Formato del texto para el menu el caso de dispositivos móviles */
.menumovil
{
font-family: 'Droid Sans', sans-serif;
  font-size: 16px;
  
float: right;
display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px!important;
    margin-right: 10px!important;


}



// Formato del título de los artículos
.titulo
{
  padding-top: (@t3-global-padding * 2);
  padding-bottom: (@t3-global-padding * 2);
  text-align: center;
  color:#FFFFFF;
background: rgb(181,189,200); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 18%, rgba(40,52,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(181,189,200,1)), color-stop(18%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 18%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 18%,rgba(40,52,59,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 18%,rgba(40,52,59,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 18%,rgba(40,52,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  .clearfix();
  

  h1, h2, h3, h4
  {
    color:@white;

  }

  p {
    color: @gray;
    // Remove margin on last paragraph
    &:last-child {
      margin-bottom: 0;
    }
  }

  .container & {
    border-radius: 20px; // Only round corners at higher resolutions if contained in a container
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .btn {
    margin-top: @line-height-computed;
    margin-bottom: @line-height-computed;
  }

  @media screen and (min-width: @grid-float-breakpoint) {
    .container & {
    }
    h1 {
    }
  }

}

// Para las tablas
// cellpadding
.tabla
{

  img
  {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  th, td 
  { 
    padding: 20px; 
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }

  // cellspacing
  table { border-collapse: separate; border-spacing: 20px; } // cellspacing="5"
  table { border-collapse: collapse; border-spacing: 0; }   // cellspacing="0"


  // align (center)
  table { margin: 0 auto; }
}

// Configuracion de K2 items
div.itemBackToTop a{display:none !important;}

// Conflicto Bootstrap-K2 con modal
a.modal{display: inline !important;}

/* Módulos de la página de inicio */



span.azuloscuro {
  background: #0076BB;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  font-family: 'Droid Sans', sans-serif;
  font-size: 14px;
  padding: 0px 20px 0px 20px;
  text-align: justify;

  /* unvisited link */
  a
  {
    color: white;
    text-decoration: underline;
  }
  

  /* visited link */
  a:visited 
  {
    color: white;
    text-decoration: none;
  }

  /* Al situarnos sobre el enlace */
  a:hover 
  {
    text-decoration: none;
    background-color: white;
    color: #0076BB;

  }
}
 
span.azulclaro {
  background: #06C9EC;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  font-family: 'Droid Sans', sans-serif;
  font-size: 14px;
  padding: 0px 20px 0px 20px;
  text-align: justify;

  /* unvisited link */
  a
  {
    color: white;
    text-decoration: underline;
  }
  

  /* visited link */
  a:visited 
  {
    color: white;
    text-decoration: none;
  }

  /* Al situarnos sobre el enlace */
  a:hover 
  {
    text-decoration: none;
    background-color: white;
    color: #0076BB;

  }


}
 
span.gris {
  background: #797B7C;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  font-family: 'Droid Sans', sans-serif;
  font-size: 14px;
  padding: 0px 20px 0px 20px;
  text-align: justify;

  /* unvisited link */
  a
  {
    color: white;
    text-decoration: underline;
  }
  

  /* visited link */
  a:visited 
  {
    color: white;
    text-decoration: none;
  }

  /* Al situarnos sobre el enlace */
  a:hover 
  {
    text-decoration: none;
    background-color: white;
    color: #0076BB;

  }

}
 
span.grisclaro {
  background: #B7B7B7;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  font-family: 'Droid Sans', sans-serif;
  font-size: 14px;
  padding: 0px 20px 0px 20px;
  text-align: justify;

  /* unvisited link */
  a
  {
    color: white;
    text-decoration: underline;
  }
  

  /* visited link */
  a:visited 
  {
    color: white;
    text-decoration: none;
  }

  /* Al situarnos sobre el enlace */
  a:hover 
  {
    text-decoration: none;
    background-color: white;
    color: #0076BB;

  }
}
 

// Para redondear las imágenes

// Tipo 1
.imagenredondeada
{
  padding:15px; /* Espacio entre la imagen y el borde */
  background:#FFF; /* Color de fondo que se ve entre el espacio */
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;

}

.imagenredondeada:hover 
{
  border-radius: 0% 50%; /* Borde redondeado */
  box-shadow: 0px 0px 15px #000; /* Sombra */
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  cursor:pointer;
}

/* Para que los contactos no muestren el encabezado */
div.contact h3 
{
  display: none;
}

/* Para que los contactos se muestren más compactos */
div.contact legend 
{
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 0 0 5px 0;
}
     
div.contact .form-horizontal .control-label 
{
  padding-right: 5px;
  text-align: left;
  width: 180px;
}
     
div.contact .form-horizontal .control-group 
{
  margin-bottom: 10px;
}
     
div.contact .form-horizontal .form-actions 
{
  padding-left: 0;
}
   
div.contact .form-actions 
{
  background: none;
  border-top: none;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
}



/* Para el slideshowpropio */
// Ajuste con el menú
.slideshowpropio {
  padding: 0px !important;
  margin: 0px !important;
  background-color: #0077bb;
  width: 100%;
}