body {
	background-image: url('../images/fondos/fondo3.jpg');
	background-attachment: fixed;
	background-size: cover;
	font-family: Tahoma, Arial, sans-serif;
}

header {
	background-image: url('../images/slider/Slider4.jpg');
	width: 100%;
	height: 534px;
	border-radius: 5px;
}

footer {	
  	bottom: 0;
  	width: auto;
  	/* Set the fixed height of the footer here */
  	height: auto;
  	background-color: #000;
  	margin-top: 10px;
  	padding: 5px;
  	color: #f5f5f5;
  	border-radius: 5px;
}

.catedra {
  width: 100%;
}

.enlaces {
  background-color: #2D2D2D;
  border-radius: 5px;
  color: #f38b15;
  padding: 10px;
}

.enlaces a {
  color: #f38b15;
}

.enlaces a:hover {
  text-decoration: none;
  color: #fff;  
}

.links, .links a{
  color: #f38b15;
}

.links a:hover {
  text-decoration: none;
  color: #fff;
}

.opciones {
	background-color: #2D2D2D;
	border-radius: 5px;
	color: #fff;
	padding: 10px;
	margin-right: 2px;
	margin-left: 2px;
}

.opciones p {
	font-weight: bolder;
	font-size: 1.2em;
}

.opciones a {
	color: #f38b15;
}

.opciones a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.active a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.titulo {
	color: #fff;
	text-shadow:2px 2px 8px #000000;
	font-weight: bold;
}

#logo {
	margin-left: 10px;
}

#slogan {
	margin-top: 120px;
}

#catedras, #nosotros, #docentes {
	height: 80px;
	width: 100%;
	background-color: #EE7F00;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: white;
	margin-top: 15px;
	margin-bottom: 15px;
}

#catedras h1, #nosotros h1, #docentes h1 {
	font-weight: bolder;
	font-size: 2.8em;
	padding: 15px;
}

.docente {
  background: rgba(204, 204, 204, 0.3);
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  color: #fff;
  height: 270px;
  margin: 5px;
  padding: 10px;
}

.docente a {
  color: #fff;
}

.docente a:hover {
  color: #EA9F05;
}

.docente h3 {
  font-variant: small-caps;
  margin-top: 10px;
  margin-bottom: 10px;
}

.docente small{
  color: #f0f0f0;
}

.texto-emc {
  background: rgba(204, 204, 204, 0.3);
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  color: #fff;
  font-size: 1.4em;
  padding: 20px; 
}

.fondo-texto p, label {
  color: #fff;
  font-size: 0.9em;
  font-family: 'Tahoma';
}

legend {
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
}

small > i {
  font-size: 0.8em;
}

.fondo-texto, form {
  background: rgba(204, 204, 204, 0.3);
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  color: #fff;
  padding: 20px; 
}

.fondo-texto li {
  margin-left: 10px;
}

.texto {
  color: white;
}

.zoom {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.zoom:hover {	
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
/*
#docentes {
	height: 100px;
	width: 100%;
	background-color: #EE7F00;	
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: white;
	margin-top: 15px;
	margin-bottom: 15px;
}

#docentes h1 {
	font-weight: bolder;
	font-size: 3.2em;
	padding: 25px;
} */

.redes {
	height: auto;
	margin-top: 10%;	
}

.redes a {
	color: #EE7F00;
	text-shadow:2px 2px 8px #000000;
}

.redes a:hover {
	color: #ff9001;	
}

.inscripcion img{
  margin: 0 auto;
}

/********************* ESTILO PARA EL TEXTO DE LAS CATEDRAS *****************/
.view {
    width: auto;
    height: auto;
    margin: 0px;
    float: left;
    border: 0px solid #fff;
   /* overflow: hidden;
    position: relative;*/
    text-align: center;
    cursor: default;
}
.view .mask, .view .content {
    width: 99%;
    height: 98%;
    position: absolute;
    overflow: auto;
    top: -6px;
    left: 2px;
    border-radius: 5px;
}
.view img {
    display: block;
    position: relative;
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 2em;
    padding: 10px;
    background: hsla(0,0%,0%,0.8);
    margin: 20px 0 0 0;
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}

/* Example styles */
.view img {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.view .mask {
    opacity: 0;
    background-color: hsla(34,93%,45%,0.7);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view h2 {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.view p { 
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view:hover img { 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
} 
.view:hover .mask { 
    opacity: 1;
}
.view:hover h2,
.view:hover p {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.view:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}


/*
    Estilo para la navegación de los docentes
*/

li { list-style-type:none;}

#docentesCarousel {
  height: auto;
}

.carousel .item {
  background-color: transparent;
}

.pager {
  margin-top: 10px;
}


/*****************************************************************************/
/************************ ESTILO PARA LA BARRA DE NAVEGACION *****************/
/*****************************************************************************/

.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
  }
}

/*****************************************************************************/

@media (max-width: 768px) {

	#catedras h1 {
		font-weight: bolder;
		font-size: 2.5em;
		padding: 25px;
	}

	#docentes h1 {
		font-weight: bolder;
		font-size: 2.5em;
		padding: 10px;
	}

  .redes {
    margin-bottom: 15px;
  }

  footer {
    height: 100%;
  }
}