/* 
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;*/
	background:url(../img/fondo_web_sup_def.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; }

/**********************************************************************************************************************************************************************
	PUBLICIDAD - Megabanner																		
**********************************************************************************************************************************************************************/

#PubliCabecera	{ margin:5px 0px; }

/**********************************************************************************************************************************************************************
	CONTENEDOR - Contiene las clases #Cabecera, #Contenido, #Pie																		
**********************************************************************************************************************************************************************/

#Contenedor { 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; position: relative; }
	#Cabecera #ut_facebook 	{ margin:15px 0 0 50px; *margin:15px 0 0 -900px; position:absolute; z-index:10; }
	#Cabecera .logo_tv		{ float:left; position:absolute; width:251px; height:190px; margin:-35px 0 0 15px; *margin:-35px 0 0 -955px; z-index:100; }
    
    
	
		#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; }
				#MenuNav .enlaces .menu_destacado	{ background:url(../img/boton_menunav.png) 0px -64px 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%; }
#Contenido_Sidebar 	{ background:url(../img/contenido_sidebar.png) center repeat-y; float:left; width:100%; } /*** Generado por: Plugin SiteMap ***/
	
/**********************************************************************************************************************************************************************
	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{ float:left; width:100%; margin:25px 0; text-align:center; color:#DDD;	}
		
		#Portada .titulo h1{ background:url(../img/titulo_serie.png) center center no-repeat; font-size: 20px; line-height:40px; text-shadow:0px 1px 1px #000; -moz-text-shadow:0px 1px 1px #000; -webkit-text-shadow:0px 1px 1px #000; }
		#Portada .titulo h2{ font-size:14px; }
	


#Series_Nube			{ background:url(../img/sofa.jpg) center top no-repeat; float:left; width:650px; height:390px; margin:0px; padding:0px; }
#Series_Nube .nube		{ width:300px; margin:50px auto; text-align: center; }
#Series_Nube a			{ color: #222; margin:2px 0px; white-space:nowrap; }
#Series_Nube a:hover	{ color: #EEE; text-decoration:underline; }

#Link_Blog				{ 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												{ width:450px; margin:0 auto; 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					{ background:url(http://www.ultimatemporada.com/blog/wp-content/themes/ut/images/input_text.png) center no-repeat; border:none; float:left; width:206px; height:16px; padding:5px; }
	#Contacto .contenido_form .form_linea .form_valor_text .form_input		{ background:none; border:none; width:206px; height:16px; color:#333; }
	#Contacto .contenido_form .form_linea .form_valor_texta 				{ background:url(../img/contacto_textarea.jpg) center no-repeat; float:left; width:290px; height:150px; padding:5px; }
	#Contacto .contenido_form .form_linea .form_valor_texta .form_texta 	{ background:none; border:none; width:290px; height:150px; overflow:auto;  color:#333; }
	#Contacto .contenido_form .form_linea .form_valor_chk					{ background:url(../img/contacto_suma.jpg) right center no-repeat; float:left; width:210px; height:15px; padding:2.5px; }
	#Contacto .contenido_form .form_linea .form_valor_chk .form_input_peq 	{ background:none; border:none; width:50px; height:15px; margin:0 0 0 9px; color:#333; }
	#Contacto .contenido_form .form_linea .form_submit						{ background:url(../img/contacto_enviar.png) center no-repeat; border:none; float:left; width:150px; height:50px; padding:5px 0 0 0; font:bold 14px Verdana; text-transform:capitalize; color:#EEE; cursor: pointer; }
	
	#Contacto .contenido_form #Nombre, 
	#Contacto .contenido_form #Email, 
	#Contacto .contenido_form #Asunto				{  }
	#Contacto .contenido_form #Mensaje				{  }
	#Contacto .contenido_form #Suma					{  }
	
	#Contacto .texto		{ float:left; width:610px; margin:0 0 0 20px; padding:0px; text-align:justify; font-size:10px; color:#EEE; } 
	#Contacto .texto b		{ float:left; width:610px; margin:0 0 5px 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 h4:first-child	{ display:none; } 
	#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 			{ list-style:none; float:right; margin:0 auto; width:100%; 	}
	#Sidebar ul li 			{ background:url(../img/ico_list.png) left -2px no-repeat; float:right; width:90%; margin: 0px; padding:0 0 0 20px; line-height:18px; }
	/*#Sidebar ul li a		{ color:#222; }*/
	#Sidebar ul ul 			{ float:left; margin:0px; padding:0 15px 0 0; width:90%; color:#444444; }
	/*#Sidebar ul ul li a		{ color:#444; }*/
	#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; }


/* REDES SOCIALES */
#Sidebar .redes_sociales 				{ float:left; width:290px; margin:0 0 -10px 0; padding:20px 0 0px 0; text-align:center; }
#Sidebar .redes_sociales a				{ float:left; width:70px; height:60px; margin:0 0 0 6px; padding:0px; }
#Sidebar .redes_sociales img			{ margin:0px; padding:0px; }

#Sidebar .redes_sociales #ico_rss:hover 		{ background:url(../img/ico_rss.png) center center no-repeat; }
#Sidebar .redes_sociales #ico_twitter:hover 	{ background:url(../img/ico_twitter.png) center center no-repeat; }
#Sidebar .redes_sociales #ico_facebook:hover	{ background:url(../img/ico_facebook.png) center center no-repeat; }

/* 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 20px -5px; }
#ShowPosts .publicidad { float: left; width: 300px; margin:10px 0px 23px 190px; }


/* DESTACADOS */
#Sidebar .titulo-destacados h4 				{ display:block; background: url(../img/titulo-destacado.png) no-repeat 0px 0px; float: left; color: #444; margin:0px; padding:0px; height:33px; line-height:33px; }
#Sidebar .destacados 						{ background: url("../img/box_destacados.png") no-repeat scroll 0 0 #476589; float: left; width: 290px; margin-bottom: 7px;}
#Sidebar .destacados ul 					{ background: url("../img/box_destacados.png") repeat-y scroll -290px 0 transparent;margin: 0; margin: 10px 0 0 0;}
#Sidebar .destacados ul li 					{ background: url("../img/ico_destacados.png") no-repeat scroll left top transparent; list-style: none outside none; margin: 2px 0px; padding: 0 10px 0 20px; width: 250px; }
#Sidebar .destacados ul li a				{ color: white; }
#Sidebar .destacados .pie 					{ background: url("../img/box_destacados.png") no-repeat scroll -580px bottom #476589; float: left; height: 10px; width: 290px;}


/* ESPECIALES */
#Sidebar .titulo-especiales h4 				{ display:block; background: url(../img/titulo-destacado.png) no-repeat 0px 0px; float: left; color: #444; margin:0px; padding:0px; height:33px; line-height:33px; }
#Sidebar .especiales 						{ background: url("../img/box_destacados.png") no-repeat scroll 0 0 #8293A7; float: left; width: 290px; }
#Sidebar .especiales ul 					{ background: url("../img/box_destacados.png") repeat-y scroll -290px 0 transparent;margin: 0; margin: 10px 0 0 0;}
#Sidebar .especiales ul li 					{ background: url("../img/ico_destacados.png") no-repeat scroll left top transparent; list-style: none outside none; margin: 2px 0px; padding: 0 10px 0 20px; width: 250px; }
#Sidebar .especiales ul li a				{ color:white; }
#Sidebar .especiales .pie 					{ background: url("../img/box_destacados.png") no-repeat scroll -580px bottom #8293A7; float: left; height: 10px; width: 290px;}
	
/**********************************************************************************************************************************************************************
	FANBOX								
**********************************************************************************************************************************************************************/
.textwidget 							{ margin-top: 10px; float:left; }
.fanbox 								{ background: url("../img/fanbox.png") no-repeat scroll center top transparent; height: 128px; margin: 0 0 0 -10px; *margin:20px 0 0 -10px; padding: 0px 10px 0px 10px; width: 290px; }
.fanbox .facebook_sidebar				{ float: left; overflow: hidden; margin:0 0 9px 0; *margin:0 -20px 9px 0; }
.fanbox .facebook_sidebar iframe 		{ height: 70px !important;width: 200px !important; margin: 0 0 0 -56px !important; }
.fanbox div[id*="plusone"] 				{ float: left !important;margin: 10px 0 9px 96px !important; }
.fanbox .social 						{ float: left !important; background: none repeat scroll 0 0 transparent; height: 30px; margin:12px 0 0 0; width: 290px; }
.fanbox .social .iframe 				{ margin: 38px 0 32px 60px !important; width: 240px !important; }
.fanbox .social div 					{ padding: 0 !important; width: 98px !important; }
.fanbox .social .twitter-follow-button 	{ float: left !important; width: 254px !important; }
.fanbox .social a 						{ float: left !important; width: 30px !important; margin:-4px 0 0 0; }
	
/**********************************************************************************************************************************************************************
	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				{ float:left; width:240px; margin:5px 0 0 0; text-align:center; }

#Pie .infosite						{ width:450px; 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;}
#Pie .infosite .info_pie_copyright 	{ float:left; margin:5px 0 0 0; }

#Pie .logo-ont			{ float:right; margin:45px 25px 0 0; }




