@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900");
@import url('https://fonts.googleapis.com/css?family=Share:400i,700i');
@import url("font-awesome.min.css");

/*
	Bienvenido a Sensación Radio - Más Radio, Más Música
	www.sensacionradiofm.com
	Design by: Jesús Aponte	| @jesusfcoaponte
*/

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: #ffffff
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face {
  font-family: Share;
  font-weight: normal;
  font-style: normal;
  font-display: Share;
}


body {
	line-height: 1;

}

h2 {
	color: #f1f1f8;
	font: 700 1.7rem/1.7rem "Montserrat", sans-serif;
}

h3 {
	color: #f1f1f8;
	font: 700 1rem/1rem "Montserrat", sans-serif;
}

div {
	align-content: center;
	align-items: center;
	text-align: center;
}

#padre {
	position: relative;
}

#uno {
	position: absolute;
}

.imagen-container {
    max-width: 1000px;
    max-height: 1000px;
    position: relative;
    margin: auto;
}

.imagen:hover {
	filter: opacity(.8);
}

	/* Carrusel */
	* {box-sizing: border-box;}
	      body {font-family: Verdana, sans-serif;}
	      .mySlides {display: none;}
	      img {vertical-align: middle;}

      /* Slideshow container */
      .slideshow-container {
        max-width: 1000px;
        max-height: 300px;
        position: relative;
        margin: auto;
      }

      /* Caption text */
      .text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 8px;
        width: 100%;
        text-align: center;
      }

      /* Number text (1/3 etc) */
      .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
      }

      @-webkit-keyframes fade {
        from {opacity: .4} 
        to {opacity: 1}
      }

      /* On smaller screens, decrease text size */
      @media only screen and (max-width: 300px) {
        .text {font-size: 11px}
      }

	/*Widget Reloj*/
	.widget-reloj {
		position: absolute;
		left: 0;
		top: 70%;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		z-index: 100;
	}

/* Footer */

	#footer {
		font-family: Share;
		color: #fff;
		padding: 1em 0 1em 0 ;
		color: #b0b0b0;
		text-align: center;
	}


		#footer a {
			color: inherit;
			border-bottom-color: #b0b0b0;
		}

			#footer a:hover {
				color: #4696e5;
			}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}


/* Basic */
body {
	background-image: url(../img/cover.webp);
	width: 100%;
	background: #000000;	/*  */

}

/* Mobile (Portrait) */

	@media screen and (max-width: 480px) {

		/* BG */

			@-moz-keyframes bg {
				0% {
					-moz-transform: translate3d(0,0,0);
					-webkit-transform: translate3d(0,0,0);
					-ms-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0);
				}

				100% {
					-moz-transform: translate3d(-412.5px,0,0);
					-webkit-transform: translate3d(-412.5px,0,0);
					-ms-transform: translate3d(-412.5px,0,0);
					transform: translate3d(-412.5px,0,0);
				}

	}

		@-webkit-keyframes bg {
			0% {
				-moz-transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			}

			100% {
				-moz-transform: translate3d(-412.5px,0,0);
				-webkit-transform: translate3d(-412.5px,0,0);
				-ms-transform: translate3d(-412.5px,0,0);
				transform: translate3d(-412.5px,0,0);
			}
			}

		@-ms-keyframes bg {
			0% {
				-moz-transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			}

			100% {
				-moz-transform: translate3d(-412.5px,0,0);
				-webkit-transform: translate3d(-412.5px,0,0);
				-ms-transform: translate3d(-412.5px,0,0);
				transform: translate3d(-412.5px,0,0);
			}
		}

		@keyframes bg {
			0% {
				-moz-transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			}

			100% {
				-moz-transform: translate3d(-412.5px,0,0);
				-webkit-transform: translate3d(-412.5px,0,0);
				-ms-transform: translate3d(-412.5px,0,0);
				transform: translate3d(-412.5px,0,0);
			}
		}

/*
	Gracias por visitar
	Sensación Radio - Más Radio, Más Música
	www.sensacionradiofm.com
	Design by: Jesús Aponte	| @jesusfcoaponte
*/