html { 
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	font-size:62.5%;
	font-family: Arial, sans-serif;
	text-align: center;
	color: #363636;
	background-color: #010000;
	padding: 0;
}

/* ============ TAGS GLOBALES ============ */

img {border: 0;}

ul, ol, li, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0;}

form,fieldset,label,input {padding: 0;margin: 0;}

textarea { font-family: "Trebuchet MS"; font-size: 1.0em; }

fieldset {border: 0;}

p {margin: 1em 0;}

a { color: #0063DC; }

.hidden {display: none;}
.clear {clear: both;}

/* ============ ORGANIZACION ESTRUCTURAL ============ */

#content { margin: 15px auto; }
.home { width: 930px; }
.home div { float: left; border: 1px solid #ccc; margin: 0 3px 3px 0; }
.videos { width: 956px; }

#header h1 a { color: #ccc; }
#header h1 u { color: #fff; }

#video { overflow: hidden; }
#flv { width: 612px; height: 500px; float: left; margin-right: 4px; }
#ads { width: 340px; height: 500px; float: left; text-align: left; }
#ads_big { width: 956px; height: 90px; margin-top: 10px; text-align: center; }

#paginador { clear: both; width: 900px; margin: 0 auto; font-family: Arial; font-size: 18px; font-weight: bold; padding-top: 5px; }
#paginador #anterior { float: left; }
#paginador #siguiente { float: right; }
#links { clear: both; margin: 25px auto; padding: 5px 10px; overflow: hidden; border: 2px solid #666; width: 800px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#links h2 { font-size: }
#links a { display: block; width: 145px; text-align: left; float: left; font-weight: bold; }

/* ============ TOOLTIPS ============ */

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; background:url(../img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; font-weight: bold; font-size: 12px; }
#ttbot {display:block; height:5px; margin-left:5px; background:url(../img/tt_bottom.gif) top right no-repeat; overflow:hidden}

#comentarios { background: #000; border: 2px solid #666; margin: 10px auto 0 auto; padding: 5px; text-align: left; width: 940px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#comentarios h2 { font-size: 18px; margin-bottom: 6px; color: #ddd; }
#comentarios .comentario { padding: 8px 0; border-top: 1px solid #333; }
#comentarios .comentario .numero { color: #ccc; }
#comentarios .comentario .nombre { color: #ccc; }
#comentarios .comentario .texto { color: #ccc; font-size: 14px; }

#ingresar-comentario { background: #ddd; border: 2px solid #666; margin: 10px auto 0 auto; padding: 5px; text-align: left; width: 940px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 13px; }
#ingresar-comentario h2 { font-size: 18px; margin-bottom: 6px; color: #666; }
#ingresar-comentario input { border: 1px solid #666; height: 20px; width: 300px; }
#ingresar-comentario textarea { border: 1px solid #666; height: 100px; width: 600px; }

#related { width: 895px; height: 370px; margin: 10px auto; overflow: hidden; }
#related h3 { color: #fff; font-size: 21px; margin-bottom: 6px; }
#related .videobox { width: 160px; height: 150px; border: 1px solid #ccc; padding: 5px; float: left; display: inline; margin-right: 5px; margin-bottom: 5px; }
#related .videothumbs { border: 1px solid #fff; width: 160px; height: 120px; }
#related a { color: #fff; text-decoration: none; }
#related .videotitle { color: #fff; font-size: 11px; margin-top: 2px; text-align: left; width: 160px; height: 30px; overflow: hidden; }
