@charset "utf-8";
/* CSS Document */

/*************************************************************************************
 * GENERAL
 */
body.area { 
	background-color: #2f3b55;
	background-image: url(/img/area/bg.gif);
}
	BODY.area div.fons {
		background-image: url(/img/area/bg_home.jpg);
	}
	BODY.area .cabecera h1 {
		background:transparent url(/img/area/nestle.gif) no-repeat scroll left top;
	}
	BODY.area .men_canales li a.canal {
		background-image: url(/img/area/men_canales.gif);
	}
	BODY.area .contenido .pie {
		padding-top: 20px;
	}
	
#area_contenedor {
	width: 914px;
	min-height: 466px;
	height: auto !important;
	height: 466px;
	margin: 0 auto;
	padding: 141px 0 20px 0;
	background: url(/img/area/contenido_bg.jpg) no-repeat center 141px;
}
#area_contenido {
	margin: 0 auto;
	padding-top: 50px;
}
	#area_contenido H2 {
		padding-bottom: 16px;
		font-size: 2em;	
	}
	#area_contenido P {
		padding-bottom: 16px;
	}
	#area_contenido A {
		color: #f6dc00;
		text-decoration: underline;
	}
	#area_contenido H4 a
	{
		/* color: #A5C2FF ;*/
		color: #fff;
	}

DIV.tab_page {
	padding: 3px 7px 7px 7px;
	background: url(/img/area/tab_bg.gif);
}
.itemVideo {
	padding-top: 14px;
	background: url(/img/area/lin_h_llarg.gif) no-repeat left bottom;
}
	.itemVideo .imatge {
		float: left;
		border: solid 1px #6E86B9;
	}
	.itemVideo .txt {
		float: left;
		width: 480px;
		padding-left: 10px;
		line-height: 1.2em;
	}
		.itemVideo .txt H4 {
			padding-bottom: 3px;
			font-size: .9em;
			font-weight: normal;
		}
			.itemVideo .txt H4 .txt_categ {
				color: #6295ff
			}
		.itemVideo .txt .txt_descr, .itemVideo .txt .txt_descr_all {
			padding-bottom: 10px;
			font-size: .8em;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
		}
			.itemVideo .txt .txt_descr A {
				text-decoration: underline;
			}
			.itemVideo .txt .txt_descr_all {
				display: none;
			}
	.itemVideo .dades {
		clear: left;
		height: 17px;
		padding-top: 4px;
		font-size: .8em;
		line-height: 1em;
	}
		.itemVideo .dades DIV {
			float: left;
			white-space: nowrap;
		}
			.itemVideo .dades .enlace {
				width: 300px;
			}
			.itemVideo .dades .votos {
				width: 63px;
			}
			.area .estrellas {
				background-image:url(/img/area/estrelles.png);
			}
			/*ajuste*/
			.margin-estrellas {
				margin-left: 103px;
			}
				.area .estrellas DIV {
					background-image:url(/img/area/estrelles_on.png);
				}
			.itemVideo .dades .visto {
				width: 65px;
			}
			.itemVideo .dades .eliminar 
			{
				width: 215px;
				text-align: right;
			}
.paginacion {
	position: relative;
	width: 100%;
	height: 17px;
	font-size: 0.8em;
	text-align: center;
}
	.paginacion DIV {
		position: absolute;
		top: 7px;
		left: 0px;
		width: 100%;
		height: 17px;
		line-height: 1.4em;
	}
	.paginacion_bg {
		background: url(/img/area/paginacion_bg.png) no-repeat;
	}
	.paginacion A {
		text-decoration: none !important;
		color: #FFFFFF !important;
	}
	.paginacion A.selected 
	{
		text-decoration: underline !important;
		font-weight: bold;
	}
	
DIV.area_botones {
	padding-top: 18px;
}
	DIV.area_botones A {
		float: right;
		margin-left: 14px;
	}
.area_form {
}
	.area_form H4 {
		padding-bottom: 7px;
		font-size: 1em;
		font-weight: bold;
	}
	.area_form INPUT, .area_form SELECT {
		font-size: 1em;
		background-color: #BEC1C8;
	}
	.area_form INPUT {
		border: solid 0px #898E9A;
		border-top-width: 1px;
		border-left-width: 1px;
	}
	.area_form INPUT.radio {
		width: 13px;
		vertical-align: -10%;
		background-color: transparent;
		border: none;
	}
	.area_form TEXTAREA {
		width: 433px;
		height: 110px;
		overflow-y: scroll;
		font-size: 1em;
	}
	.area_form .form_field {
		padding-bottom: 7px;
	}
A.area_porque {
	font-size: .9em;
	color: #FFFFFF !important;
}
P.form_quote {
	padding-bottom: 10px !important;
	font-size: .9em;
}
#area_aviso_legal {
	font-size: .9em;
}


.itemVideo .txt H4,
.itemVideo .txt .txt_descr A,
.itemVideo .dades,
.paginacion A.current,
#area_resultados_ordenar A:hover,
#area_resultados_ordenar A.selected,
#area_indice_menu LI A:hover,
#area_indice_menu LI A.selected,
#area_indice .itemVideo .txt H4 .txt_categ
{
	color: #a5c2ff;
}


/*************************************************************************************
 * Área personal
 */
#area_menu {
	width: 600px;
	height: 34px;
	background: url(/img/area/menu_bg.gif) no-repeat;
	overflow: hidden;
}
	#area_menu LI {
		float: left;
	}
		#area_menu LI A {
			display: block;
			width: 150px;
			height: 27px;
			padding-top: 7px;
			color: #FFFFFF;
			text-align: center;
			text-decoration: none;
		}		
		#area_menu LI A.selected, #area_menu LI A:hover {
			color: #f6dc00;
		}
#area_modificar {
	width: 460px;
	margin: 0 auto;
	padding-top: 25px;
}
	#area_modificar .area_botones {
		width: 273px;
		height: 30px;
	}
#area_favoritos_menu {
	width: 600px;
	height: 25px;
	margin: -2px 0 0 -7px;
	background: url(../img/area/favoritos_menu_bg.gif) no-repeat;
}
	#area_favoritos_menu LI {
		float: left;
		line-height: .9em;
		text-align: center;
		color: #02246A;
	}
		#area_favoritos_menu LI A {
			display: block;
			height: 18px;
			padding-top: 7px;
			font-size: .9em;
			text-decoration: none;
			color: #FFFFFF;
		}
		#area_favoritos_menu LI A.selected, #area_favoritos_menu LI A:hover {
			color: #A5C2FF;
			background-color: #48556F;
		}
		#area_favoritos_menu LI A.doslins {
			height: 23px;
			padding-top: 2px;
		}
		#area_favoritos_menu_1 { width: 98px; padding-top: 7px; }
		#area_favoritos_menu_2 A { width: 83px; }
		#area_favoritos_menu_3 A { width: 83px; }
		#area_favoritos_menu_4 A { width: 83px; }
		#area_favoritos_menu_5 A { width: 83px; }
		#area_favoritos_menu_6 A { width: 82px; }
		#area_favoritos_menu_7 A { width: 88px; }
		
/*************************************************************************************
 * Buscador
 */
.area_resultados {
	padding: 3px 7px 7px 7px;
	background: url(/img/area/tab_bg.gif);	
}
	.area_resultados .dades {
		padding-left: 300px;
	}
#area_resultados_ordenar {
	width: 355px;
	height: 25px;
	overflow: hidden;
	background: url(/img/area/buscador_resultados_bg.gif) no-repeat;
}
	#area_resultados_ordenar SPAN, #area_resultados_ordenar A {
		display: block;
		float: left;
		height: 21px;
		padding-top: 4px;
	}
	#area_resultados_ordenar SPAN {
		width: 97px;
		font-size: .9em;
		text-align: center;
	}
	#area_resultados_ordenar A {
		padding-left: 19px;
		padding-right: 19px;
		font-size: 1.2em;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
	}
	
/*************************************************************************************
 * Índice de vídeos
 */
#area_indice_menu {
	width: 600px;
	height: 25px;
	background: url(/img/area/indice_menu_bg.gif) no-repeat;
}
	#area_indice_menu LI {
		float: left;
		line-height: .8em;
		text-align: center;
	}
		#area_indice_menu LI A {
			display: block;
			height: 18px;
			padding-top: 7px;
			font-size: .9em;
			color: #FFFFFF;
			text-decoration: none;
		}
		#area_indice_menu LI A.doslins {
			height: 22px;
			padding-top: 3px;
		}
		#aim1 { width: 103px; }
		#aim2 { width: 68px; }
		#aim3 { width: 75px; }
		#aim4 { width: 98px; }
		#aim5 { width: 101px; }
		#aim6 { width: 80px; }
		#aim7 { width: 73px; }
		
#area_indice {
	padding: 3px 0px 7px 14px;
	background: url(/img/area/tab_bg.gif);		
}
	#area_indice itemVideo_row {
		clear: left;
	}
	#area_indice .itemVideo {
		width: 290px;
		float: left;
		padding-bottom: 5px;
		background: none;
		height: 90px;
	}
		#area_indice .itemVideo .txt {
			width: 168px;
			padding-left: 10px;
		}
			#area_indice .itemVideo .txt H4 {
				padding-bottom: 0px;
				color: #FFFFFF;
			}
		#area_indice .itemVideo .dades {
			float: left;
			clear: none;
			width: 168px;
			height: 22px;
			padding-left: 0px;
		}
			#area_indice .itemVideo .dades .votos {
				width: 65px;
				padding-bottom: 3px;
			}
			#area_indice .itemVideo .dades .estrellas {
				padding-bottom: 3px;
			}
			#area_indice .itemVideo .dades .visto {
				clear: left;
			}

/*************************************************************************************
 * Regsitro: Veríficación de datos
 */
.registro_verificar_datos .area_form LABEL {
	float: left;
	width: 65px;
}
.registro_verificar_datos .area_botones {
	width: 289px;
}

/*************************************************************************************
 * Regsitro OK
 */
.area_login .area_form LABEL {
	float: left;
	width: 75px;
}
.area_login .area_botones {
	width: 276px;
	height: 17px;
}
.area_login .area_quiero_registrarme {
	padding: 10px 0 10px 75px;
}
#area_premio {
	position: relative;
	width: 411px;
	height: 240px;
	margin: 0 auto;
}
	#area_premio DIV {
		position: absolute;
		left: 0px;
		top: 40px;
		width: 411px;
		height: 200px;
	}
	#area_premio_bg {
		background: url(/img/area/registro_ok_premio.png) no-repeat;
	}
	#area_premio_content {
		padding-top: 18px;
		text-align: center;
	}
		#area_premio_content H4 {
			padding-bottom: 9px;
			font-size: 1.2em;
		}

/*************************************************************************************
 * Alerta
 */
.registro_ok .area_botones {
	width: 276px;
	height: 17px;
}
#area_alerta {
	position: relative;
	width: 361px;
	height: 206px;
	margin: 0 auto;
}
	#area_alerta DIV {
		position: absolute;
		left: 0px;
		top: 80px;
	}
	#area_alerta_bg {
		width: 361px;
		height: 126px;
		background: url(/img/area/alerta_bg.png) no-repeat;
	}
	#area_alerta_content {
		padding: 41px 0 0 141px;
		font-size: .9em;
		line-height: 1.2em;
	}
		#area_alerta_content H4 {
			padding-bottom: 9px;
			font-size: 1.2em;
		}
.area_alerta .area_botones {
	position: relative;
	width: 355px;
	margin-top: -20px;
	padding-top: 0;
}

/*************************************************************************************
 * Recordar contraseña
 */
.area_remember .area_botones {
	width: 345px;
	margin-top: -24px;
	padding-top: 0;
}

/*************************************************************************************
 * Contacta
 */
.area_contacta OL LI {
	padding: 0 0 20px 80px;
	list-style-type: decimal;
	list-style-position: inside;
	background-repeat: no-repeat;
	background-position: 28px top;
}
	#area_contacta_li_1 { background-image: url(/img/area/contacta_list_bg1.gif); }
	#area_contacta_li_2 { background-image: url(/img/area/contacta_list_bg2.gif); }
	#area_contacta_li_3 { background-image: url(/img/area/contacta_list_bg3.gif); }
	
#area_contacta_info {
	position: relative;
	width: 418px;
	height: 125px;
	margin: 0 auto;
}
	#area_contacta_info_bg, #area_contacta_info_content {
		position: absolute;
		width: 418px;
		height: 125px;
	}
	#area_contacta_info_bg {
		background: url(/img/area/contacta_info_bg.png) no-repeat;
	}
	#area_contacta_info_content {
		font-size: .9em;
		line-height: 1.2em;
	}
		#area_contacta_info_content DIV {
			float: left;
			width: 165px;
			padding: 10px 0 0 28px;
		}
		#area_contacta_info_content P {
			padding-bottom: 10px;
		}
.area_contacta_form .area_botones {
	width: 432px;
}

/*************************************************************************************
 * Contacta
 */
.area_registro .area_botones {
	width: 318px;
}
#area_registro_pets {
	padding-left: 20px;
	line-height: 1.9em;
}

/*************************************************************************************
 * Mapa web
 */
.area_mapaweb {
	margin: 0 0 0 235px !important;
}
#mapaweb {
}
	#mapaweb LI {
		padding-bottom: 8px;
	}
		#mapaweb LI LI {
			padding-bottom: 0px;
		}
	#mapaweb LI.mapaweb_1col {
		width: 230px;
		float: left;
		clear: left;
	}
	#mapaweb_bebes {
		height: 106px;
	}
	#mapaweb_mascerca {
		width: 230px;
		float: left;
	}
	#mapaweb_herramientas {
		width: 120px;
		float: left;
	}
		#mapaweb_herramientas A B {
			color: #969696;
		}
	#mapaweb A {
		text-decoration: none;
	}
	#mapaweb A:hover {
		text-decoration: underline;
	}
	#mapaweb UL LI A {
		color: #FFFFFF;
	}
	.nofloat 
	{
		float: inherit !important;
		color: yellow !important;
		
	}