/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

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, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
@import url("http://meyerweb.com/eric/tools/css/reset/reset.css");
@import url("http://coding.smashingmagazine.com/wp-content/uploads/images/smashing-html5/files/css/global-forms.css");
*/

html {
	background-color: #1553A0;
	height:100%;
	background-image: url('/skin/pattern.jpg')
}

body {
/*
*/	
	background-color: #eeeedd;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
	width: 960px;
	height:100%;
	font-family: 'Delius', 'Droid Sans', Verdana;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
}


/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

#reproductor {
	float: right;
	margin-right:10px;
	margin-top:5px;
}

#encabezado {
	height: 85px;
	padding-left: 20px;
	color: #0055ff;
	background-color: #2B5AA2;
	background-position: right center;
	background-image: url('/skin/encabezados/002.jpg')



/*
	background-image: url('/skin/pattern_encabezado.jpg')
	background-image: url('/skin/encabezados/001.jpg')
	background-image: url('http://www.spitzer.caltech.edu/uploaded_files/graphics/fullscreen_graphics/0007/8773/ssc2011-03a3_Sm.jpg')



	background-image: url('http://bluepatterns.com/patterns/pattern_CC9B6696-3051-E22C-63F7-1421E9DA6CE6.jpg')
	background-image: url('http://flickholdr.com/960/85/sky');
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
*/
}

#encabezado a {
	font-family: 'Yanone Kaffeesatz', serif;
	font-weight: bold;
	font-size: 60px;
	text-decoration: none;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	line-height: 45px;
	display: block;
	width: 400px;
	text-align: center;
	text-decoration: none;
	letter-spacing:2px;
	text-shadow: #000 2px -2px 3px;
	padding-top: 10px;
}

#encabezado h4 {
	font-family: 'Josefin Sans Std Light';
	font-weight: bold;
	color: #FFF;
	margin-top: 7px;
	width: 400px;
	text-align: center;
	font-size: 18px
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
	text-shadow: #000 2px -2px 3px;
}


#navegacion {
/*
	margin-top: 5px;
	margin-bottom: 5px;
	background: #ddaa88;
*/

	background-image: url('/skin/encabezados/002b.jpg');

	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	border-top:  solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	margin-bottom: 30px;
}

#navegacion ul {list-style: none; margin: 0 auto; width: 100%}
#navegacion li {float: left; display: inline; margin: 0;}

#navegacion a:link, #navegacion a:visited {
	font-family: 'Yanone Kaffeesatz', serif;
	font-size: 20px;
	color: #eee;
	display: inline-block;
	height: 30px;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	border-right: solid 1px #FFF;
	font-weight: normal;
	text-shadow: #333 1px -1px 2px;
}
#navegacion a:hover, #navegacion a:active {
/*
	background: #443388;
	font-weight: bold;

*/
	background-image: url('/skin/pattern_encabezado.jpg');

	color: #fff;
	text-shadow: none !important;
}

#sidebar {
	float:left; 
	margin-left:10px; 
	padding:0; 
	width:250px; 
	font-size: 14px;
	min-height: 60%;
	padding-top: 2px;
}

#content {
	float:right; 
	margin-right:10px; 
	width:680px;
	text-align:left; 
	min-height: 600px;
	display: block;
	text-align: justify;
	line-height: 15px;
	overflow: auto;
}

#content a{
	font-weight: bold;
	text-decoration: none;
	color: #1755A0;
}



#firma {
	font-style: normal;
	overflow: hidden;
	text-align: left;
	width: 100%;
}

#disclaimer {
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 700px;
	line-height: 14px;
}

#disclaimer a{
	text-decoration: none;
	color: #443388;
}

#chatito {
	width: 670px;
	height: 470px;
	overflow:hidden;
}

h2 {
	font-size: 18px;
	font-weight: bold;
}


div.jp-audio {
	border: 3px solid #1755A0;
	background-color: #EEE;
	position:relative;
	width:400px;
	height:70px;
	display:block;
	overflow:hidden;
	padding-left: 2px;
	padding-right: 3px;
/*
	border: 3px solid #1755A0;
	text-indent:-9999px;
*/
}



div.playstop{
	float: left;
}

div.volumen, div.volumen-bar{
	float: right;
}


div.jp-controls {
	margin:0;
	padding: 0;
	overflow:hidden;
}

.jp-controls a {
	overflow:hidden;
	text-indent:-9999px;
}


a.jp-play, a.jp-pause {
	width:65px;
	height:65px;
	display: block;
	background-size: 100%;
	margin: 2px;
}


a.jp-mute, a.jp-unmute, a.jp-volume-max {
	width:30px;
	height:30px;
	display: block;
	background-size: 100%;
	margin: 3px;
}

.jp-volume-bar {
	position:relative;
	overflow:hidden;
	background: url("jplayer.blue.monday.jpg") 0 -250px repeat-x;
	height:64px;
	width:5px;
	cursor: pointer;
	border: solid 1px #A9A9AC;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 2px;
}

.jp-volume-bar-value {
	position:absolute;
	bottom: 0;
	background-color: #1755A0;
	width:5px;
	height:0px;
}



a.jp-pause {background-image: url('/skin/stop_0.png');}
a.jp-play {	background-image: url('/skin/play_0.png');}
a.jp-pause:hover {background-image: url('/skin/stop_1.png');}
a.jp-play:hover {background-image: url('/skin/play_1.png');}
a.jp-mute {background-image: url('/skin/mute_0.png');}
a.jp-unmute {background-image: url('/skin/mute_1.png');}
a.jp-volume-max {background-image: url('/skin/volumen_0.png');}
a.jp-volume-max:hover {background-image: url('/skin/volumen_1.png');}

#reproduciendo {
	margin: 3px;
	padding-top: 5px;
	font-family: 'Walter Turncoat';
}

#interprete, #tema {
	font-size: 12px;
	text-align: center;
}

.minitext {
	margin-top: 5px;
	font-size: 9px;
/*
	font-family: 'Hammersmith One', serif;
*/
	color: grey;
}

#related {
	position: absolute;
	right: 65px;
	top: 5px;
}

#votes {
	position: absolute;
	right: 65px;
	bottom: 5px;
}

.rel-youtube, .rel-facebook, .rel-twitter, .rel-website, .rel-myspace, .mas, .menos {
	background-size: 16px;
	height: 16px;
	width: 16px;
	text-indent:-9999px;
	display: inline-block;
}




a.mas {
	background-image: url('/skin/vote_mas_0.png');
}

a.menos {
	background-image: url('/skin/vote_menos_0.png');
}

a.mas:hover {
	background-image: url('/skin/vote_mas_1.png');
}

a.menos:hover {
	background-image: url('/skin/vote_menos_1.png');
}


.rel-youtube {
	background-image: url('/skin/youtube.png');
}

.rel-facebook {
	background-image: url('/skin/facebook.png');
}

.rel-twitter {
	background-image: url('/skin/twitter.png');
}

.rel-website {
	background-image: url('/skin/website.png');
}

.rel-myspace {
	background-image: url('/skin/myspace.png');
}

.formulario{
	margin-top: 50px;	
}

#content label {
	float: left;
	width: 250px;
	text-align: right;
	margin-right: 20px;
}

#content input {
	width: 300px;
	display: block;
	margin-bottom: 10px;
}

#content textarea {
	width: 300px;
	height: 80px;
	display: block;

}