@charset "UTF-8";
/* CSS Document */

/* Mobile Styles */


/* Tablet Styles */

	body {color:#fff; font-family: 'Manjari', sans-serif; font-size: 2.2em; font-weight: 100;}
	h2 {font-family: 'Passion One', cursive; font-weight: 100; font-size: 1.5em; line-height: 1.4em; }
	#background{ width: 100%; height:100%; 
				margin: 0 auto;
				background-color: #251430;
background-image: url("https://www.transparenttextures.com/patterns/iron-grip.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */}
	#header {margin: 0 auto; width:680px; height:242px; background-image: url(logo-monstruo.png); text-indent: -2000px;}
	#tagline {width: 700px;  border-bottom: 3px solid #000; margin: 0 auto; margin-bottom: 35px;  margin-top: 50px;}
	
	.episodios {width: 700px; height: 350px;  margin: 0 auto; margin-bottom: 0px; min-width: 700px; }
	.monstruo-impar {width:213px; height:213px; float: left;}
	.descripcion-impar {width: 433px; height: 213px; float: right; padding-left: 15px; line-height: 1.1em;}
	.descripcion-par {width: 433px; height: 213px; float: left; text-align: right; padding-right: 15px;line-height: 1.1em;}
	.monstruo-par {width:213px; height:213px; float: right;}
	a {color:#fff; text-decoration:none;}
	a:hover {color:#fff; text-decoration:underline; background-color: #000;}
	a:visited {color:#fff; text-decoration:none;}
		

.audios{color: #000; width: 700px; line-height: 1.5em;font-size: 1.5em;}

audio {width: 650px; height: 50px;}