@charset "iso-8859-1";
/* CSS Document */

#home{
	width: 100%;
	margin:0 auto;
}

#home .flexslider .slides{
	width: 100%;
	margin:0 auto;
}



.flex-caption h1{
	font-size:85px;
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.flex-caption h2{
	font-size:46px;
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-shadow:0 0 12px #000000;	
}

#bottom_home a { text-decoration:none }
#bottom_home{
    margin: 0.4% auto 0;
    width: 100%;
	display: inline-block;
}





#proyectos_destacados, #optima,  #aula_tecnica{
	float:left;
	width:33%;
	height:266px;
	position:relative;
}

#proyectos_destacados, #optima{
	margin-right:0.5%;
}

#proyectos_destacados{
	background-image:url(../images/inicio/proyectos_destacados.jpg);
	background-repeat:no-repeat;
}


#proyectos_destacados:hover{
	background-image:url(../images/inicio/proyectos_destacados_hover.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}

#optima{
	background-image:url(../images/inicio/microlab_home.jpg);
	background-repeat:no-repeat;
}

#optima:hover{
	background-image:url(../images/inicio/microlab_home_hover.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}

#optima{
	background-image:url(../images/inicio/portada_humos_dt55.jpg);
	background-repeat:no-repeat;
}

#optima:hover{
	background-image:url(../images/inicio/portada_humos_dt55_hover.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}


#aula_tecnica{
	background-image:url(../images/inicio/aula_tecnica.jpg);
	background-repeat:no-repeat;
}

#aula_tecnica:hover{
	background-image:url(../images/inicio/aula_tecnica_hover.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}

#proyectos_destacados h3, #optima h3, #aula_tecnica h3{
	font-size:40px;
	color:#FFF;
	font-weight: 100;
	font-family: 'Open Sans', sans-serif;
}

#proyectos_destacados h3{
    position:absolute;
    line-height: 34px;
    margin-right: 3%;
    right: 0;
	bottom: 0;
    text-align: right;
    width: 50%;
	text-shadow:0 0 12px #000000;
}


#optima h3{
    position: absolute;
	left: 0;
	bottom: 0;
    line-height: 34px;
    margin-left: 3%;
    position:absolute;
    text-align: left;
	text-shadow:0 0 12px #000000;
}


#aula_tecnica h3{
    position: absolute;
	left: 0;
	bottom: 0;
	line-height: 34px;
    margin-left: 3%;
    text-align: left;
    width: 40%;
	text-shadow:0 0 12px #000000;	
}

.clear {
    clear: both;
	height: 0;
}


/*RESPONSIVE INI*/


/*Aplicar solo en resoluciones entre X e Y pixeles de ancho:*/

@media screen and (min-width:1024px) and (max-width:1399px) {
	
#proyectos_destacados h3, #optima h3, #aula_tecnica h3{
	width:100%;
}
	

}


/*Aplicar solo en resoluciones de menos de X píxeles de ancho:*/
@media screen and (min-width:897px) and (max-width:1023px) {


#proyectos_destacados h3, #optima h3, #aula_tecnica h3{
	width:100%;
}


}

@media screen and (min-width:768px) and (max-width:896px) {
#proyectos_destacados h3, #optima h3, #aula_tecnica h3{
	width:100%;
}

.flex-caption h2{
	font-size: 32px;
}

#proyectos_destacados h3, #optima h3, #aula_tecnica h3{
	font-size: 32px;
}
}


@media only screen and (min-width: 481px) and (max-width: 767px) {
#proyectos_destacados h3, #optima h3, #aula_tecnica h3{
	width:100%;
}

.flex-caption h2{
	font-size: 28px;
}

#proyectos_destacados h3, #optima h3, #aula_tecnica h3{
	font-size: 30px;
}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.flex-caption{
	left: 5% !important;
	width: 85% !important;
}

.flex-caption h2{
	font-size: 23px;
}

#proyectos_destacados, #optima, #aula_tecnica{
	float:none;
	width:100%;
}

#proyectos_destacados h3, #optima h3, #aula_tecnica h3{
	font-size: 33px;
}

}

/*RESPONSIVE FIN*/

@media (max-width: 480px){
	.flex-caption {
    display: none;
}
}