/* CSS */

body {text-align: center; margin:0 0 10px 0; color:#333333; background:url(../imagenes/texturaGris.jpg)}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}

*, *:hover {outline:0}

h1 {margin:0; padding:0; font-size:1.9em; font-weight:bold; color:#000000}
h2 {margin:0; padding:0; font-size:1.6em; font-weight:bold; color:#000000}
h3 {margin:0; padding:0; font-size:1.3em; font-weight:bold; color:#000000}
h4 {margin:0; padding:0; font-size:1.0em; font-weight:bold; color:#000000}

p {margin:0; padding:0}

img {border:0}

a {text-decoration:none; color:#000000}
a:hover {color:#0EC209}

ul {list-style-type:none; margin:0; padding:0}

ul.horizontal li {float:left}

/* --------------------------------------------------------------------- */

#main {width:805px; height:auto; background:#FFFFFF}

#header {position:relative; width:805px; height:75px}
#header {margin:0; border-bottom:#0EC209 5px solid; background:#ffffff}

	#logo {margin:0; width:330px; height:75px; background-color:#000000;}
	
	#menu {position:absolute; top:10px; right:10px; width:700px; height:15px}
	#menu {text-align:right}
		#menu ul {float:right}
		#menu li {float:left; padding:0 0 0 5px}
		#menu li a {color:#000000}
		#menu li a:hover {color:#ffffff}

#content {width:100%; height:auto; margin:5px 0 5px 0; overflow:auto}
#content {background:url(../imagenes/fondoAlt.gif) 0px 0px repeat-y}

	/* SECCION IZQUIERDA */

	#secIzq {float:left; width:600px; height:100%}
		
		#secciones {width:582px; height:20px; margin:0 5px 0 5px}
			#secciones li {padding:3px 0 0 5px}
		
		#subcategoria {width:582px; height:20px; margin:0 5px 0 5px}
			#subcategoria li {padding:3px 0 0 5px}
			
		
		#videoPrincipal {width:570px; padding:0 5px 0 5px; margin:5px 5px 10px 5px; text-align:center; border:#CCCCCC 1px solid}
			#videoPrincipal div.videoEmbed {width:570px; margin:5px 0 5px 0}
			#videoPrincipal p {padding:0 0 20px 0}
	
		span.subtitulo {background:url(../imagenes/iconoVideo.gif) 5px center no-repeat}
		span.subtitulo {padding:5px 0 5px 40px}
	
		#masVideos {width:570px; height:230px; overflow:auto}
		#masVideos {padding:0 5px 0 5px; margin:10px 5px 5px 5px; border:#CCCCCC 1px solid}
			#masVideos li {padding:3px 0 3px 0; width:auto; height:auto; overflow:auto}
			#masVideos li img {float:left; border-width:0}
			#masVideos li div {float:right; width:420px; height:80px}
			#masVideos li h4:hover {color:#0EC209}
			#masVideos li.bordeInf {border-bottom:#CCCCCC 1px solid}
		
		div.videoEmbed {width:590px; height:auto}
	
	/* SECCION DERECHA */
	
	#secDer {float:right; width:200px; height:100%}
	
		#banners {width:100%; text-align:center; padding:15px 0 0 0}
			#banners ul {width:100%}
			#banners li {padding:5px 0 5px 0}

#foot {width:795px; height:20px; text-align:right; background:#000000}
#foot {margin:5px 0 0 0; padding:3px 10px 0 0; border-top:#0EC209 2px solid}
		#foot a {color:#CCCCCC}
		#foot a:hover {color:#33CC33}