/* 
Theme Name: Última temporada - WEB
Author: xemix
version: Beta
*/

/**********************************************************************************************************************************************************************
	ESENCIALES / GENERALES																		
**********************************************************************************************************************************************************************/

body {
	background:url(../img/fondo_web_sup.jpg) top center no-repeat #333;
	margin:0px 0 20px 0;
	font-family: verdana, arial, tahoma, sans-serif; font-size: 11px;
	text-align:center;
}

/*colores*/
.rojo{ color: red; }

/* general */
* {margin:0; padding:0;}

/* enlaces */
a{ text-decoration:none; font-weight:bold; }
a:hover{ text-decoration: none; }
a:focus{ outline: none; }
a img { border:none; }

/* formularios */
input{ outline:none; }

/**********************************************************************************************************************************************************************
	CONTENEDOR - Contiene las clases #Cabecera, #Contenido, #Pie																		
**********************************************************************************************************************************************************************/

#Contenedor {
	border:0px dashed;	
	width: 990px; margin: 0px auto; padding:0; 
	color:#fff; overflow: hidden;text-align:left;	
	}

/**********************************************************************************************************************************************************************
	CABECERA								
**********************************************************************************************************************************************************************/	

#Cabecera {
	border:0px dashed red;
	background:url(../img/cabecera.png) top no-repeat !important;
  	float:left; width: 100%; height:190px; color: #fff; text-align:left; 
}

	/* Texto H1 / H2 Última Temporada */
	#Cabecera .texto_web{ /*background:url(../img/cabtextoweb.png) center center no-repeat;*/ float:right; width:280px; margin:8px 25px 0 0; font-size:12px; text-align:center; font-weight:bold; }
			#Cabecera .texto_web span	{ background:url(../img/cabtextoweb.png) 135px center no-repeat; float:left; width:50%; padding:0px; text-align:center; }
			#Cabecera .texto_web h1, 
			#Cabecera .texto_web h2		{ float:right; width:50%; padding:0px; font-size:12px; text-align:center; }
			#Cabecera .texto_web_noh 	{ background:none !important; float:right !important; }
			#Cabecera .categoria 		{ background:none; }
			#Cabecera .categoria h1		{ width:100%; }
			
	
	
	#Cabecera .contenido{ float:left; width:980px; margin:10px 5px 0px 5px; }
	
		#Cabecera .logo_tv{ float:left; position:absolute; width:251px; height:190px; margin:-35px 0 0 15px; *margin:-35px 0 0 -955px; }
	
		#Cabecera .contenido .tiraseries{ background:url(../img/tiraseries.png) top left repeat-x; float:left; height:115px; width:960px; margin:0px 0 0 10px;  }
			#Cabecera .contenido .tiraseries .imgserie{	float:left; width:110px; height: 68px; margin: 23px 0 0 9px; }
				#Cabecera .contenido .tiraseries .imgserie .sup{ 
					border:0px dotted; background:url(../img/esq_red_tiraseries.png) top center no-repeat;
					float:left; position:relative; width:100%; height:6px; margin:0 0 -6px 0;				}
				#Cabecera .contenido .tiraseries .imgserie .med{ float:left; width:100%;}
				#Cabecera .contenido .tiraseries .imgserie .inf{
					border:0px dotted; background:url(../img/esq_red_tiraseries.png) bottom center no-repeat;
					float:left; position:relative; width:100%; height:6px; margin:-6px 0 0 0;
					}
		/*#Cabecera .fin_cab{
			border:0px dashed red;
			background:url(../img/fin_cab.jpg) center center no-repeat;
			float:left; width:980px; height:30px; margin:5px 0 0 0;
		}
			#Cabecera .fin_cab .texto_web{ border:0px dashed;
				float:left; width:625px;
				font-size:14px; line-height:28px; text-align: right; font-weight:bold;
			}
				#Cabecera .fin_cab .texto_web span{ border:0px dashed red; float:right; width:200px; height: 30px; }
		
			#Cabecera .contenido .fin_cab h1, #Cabecera .contenido .fin_cab h2{ border:0px dashed red;
				float:right; height:30px; padding:0 0 0 5px;
				font-size:14px; line-height:;
			}
		*/
		/* Buscador */
		#Cabecera .contenido .fin_cab .buscador{ border:0px dashed red;
			background:url(../img/buscador.png) top right no-repeat;
			float:left; width:345px; height:30px; margin:0px;
			
		}
			#Cabecera .contenido .fin_cab .buscador form{ border:0px dashed blue;
				float:right; width:235px; margin:0 20px 0 0;
			}
			#Cabecera .contenido .fin_cab .buscador form label{
				float:left; margin:10px 0 0 0; padding:0 5px;
				font-weight:bold; font-size:11px; }
			#Cabecera .contenido .fin_cab .buscador form .text{
				border:none; background:none;
				float:left;	width:195px; height:14px; margin:10px 0 0 0; padding:0px;
				font-size:12px; color:black;
			}
			#Cabecera .contenido .fin_cab .buscador form .submit{
				border:none; background:none;
				float:right; width:40px; height:30px;
				cursor:pointer;
			}
			
			/* MENU NAVEGACIÓN */
			#MenuNav{ border:0px dashed red;
				/*background:url(../img/menunav.png) center center no-repeat;*/
				float:left; width:100%; height:42px;
				font-size:14px; line-height:32px; text-align:right;
				
			}
				/* enlaces del menu */
				#MenuNav .enlaces 					{ float:right; width:350px; height:100%; text-align:center; font-size:12px; }
				#MenuNav .enlaces a      			{ float:left; height:30px; margin:8px 10px 0 10px; padding:0 0 0 32px; color: #DDD; }
				#MenuNav .enlaces a:hover			{ color: #FFF; text-decoration:underline; }					
				
				#MenuNav .enlaces .menu_blog		{ background:url(../img/boton_menunav.png) 0px 0px no-repeat; }
				#MenuNav .enlaces .menu_popular 	{ background:url(../img/boton_menunav.png) 0px -32px no-repeat; }
					
				
				/* buscador del menu */
				#MenuNav .buscador{ border:0px dashed red;
					background:url(../img/buscador.png) top right no-repeat;
					float:right; width:345px; height:32px; margin:7px 10px 0 0;
					
				}
					#MenuNav .buscador form{ border:0px dashed blue;
						float:right; width:235px; margin:0 20px 0 0;
					}
					#MenuNav .buscador form label{
						float:left; margin:10px 0 0 0; padding:0 5px;
						font-weight:bold; font-size:11px; }
					#MenuNav .buscador form .text{
						border:none; background:none;
						float:left;	width:195px; height:14px; margin:10px 0 0 0; padding:0px;
						font-size:12px; color:#444;
					}
					#MenuNav .buscador form .submit{
						border:none; background:none;
						float:right; width:40px; height:30px;
						cursor:pointer;
					}

/**********************************************************************************************************************************************************************
	CONTENIDO								
**********************************************************************************************************************************************************************/


#Contenido {
	background:url(../img/contenido_sidebar.png) center repeat-y;
	float:left;	width:100%;
	}
	
/**********************************************************************************************************************************************************************
	PORTADA
**********************************************************************************************************************************************************************/
#Portada{ 
	border:0px dashed red;
	float:left; width:645px; margin:10px 0 0 5px; padding:0 10px;
	}

	#Portada a{ color: #DDD; }
	#Portada a:hover{ color: #FFF; }


		#Portada .titulo{
			background:url(../img/titulo_serie.png) center center no-repeat;
			float:left; width:100%; height:35px; margin:25px 0;
			text-align: center; color: #DDD;
		}
		
		#Portada .titulo h2{ font-size: 20px; }
	


#Series_Nube{ border:0px dashed white;
	background:url(../img/sofa.jpg) bottom center no-repeat;
	float:left; width:650px; margin:0px; padding:0px; 
}
	#Series_Nube .nube{ border:0px dashed red;
	position:relative; left:50%; width:300px; margin:0 0 180px -150px;
	text-align: center;
	}
	#Series_Nube a{ color: #222; margin:2px 0px; white-space: nowrap; }
	#Series_Nube a:hover{ color: #000; text-decoration:underline; }

#Link_Blog{
	border:0px dashed red;
	float:left;	width: 100%; height: 30px;margin:0 0 25px;
	text-align:center; font-size:16px; line-height: 30px;
}
	#Link_Blog a{ text-decoration:underline; }

/**********************************************************************************************************************************************************************
	FICHA SERIE
**********************************************************************************************************************************************************************/

#Serie{ float:left; width:650px; margin:15px 0 0 15px; padding:0px; }
	
	#Serie .sup		{ float:left; width:100%; height: 50px; background:url(../img/ficha_serie_supinf.jpg) top center no-repeat;}
	#Serie .sup h1	{ float:left; width:600px; height: 30px; margin:5px 15px; padding:0px 10px; color: #222; text-align:left; font-size:20px; line-height:35px; overflow: hidden;	}
	
	#Serie .med													{ float:left; width:100%; background:url(../img/ficha_serie_med.jpg) center center repeat-y; }
	#Serie .med .cont_ficha										{ float:left; width:640px; /*background:url(../img/cont_ficha.jpg) bottom right no-repeat;*/ }
	#Serie .med .cont_ficha	ul									{ float:left; margin: 5px 0 0 60px; color: #DEB984; }
	#Serie .med .cont_ficha	ul a     						  	{ color: #DDD;	}
	#Serie .med .cont_ficha	ul a:hover 							{ color: #FFF;	}
	#Serie .med .cont_ficha	ul li								{ margin: 5px 0px; }
	#Serie .med .cont_ficha .box_serie 							{ float:left; width:625px; margin:10px 0 5px 10px; }
	#Serie .med .cont_ficha .box_serie .titulo					{ float:left; width:100%; margin:0px; }
	#Serie .med .cont_ficha .box_serie .titulo h2				{ float:right; width:580px; margin:0px; padding:0px; font-size: 14px; font-weight: bold; line-height: 24px; }
	#Serie .med .cont_ficha .box_serie .titulo .icono			{ background:url(../img/ico_ficha.jpg) top left no-repeat; float:left; width:24px; height:24px; margin:0 10px; }
	#Serie .med .cont_ficha .box_serie .dato					{ float:left; width:580px; margin:0 0 0 45px; padding: 2px 0px; }
	#Serie .med .cont_ficha .box_serie .dato .dato_caption 		{ float:left; padding:0 5px 0 0; color: #DEB984; font-weight: bold; }
	#Serie .med .cont_ficha .box_serie .dato .dato_value 		{ float:left; }
	#Serie .med .cont_ficha .box_serie .dato .dato_value_long 	{ float:left; width:100%; margin:2px 0 0 0; line-height:16px; }
	
		
	#Serie .inf	{ float:left; width:100%; height: 15px; background:url(../img/ficha_serie_supinf.jpg) bottom center repeat-y;}
	
	.serie_info .icono 		{ background:url(../img/ico_ficha.jpg) 0px 0px no-repeat !important; }
	.serie_posts .icono 	{ background:url(../img/ico_ficha.jpg) 0px -24px no-repeat !important; }
	.serie_actores .icono 	{ background:url(../img/ico_ficha.jpg) 0px -48px no-repeat !important; }
	.serie_capitulos .icono { background:url(../img/ico_ficha.jpg) 0px -72px no-repeat !important; }
	.serie_datos .icono 	{ background:url(../img/ico_ficha.jpg) 0px -96px no-repeat !important; }



/**********************************************************************************************************************************************************************
	INFORMACION LEGAL
/*********************************************************************************************************************************************************************/

#Legal			{ float:left; width:650px; margin:0 0 0 15px; padding:0 0 20px 0; font-size:12px; }
#Legal .titulo	{ background:url(../img/titulo_serie.png) center center no-repeat; float:left; width:100%; height:35px; margin:25px 0; text-align: center; color: #DDD;	}
#Legal .texto 	{ float:left; text-align: justify; }

/**********************************************************************************************************************************************************************
	CONTACTO
/*********************************************************************************************************************************************************************/

#Contacto	{ float:left; width:650px; margin:0 0 0 15px; padding:0 0 20px 0; font-size:12px; }

	#Contacto .titulo{ background:url(../img/titulo_serie.png) center center no-repeat; float:left; width:100%; height:35px; margin:25px 0; text-align: center; color: #DDD; }
	
	#Contacto .contenido_form											{ float:left; width: 610px; margin:0 0 0 5px; padding:10px; }
	#Contacto .contenido_form .form_linea 								{ float:left; width:100%; padding:4px 0; }
	#Contacto .contenido_form .form_linea .form_campo					{ float:left; width:150px;	}
	#Contacto .contenido_form .form_linea .form_valor_text				{ float:left;	}
	#Contacto .contenido_form .form_linea .form_valor_texta .form_text	{ width:300px; height:100px; overflow: auto; }
	#Contacto .contenido_form .form_linea .form_submit					{ cursor: pointer; }
	
	#Contacto .texto	{ float:left; text-align: justify; }
	#Contacto .texto b	{ float:left; width:100%; margin: 10px 0; }
	
	
/**********************************************************************************************************************************************************************
	ERROR 404								
**********************************************************************************************************************************************************************/

#Error404{ float:left; width:650px; margin:0 0 0 15px; padding:0 0 20px 0; font-size:12px; }	

/**********************************************************************************************************************************************************************
	SIDEBAR - BARRA LATERAL
/*********************************************************************************************************************************************************************/


#Sidebar { background:url(../img/sidebar_sup.png) top center no-repeat;	float:right; width:290px; margin:0 5px 0 0; padding:10px 10px 0px 10px;	font-size:12px; font-weight:normal; color:#444; }

	/* Enlaces */
	#Sidebar a				{ color:#444; }
	#Sidebar a:hover		{ color: black; text-decoration:underline; }

	#Sidebar h4 			{ background:url(../img/bg_cab_box.jpg) center no-repeat; float:left;	width:100%; height: 25px; margin:5px 0 5px 0; padding: 15px 0 0 0; text-align:center; font-size: 14px; font-weight: bold; } 
	#Sidebar p 				{ margin:0; padding: 0 6px 0 8px; }
	#Sidebar label			{ font:normal 11pt arial, georgia, times; color: #000; margin: 0; padding:0; }
	#Sidebar img,  
	#Sidebar img a, 
	#Sidebar img a:hover	{ padding: 5px; margin: 0; border:none; }

	#Sidebar ul 			{ float:right; margin:0 auto; width:100%; }
	#Sidebar ul li 			{ list-style: url(../img/ico_list.png) outside; float:right; width:90%; margin: 0px; padding: 0px; line-height: 14px; }
	#Sidebar ul li a		{  }
	#Sidebar ul ul 			{ float:left; margin:10px 0 0 0; padding:0 15px 0 0; width:90%; color:#444444; }
	#Sidebar ul ul ul		{ margin: 0; padding: 0; }
	#Sidebar ul ul ul li	{ padding: 0 0 0 0px; list-style-type: none; color: #898989; }



	/* SUSCRIPCION RSS */
	.suscripcion_rss				{ background:url(../img/bg_form_rss.png) center no-repeat; float:left;	position:relative; margin:0 0 -15px 0; padding:0; width:100%;height:50px; text-align:center; }
	.suscripcion_rss .ico_rss		{ float:left; width:42px; height:45px; margin:5px 0 0 0; }
	.suscripcion_rss form    		{ border:0px dashed black; float:left; width: 225px; height:50px; margin:0px; padding:0px; }
	.suscripcion_rss form input		{ border:none; background: transparent; margin:0px; }
	.suscripcion_rss form .textarea	{ float:left; width:160px; height:20px; margin:10px 0 0 25px; padding:5px; font-size:14px; color: #666; line-height:20px; }
	.suscripcion_rss form .enviar  	{ float:left; width:30px; height:30px;  margin:0px; padding:0px; cursor: pointer; }


/* FAN_BOX */	
#Sidebar .fan_box{ float:left; margin:0 0 0 -3px; }

/* WIDGET - PUBLICIDAD */
#Sidebar .publicidad{ float:left; width:300px; height: 250px; margin:0 0 0 -5px; }


	
/**********************************************************************************************************************************************************************
	ERROR 404								
**********************************************************************************************************************************************************************/
#Error404{ border:0px dashed;
	background:url(../img/error404.jpg) bottom right no-repeat;
	float:left; width:650px; height:430px; margin:0 0 15px 15px; padding:0 0 20px 0;
	font-size:12px;
}
	#Error404 a       { color:#DF7C1B; }
	#Error404 a:hover { border-bottom:1px dotted; color:#FF7E00; }
	#Error404 h2{ margin:0 0 5px 0; color: #FF7E00; }
	#Error404 ul{ float:left; margin:0 0 0 30px; }
		#Error404 ul li{ margin:2px 0px; }

	#Error404 .texto{ border:0px dashed;
		width: 100%; margin:35px auto;
		text-align:center; font-weight:bold;
		}
	
	#Error404 > div { border:0px dashed; float:left; width:630px; margin:0 0 20px 20px; }
	/*#Error404 .solucion_err { border:0px dashed; float:left; width:630px; margin:0 0 20px 20px; }*/
	

/**********************************************************************************************************************************************************************
	PIE								
**********************************************************************************************************************************************************************/

#Pie {
	background: url(../img/pie.png) top center no-repeat;
	float:left;	width:100%; height:85px;	
}

#Pie .logo{ border:0px dashed red;
	float:left; width:240px; margin:5px 0 0 0;
	text-align:center;
}

#Pie .infosite{ border:0px dashed red;
	width:700px; float:left; margin:20px 0 0 0; padding:0 0 0 10px;
	color: #444; text-align: left; font:11px Tahoma; line-height: 18px;
} 
#Pie .infosite a{ color: #476589;}
#Pie .infosite a:hover{ color: #477EBF;}