@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);
}

/*Flecha para hacer la pagina hacia arriba
	.ir-arriba{
	  display:none;
	  background-repeat:no-repeat;
	  font-size: 30px;
	  color: orange;
	  cursor: pointer;
	  position: fixed;
	  bottom: 20px;
	  right: 10px;
	  z-index: 2;
	}
*/

/*Social Bar*/
	.social-bar {
		position: absolute;
		right: 0;
		top: 15%;
		font-size: 1.5rem;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		z-index: 100;
	}

	.icon {
		color: white;
		text-decoration: none;
		padding: .7rem;
		display: flex;
		transition: all .5s;
	}

	.icon-facebook {
		background: #2E406E;
	}

	.icon-twitter {
		background: #339DC5;
	}

	.icon-youtube {
		background: #E83028;
	}

	.icon-instagram {
		background: #e3405e;
	}

	.icon:first-child {
		border-radius: 1rem 0 0 0;
	}

	.icon:last-child {
		border-radius: 0 0 0 1rem;
	}

	.icon:hover {
		padding-right: 3rem;
		border-radius: 1rem 0 0 1rem;
		box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
	}

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

	/* Whatsapp */
	.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:30px;
	right: 20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 1px 1px 2px #999;
	z-index:100;
	}

	.float:hover {
		text-decoration: none;
		color: #25d366;
	  background-color:#fff;
	}

	.my-float{
		margin-top:16px;
}

	/* 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}
      }

/* 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: #13001a;	/*  */

}

/* 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
*/