*
{
	font-family: Verdana;
}

a
{
	text-decoration: none;
}

img
{
	border: 0px;
}

html
{
	height: 100%;
}

body
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../imagenes/base/bg.gif);
	background-repeat: repeat;
}

#cuerpo_web
{
	border-left: solid 5px #000;
	border-right: solid 5px #000;
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -120px;
	overflow: hidden;
	background-color: #000;
}

#cabecera
{
	width: 1000px;
	height: 110px;
	border-top: 0px;
}

#logo
{
	width: 100px;
	height: 100px;
	float: left;
	cursor: pointer;
}

#logo object
{
	cursor: pointer;
}

#banner
{
	width: 700px;
	height: 92px;
	padding-top: 8px;
	float: left;
}

#login
{
	width: 200px;
	height: 100px;
	float: left;
}

#loginOffline
{
	width: 200px;
	height: 100px;
	background-image: url(../imagenes/base/login.jpg);
}

#loginOnline
{
	width: 200px;
	height: 100px;
	background-image: url(../imagenes/base/login_online.jpg);
}

#login #cajaUsername
{
	position: relative;
	top: 30px;
	left: 80px;
}

#login #cajaPassword
{
	position: relative;
	top: 37px;
	left: 80px;
}

#login input
{
	background-color: transparent;
	border: 0px;
}

#login #botones
{
	position: relative;
	width: 150px;
	top: 40px;
	left: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#login #botones
	{
		position: relative;
		width: 150px;
		top: 32px;
		left: 10px;
		
	}
}	

#login #botonRegistro
{
	float: left;
	width: 12px;
	height: 12px;
	background-image: url(../imagenes/base/b_registro_normal.png);
	cursor: pointer;
}

#login #botonRegistro:hover
{
	background-image: url(../imagenes/base/b_registro_over.png);
}

#login #botonRecordar
{
	position: relative;
	left: 3px;
	float: left;
	width: 12px;
	height: 12px;
	background-image: url(../imagenes/base/b_pass_normal.png);
	cursor: pointer;
}

#login #botonRecordar:hover
{
	background-image: url(../imagenes/base/b_pass_over.png);
}

#login #botonLogin
{
	position: relative;
	left: 120px;
	top: 5px;
	float: left;
	width: 24px;
	height: 24px;
	background-image: url(../imagenes/base/b_login_normal.png);
	cursor: pointer;
}

#login #botonLogin:hover
{
	background-image: url(../imagenes/base/b_login_over.png);
}

#login #botones2
{
	position: relative;
	width: 160px;
	top: 40px;
	left: 10px;		
}

#login #botonCambiar
{
	position: relative;
	top: 20px;
	left: 10px;
	width: 12px;
	height: 12px;
	background-image: url(../imagenes/base/b_pass_normal.png);
	cursor: pointer;
}

#login #botonCambiar:hover
{
	background-image: url(../imagenes/base/b_pass_over.png);
}

#login #botonLogout
{
	position: relative;
	top: -4px;
	left: 150px;
	width: 41px;
	height: 34px;
	background-image: url(../imagenes/base/b_logout_normal.png);
	cursor: pointer;
}

#login #botonLogout:hover
{
	background-image: url(../imagenes/base/b_logout_over.png);
}

#errorRegistro,
#errorRecordar,
#errorCambiar
{
	color: #800000;
}

#login #cajaUsernameLogueado
{
	position: relative;
	top: 40px;
	left: 30px;
	font-weight: bold;
}



#barra_menu
{
	width: 1000px;
	height: 30px;
}

#menu
{
	width: 860px;
	height: 30px;
	float: left;
}

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

#menu ul li
{
	display: block;
	float: left;
	width: 130px;
	height: 30px;
	cursor: pointer;
}

#menuSecciones
{
	background-image: url(../imagenes/base/tm_secciones_normal.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#menuSecciones:hover
{
	background-image: url(../imagenes/base/tm_secciones_over.jpg);
}

#menuBlog
{
	background-image: url(../imagenes/base/tm_blog_normal.jpg);
}

#menuBlog:hover
{
	background-image: url(../imagenes/base/tm_blog_over.jpg);
}

#menuArticulos
{
	background-image: url(../imagenes/base/tm_articulos_normal.jpg);
}

#menuArticulos:hover
{
	background-image: url(../imagenes/base/tm_articulos_over.jpg);
}

#menuFotos
{
	background-image: url(../imagenes/base/tm_fotos_normal.jpg);
}

#menuFotos:hover
{
	background-image: url(../imagenes/base/tm_fotos_over.jpg);
}

#menuContacto
{
	background-image: url(../imagenes/base/tm_contacto_normal.jpg);
}

#menuContacto:hover
{
	background-image: url(../imagenes/base/tm_contacto_over.jpg);
}

#menu .categorias_desplegable
{
	text-align: center;
	z-index: 100;
}

#menu .categorias_desplegable:hover #categorias
{
	display: block;
}

#categorias
{
	width: 130px;
	position: relative;
	top: 30px;
	overflow: hidden;
	display: none;
}

#categorias ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 130px;
}

#categorias ul li
{
	width: 130px;
	height: 30px;
	cursor: pointer;
}

#catFrikivision
{
	background-image: url(../imagenes/base/tm_friki_normal.png);
}

#catFrikivision:hover
{
	background-image: url(../imagenes/base/tm_friki_over.png);
}

#catReportajes
{
	background-image: url(../imagenes/base/tm_reportajes_normal.png);
}

#catReportajes:hover
{
	background-image: url(../imagenes/base/tm_reportajes_over.png);
}

#catEventos
{
	background-image: url(../imagenes/base/tm_eventos_normal.png);
}

#catEventos:hover
{
	background-image: url(../imagenes/base/tm_eventos_over.png);
}

#catEncuestas
{
	background-image: url(../imagenes/base/tm_encuestas_normal.png);
}

#catEncuestas:hover
{
	background-image: url(../imagenes/base/tm_encuestas_over.png);
}

#catCortos
{
	background-image: url(../imagenes/base/tm_corto_normal.png);
}

#catCortos:hover
{
	background-image: url(../imagenes/base/tm_corto_over.png);
}

#estilos
{
	width: 132px;
	height: 30px;
	float: left;
	background-image: url(../imagenes/base/selec_skin_pest_base.png);
	background-repeat: no-repeat;
	background-position: top;
}

#estilos:hover #selector_estilos
{
	display: block;
}

#estilos #selector_estilos
{
	display: none;
	background-color: #000;
	position: relative;
	width: 132px;
	top: 30px;
	z-index: 1;
}

#estilos #selector_estilos a
{
	color: #060;
}

#estilos #selector_estilos a:hover
{
	color: #AAA;
}

#estilos #selector_estilos ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#estilos #selector_estilos:hover
{
	display: block;
}

#estilos #selector_estilos ul li
{
	width: 132px;
	height: 28px;
}

#estilos #selector_estilos #estilo_base
{
	background-image: url(../imagenes/base/selec_skin_boton_base_on.png);
}

#portada_arriba,
#portada_medio,
#portada_abajo
{
	width: 1000px;
	overflow: hidden;
	clear: both;
}

#portada_arriba ul
{
	width: 1000px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#portada_arriba ul li
{
	width: 294px;
	height: 90px;
	float: left;
	margin-left: 23px;
	border: solid 1px #060;
	overflow: visible;
	color: #060;
	padding: 3px;
	text-align: center;
}

#portada_arriba ul li a
{
	color: #060;
}

#portada_arriba ul li a:hover
{
	color: #CCC;
}

.portada_cabecera_novedades
{
	font-size: 14px;
	font-weight: bold;
}

#portada_medio
{
	margin-top: 20px;
}

#portada_cabecera
{
	width: 655px;
	font-weight: bold;
	font-size: 32px;
	color: #060;
	height: 40px;
	text-align: center;
}

#portada_cabecera p
{
	padding: 0px;
	margin: 0px;
}

#portada_cuerpo_video
{
	width: 655px;
	float: left;
}

#portada_introduccion
{
	width: 300px;
	padding-right: 25px;
	float: right;
	font-size: 12px;
	color: #AAA;
}

#portada_introduccion a
{
	color: #FFF;
}

#portada_abajo
{
	margin-left: 25px;
}

#portada_ventana_twitter
{
	float: left;
	width: 200px;
	min-height: 100px;
}

#portada_descripcion_galeria
{
	width: 300px;
	min-height: 100px;
	margin-left: 25px;
	float: left;
	color: #060;
}

#portada_galeria
{
	float: left;
	width: 400px;
	margin-left: 25px;
	height: 267px;
}

#portada_compartir
{
	width: 950px;
	margin-left: 25px;
	margin-top: 20px;
}

.opcion_comparticion
{
	float: left;
	margin-right: 20px;
}

.opcion_comparticion_twitter
{
	height: 24px;
	background-image: url(../imagenes/twitterq.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #FFF;
	padding-left: 26px;
	font-size: 12px;
	padding-right: 5px;
	line-height: 24px;
	float: left;
}

.opcion_comparticion_twitter a
{
	color: #5599BB;
}

#cuerpo
{
	padding-top: 20px;
	overflow: hidden;
	height: 100%;
	min-height: 100%;
}

#formularioContacto
{
}

#formularioContacto table
{
	width: 500px;
}

#formularioContacto .campoTextoLargo
{
	width: 380px;
	background-color:#000;
	border: solid 1px #060;
	color: #060;
}

#formularioContacto .campoTextoCorto
{
	width: 180px;
	background-color:#000;
	border: solid 1px #060;
	color: #060;
}

#formularioContacto textarea
{
	width: 472px;
	height: 130px;
	background-color:#000;
	border: solid 1px #060;
	color: #060;
}

#avisoLegal
{
	font-size: 12px;
}

#columna_izq
{
	float: left;
	width: 200px;
	overflow: hidden;
}

#galeria
{
	width: 200px;
	padding: 0px;
	margin: 0px;
}

#galeria li
{
	list-style: none;
}

#galeria li ul
{
	padding: 0px;
	margin: 0px;
}

#galeria img
{
	cursor: pointer;
}

#galeria .jq-ss-crop
{
	margin: 5px 5px;
	width: 180px;
	height: 100px;
}

#galeria .no_videos
{
	color: #AAA;
	font-size: 14px;
	font-weight: bold;
	width: 180px;
	text-align: center;
}

#left, #right
{
	display: block;
	height: 50px;
	text-align: center;
	width: 180px;
	overflow: hidden;
}

#visor
{
	overflow: hidden;
	width: 180px;
	height: 420px;
}

#imagenes
{
	width: 3000px;
}

#nombre_imagen
{
	position: absolute;
	display: none;
	color: #060;
	width: 160px;
	padding-right: 10px;
	padding-left: 10px;
	height: 80px;
	padding-top: 20px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

#ventana_twitter
{
	width: 200px;
}

#portada_cuerpo_video #ventana_twitter
{
	width: 640px;
	margin-left: 25px;
}

#portada_cuerpo_video .entrada_twitter
{
	float: left;
	margin-right: 5px;
}

.twitter_cabecera
{
	color: #060;
	font-weight: bold;
}

.entrada_twitter
{
	border: solid 1px #060;
	overflow: hidden;
	padding: 2px;
	width: auto;
	//width: 194px;
	margin-bottom: 3px;
}

.entrada_twitter span
{
	display: block;
	//display: inline;
}

.imagen_twitter
{
	float: left;
	width: 25px;
}

.imagen_twitter img
{
	width: 25px;
	height: 25px;
}

.cuerpo_twitter
{
	width: 198px;
	font-size: 12px;
	color: #060;
}

.cuerpo_twitter a
{
	text-decoration: underline;
	font-size:10px;
	color: #060;
}

#ventana_twitter .fecha
{
	clear: both;
	font-size: 10px;
	color: #060;
}

#cuerpo_video
{
	width: 780px;
	float: left;
	margin-left: 5px;
	z-index: -1;
}

#titulo_video
{
	width: 780px;
	text-align: center;
	color: #060;
	font-weight: bold;
}

#video
{
	clear: both;
	text-align: center;
	z-index: -1;
}

#video object
{
	display: none;
}

.titulo_video
{
	font-weight: bold;
	color: #060;
	text-align: center;
	font-size: 14px;
	width: 100%;
}

.descripcion_video
{
	color: #AAA;
	font-size: 12px;
}


.cabecera_comentarios
{
	font-weight: bold;
	font-size: 14px;
	color: #060;
} 

#formularioNuevoComentario
{
	display: none;
}

#formularioNuevoComentario textarea
{
	width: 470px;
	height: 150px;
}

#comentarios ul
{
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	list-style-type: none;
}

#comentarios ul li
{
	width: 750px;
	padding: 5px;
	border: solid 1px #060;
	margin-bottom: 10px;
}

.datos_comentario
{
	font-size: 10px;
	color: #AAA;
	padding-left: 5px;
}

.cuerpo_comentario
{
	font-size: 12px;
	color: #AAA;
}

/* Artículos */
#cuerpo_menu_articulos
{
	width: 1000px;
	height: 460px;
}

#menu_articulos_fila_arriba,
#menu_articulos_fila_abajo
{
	width: 1000px;
	height: 200px;
	padding-top: 20px;
}

#menu_articulos_cine
{
	margin-left: 25px;
	height: 200px;
	width: 300px;
	background-image: url(../imagenes/base/menu_articulos_cine.jpg);
	float: left;
}

#menu_articulos_comics
{
	margin-left: 25px;
	height: 200px;
	width: 300px;
	background-image: url(../imagenes/base/menu_articulos_comics.jpg);
	float: left;
}

#menu_articulos_juegos_mesa
{
	margin-left: 25px;
	height: 200px;
	width: 300px;
	background-image: url(../imagenes/base/menu_articulos_juegos_mesa.jpg);
	float: left;
}

#menu_articulos_literatura
{
	margin-left: 25px;
	height: 200px;
	width: 300px;
	background-image: url(../imagenes/base/menu_articulos_literatura.jpg);
	float: left;
}

#menu_articulos_tecnologia
{
	margin-left: 25px;
	height: 200px;
	width: 300px;
	background-image: url(../imagenes/base/menu_articulos_tecnologia.jpg);
	float: left;
}

#menu_articulos_videojuegos
{
	margin-left: 25px;
	height: 200px;
	width: 300px;
	background-image: url(../imagenes/base/menu_articulos_videojuegos.jpg);
	float: left;
}

.articulos_listado
{
	height: 130px;
	padding-top: 40px; 
}

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

.titulo_articulo_listado
{
	margin-top: 2px;
	padding-left: 10px;
	line-height: 11px;
	width: 275px;
	overflow: hidden;
}

.titulo_articulo_listado a
{
	color: #000;
	font-size: 10px;
}

.titulo_articulo_listado a:hover
{
	color: #CCC;
}

.autor_articulo_listado
{
	margin-left: 10px;
	width: 275px;
	border-bottom: solid 1px #000;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

.articulos_ver_todos
{
	margin-left: 10px;
	width: 275px;
	text-align: right;
}

.articulos_ver_todos a
{
	font-size: 14px;
	weight: bold;
	color: #000;
}

.articulos_ver_todos a:hover
{
	color: #CCC;
}

#cuerpo_listado_articulos
{
	width: 1000px;
}

.fondo_articulos_literatura_arriba,
.fondo_articulos_comics_arriba,
.fondo_articulos_juegos_mesa_arriba,
.fondo_articulos_videojuegos_arriba,
.fondo_articulos_tecnologia_arriba,
.fondo_articulos_cine_arriba
{
	width: 1000px;
	height: 46px;
}

.fondo_articulos_literatura_medio,
.fondo_articulos_comics_medio,
.fondo_articulos_juegos_mesa_medio,
.fondo_articulos_videojuegos_medio,
.fondo_articulos_tecnologia_medio,
.fondo_articulos_cine_medio
{
	width: 1000px;
	min-height: 300px;
	background-repeat: repeat-y;
}

.fondo_articulos_literatura_abajo,
.fondo_articulos_comics_abajo,
.fondo_articulos_juegos_mesa_abajo,
.fondo_articulos_videojuegos_abajo,
.fondo_articulos_tecnologia_abajo,
.fondo_articulos_cine_abajo
{
	width: 1000px;
	height: 18px;
}

.fondo_articulos_literatura_arriba
{
	background-image: url(../imagenes/base/cuerpo_art_literatura_arriba.jpg);
}

.fondo_articulos_literatura_medio
{
	background-image: url(../imagenes/base/cuerpo_art_literatura_medio.jpg);
}

.fondo_articulos_literatura_abajo
{
	background-image: url(../imagenes/base/cuerpo_art_literatura_abajo.jpg);
}

.fondo_articulos_comics_arriba
{
	background-image: url(../imagenes/base/cuerpo_art_comics_arriba.jpg);
}

.fondo_articulos_comics_medio
{
	background-image: url(../imagenes/base/cuerpo_art_comics_medio.jpg);
}

.fondo_articulos_comics_abajo
{
	background-image: url(../imagenes/base/cuerpo_art_comics_abajo.jpg);
}

.fondo_articulos_juegos_mesa_arriba
{
	background-image: url(../imagenes/base/cuerpo_art_juegos_mesa_arriba.jpg);
}

.fondo_articulos_juegos_mesa_medio
{
	background-image: url(../imagenes/base/cuerpo_art_juegos_mesa_medio.jpg);
}

.fondo_articulos_juegos_mesa_abajo
{
	background-image: url(../imagenes/base/cuerpo_art_juegos_mesa_abajo.jpg);
}

.fondo_articulos_videojuegos_arriba
{
	background-image: url(../imagenes/base/cuerpo_art_videojuegos_arriba.jpg);
}

.fondo_articulos_videojuegos_medio
{
	background-image: url(../imagenes/base/cuerpo_art_videojuegos_medio.jpg);
}

.fondo_articulos_videojuegos_abajo
{
	background-image: url(../imagenes/base/cuerpo_art_videojuegos_abajo.jpg);
}

.fondo_articulos_tecnologia_arriba
{
	background-image: url(../imagenes/base/cuerpo_art_tecnologia_arriba.jpg);
}

.fondo_articulos_tecnologia_medio
{
	background-image: url(../imagenes/base/cuerpo_art_tecnologia_medio.jpg);
}

.fondo_articulos_tecnologia_abajo
{
	background-image: url(../imagenes/base/cuerpo_art_tecnologia_abajo.jpg);
}

.fondo_articulos_cine_arriba
{
	background-image: url(../imagenes/base/cuerpo_art_cine_arriba.jpg);
}

.fondo_articulos_cine_medio
{
	background-image: url(../imagenes/base/cuerpo_art_cine_medio.jpg);
}

.fondo_articulos_cine_abajo
{
	background-image: url(../imagenes/base/cuerpo_art_cine_abajo.jpg);
}

#cuerpo_listado_articulos ul
{
	list-style-type: none;
	padding: 0px;
	padding-left: 25px;
	margin: 0px;
	padding-top: 10px;
}

.titulo_articulo_listado_amplio
{
	padding-left: 10px;
	line-height: 11px;
	width: 929px;
	overflow: hidden;
}

.titulo_articulo_listado_amplio a
{
	color: #000;
	font-size: 12px;
}

.titulo_articulo_listado_amplio a:hover
{
	color: #CCC;
}

.subtitulo_articulo_listado_amplio
{
	padding-left: 20px;
	padding-top: 5px;
	font-size: 12px;
	line-height: 11px;
	color: #333;
	width: 919px;
}

.autor_articulo_listado_amplio
{
	margin-left: 10px;
	width: 929px;
	border-bottom: solid 1px #000;
	font-size: 10px;
	text-align: right;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.articulos_volver
{
	margin-top: 30px;
	margin-left: 10px;
	width: 924px;
	text-align: right;
}

.articulos_volver a
{
	font-size: 14px;
	weight: bold;
	color: #000;
}

.articulos_volver a:hover
{
	color: #CCC;
}

#detalleArticulo
{
	width: 1000px;
}

#tituloArticulo
{
	padding-left: 37px;
	width: 927px;
	padding-top: 10px;
	font-size: 24px;	
	color: #060;
	font-weight: bold;
}

#subtituloArticulo
{
	padding-left: 37px;
	width: 927px;
	padding-top: 5px;
	font-size: 16px;
	color: #060;
	font-weight: bold;
}

#autorArticulo
{
	margin-left: 37px;
	width: 927px;
	border-bottom: solid 1px #000;
	text-align: right;
	font-size: 14px;
	padding-bottom: 5px;
	color: #060;
}

#textoArticulo
{
	margin-left: 37px;
	width: 927px;
	min-height: 300px;
	color: #AAA;
}

#volverArticulo
{
	width: 964px;
	text-align: right;
}

#volverArticulo a
{
	font-weight: bold;
	color: #060;
}

#volverArticulo a:hover
{
	color: #CCC;
}

#cuerpo_fotos
{
	width: 900px;
	padding-left: 50px;
	padding-top: 50px;
	text-align: center;
}

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

#cuerpo_fotos ul li
{
	float: left;
	margin: 5px;
	width: 207px;
	height: 232px;
}

#push
{
	height: 120px;
	width: 100%;
}

#pie
{
	height: 120px;
	width: 1000px;
	margin: 0px auto;
	text-align: center;
}

#pie_arriba
{
	padding-top: 20px;
	height: 50px;
	width: 450px;
	margin: 0px auto;
	text-align: center;
}

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

#pie_arriba ul li
{
	width: 150px;
	height: 35px;
	float: left;	
	cursor: pointer;
}

#pieAvisoLegal
{
	background-image: url(../imagenes/base/bp_aviso_normal.jpg);	
}

#pieAvisoLegal:hover
{
	background-image: url(../imagenes/base/bp_aviso_over.jpg);
}

#pieBlog
{
	background-image: url(../imagenes/base/bp_blog_normal.jpg);	
}

#pieBlog:hover
{
	background-image: url(../imagenes/base/bp_blog_over.jpg);
}

#piePublicidad
{
	background-image: url(../imagenes/base/bp_publi_normal.jpg);	
}

#piePublicidad:hover
{
	background-image: url(../imagenes/base/bp_publi_over.jpg);
}

#pie_abajo
{
	width: 260px;
	height: 50px;
	margin: 0px auto;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../imagenes/base/pie_pt_logo.jpg);
	cursor: pointer;
}

.boton
{
	background-color: #060;
	border: solid 1px #060;
	color: #000;
	font-weight: bold;
	cursor: pointer;
}

.caja_texto
{
	border: solid 1px #060;
	background-color: #000;
	font-weight: bold;
	width: 100px;
}