/**
 * responsive.css
 *
 * Contains media queries and fallback styles for various device widths.
 */


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	
	.dial-emisoras .reproductor {
		right: 90px;
		bottom: 20px;
	}
	
	.pie {
		height: 158px;
	}
	
	.maincontent {
		margin-top: 20px;;
		min-height: 400px;
	}

	ul.lists li {
		float: left;
		width: 48%;
	}

	.reproductores {
		padding: 0 15px;
	} 
		
	.reproductores > .row > .col-xs-12 {
		padding-left: 15px;
		padding-right: 15px;
	} 
		
	.seccion.archivo .programlist,
	.seccion.archivo .downloads {
		width: 80%;
		margin: 0 auto;
	}
		
	.diascontainer {
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}

	select.selector {
		border: 1px solid #ccc;
		font-size: 18px;
		width: auto;
	}
	
	.seccion.delegaciones .list .item {
		min-height: 180px;
	}

	.seccion.empresa .dynamic img {
		max-width: inherit;
	}

	.fpprogramonair {
		min-height: 213px;
		width: 454px;
	}
	
	.detail.archivo .item.download .fecha, .detail.archivo .item.father .fecha {
		font-size: 16px;
		padding-left: 30px;
	}
	
	#homebannersection #homebanner img {
		width: 68% !important;
	}
	
		
	.list .box,
	.list .item img {
	    width: 220px;
	}

	.list .item.programa figure,
	.list .item.locutor figure {
	    height: 145px;
	}
		
	.list .item.programa .locutor a,
	.list .item.locutor .programa a {
		font-size: 14px;
	}
	
	#submenu a:link, 
	#submenu a:visited {
		font-size: 16px;
	}
		
	#submenu > ul > li {
		margin: 0 30px;
	}

	#submenu > ul > li a {
		padding: 7px 30px;
	}

	.detail .ficha figure {
	  float: left;
	  margin: 0 30px 20px 0;
	}


	.detail .ficha img {
		max-width: 200px;
		border-radius: 10px;  
		margin-bottom: 0;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	.dial-emisoras {
		margin-bottom: 0px;
	}

	.directos {
		margin-top: 0px;
	}
	
	.directos .directo .onair figure {
		top: 20px;
		left: -30px;
	}
	
	.directos .directo .onair {
		padding: 15px 15px 15px 170px;
	}
	.directos .directo .onair.sinfoto {
		padding-left: 15px;
	}
		
	#emisora-news {
		border-left: solid 4px var(--secondary-bg-color);
	}
	#emisora-news .news-slider {
		height: 400px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	.maincontent {
		margin-left: 0px;
		margin-right: 0px;
	}

	.pie .encentro {
		padding: 0;
	}
	
}