@charset "utf-8";

/* CSS Document */

body{

	background-color:black;

	margin:10px 0px 0px 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #ccc;

	line-height:16px;

	font-size-adjust: none;

	font-stretch: normal; }

p{

	padding:0px 0px 8px 0px;}
/*
pre{

	font-size:11px; font-family: Arial, Helvetica, sans-serif; margin-top:2px;}*/

a { color: #29ABE2; text-decoration: none;}

a.alt { color: white; text-decoration: none; display:block;}

a.read-more { display: block; width: 79px; height: 14px; margin-left:20px;  font-size: .8em; text-align: center; text-transform: uppercase; text-decoration: none; }

a:focus, a:hover {

	text-decoration:none;

	color: #CCCCCC;

}

a.alt:hover{ color:#29ABE2;}

ul,il{

	margin:5px;

	padding:5px;

	list-style-position: outside;}

img{

	border:0px;}

.legal{

	font-size:13px;

	font-weight:bold;}

	

.titulo{

	font: 16px  Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-transform:uppercase;

	color:#29ABE2; }

.tituloint{

	font: 17px  Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-transform:uppercase;

	color:#fff; }

.blue{

	color:#29abe2;

	font-weight:bold;}

.blue2{

	color:#29abe2;

}

.orange{

	color:#fe9900;

	font-weight:bold;}

.yellow{

	color: #FE9900;
}

.miga{

	font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:left; }

.miga td{

	padding-bottom:6px;}

.pic{

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	color:#CCC;}

.footer{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;



}

.form{
	border:1px solid #fff;
	text-indent:10px;
	font-size:15px;
	color:#FF0000;
	width:150px;}

/*div*/

#header01{

	 padding:8px; width:233px; }	

#header01 img{

	margin-right:3px; padding-left:2px;}

#header01 a{

	margin-right:3px; padding-left:2px; color:white;}		

#header01 a:hover{

	margin-right:3px; padding-left:2px; color:#29ABE2;}	

		

/*

** contenido

*/

#header02{

	text-align: left; margin:5px 5px 40px 20px; }	

#header02 img{

	margin-right:3px; padding-left:2px;}

#contenido{

	padding:0px 20px 20px 20px;

	text-align:justify;

	font-size:14px;

	border-left: 1px dashed #FE9900;

	margin-left:10px;

/*	height:300px;*/

	width:560px;

/*	overflow: auto;*/

	scrollbar-face-color: #FF3C00;

	scrollbar-arrow-color: #fff;

	scrollbar-highlight-color: #FF3C00;

	scrollbar-3dlight-color: #781710;

	scrollbar-shadow-color: #2F0906;

	scrollbar-darkshadow-color: #0A4166;

	scrollbar-track-color: #0A4166;

}

#contenido p{

	margin: 0px 0px 8px 0px;}

#contenido ul {

	list-style-type: disc; }

#contenido ul li{ margin-left:26px;}

#contenido h2{

	font-size:16px; color:#FF3C00; margin: 5px;}

#contenido h3{

	font-size:15px; color:#29ABE2;	margin: 5px; text-transform:capitalize;}



/*

** form

*/

.img_list{float:left; padding:0px 2px 0px 0px;   }

.ima_punt{ background: transparent url(images/linea.gif) no-repeat center; height:30px; margin-left:2px; }



.form{ border:1px solid #37698C; color:#333; width:180px; text-indent:3px; font-size:12px;}

.boton{ border: 1px solid white; background-color: white; color:#37698C;}

.tdcluds{

	background-image:url(images/clouds.png);

	background: transparent url(images/clouds.png) top center no-repeat ;

	height:122px;

	}

	

/*players*/

#menu{ 

	width:100%;

	margin: 0px;

	padding: 0px;

	background:transparent;

	height:20px;

	color:#FFFFFF;

	overflow: inherit;

	}

#menu ul {

 	list-style: none;

	text-align:center;

	padding-top:1px;

}

#menu ul li {

	color:white;

	padding: 3px 10px 3px 10px;

	border-left: 1px solid #F9F9F9; 

	display:inline !important;

	display:block;

	

}

#menu ul li a{

	color:#FFFFFF;

	padding:0px 7px 0px 7px; 

	font-size:12px;

	}

#menu ul li a:hover{

	color: #FFFF66  ;

	}



#menu ul li.primero{

/*	background-image:none;*/

	border-left:none; 

}

#playercontenido{

	width:92%;

	top:110px;

	margin-left:20px;

	margin-top:30px;

	z-index:1;

	overflow:inherit;

}

					/*

					 player and playlist go side by side 

					#player, div.playlist {

						float:left;		

						margin-right:12px; 

					}

					

					div.playlist {

						margin-top:2px;

						width:320px;

						height: auto;

					}

					

					 player dimensions 

					#player, #player img {

						display:block;				

						width:320px;

						height:240px;

						border:0px;		

					}

					

					 play button on top of splash image 

					div.play {

						background:url(images/play.png) no-repeat;

						width:50px;

						height:50px;

						position: relative;

						opacity:0.6;

						top:-150px;

						left:40%;

					}

					

					div.play:hover {

						opacity:1.0;		

					}

					

					 single playlist item 

					div.items a {

						display:block;

						text-decoration:none;

						color:#ccc;		

					}

					

					div.items p {

						font-size:11px;

						padding:6px;

						margin:0px;

						border-bottom:1px dotted #f2f2f2;		

					}

					

					div.items p.time {

						padding-top:0px;

						color:#fff;

						margin-top:6px;

					} 

					

					 item stages: normal, hover, playing, paused 

					div.items a:hover {

						background-position:0 -68px;	

					}

					

					div.items a.playing, div.items a.paused {

						color:#fff;	

					}

					

					div.items a.playing {

						background-position:0 -136px;		

					}

					

					div.items a.paused {

						background-position:0 -68px;	

					}

					

					

					 small navigational dots 

					div.navi {

						width:60px;	

						float:left;

						margin:10px 0 0 50px;

						height:11px;

						overflow:hidden;

					}

					

					div.navi span {

						width:8px;

						height:8px;

						float:left;

						margin:3px;

						background:url(images/dots.png) 0px 0px no-repeat;		

						cursor:pointer;

					}

					

					div.navi span:hover {

						background-position:0 -8px;		

					}

					

					div.navi span.active {

						background-position:0 -16px;

						cursor:default;

					}

					

					#page {

						width: auto;

						margin:0px auto;

						padding:5px 20px 10px 20px;

						text-align:left;

					}

					*/



/*menu*/



ul.menu {

  width: 100%;

  list-style: none;

  margin: 0;

  padding: 10px;

  padding-bottom:10px;

  list-style-position:outside;

}

ul.menu li {

	background:  url(images/list01.png) no-repeat left top;

	padding: 0 0 0 25px;

	padding-bottom:10px;

}

ul.menu li:hover {

	background:  url(images/list01b.png) no-repeat left top;

}

ul.menudos {

  width: 100%;

  list-style: none;

  margin: 0;

  padding: 10px;

  padding-bottom:10px;

   list-style-position:outside;

}



ul.menudos li {

	background:  url(images/list02.png) no-repeat left top;

	padding: 0 0 0 25px;

	padding-bottom:10px;

}

ul.menudos li:hover {

	background:  url(images/list02b.png) no-repeat left top;

}

ul.menutres{

  width: 100%;

  list-style: none;

  margin: 0;

  padding: 10px;

  padding-bottom:10px;

   list-style-position:outside;

}



ul.menutres li {

	background:  url(images/list03.png) no-repeat left top;

	padding: 0 0 0 25px;

	padding-bottom:10px;

}

ul.menutres li:hover {

	background:  url(images/list03b.png) no-repeat left top;

}

/*end menus*/