/*************************************************
/ COLUMNAS INDEPENDIENTES  -> MEDIA QUERIES
/*************************************************/
	
/* reset cols to 3-column */
/* 767px / 16px = 47.93em */
@media screen and (max-width:767px) {
	/* grid5 */
	.grid5 .col {
		width: 23.5%;
	}
	.grid5 .col:nth-of-type(5n+1) {
		margin-left: 1%;
		clear: none;
	}
	.grid5 .col:nth-of-type(4n+1) {
		margin-left: 0;
		clear: left;
	}
	  
	/* grid4 */
	.grid4 .col {
		width: 32%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
}
/* reset cols to 2-column */
/* 600px / 16px = 37.5em */
@media screen and (max-width:600px) {
	/* grid5 */
	.grid5 .col {
		width: 32%;
	}
	.grid5 .col:nth-of-type(4n+1) {
		margin-left: 2%;
		clear: none;
	}
	.grid5 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
	  
	/* grid4 */
	.grid4 .col {
		width: 49%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
	
	/* grid3 */
	.grid3 .col {
		width: 49%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}
/* reset cols to fullwidth */
/* 480px / 16px = 25em */
@media screen and (max-width:480px) {
	.col {
		width: 98% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		clear: none !important;
	}
	#pagina {margin-top:0% !important;}
	.header_menu {display:none !important;}
}
/************************************************************************************
/* 1 TEXTO EN VARIAS COLUMNAS (NO COLUMNAS INDEPENDIENTES)  -> MEDIA QUERIES
/* EL PRIMER TEXTO LO PONE EN NEGRITA
/************************************************************************************/
  
/* Presentamos 2 columnas si son mayores que 400px (si son inferiores se aplica s�lo 1 columna , que es el funcionamiento normal de <p>*/
/* 400px/16px = 25em */
/* 979px/16px = 61.18em */
@media all and (min-width:480px) and (max-width:980px) {
    .encolumnado p  {
      -webkit-column-count: 2; /* Saf3, Chrome*/
      -webkit-column-gap: 4%; /* Saf3, Chrome*/
      -moz-column-count: 2; /* FF3.5+ */
      -moz-column-gap: 4%; /* FF3.5+ */
      column-count: 2; /* Opera 11+*/
      column-gap: 4%; /* Opera 11+*/
    }
}
  
/* Presentamos 3 columnas */
/* 980px/16px = 61.25em */
@media all and (min-width:980px) {
    .encolumnado p:first-of-type  {
      -webkit-column-count: 2;
      -webkit-column-gap: 3%; /* Saf3, Chrome*/
      -moz-column-count: 2;   
      -moz-column-gap: 3%; /* FF3.5+ */
      column-count: 2;        
      column-gap: 3%; /* Opera 11+*/
    }
    .encolumnado p  {
      -webkit-column-count: 3;
      -webkit-column-gap: 1%; /* Saf3, Chrome*/
      -moz-column-count: 3;   
      -moz-column-gap: 1%; /* FF3.5+ */
      column-count: 3;        
      column-gap: 1%; /* Opera 11+*/
    }
}
 /************************************************************************************
CONFIGURACION TEXTOS Y CONTENIDOS SENSIBLES AL RESPONSIVE
*************************************************************************************/
480px / 16px = 24.93em 
@media (max-width: 480px) {
	#pagina {margin-top:0% !important;}
	
}
@media (min-width:481px) {
    /* Style adjustments for viewports that meet the condition */
    nav[role="navigation"] { display: none; }
    
	.header_menu {display:block;}
	#background_header {display:block;}
	#bgh_paginador {display:block !important;}
	 
    #motor #motor_texto_principal {width: 55%;}
	/*.standart_page {margin:11em 0 5em;}*/
	.cover {margin:10em 0 5em;}
	#navegacion-bottom {
		font-size:1em;
		margin-bottom:0em;
	}
	#menu_cabeceras_container {display: block;}
}
/* Landscape phone to portrait tablet */
/* 480px / 16px = 30em */
/* 767px / 16px = 47.93em */
@media (min-width:480px) and (max-width:768px) {
}
/* 768px / 16px = 48em */ 
/* 979px / 16px = 61.18em */
@media (min-width:768px) and (max-width:979px) {
  #menu_cabeceras_container {display: block;}
}
/* Menor de 980px: quitar la navegacion lateral */
@media (max-width:980px) {
	#nextImageBtn, #prevImageBtn {display: none !important;}
}
/* 980px / 16px = 61.25em */
@media (min-width:980px) {
  #nextImageBtn, #prevImageBtn {display: block;}
  #menu_cabeceras_container  {display: block;}
}
/* 1200px / 16px = 75em */
@media (min-width: 75em) {
	#info-background  {display: block;}
}