/*------------------------------------*\
    $CONTENIDO 
    (Ver SMACSS para aclarar 
     categorización de reglas:
     https://smacss.com/book/categorizing )
    (formateo de reglas:
        Box (display, float, position, left, top, height, width)
        Border
        Background
        Text
        Other
     tal como dice en:
     https://smacss.com/book/formatting
    )
\*------------------------------------*/

/* TODO: Dejar tabla de contenidos con lo que tengas */
/**
 * Contenido..................... Esto que lees
 * Base
 *   Reset......................... Reinicio de valores CSS
 *   Fuentes....................... Fuentes que vamos a importar
 *   Elementos..................... Elementos html varios como body, img, HR, etc...
 * Layout.......................... Reglas de maquetación y componentes mayores (header, footer...)
 * Modulos ó Componentes..................... Componentes ó módulos (según metodología BEM)
 *   Toolbar....................... Barra de aplicación
 *   Tablas........................ Estilos de las tablas
 *   Botones....................... Estilos de Botones, skins y variantes
 *   Tipografía.................... Encabezados, small, párrafos, listas, etc...
 *   Navegación.................... Una navegación, por si quieres usar esta y no la tuya propia
 *   Formularios................... Estilos de todos los elementos de formularios y sus variantes
 *   Paginación.................... Estilos básicos para las paginaciones
 * Estado.......................... Reglas según estados que cambian de componentes
 * Helpers......................... Utilidades para todos los componentes
 *   Sombras....................... Sombras
 */
 
 
/*------------------------------------*\
    $RESET
\*------------------------------------*/

/* Intencionalmente en blanco, lo da purecss (normalize) */
  
/*------------------------------------*\
    $FUENTES
\*------------------------------------*/


/*------------------------------------*\
    $ELEMENTOS
\*------------------------------------*/


/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/

/*------------------------------------*\
    $COMPONENTES
\*------------------------------------*/

/* To define the bg img only when the toolbar is extended */

.md-layout--toolbar-extended .md-bg-img {
    background: url('http://www.juntadeandalucia.es/avra/export/sites/WebEPSA/parque-torunos/recursos-propios/img/bg-header-img.jpg');    
    /*background: url('http://www.juntadeandalucia.es/avra/export/sites/WebEPSA/parque-torunos/recursos-propios/img/bg-header-img-ie.jpg');*/
}

.md-layout .md_sidenav__header .md-bg-img {
    background: url('http://www.juntadeandalucia.es/avra/export/sites/WebEPSA/parque-torunos/recursos-propios/img/bg-header-img.jpg');
    /*background: url('http://www.juntadeandalucia.es/avra/export/sites/WebEPSA/parque-torunos/recursos-propios/img/bg-header-img-ie.jpg');*/
}



.md-index__cards_item-top {
    position: relative;
    min-height: 300px;
    z-index: 150;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    padding: 1em 1em 1em 0;
    border-radius: 5px;
}

.md-index__link-top{
    /*text-align: right;
    margin-right: 3em;*/
    padding: 16px;
    text-align: right;
    clear: both;
}

.md-index__cards__item__content-top {
    width: 37%;
    margin-left: 64%;
    right: 0;
    padding-right: 5%;
}

/*.md-index__cards-top {
     margin: 0em;
    padding-right: 3.5em;
    text-align: left;
}*/

.md-index__cards-top {
    margin: 0em;
    padding: 1em;
    text-align: left;
}

.md-whiteframe-grey-top {
    display: inline-block;
    width: 95.2%;
    margin-right: 2em;
    background-color: #DCDCDC;
    border-radius: 5px;
    vertical-align: top;
    text-align: center;
    margin-bottom: 1em;
}

.md-index__cards__item_subtitle{
    margin-top: 8em;
}

@media screen and (max-width: 63.5em) {
	.md-whiteframe-grey-top{		
		display: block;			
		width:100%;
		/*background-color: #CFCFCF;*/ /*rgba(0, 0, 0, .12);*/	
		background-color:white;				
		/*margin:2em 1em;*/	
	}
	
	.md-index__cards__item_subtitle{
    		margin-top: 0;
	}
	
}


/*DESCOMENTAR para mostrar dos eventos en portada 27102016 ncs*/ 


.md-index__cards-top_rango2 {
    margin: 0em;     
    text-align: left;
}

.md-index__cards_item_event_rango2{
    height: 275px;    
}

.md-index__cards-top_rango2 a{
	display: inline-block;
    	width: 45%;
   	margin: 2%;
    	vertical-align: top;
}

@media screen and (max-width: 63.5em) {
	.md-index__cards-top_rango2 a{
		display: inline-block; 
		width: 95%;   	
	   	margin: 2%;
	    	vertical-align: top;
	}
	
	.md-index__cards_item_event_rango2{
	    height: 360px;    
	}
	
	.md-index__cards-top_rango2 {	    	
	    	padding: 0em;
	    
	}

}

/*FIN para mostrar un solo evento en portada*/