*{margin:0;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif;}

a{text-decoration:none;}
a:focus{outline:none;}
a img{border:none;}
.clear{clear:both;height:1px;display:block;width:100%;}
::-moz-selection {background: #F9FFD1; color:#C42937;}
ol,ul{list-style:none;}
.left{float:left;}

/* ---------------------- */
/* ------- BODY --------- */
/* ---------------------- */

body{text-align:center;}
html, body {
margin: 0;
padding: 0;
}

#header{background: transparent url("../image/header.png") repeat;display:block;width:100%; height:57px;}
#header,#header{-moz-border-radius: 15px;-webkit-border-radius: 15px;}
#header ul{display:block;width:80%;margin: 0 auto;}
#header ul li a{display:block;float:left;}
#header ul li{float:left;}

#footer{background: transparent url("image/header.png") repeat;display:block;width:100%; height:30px;}
#footer,#footer{-moz-border-radius: 15px;-webkit-border-radius: 15px;}
#footer ul{display:block;width:80%;margin: 0 auto;}
#footer ul li a{display:block;float:left;}
#footer ul li{float:left;}

#logo{display:block;width:80%;margin:0 auto;height:110px;}
#logo span{display:block;width:50%;float:left;text-align:left;margin:50px 0 0 0;}
#logo span.right{text-align:right;color:white;font-size:12px;}

#horinaja{background: transparent url("../image/hocenter.png") repeat;display:block;width:1110px;height:253px;margin:0 auto;}
#horinaja,#demo{-moz-border-radius: 15px;-webkit-border-radius: 15px;}

#contenidoCD{background: transparent url("../image/hocenter.png") repeat;display:block;width:400px;height:200px;margin:0 auto;}
#contenidoCD,#CD{-moz-border-radius: 15px;-webkit-border-radius: 15px;}

#mascot{display:block;position:absolute;top:90px;margin:0 0 0 20px;}
#demo{display:block;width:800px;height:230px;margin:10px 0 0 150px;background: transparent  url("../image/demo.png") repeat;}
#demo,#possiblity,#free{float:left;}
#possibility{margin:60px 0 0 40px;}
#free{margin: 100px 0 0 50px;}

#content{display:block;width:80%;margin: 70px auto 0 auto;text-align:left;}
#content h1{padding: 0 0 0 20px;}
#content span{float:left;width:33%;display:block;}
#content p{font-size:11px;color:#E7C7D5;padding: 20px 40px 20px 20px;}
#content a{color:white;border-bottom:1px dotted white;}
#download{color:white;font-size:12px;margin: 20px 0 0 0;}
#content form{margin: 10px 0 0 20px;}

.horinaja li.ho_1 img{margin: 25px 0 0 0;}
.horinaja li.ho_2 img{margin: 25px 0 0 0;}
.horinaja li.ho_3 img{margin: 25px 0 0 0;}
.horinaja li.ho_4 a{margin: 25px 0 0 0;display:block;}.horinaja li.ho_4 a.uno{margin:30px 0 0 0;}

#partenaires{float:none;clear:both;width:80%;margin: 250px auto 0 auto;position:relative;display:block;}
#partenaires a{float:left;display:block;width:auto;height:auto;margin: 0 0 20px 20px;}

#footer{padding: 30px 0 0 0;background:black;display:block;width:100%;height:57px;margin:50px 0 0 0;clear:both;}
#footer, #footer a{font-size:11px;color:white;}
#footer a{border-bottom:1px dotted white;}

/* HOWTO */
#howto{width:80%;background:transparent;display:block;margin:0 auto;}
#howto div{font-size:11px;color:#E7C7D5;padding: 20px 40px 20px 20px;display:block;}
#content h1{font-size:30px;font-weight:normal;color:#E02E82;text-transform:uppercase;}
#howto div h2{font-size: 24px;color:white;font-weight:normal;margin: 0 0 10px 0;}
code{font-size:11px;color:#E02E82;display:block;padding:20px 50px;background:#FEFFBE;margin: 20px 0 20px 1px;}
code::-moz-selection {background: black; color:white;}

/* Other */

h1 {
	font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
	color: #fff;
	margin: 0;
	text-align: center;
	padding: 5px 0;
}
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.4em;
	display: block;
	color: #ccc;
}
.container {
	width: 520px;
	height: 330px;
	position: absolute;
	top: 50%; left: 50%;
	margin: -165px 0 0 -210px;
	overflow: hidden;
}
img {border: none;}

ul#topnav {
	margin: 10px 0 5px; 
	padding: 0; 
	list-style: none;	
	font-size: 1.1em;
	clear: both;
	float: left;
	width: 100%;
	
}
ul#topnav li{
	margin: 1; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	height:40px;
}
ul#topnav a, ul#topnav span {
	padding: 10px 20px; 
	float: left; 
	font-size: 12px;
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
}
ul#topnav a {	color: #13a89e; }
ul#topnav span {
	display: none;
}
 
ul#topnav.v2 span{
	background: url(a_bg.gif) repeat-x left top;
}
ul#topnav.v2 a{
	color: #555;
	background: url(a_bg.gif) repeat-x left bottom;
}
#player_container {
	position: relative;
	background-color:#eee;
	width:418px;
	height:80px;
	border:1px solid #009be3;
}
#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:48px;
	top:20px;
	width:40px;
	height:40px;
	cursor: pointer;
}
#player_play {
	background: url("../images/spirites.jpg") 0 0 no-repeat;
}
#player_play.jqjp_hover {
	background: url("../images/spirites.jpg") -41px 0 no-repeat;
}
#player_pause {
	background: url("../images/spirites.jpg") 0 -42px no-repeat;
}
#player_pause.jqjp_hover {
	background: url("../images/spirites.jpg") -41px -42px no-repeat;
}
 
#ctrl_prev {
	position: absolute;
	left:20px;
	top:26px;
	background: url("../images/spirites.jpg") 0 -112px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
 
#ctrl_prev:hover {
	background: url("../images/spirites.jpg") -29px -112px no-repeat;
}
 
#ctrl_prev.disabled {
	background: url("../images/spirites.jpg") -58px -112px no-repeat;
	cursor:default;
}
 
#ctrl_next {
	position: absolute;
	left:88px;
	top:26px;
	background: url("../images/spirites.jpg") 0 -141px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
 
#ctrl_next:hover {
	background: url("../images/spirites.jpg") -29px -141px no-repeat;
}
 
#ctrl_next.disabled {
	background: url("../images/spirites.jpg") -58px -141px no-repeat;
	cursor:default;
}
 
 
#player_stop {
	position: absolute;
	left:126px;
	top:26px;
	background: url("../images/spirites.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
#player_stop.jqjp_hover {
	background: url("../images/spirites.jpg") -29px -83px no-repeat;
}
#player_progress {
	position: absolute;
	left:164px;
	top:32px;
	background-color: #eee;
	width:122px;
	height:15px;
}
#player_progress_load_bar {
	background: url("../images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
#player_progress_load_bar.jqjp_buffer {
	background: url("../images/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar {
	background: url("../images/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
}
#player_volume_min {
	position: absolute;
	left:296px;
	top:32px;
	background: url("../images/spirites.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}
 
#player_volume_max {
	position: absolute;
	left:368px;
	top:32px;
	background: url("../images/spirites.jpg") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}
 
#player_volume_min.jqjp_hover {
	background: url("../images/spirites.jpg") -19px -170px no-repeat;
}
 
#player_volume_max.jqjp_hover {
	background: url("../images/spirites.jpg") -19px -186px no-repeat;
}
 
#player_volume_bar {
	position: absolute;
	left:314px;
	top:37px;
	background: url("../images/volume_bar.gif") repeat-x top left;
	width:46px;
	height:5px;
	cursor: pointer;
}
#player_volume_bar_value {
	background: url("../images/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}
 
#play_time,
#total_time {
	position: absolute;
	left:164px;
	top:49px;
	width:122px;
	font-size:.8em;
	font-style:oblique;
}
 
#total_time {
	text-align: right;
}
 
#playlist_list {
	width:418px;
}
 
#playlist_list ul{
	list-style-type:none;
	padding:10px 20px 20px 20px;
	margin:0 0 10px 0;
	background-color:#ccc;
	border:1px solid #009be3;
	border-top:none;
	width:378px;
	font-size:.9em;
}
 
#playlist_list li{
	padding:4px 0 4px 20px;
	border-bottom:1px solid #eee;
	cursor: pointer;
}
 
#playlist_list li.playlist_current{
	color:#0d88c1;
	list-style-type:square;
	list-style-position:inside;
	padding-left:6px;
	cursor: default;
}
 
#playlist_list li.playlist_hover {
	color:#0d88c1;
}
 
.miaow {
	font-size:.8em;
	color:#999;
}
 
.miaow a:link, a:visited, a:hover, a:focus, a:active {
	color:#009be3;
}

				h3{ margin: 10px 10px 20px 20px; color:#FFF; font:10pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
				.boxgrid{ 
				width: 200px; 
				height: 200px; 
				margin:5px; 
				float:left; 
				background:#161613; 
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				border: 0; 
				overflow: hidden; 
				position: relative;
								z-index:100;

			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
									z-index:100;

				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 150px; 
				width: 100%; 
				opacity: .8; 
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				z-index:100;
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}	    
				
				
		#sideBar{
text-align:left;
}

#sideBar h2{
	color:#FFFFFF;
	font-size:110%;
	font-family:arial;
	margin:10px 10px 10px 10px;
	font-weight:bold !important;
}

#sideBar h2 span{
	font-size:125%;
	font-weight:normal !important;
}

#sideBar ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#sideBar li{
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	background-color:#DA1074;
	width:177px;
	color:#FFFFFF;
}

#sideBar li a{
	width:100%;
}

#sideBar li a:link,
#sideBar li a:visited{
	color:#FFFFFF;
	font-family:verdana;
	font-size:100%;
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
}

#sideBar li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#sideBar{
	position: absolute;
	width: auto;
	height: auto;
	top: 140px;
	left:0px;
	background-image:url(../images/background-left.gif);
	background-position:top right;
	background-repeat:repeat-y;
}

#sideBarTab{
	float:left;
	height:137px;
	width:28px;
}

#sideBarTab img{
	border:0px solid #FFFFFF;
}

#sideBarContents{
	float:left;
	overflow:hidden !important;
	width:200px;
	height:320px;
}

#sideBarContentsInner{
	width:200px;
}