/**====================================================**/
/** INICIO **/
	
body {
	margin: 0;
	text-align: center;
	background-color: #ddd;
}

/**====================================================**/
/** Cuadro diapositivas **/
#cuadro_diapositivas {
	position: relative;
	width: 100%;
	height: 60%;
	min-height: 360px;
	max-height: 400px;
	margin: 0 auto;
	background-color: #000;
	z-index: 10 !important;
}

	/** Una diapositiva **/
	#cuadro_diapositivas .una_diapositiva {
		display: -moz-inline;
		display: -webkit-flex;       /* Flex Layout */
		display: flex;
	   flex-flow: row nowrap;
	   justify-content: space-between;
		height: 100%;
		min-height: 360px;
		max-height: 300px;
		background-color: #fff;
		cursor: pointer;
	}
	
		/** Imagen **/
		#cuadro_diapositivas .una_diapositiva .imagen {
			position: relative;
			flex-growth: 1;
			flex-shrink: 1;
			flex-basis: 50%;
			background-repeat: no-repeat;
			background-position: top center;
			background-size: cover;
		}
	
		/** Texto **/
		#cuadro_diapositivas .una_diapositiva .texto {
			position: relative;
			flex-growth: 1;
			flex-shrink: 1;
			flex-basis: 50%;
			background-color: #fff;
			padding-top: 10px;
		}
		
			#cuadro_diapositivas .una_diapositiva .texto p {		
				font-family: 'Segoe UI', 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
				font-size: 0.9em;
				text-align: left;
				padding: 10px 25px;
				margin: 0;
			}
			
			#cuadro_diapositivas .una_diapositiva .texto p span.titulo {
				font-size: 1.4em;
				color: var(--color-novedades);
				font-weight: 400;
				margin-bottom: 0;
				padding-bottom: 0px;
			}
				
		/** Flechas **/
		.prevArrow, .nextArrow {
		    position: absolute;
		    background-repeat: no-repeat;
		    background-size: contain;
		    width: 30px;
		    height: 50px;
		    z-index: 1000;
		    cursor: pointer;
		    background-color: transparent;
		    top: 40%;
		    display: block;
		    padding: 0;
		    cursor: pointer;
		    color: transparent;
		    border: none;
		    outline: none;
		    opacity: 1;
		    z-index: 30;
		   }
		   
		   .prevArrow {
			    background-image: url('../img/big-slider-prev.png');
			    left: 100px;
			}
			
			.nextArrow {
    			background-image: url('../img/big-slider-next.png');
    			right: 100px;
			}
			
		
			/** Opacidad en diapositivas anterior y posterior **/
			 .slick-slide {
		      opacity: 0.3;
		    }
		    
		    .slick-center {
		    	opacity: 1;
		    }

		
/**====================================================**/	
/** Cuadro destacados **/
#cuadro-destacados {
	position: relative;
	margin: 0;
	min-height: 170px;
	background-color: #ddd;
	z-index: 100;
}

	#cuadro-destacados div {
	  height: 140px;
	  line-height: 170px;
	  text-align: center;
	  padding-top: 7px;
	}
	
	#cuadro-destacados .un_cuadro {
		font-size: 1.3em;
		text-transform: uppercase;
		font-weight: 700;
		width: 200px;
		display: inline-block;
		vertical-align: middle;
		line-height: normal;
		padding: 20px;
		color: #606060 !important;
		text-align: center;
	}
	
		#cuadro-destacados .un_cuadro svg {
			border-radius: 50%;
			margin-bottom: 15px;
			//margin-top: 15px;
		}
		
		#cuadro-destacados #jornadas.un_cuadro svg {
			background-color: var(--color-contacto-dark);
			padding: 6px;
		}
	
		#cuadro-destacados #novedades.un_cuadro svg {
			background-color: var(--color-novedades);
		}
	
		#cuadro-destacados span:hover {
			opacity: 0.7;
			text-decoration: none;
			transition: all 0.2s ease-in-out 0s;
		}
		
		#cuadro-destacados #jornadas span {
			color: var(--color-contacto-dark);
		}
	
		#cuadro-destacados #novedades span {
			color: var(--color-novedades);
			padding: 20px 10px;
		}
		
		#cuadro-destacados #servicios span {
			color: var(--color-investigacion-dark);
		}
	
		#cuadro-destacados a:hover {
			text-decoration: none;
	
		}

/**====================================================**/
/** RESPONSIVE **/

/** Max-width: 1200px **/
@media (max-width: 1200px) {
	
	#cuadro_diapositivas .una_diapositiva .texto p {		
		padding-top: 15px;
	}
	
	#cuadro_diapositivas .una_diapositiva .texto p span.titulo {
		font-size: 1.1em;
	}
	
	.prevArrow, .nextArrow {
		background-color: #000;
	}
	
	.prevArrow {
	    left: 5px;
	}
	
	.nextArrow {
		right: 5px;
	}
}

/** Max-width: 768px **/
@media (max-width: 768px) {
	
	#cuadro_diapositivas {
		max-height: 800px;
	}
	
	/** Una diapositiva **/
	#cuadro_diapositivas .una_diapositiva {
		display: -moz-inline;
		display: -webkit-flex;       /* Flex Layout */
		display: flex;
	   flex-flow: column nowrap;
	   justify-content: flex-start;
		min-height: 540px;
		background-color: #fff;
		cursor: pointer;
	}
	
		#cuadro_diapositivas .una_diapositiva .imagen {
			min-height: 300px;
		}
		
		#cuadro_diapositivas .una_diapositiva .texto {
			border-top: 1px solid #eaeaea;
			font-size: 0.95em;
		}
		
			#cuadro_diapositivas .una_diapositiva .texto p {
				padding: 15px;
			}
			
	.prevArrow, .nextArrow {
		top: 22%;
	}
	
	button:focus,
	button.prevArrow:focus {
		outline: none !important;
	}
	
}

/** Max-width: 400px **/
@media (max-width: 400px) {
	
	#cuadro_diapositivas .una_diapositiva {
		min-height: 700px;
	}

	#cuadro-destacados .un_cuadro {
		font-size: 0.9em;
	}

}