/*	----------------------------------------------------------------------------
	Estilos parte pública de e2000
	
	version:	1.1
	autor:		Jorge Canteli
	email:		jorcanvi@q-interactiva.com
	web:		http://www.q-interactiva.com
	----------------------------------------------------------------------------*/
/*	----------------------------------------------------------------------------
	Importacion de css comunes para todas las secciones
	----------------------------------------------------------------------------*/		
	@import url(reset.css);	
/*	----------------------------------------------------------------------------*/

/*	----------------------------------------------------------------------------
	clases globales, tipografias y reseteo inicial
	----------------------------------------------------------------------------*/
	*
	{
		margin:0;
		padding:0;
		border:0;
	}
	.clear
	{
		clear:both;
	}
	.negrita
	{
		font-weight:bold;
	}
	.hidden
	{
		display:none;
	}	
/*	----------------------------------------------------------------------------
	Estructura web
	----------------------------------------------------------------------------*/
	body
	{
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		
		background:#fff url(../img/fnd_container.jpg) center 33px no-repeat;
	}
	#container
	{
		margin:0 auto;
		padding:0;
		width:900px;
		
		text-align:left;
	}
	#header
	{
		padding:0 0 25px 0;
		width:900px;
	}
	#content
	{
		float:left;
		margin:0 0 0 0;
		width:584px;
	}		
	#sidebar
	{
		float:right;
		width:290px;
		padding:0 0 0 0;
	}
	#footer
	{
		margin:10px 0 0 0;
		padding:5px 0 15px 0;
		width:900px;
		
		border-top:1px dashed #808080;
	}
/*	----------------------------------------------------------------------------
	Estilos header
	----------------------------------------------------------------------------*/
	#header h1
	{
		width:auto;
		text-align:right;
		
		font-size:12px;
	}
	#header h2
	{
		float:left;
		width:128px;
		
		font-size:12px;
	}
	#header h3
	{		
		float:right;
		padding:40px 0 0 0;
		width:740px;		
				
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:14px;
		font-weight:normal;
		color:#6B6B6B;
		text-align:right;
	}

/*	----------------------------------------------------------------------------
	Estilos content
	----------------------------------------------------------------------------*/
	#img_video
	{		
		width:584px;
	}
	#content .media
	{
		display:block;
		width:584px;
	}
	#content #video_media
	{
		margin:20px 0 0 0;
		padding:0;
		width:575px;
		height:381px;
		z-index:0;
	}
	/*#content #video_media span,#content #video_media div
	{
		margin:20px 0 0 0;
		padding:0;
		width:auto;		
				
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:14px;
		font-weight:normal;
		color:#6B6B6B;
		text-shadow:0px -1px 0px #aaa;
		z-index:0;
	}*/
	#content h3
	{
		margin:20px 0 0 0;
		padding:0;
		width:auto;		
				
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:14px;
		font-weight:normal;
		color:#6B6B6B;
		text-shadow:0px -1px 0px #aaa;
	}
	#content h3 span
	{
		color:#37DA65;
		text-shadow:0px -1px 0px #bbb;
	}
	#content h4
	{
		margin:20px 0 0 0;
		padding:0;
		width:auto;		
				
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:10px;
		font-weight:normal;
		color:#6B6B6B;
	}
	#content #ul_aviso li
	{
		display:block;
		margin:10px 0 0 0;
		padding:10px 5px 10px 40px;
				
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:14px;
		font-weight:normal;
		color:#013A65;		
		text-align:justify;
		
		background:url(../img/ico_tv_off.jpg) 0 1px no-repeat;	
	}
	#content ul
	{
		margin:20px 0 0 0;
		padding:0;
		width:584px;
		text-align:center;
	}
	#content ul li
	{
		list-style:none;
		display:inline;
		margin:0 0 0 -4px;
		padding:0;
	}
	#li_surne
	{
		padding:0;
	}

/*	----------------------------------------------------------------------------
	Estilos sidebar
	----------------------------------------------------------------------------*/
	#sidebar h1
	{
		width:290px;
		
		font-size:12px;
	}	
		
	#sidebar #sidebar_layer
	{
		margin:0px 0 20px 0;
		padding:25px 0 0 6px;
		width:284px;
		
		/*background:#EBEBEB url(../img/ico_comentario.png) 2px 10px no-repeat;*/
		background-color:#EBEBEB;
	}
		#sidebar #sidebar_layer p
		{
			font-size:12px;
			color:#6B6B6B;
		}	
		#sidebar #sidebar_layer p a
		{
			color:#6B6B6B;
			text-decoration:none;
		}	
			
		#sidebar #sidebar_layer #layer_facebook
		{
			position:relative;
			margin:0 0 0 0;
			padding:0 0 5px 0;
			width:284px;
			min-height:70px;
			
			background:url(../img/ico_cargando.gif) center center no-repeat;
			
			/*display:none;*/
		}		
		#sidebar #sidebar_layer #layer_facebook #boton_desconectar
		{
			position:absolute;
			bottom:0;
			right:0;
			display:none;
		}		
		#sidebar #sidebar_layer #p_registrese
		{
			position:relative;
			margin:0 0 10px 0;
			padding:10px 0 10px 0;
			width:265px;
			
			display:none;
		}	
		#sidebar #sidebar_layer #p_registrese span
		{
			position:absolute;
			right:0;
			top:3px;
			margin:0 0 0 0;
		}	
		#sidebar #sidebar_layer #p_fan
		{			
			margin:0 0 0 0;
			padding:0 0 0 0;
			width:265px;
			
			/*display:none;*/
		}	
		#sidebar #sidebar_layer #p_fan2
		{			
			margin:0 0 8px 0;
			padding:0 0 10px 60px;
			width:200px;
			color:#3B5998;
			font-size:11px;
			
			/*display:none;*/
		}	
		#sidebar #sidebar_layer form
		{			
			margin:5px 0 12px 0;
			width:284px;
		}
		#sidebar #sidebar_layer #f_comentario
		{
			display:none;
		}
			#sidebar #sidebar_layer textarea
			{
				margin:0 0 5px 0;
				padding:2px;
				width:274px;
				height:50px;
				
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#6B6B6B;
			}	
			#sidebar #sidebar_layer input
			{
				width:110px;
				height:30px;
				
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#fff;
				
				background-color:#013A65;
			}	
		#sidebar #sidebar_layer #layer_comentarios
		{
			margin:5px 0 0 0;
			padding-bottom:5px;
			width:284px;
			height:320px;
			position:relative;
			overflow:auto;
			
		}	
		#sidebar #sidebar_layer #ul_comentarios
		{
			margin:0 0 0 0;
			width:265px;			
		}
		#p_anterior
		{
			display:block;
			float:left;
			padding:0 0 0 20px;
			width:90px;
			
			display:none;
		}
			#sidebar #sidebar_layer #layer_comentarios #p_anterior a
			{
				font-size:11px;
				color:#013A65;
			}
		#p_siguiente
		{
			display:block;
			float:right;
			padding:0 20px 0 0;
			width:90px;
			
			display:none;
			
			text-align:right;
		}
			#sidebar #sidebar_layer #layer_comentarios #p_siguiente a
			{
				font-size:11px;
				color:#013A65;
			}
			#sidebar #sidebar_layer #ul_comentarios li
			{
				margin:0 0 15px 0;
				padding:0 0 5px ;
				width:265px;
				
				background:url(../img/li_comentarios_fnd.jpg) 0 bottom no-repeat;
				border:0;
				position:relative;
			}	
			#sidebar #sidebar_layer #ul_comentarios li .img_fotoperfil
			{
				position:absolute;
				top:8px;
				left:4px;
			}	
			#sidebar #sidebar_layer #ul_comentarios li .layer_comentario
			{				
				margin:0 0 0 0;
				padding:10px 0 0 82px;
				width:183px;
				min-height:48px;
				*height: 48px;
				
				background:url(../img/layer_comentario_fnd.jpg) 0 0 no-repeat;
			}	
			
			#sidebar #sidebar_layer #ul_comentarios li .layer_comentario h4
			{
				margin:0 0 5px 0;
				padding:0 2px 0 0;
				width:178px;
				
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:normal;
				color:#6B6B6B;
			}	
			#sidebar #sidebar_layer #ul_comentarios li .layer_comentario h5
			{
				margin:0 0 0 0;
				padding:0 0 5px 0;
				width:183px;
				
				font-family:Arial, Helvetica, sans-serif;
				font-size:9px;
				font-weight:normal;
				color:#6B6B6B;
			}	
			#sidebar #sidebar_layer #ul_comentarios li .layer_comentario p
			{
				margin:0 0 3px 0;
				padding:0 0 0 0;
				width:183px;
				
				font-size:9px;
				color:#6B6B6B;
			}	
	#sidebar ul
	{
		margin:0 0 0 0;
		width:290px;
	}
	#sidebar #ul_videos
	{
		padding-bottom:10px;
		background-color:#F9F9F9;
	}	
	#sidebar ul li
	{
		margin:10px 0 2px 6px;
		padding:10px 0 10px 40px;
		width:220px;
		min-height:26px;
		
		font-size:12px;		
		color:#6B6B6B;
		
		background:url(../img/ico_tv_off.jpg) 0 1px no-repeat;		
		border-bottom:1px dashed #7F7F7F;
	}
	#sidebar #ul_videos li
	{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		line-height:15px;
	}	
	#sidebar #ul_videos li span
	{
		font-size:14px;
		color:#013A65;
	}
	#sidebar #ul_videos li a
	{
		font-size:14px;
		color:#013A65;
		text-decoration:none;
	}
	#sidebar #ul_videos .li_diferido a:hover
	{
		color:#FF6600;
	}
	#sidebar #ul_videos .li_seleccionado
	{
		font-size:14px;
		color:#FF6600;
		font-weight:bold;
	}	
	#sidebar #ul_videos .li_antespdf
	{
		border-bottom:0 dashed #7F7F7F;
	}	
	#sidebar #ul_videos .li_pdf 
	{
		margin:0 0 0 11px;
		padding:0;
		background:none 0 0 no-repeat;		
	}	
	#sidebar #ul_videos .li_pdf a
	{
		padding:10px 0 10px 40px;
		color:#0d5e99;
		background:url(../img/ico_pdf.png) 0 0 no-repeat;		
	}
	#sidebar ul #li_youtube
	{		
		padding:10px 0 10px 0;
		width:220px;
		min-height:26px;
		
		background-image:none;
		border-top:1px dashed #7F7F7F;
	}
	#sidebar ul #li_youtube span
	{		
		display:block;
		padding:4px;
		width:100px;
		height:58px;
				
		color:#994800;
		
		background:url(../img/fnd_texto_youtub.jpg) 0 0 no-repeat;
	}
	#sidebar ul #li_facebook
	{		
		padding:0 0 10px 0;
		width:220px;
		min-height:26px;
		
		background-image:none;
		border-bottom:0;
	}
	#sidebar ul li a
	{		
		font-size:12px;		
		color:#6B6B6B;
		text-decoration:none;
	}
	#ico_youtube
	{
		display:block;
		padding:5px 0 8px 155px;
		width:110px;
		
		background:url(../img/ico_youtube.jpg) 0 2px no-repeat;
	}
	#ico_facebook
	{
		display:block;
		padding:20px 0 10px 60px;
		width:160px;
		min-height:21px;
		*height:21px;
		
		background:url(../img/ico_facebook.jpg) 0 3px no-repeat;		
	}

	
/*	----------------------------------------------------------------------------
	Estilos footer
	----------------------------------------------------------------------------*/
	#footer p
	{
		margin:0 0 0 30px;
		width:auto;
				
		font-size:11px;
		color:#808080;	
	}
	#footer p a
	{
		color:#808080;
		text-decoration:none;
	}
	#footer p a:hover
	{
		color:#666;
	}