/**********************************************************************************************************************/
/** MEDIA QUERIES *****************************************************************************************************/
/**********************************************************************************************************************/

/***********************************************
Pantalla 3480x2160 16:9 4K
***********************************************/
@media only screen and (min-width:2651px) and (max-width: 3840px) {

}


/***********************************************
Pantalla 2560x1440 16:9 2K
***********************************************/
@media only screen and (min-width:1921px) and (max-width: 2560px) {

}


/***********************************************
Pantalla 1920x1080 16:9 
***********************************************/
@media only screen and (min-width:1681px) and (max-width: 1920px) {

}


/***********************************************
Pantalla 1680x1050 16:10
***********************************************/
@media only screen and (min-width:1367px) and (max-width: 1680px) {

}


/***********************************************
Pantalla 1366x768 16:9
***********************************************/
@media only screen and (min-width:1281px) and (max-width: 1366px) {

}


/***********************************************
Pantalla 1280x720 16:9
***********************************************/
@media only screen and (min-width:1025px) and (max-width: 1280px) {

}


/***********************************************
Pantalla 1024x600 16:10
***********************************************/
@media only screen and (min-width:960px) and (max-width: 1024px) {

	.textoDestacado {
	    width: 35%;
	}
	
	.bloqueEnlacePortada h2 {
	    font-size: 1.2em;
	}

	.flexAD div {
		width: calc(33.333% - 20px);
		margin-bottom: 30px;
	}

}


/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {

	.cabecera {
	    height: 270px;
	    background-image: url(../imagenes/cabecera_tablet.png);
	}
	
	.menu-container {
	    width: 95% !important;
	}
	.menu > ul > li {
	    text-align: center;
	}
	.menu > ul > li a {
	    padding: 0;
	}
	.menu > ul > li > ul {
	    position: none !important;
	}
	
	.textoDestacado {
	    width: 35%;
	}
	.textoDestacado p {
	    font-size: 1.1em;
	    line-height: 1.2em;
	}
	
	.bloqueEnlacePortada {
	    margin-bottom: 1em;
	}
	.bloqueEnlacePortada:hover {
	    border: 2px dashed #dedede;
	}
	.bloqueEnlacePortada img {
	    max-width: 40px;
	}
	.bloqueEnlacePortada h2 {
	    font-size: 1em;
	}
	
	img.participacion, img.participacion2, img.participacion3 {
	    max-width: 250px;
	}
	
	.bloqueEnlaceMicrosite {
	    width: 100%;
	}
	
	.contMR {
		width: calc(100% - 220px);
	}
	
	.contMR .videoListado {
		width: 100%;
	}	
	
	.menuMR {
		width: 200px;
	}
	
	.menuMR h1 {
		font-size: 1.1em;
	}
	
	.violenciaGenero {
	    width: calc(50% - 20px);
	}	

	.flexAD div {
		width: calc(50% - 10px);
	}


}


/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:767px) {
	    
	.cabeceraM {
	    background-size: 50%;
	}
	
	.bloqueCampoFormulario {
	    width: 97% !important;
	}
	.bloqueCampoFormulario input {
	    width: 100% !important;
	}
	.bloqueCampoFormulario select {
	    width: 100% !important;
	}
	.bloqueCampoFormulario input[type="checkbox"], .bloqueCampoFormulario input[type="radio"] {
	    width: auto !important;
	}
	
	.textoDestacado {
	    margin-left: auto;
	    margin-right: auto;
	    width: 80%;
	    float: none;
	}
	
	.bloqueMenuMovil img.logoMenu {
	    margin-top: 5px;
	    margin-right: 2em;
	    max-height: 40px;
	    /*display: none;*/
	    float: left;
	}
	
	.tituloSeccionInterior {
		margin-top: 1em;
	}
	
	.tituloSeccionInterior h1 {
	    font-size: 1.5em;
	}
	
	#enlacesPortada {
	    margin-top: 0;
	}
	.contenedorEnlacesPortada {
	    justify-content: center;
	}
	.bloqueEnlacePortada {
	    box-sizing: border-box;
	    margin: 0 auto 2em auto;
	    flex-basis: 100%;
	}
	.bloqueEnlacePortada:hover {
	    border: 2px dashed #dedede;
	}
	.bloqueEnlacePortada img {
	    max-width: 40px;
	}
	.bloqueEnlacePortada h2 {
	    font-size: .9em;
	}
	.bloqueEnlacePortada p {
	    font-size: .9em;
	}
	
	.bloqueEnlaceMicrosite {
	    width: 100%;
	}
	.bloqueEnlaceMicrosite img.logoMicrosite {
	    max-width: 100px;
	}
	
	.publicacionListado {
	    flex-basis: 100%;
	}
	
	.bloqueRRSS {
	    margin-bottom: 1em;
	}
	
	img.participacion, img.participacion2, img.participacion3 {
	    float: none;
	    margin-left: auto;
	    margin-right: auto;
	    max-width: 300px;
	}
	
	.videoListado {
	    flex-basis: 100%;
	}
	
	.contMR {
		width: 100%;
	}
	
	.contMR .videoListado {
		width: 100%;
	}	
	
	.menuMR {
		margin-top: 3em;
		width: 100%;
	}
	
	.violenciaGenero {
	    width: 100%;
	}	
	
	.flexRM .logo {
		width: calc(50% - 10px);
		margin-bottom: 30px; 
	}	
	
	.flexAD div {
		width: calc(50% - 10px);
	}	
	
	.flexAD div p {
		font-size: 0.8em; 
	}	
	
	img.cartelSeminario {
		margin: 0 auto;
		margin-bottom: 1rem;
		float: none;
	}
	img.programaSeminario {
		margin: 0 auto;
		max-width: 375px;
	}

}



/***********************************************
Mobile (landscape 420px)
***********************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.contenedorEnlacesPortada {
    justify-content: space-between;
}
.bloqueEnlacePortada {
    flex-basis: 31%;
}

.publicacionListado {
    flex-basis: 48%;
}

img.participacion {
    float: left;
    margin-left: 0;
    margin-right: 1em;
    max-width: 250px;
}
img.participacion2 {
    float: right;
    margin-right: 0;
    margin-left: 1em;
    max-width: 250px;
}
img.participacion3 {
    float: right;
    margin-right: 0;
    margin-left: 1em;
    max-width: 250px;
}

.videoListado {
    flex-basis: 48%;
}

.violenciaGenero {
    width: calc(50% - 20px);
}

img.cartelSeminario {
	margin: 0;
	margin-bottom: 0;
	margin-right: 1rem;
	float: left;
}

}