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

@font-face {
  font-family: 'Playball';
  font-style: normal;
  font-weight: 400;
  src: local('Playball'), local('Playball-Regular'), url('/la-raya/fonts/Gotham-Book.otf') format('opentype');
}


body {
	background: url('images/bg.jpg') repeat-x top center #eee5c6;
	padding: 0px;
	margin: 0px;
	font-family: "Playball", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #000000;
}

/*** BASIC ELEMENTS ***/

#main {
	position: relative;
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
}

#header {
	float: left;
	width: 1000px;
	height: 160px;
	margin: 0px;
	padding: 0px;
}

#content {
	float: left;
	width: 1000px;
	margin: 0px;
	padding: 0px;
}

/*** HEADER ***/

.logo_header { width:220px; height:170px; text-align:center; margin:0px; padding:0px; float:left;}
	
	.logo_header ul { list-style:none; float:left; overflow:hidden; height:100%; background:url('images/menu_bgx.jpg') repeat-x 0 0;margin:0px;padding:0px;}
	.logo_header ul li { float:left; text-align:center; background:url('images/verx.gif') no-repeat 0 0px; margin:0px 0px 0px 0px; padding:0px;}
	.logo_header ul li a { display:block; float:left; width:220px; height:170px; overflow:hidden; text-align:center; text-indent:-1000em;  cursor:pointer;text-decoration:none;}
	
	.logo_header ul li a.page01 { background:url('images/sprite.png') 0px -101px no-repeat;}

.btn_historia { width:162px; height:28px; text-align:center; margin:0px 0px 0px 100px; padding:0px; float:right;}
	
	.btn_historia ul { list-style:none; float:left; overflow:hidden; height:100%; background:url('images/menu_bgx.jpg') repeat-x 0 0;margin:0px;padding:0px;}
	.btn_historia ul li { float:left; text-align:center; background:url('images/verx.gif') no-repeat 0 0px; margin:0px 0px 0px 0px; padding:0px;}
	.btn_historia ul li a { display:block; float:left; width:162px; height:28px; overflow:hidden; text-align:center; text-indent:-1000em;  cursor:pointer;text-decoration:none;}
	
	.btn_historia ul li a.page01 { background:url('images/sprite.png') -688px 0px no-repeat;}
	.btn_historia ul li a.page01:hover { background:url('images/sprite.png') -688px -28px no-repeat;}

.menu_raya { width:680px; height:37px; text-align:center; margin:30px 0px 0px 0px; padding:0px; float:right; }
	
	.menu_raya ul { list-style:none; /*width:100%;*/ float:left; overflow:hidden; height:100%; background:url('images/menu_bgx.jpg') repeat-x 0 0;margin:0px;padding:0px 0px 0px 2px;}
	.menu_raya ul li { float:left; text-align:center; background:url('images/verx.gif') no-repeat 0 0px; margin:0px 0px 0px 0px; padding:0px;}
	.menu_raya ul li a { display:block; float:left; width:104px; height:42px; overflow:hidden; text-align:center; text-indent:-1000em;  cursor:pointer;text-decoration:none;}
	
	.menu_raya ul li a.page01 { background:url('images/sprite.png') 0px 0 no-repeat; width:97px;}
	.menu_raya ul li a.page02 { background:url('images/sprite.png') -97px 0 no-repeat; width:210px;}
	.menu_raya ul li a.page03 { background:url('images/sprite.png') -309px 0 no-repeat; width:155px;}
	.menu_raya ul li a.page04 { background:url('images/sprite.png') -465px 0 no-repeat; width:104px;}
	.menu_raya ul li a.page05 { background:url('images/sprite.png') -569px 0 no-repeat; width:110px;}
	
	.menu_raya ul li a.page01:hover { background:url('images/sprite.png') 0px -51px no-repeat; width:97px;}
	.menu_raya ul li a.page02:hover { background:url('images/sprite.png') -97px -51px no-repeat; width:210px;}
	.menu_raya ul li a.page03:hover { background:url('images/sprite.png') -309px -51px no-repeat; width:155px;}
	.menu_raya ul li a.page04:hover { background:url('images/sprite.png') -465px -51px no-repeat; width:104px;}
	.menu_raya ul li a.page05:hover { background:url('images/sprite.png') -569px -51px no-repeat; width:110px;}
	
	.menu_raya ul li#current a.page01 { background:url('images/sprite.png') 0px -51px no-repeat; width:97px;}
	.menu_raya ul li#current a.page02 { background:url('images/sprite.png') -97px -51px no-repeat; width:210px;}
	.menu_raya ul li#current a.page03 { background:url('images/sprite.png') -309px -51px no-repeat; width:155px;}
	.menu_raya ul li#current a.page04 { background:url('images/sprite.png') -465px -51px no-repeat; width:104px;}
	.menu_raya ul li#current a.page05 { background:url('images/sprite.png') -569px -51px no-repeat; width:110px;}

#share_raya {
	float: right;
	width: 280px;
	height: 45px;
	margin: 20px 0px 0px 100px;
	padding: 0px;
}

/*** CONTENT ***/

#destacado_home {
	float: left;
	width: 850px;
	height: 394px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 150px;
	background: #000000;
}

#texto_home {
	float: left;
	width: 700px;
	margin: 0px 0px 0px 160px;
	padding: 10px 0px;
	text-align: justify;
	clear: both;
}

#texto_episodios {
	float: left;
	width: 980px;
	margin: 0px;
	padding: 10px 0px;
	text-align: justify;
	clear: both;
}

#content_gallery {
	float: left;
	width: 980px;
	height: 800px;
	margin: 0px;
	padding: 10px 0px;
	background: url('images/bg_fotos.png') 120px -20px no-repeat;
}

.titulo1 {
	color: red;
	font-size: 24px;
}

#twitter,
#facebook {
	float: left;
	width: 300px;
	height: 350px;
	margin: 35px 0px 0px 140px;
	padding: 0px;
	background: #ffffff;
}

/*** FOOTER ***/

#footer {
	float: left;
	width: 100%;
	height: 347px;
	margin: 0px auto;
	padding: 0px;
	background: url('images/bg_footer.png') repeat-x top center;
}

#footer_inside {
	position: relative;
	width: 1000px;
	height: 347px;
	margin: 0px auto;
	padding: 0px;
}

.logo_footer { 
	width:95px;
	height:90px;
	margin:230px 0px 0px 240px;
	padding:0px;
	float:left;
	background:url('images/sprite.png') -252px -131px no-repeat;
	text-indent: -1000em;
}

#texto_footer {
	float: left;
	width: 375px;
	height: 30px;
	margin: 260px 0px 0px 40px;
	padding: 0px;
	color: #706351;
	font-size: 14px;
}