a{
	text-decoration:none;
}
html, body{
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
	
	font-family: 'minusculas';
}
body{
    background-image:url("../banner/banner_disciplinas.jpg");
    
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	background-attachment: fixed; /* Establecemos una posicion fija para la imagen */
}
#fondo_disciplinas{
    float: left;
    width: 100%;
    
    background: rgba(0, 0, 0, 0.6); /* filtro */
}
/* pagina - contenido */
#contenido_disciplinas {
	float: left;
	width: 76%;
	margin-left: 10%;
	padding: 10px 2%;
	background: rgba(86, 138, 214, 0.6); /* azul endanza*/
	color: white;
	
	margin-top: 290px;
	margin-bottom: 90px;
}
  
    #imagen_disciplinas{
        float: left;
        width: 27.3%;
        margin: 1.5%;
        padding: 1.5%;
        background: white;
        
        -webkit-border-radius: 3px; 
    	-moz-border-radius: 3px; 
    	border-radius: 3px;
    }
        #imagen_disciplinas img:hover{
            -webkit-transform:scale(1.025);
			transform:scale(1.025);
			
			cursor: pointer;
        }
        
        #imagen_disciplinas img{
            float: left;
            width: 100%;
            
            -moz-transition:all .5s ease;
        	-ms-transition:all .5s ease;
        	-o-transition:all .5s ease;
        	transition:all .5s ease;
        }
        .titulo_imagen{
            float: left;
            width: 100%;
            padding: 10px 0;
            font-family: 'mayusculas';
            text-align: center;
            font-size: 1.6em;
            color: rgba(86, 138, 214, 1); /* azul endanza*/;
        }
    

						
/* Media Queries */
@media screen and (min-width: 1500px) {
	#contenido_disciplinas{
		width: 70%;
		margin-left: 15%;
	}
}

@media screen and (max-width: 900px) {
    #imagen_disciplinas{
        width: 94%;
        margin: 20px 3%;
        padding: 0;
    }
        #imagen_disciplinas img{
            width: 97%;
            padding: 1.3%;
        }
}

@media screen and (max-width: 700px) {
    #contenido_disciplinas{
    	width: 80%;
    	margin-left: 10%;
    }
}

@media screen and (max-width: 500px) {
    #contenido_disciplinas{
    	margin-top: 160px;
    }
    .titulo_contenido{
        font-size: 2em;
    }
    .texto_contenido{
        font-size: 1.2em;
    }
}