/*
Estilos beta 2011 ChatZona Networks - Spiky
    */

/* -------------------------------------------------------------------------------------- PEQUENO RESET */
*{ outline:none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
/*	background: transparent; */
}
	
ul{ list-style:none; }

a, a:hover{
	outline:none;
	text-decoration:none;
	}

img{ border:none; }


/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

/* -------------------------------------------------------------------------------------- ESTRUCTURA */

body{
	background:#FFF;
	color:#333;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:22px;
	font-weight:normal;
	}

.innerpage_main_bg{
	background:url(../imagenes/fondo.png) no-repeat left top;
	padding:20px 0 0 0;
}

/* -------------------------------------------------------------------------------------- CABECERAS */
h1, h2, h3, h4, h5, h6{
	font-family:'Helvetica', 'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;
	}

h1{	font-size:60px; }
h2{	font-size:48px; }
h3{	font-size:36px; }
h4{	font-size:24px; }
h5{	font-size:18px; }
h6{	font-size:14px; }

#main h2, #main h3, #main h4, #main h5{
	line-height:normal;
	padding:10px 0;
}

.niceline{
	background:url(../imagenes/separador.jpg) repeat-x left bottom;
	padding:0 0 20px 0;
}

/* -------------------------------------------------------------------------------------- HEADER */

#header{}
	#header .content{
		margin:0 auto;
		width:900px; height:145px;
		position:relative;
		z-index:9999;
	}
	
	/* Logotype
	-------------------------------------------------------------------------------------- */
	#logo{
		display:block; float:left;
		width:300px; height:93px;
	}
	#logo h1 a{
		background:url(../imagenes/header_logo.png) no-repeat left top;
		display:block;
		width:300px; height:93px;
	}
	#logo h1 a:hover{
		background:url(../imagenes/header_logo.png) no-repeat left top;
	}
	
	
	/* Buscador
	-------------------------------------------------------------------------------------- */
	#search_form { float: right; display: inline; width: 200px; margin:0; position:absolute; top:35px; right:0px; background:url(../imagenes/buscador_label.png) no-repeat left 50%; padding:0 0 0 130px;}
	#search_form .field { float: left; display: inline; height: 39px; width: 164px; background: url(../imagenes/buscador_field.png) no-repeat 0 0; }
	#search_form .field input { color: #353535; border: 0; background: transparent; font-size: 11px; margin: 10px 0 0 10px; }
	#search_form .button { float: left; display: inline; height: 39px; width: 36px; cursor: pointer; border: 0; background: url(../imagenes/buscador_boton.png) no-repeat 0 0; }
	#search_form .button:hover { }
	
	/* Navegacion
	-------------------------------------------------------------------------------------- */
	.nav {
	background:url(../imagenes/nav_bar.png) no-repeat left top;
	position: absolute;
	top: 93px;
	left: 0px;
	z-index: 1000;
	width:900px; height:42px;
	}	

	/* Navigacion primer nivel */
	.nav li{
		margin:0 15px 0 0;
	}
	.nav .navstyle{
		font-size:12px;
		line-height:38px;
	}
	.nav li a{
		color:#FFF;
		padding:6px;
		font-size:11px;
	}
	.nav li a:hover{/* Archivo de tema */}
	
	/* Navigacion segundo nivel (sub-menu) */
	.submenu_arrow{background:url(../imagenes/flecha_submenu.png) no-repeat 170px 50%;}
	.nav ul {
		padding-left: 10px;
		float: left;
		position: relative;
		text-transform:none;
	}
		
		.nav ul li {
			float: left;
			position: relative;
			margin:0;
		}
			
			.nav ul li:hover ul ul,
			.nav ul li:hover ul ul ul,
			.nav ul li:hover ul ul ul ul{
				display:none;
			}
			
			.nav ul li:hover ul,
			.nav ul li li:hover ul,
			.nav ul li li li:hover ul,
			.nav ul li li li li:hover ul{
				display:block;
			}
		
			.nav ul li a {
				padding: 0px 15px;
				line-height: 30px;
				color: #FFFFFF;
				display: block;
			}
			
				.nav ul li a:hover {
					text-decoration: none;
				}
			
			.nav ul li ul {
				width: 160px;
				background: none;
				position:absolute;
				top: 36px;
				left: -15px;
				display: none;
			}
			
				.nav ul li ul li {
					background:#000;
				}
					
					.nav ul li ul li a{
						width: 160px;
						height:auto;
						float:left;
						border-top: 1px solid #353535;
					}
					
					/* Navegacion 3rd nivel (sub-sub-menu) */
					.nav ul li ul li ul {
						top: 0px;
						left: 170px;
					}

	

/* -------------------------------------------------------------------------------------- SLIDER DEL INICIO */
#teaser{
	}
	#teaser .content{
		background:url(../imagenes/homeslider_bg.png);
		margin:0 auto;
		padding:20px 0 0 0;
		width:960px; height:435px;
		clear:both;
	}


	#slider{
	margin:0 0 0 59px;
	position:relative;
	width:840px; height:400px;
}
	#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a{
	display:block;
}
#slider .loader { background:url(loader.gif) no-repeat 50% 50%; }
	

/* -------------------------------------------------------------------------------------- PRINCIPAL */
#main{}
	#main .content{
		margin:0 auto; padding:0 30px 30px 30px;
		width:900px;
	}
	
	
	/* Columna */
	a.one_col_btn{
		background:url(../imagenes/boton_1col.png) no-repeat left top;
		color:#FFF;
		display:block;
		clear:both;
		margin:15px 0 0 0;
		width:185px; height:47px;
		line-height:39px;
		text-align:center;
		text-transform:uppercase;
	}
	a.one_col_btn:hover{/* Archivo de tema */}
	
	/* 4 columnas
	-------------------------------------------------------------------------------------- */
	.four_cols{
	}
	.four_cols .cols{
		display:block;
		float:left;
		width:185px;
		margin:0 20px;
	}
	.four_cols h5{
		text-transform:uppercase;
	}
	
	
	/* Otras columnas
	-------------------------------------------------------------------------------------- */
	.cols_1{
		float:left;
		margin:0 20px 10px 20px;
		width:185px;
	}
	.cols_2{
		float:left;
		margin:0 20px 10px 20px;
		width:410px;
	}
	.cols_4{
		float:left;
		margin:0 20px 10px 20px;
		width:860px;
	}
	
	/* Twitter por si lo usamos
	-------------------------------------------------------------------------------------- */
	.twitter{
		background:url(../imagenes/twitter_icon.png) no-repeat 50% bottom;
		color:#ccc;
		margin:0; padding:20px 0 36px 0;
		font-size:24px;
		text-align:center;
	}
	.twitterTime{ font-size:11px; display:block; clear:both;}
	
	
	
	
	/* Dentro de paginas
	-------------------------------------------------------------------------------------- */
	.bigTitlePages{
		margin:0 auto; padding:0 0px;
		width:0px; height:0px;
		font-weight:normal;
	}
	.bigTitlePages h2 {
		padding:0px 0 0 0px;
	}
	.bigTitlePages h2 span{
		clear:both;
		display:block;
		color:#FFF;
		font-size:0.5em;
	}
	
	
	
	/* Sidebar
	-------------------------------------------------------------------------------------- */
	#sidebar{
	float:left;
	margin:20px 10px 0 20px; padding:0 0 0 0;
	width:210px;
	}
	#sidebar .middle{
	background:url(../imagenes/sidebar_mitad.png) repeat-y;
	}
	#sidebar .top{
		background:url(../imagenes/sidebar_top.png) no-repeat;
		height:25px;
		display:block;
		}
	#sidebar .bottom{
		background:url(../imagenes/sidebar_abajo.png) no-repeat left bottom;
		height:43px;
		display:block;
		}

#sidebar a{ color:#353535; }
#sidebar a:hover{ color:#666; }

#sidebar p{
	font-size:12px;
	padding:5px 25px 5px 0;
}
/* List in col */
	#sidebar ul{}
	#sidebar ul li{
	}
	#sidebar ul li a{
		color:#999;
		display:block;
		padding:5px 6px 5px 5px;
		background:url(../imagenes/sidebar_flecha_blanca.png) no-repeat left 50%;
		border:1px solid #ddd; border-width:0 0 1px 0;
		width:160px;
	}

	
	#sidebar h4.rubrique{
		padding:5px 0 5px 10px;
	}
	#sidebar h4.rubriquecurrent{
		background:url(../imagenes/h4_current.png);
		padding:0 0 0 10px;
		line-height:40px;
		height:46px;
	}
	
	#sidebar a.current{
		background:url(../imagenes/sidebar_a_current.png);
		display:block;
		width:200px; height:46px;
		border:none !important;
		margin:0; padding:0 0 0 10px;
		line-height:40px;
		font-weight:bold;
		font-size:16px;
	}
	
	
	
	/* Parte derecha
	-------------------------------------------------------------------------------------- */
	#right{
		float:left;
		margin:20px 0 0 0; padding:0;
		width:625px;
	}
	
	
	
	/* Total
	-------------------------------------------------------------------------------------- */
	#fullwidth{
		float:left;
		margin:20px 0 0 0; padding:0;
		width:900px;
	}
	
	
	/* Comentarios
	-------------------------------------------------------------------------------------- */
	#comments{
	margin:0 0 20px 0; padding:20px 0;
	width:620px;
}

	#comments h3{
		text-align:right;
		margin:0 20px 20px 0;
	}
	
	.comments_post{
		background:#f7f7f7;
		border:1px solid #eee; border-width:1px 0 1px 0;
		padding:10px;
		height:100%;
	}
	
	.comments_post .avatar{
		float:left;
		width:100px;
	}
	
	.comments_post .avatar img{
		border:1px solid #f7f7f7;
		padding:7px;
	}
	
	.comments_post .user_post{
		float:left;
		margin:0 0 0 10px;
		height:100%;
		width:490px;
	}
	.user_post_end{
		background:url(../imagenes/img_625_shadow.png) no-repeat 50% bottom;
		margin:0 0 30px 0; padding:0 0 10px 0;
	}
	
	.comments_post .user_post p{
		border:1px solid #f7f7f7; border-width:1px 0 0 0;
		font-size:13px;
		padding:8px 0 0 0;
	}
	
	.comments_post .user_name{
		font-size:18px;
	}
	.comments_post .date_right{
		float:right;
	}

	/* Paginacion
	-------------------------------------------------------------------------------------- */
	#paginator{
		text-align:center;
		width:630px; height:28px;
		position:relative;
		font-size:12px;
	}
	div.pagination {
		text-align:center;
	}
	div.pagin{
		position:absolute;
		top:12px;
		right:15px;
	}
	div.pagination a {
		border:1px solid #f7f7f7;
		margin: 2px; padding:0 4px;
		font-size:12px !important;
	}
	div.pagination a:hover,active {
	}
	div.pagination span.courante {
		padding: 4px 8px 4px 8px;
		border:1px solid #d2d2d2;
		margin: 2px;
		font-weight: bold;
		font-size:12px !important;
	}
	div.pagination span.desactive {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #353535;
	}



	
	
/* -------------------------------------------------------------------------------------- FOOTER */

#footer{ background:url(../imagenes/footer_bg.png) repeat-x left top;}
	#footer .content{
		margin:0 auto;
		width:900px;
	}

	/* abajo_nav */
	#bottom_nav{
		background:url(../imagenes/nav_bar.png);
		display:block;
		margin:0 auto;
		width:900px; height:39px;
	}
	#bottom_nav ul{
		float:left;
		margin:0 0 0 30px; padding:0;
		text-align:left;
		width:600px;
		}
	#bottom_nav ul li{
		display:inline;
		line-height:39px;
		font-size:13px;
		padding:0 20px 0 0;
	}
	#bottom_nav a{
		color:#FFF;
	}
	#bottom_nav a:hover{/* Archivo de tema */}
	
	#bottom_logo{
		float:right;
		width:120px; height:39px;
	}
	#bottom_logo a{
		background:url(../imagenes/bottom_logo.png) no-repeat 50% 50%;
		display:block;
		width:120px; height:39px;
	}
	
	#footer .copy{
		color:#353535;
		font-size:10px;
		text-align:center;
	}
	#footer .copy a{/* Fichero de tema */ }
	#footer .copy a:hover{/* Fichero de tema */ }



/* -------------------------------------------------------------------------------------- OTROS */

.center{ text-align:center; }
.right{ text-align:right; }


.margin_0_20{
	margin:0 20px;
}
.padding_left_200px{
	padding:0 0 0 200px;
}

.float_left{
	float:left;
}

/* Continuar 
.continue a{
	background:url(../imagenes/form_enviar.png) no-repeat left 50%;
	display:block; float:right;
	color:#ffffff;
	line-height:38px;
	text-align:center;
	letter-spacing:1px;
	padding:0 20px 0 0;
	width:165px; height:42px;
} 
.continue a:hover{}
*/


/* Listas  */
.list_simple li{
	padding:4px 6px 4px 20px;
}
.list_check li{
	padding:4px 6px 4px 20px;
	background:url(../imagenes/tick_16.png) no-repeat left 50%;
}
.list_arrow li{
	padding:4px 6px 4px 20px;
	background:url(../imagenes/right_16.png) no-repeat left 50%;
}
.list_deleted li{
	padding:4px 6px 4px 20px;
	background:url(../imagenes/delete_16.png) no-repeat left 50%;
}
.list_heart li{
	padding:4px 6px 4px 20px;
	background:url(../imagenes/heart_16.png) no-repeat left 50%;
}
.list_user li{
	padding:4px 6px 4px 20px;
	background:url(../imagenes/user_16.png) no-repeat left 50%;
}


/* Textos */
.cols p{
	margin:5px 0;
}

/* Links */
#right a.external{
	background:url(../imagenes/external.png) no-repeat right top;
	color:#666 !important;
	border:1px solid #ff7200;
	border-width:0 0 1px 0;
	padding:0 18px 2px 0;
}
#right a.external:hover{
	background:url(../imagenes/external2.png) no-repeat right top;
	/* Tema de color:#0bb2f1;*/ 
	border:1px solid #ff7200;
	border-width:0 0 1px 0;
}

.biglines{
	font-size:17px;
	line-height:24px;
	margin:10px 0 20px 0;
	text-shadow: #acacac 0 1px 0 !important;
}

/* Imagenes */
.img_shadow1{
	background:url(../imagenes/img_625_shadow.png) no-repeat 50% bottom;
	margin:10px 0 0 0; padding:0 0 10px 0;
}

.img_left{
	float:left;
	padding:8px;
}

.img_right{
	float:right;
	padding:8px;
}

.note{
	/* Archivo de tema:
	background:;
	border:;
	color:;
	*/
	font-size:13px;
	font-style:italic;
	margin:15px 0; padding:20px 15px 15px 15px;
	text-shadow: #acacac 0 1px 0 !important;
}

/* Admins */

.admin_form .mep_btn{
	background:url(../imagenes/form_captcha.png);
	border:none;
	padding:4px 5px; margin:0 10px 10px 0;
	color:#f7f7f7;
		width:40px; height:39px;
		line-height:34px;
}

.delete_list li{
	border:1px dotted #acacac; border-width:0 0 1px 0;
	padding:10px;
	height:20px;
	clear:both;
}
.delete_list li .id{
	display:block; float:left;
	text-align:center;
	width:50px;
}
.delete_list li .title{
	display:block; float:left;
	font-weight:bold;
	padding:0 0 0 10px;
	width:440px;
}
.delete_list li .delete{
	display:block; float:left;
	width:100px;
	text-align:right;
}
/* -------------------------------------------------------------------------------------- PEQUENO RESET */
*{ outline:none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
	
ul{ list-style:none; }

a, a:hover{
	outline:none;
	text-decoration:none;
	}

img{ border:none; }

/* --------------------------------------------------------------------------------OTROS UTILES */

ul.tree, ul.tree ul {
     list-style-type: none;
     background: url(../imagenes/vline.png) repeat-y;
     margin: 0;
     padding: 0;
   }
   
   ul.tree ul {
     margin-left: 10px;
   }

   ul.tree li {
     margin: 0;
     padding: 0 12px;
     line-height: 20px;
     background: url(../imagenes/node.png) no-repeat;
     color: #ff7000;
     font-weight: bold;
   }
ul.arbol {
display:none;
}
ul.tree li.last {
     background: #fff url(lastnode.png) no-repeat;
   }

/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

/* -------------------------------------------------------------------------------------- ESTRUCTURA */

body{
	background:#FFF;
	color:#333;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
/*	font-family:Josefin Sans; */
	line-height:22px;
	font-weight:normal;
	}

.innerpage_main_bg{
	background:url(../imagenes/fondoblanco.png) no-repeat left top;
	padding:20px 0 0 0;
}

/* -------------------------------------------------------------------------------------- CABECERAS */
h1, h2, h3, h4, h5, h6{
	font-family:'Helvetica', 'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;
	}

h1{	font-size:60px; }
h2{	font-size:48px; }
h3{	font-size:36px; }
h4{	font-size:24px; }
h5{	font-size:18px; }
h6{	font-size:14px; }

#main h2, #main h3, #main h4, #main h5{
	line-height:normal;
	padding:10px 0;
}

.niceline{
	background:url(../imagenes/separator_5.jpg) repeat-x left bottom;
	padding:0 0 20px 0;
}
.textopeque { clear:both; padding:0px 0px 0px 3px; width:404px;
        background:url(../imagenes/guino.gif) no-repeat right 50%;
background-color:#FFE4B5;
}


.subsalas { padding:0px 0px 0px 10px; width:268px;
        background:url(../imagenes/cuadrito.gif) no-repeat right 50%;
background-color:#FFE4B5;
}

.expandir { padding:0px 0px 0px 50px; width:85%; margin-top:10px;
        background:url(../imagenes/mas2.png) no-repeat left 50%;
background-color:#FFE4B5;
       font-size:17px;
        line-height:30px;
 	text-shadow: #acacac 0 1px 0 !important
}

.sec_form { padding:0px 0px 0px 10px; width:326px;
        background:url(../imagenes/cuadrito.gif) no-repeat right 50%;
background-color:#FFE4B5;
}

.usuarios_dia {
margin-top: 0px; padding: 7px 7px 20px 7px; height:100px;
background: #eee; border: 1px solid #CCC; -moz-box-shadow: 0px 2px 15px #333; position: relative;
}
/* -------------------------------------------------------------------------------------- HEADER */

#header{}
	#header .content{
		margin:0 auto;
		width:900px; height:145px;
		position:relative;
		z-index:9999;
	}
	
	/* Logo
	-------------------------------------------------------------------------------------- */
	#logo{
		display:block; float:left;
		width:300px; height:93px;
	}
	#logo h1 a{
		background:url(../imagenes/logoa.png) no-repeat left top;
		display:block;
		width:300px; height:93px;
	}
	#logo h1 a:hover{
		background:url(../imagenes/logoa.png) no-repeat left top;
	}
	
	
	/* BUSCADOR
	-------------------------------------------------------------------------------------- */
	#search_form { float: right; display: inline; width: 200px; margin:0; position:absolute; top:35px; right:0px; background:url(../imagenes/buscal.png) no-repeat left 50%; padding:0 0 0 130px;}
	#search_form .field { float: left; display: inline; height: 39px; width: 164px; background: url(../imagenes/search_field.png) no-repeat 0 0; }
	#search_form .field input { color: #353535; border: 0; background: transparent; font-size: 11px; margin: 10px 0 0 10px; }
	#search_form .button { float: left; display: inline; height: 39px; width: 36px; cursor: pointer; border: 0; background: url(../imagenes/search_button.png) no-repeat 0 0; }
	#search_form .button:hover { }
	
	/* Navegacion
	-------------------------------------------------------------------------------------- */
	.nav {
	background:url(../imagenes/nav_bar.png) no-repeat left top;
	position: absolute;
	top: 93px;
	left: 0px;
	z-index: 1000;
	width:900px; height:42px;
	}	

	/* Navigacion 1 nivel */
	.nav li{
		margin:0 15px 0 0;
	}
	.nav .navstyle{
		font-size:12px;
		line-height:38px;
	}
	.nav li a{
		color:#FFF;
		padding:6px;
		font-size:11px;
	}
	.nav li a:hover{/* Archivo tema */}
	
	/* Navigacion 2nivel (sub-menu) - falta arrow_submenu.png */
	.submenu_arrow{background:url(../imagenes/arrow_submenu.png) no-repeat 170px 50%;}
	.nav ul {
		padding-left: 10px;
		float: left;
		position: relative;
		text-transform:none;
	}
		
		.nav ul li {
			float: left;
			position: relative;
			margin:0;
		}
			
			.nav ul li:hover ul ul,
			.nav ul li:hover ul ul ul,
			.nav ul li:hover ul ul ul ul{
				display:none;
			}
			
			.nav ul li:hover ul,
			.nav ul li li:hover ul,
			.nav ul li li li:hover ul,
			.nav ul li li li li:hover ul{
				display:block;
			}
		
			.nav ul li a {
				padding: 0px 15px;
				line-height: 30px;
				color: #FFFFFF;
				display: block;
                	font-size:12px;
		line-height:38px;
			}
			
				.nav ul li a:hover {
					text-decoration: none;
				}
			
			.nav ul li ul {
				width: 160px;
				background: none;
				position:absolute;
				top: 36px;
				left: -15px;
				display: none;
			}
			
				.nav ul li ul li {
					background:#000;
				}
					
					.nav ul li ul li a{
						width: 160px;
						height:auto;
						float:left;
						border-top: 1px solid #353535;
                        line-height:30px;
					}
					
					/* Navigation 3rd level (sub-sub-menu) */
					.nav ul li ul li ul {
						top: 0px;
						left: 170px;
					}

	


/* -------------------------------------------------------------------------------------- PRINCIPAL */
#main{}
	#main .content{
		margin:0 auto; padding:0 30px 30px 30px;
		width:900px;
	}
	
	
	/* Columna de botones */
	a.one_col_btn{
		background:url(../imagenes/button_1col.png) no-repeat left top;
		color:#FFF;
		display:block;
		clear:both;
		margin:15px 0 0 0;
		width:185px; height:47px;
		line-height:39px;
		text-align:center;
		text-transform:uppercase;
	}
	a.one_col_btn:hover{/* Theme file */}
	
	/* 4 columnas
	-------------------------------------------------------------------------------------- */
	.four_cols{
	}
	.four_cols .cols{
		display:block;
		float:left;
		width:185px;
		margin:0 20px;
	}
	.four_cols h5{
		text-transform:uppercase;
	}
	
	
	/* Columnas de diseno
	-------------------------------------------------------------------------------------- */
	.cols_1{
		float:left;
		margin:0 20px 10px 20px;
		width:185px;
	}
	.cols_2{
		float:left;
		margin:0 20px 10px 20px;
		width:410px;
	}
	.cols_4{
		float:left;
		margin:0 20px 10px 20px;
		width:860px;
	}
	
	/* Twitter por si lo usamos
	-------------------------------------------------------------------------------------- */
	.twitter{
		background:url(../imagenes/twitter_icon.png) no-repeat 50% bottom;
		color:#ccc;
		margin:0; padding:20px 0 36px 0;
		font-size:24px;
		text-align:center;
	}
	.twitterTime{ font-size:11px; display:block; clear:both;}
	
	
	
	
	/* Paginas en Inner
	-------------------------------------------------------------------------------------- */
	.bigTitlePages{
		margin:0 auto; padding:0 0px;
		width:900px; height:0px;
		font-weight:normal;
		float:right;
	}
	.bigTitlePages h2 {
		padding:0px 0 0 0px;
	}
	.bigTitlePages h2 span{
		clear:both;
		display:block;
		color:#FFF;
		font-size:0.5em;
	}
	
	
	
	/* Sidebar
	-------------------------------------------------------------------------------------- */
	#sidebar{
	float:left;
	margin:0px 10px 0 20px; padding:0 0 0 0;
	width:210px;
	}
	#sidebar .middle{
	background:url(../imagenes/sidebar_middle.png) repeat-y;
	}
	#sidebar .top{
		background:url(../imagenes/sidebar_top.png) no-repeat;
		height:25px;
		display:block;
		}
	#sidebar .bottom{
		background:url(../imagenes/sidebar_bottom.png) no-repeat left bottom;
		height:43px;
		display:block;
		}
/* Antes #353535 - Despues #666*/
#sidebar a{ color:#666; }
#sidebar a:hover{ color:#666; }

#sidebar p{
	font-size:12px;
	padding:5px 25px 5px 0;
}
/* Listados */
	#sidebar ul{}
	#sidebar ul li{
	}
/* Antes #999 */
	#sidebar ul li a{
		color:#2A2A2A;
		display:block;
		padding:5px 6px 5px 5px;
		background:url(../imagenes/estaflechanoseve.png) no-repeat left 50%;
		border:1px solid #ddd; border-width:0 0 1px 0;
		width:160px;
	}
	#sidebar li img{
	position:relative;
	}

	
	#sidebar h4.rubrique{
		padding:5px 0 5px 10px;
	}
	#sidebar h4.rubriquecurrent{
		background:url(../imagenes/h4_current.png);
		padding:0 0 0 10px;
		line-height:40px;
		height:46px;
	}
	
	#sidebar a.current{
		background:url(../imagenes/sidebar_a_current.png);
		display:block;
		width:200px; height:46px;
		border:none !important;
		margin:0; padding:0 0 0 10px;
		line-height:40px;
		font-weight:bold;
		font-size:16px;
	}
	
	
	
	/* Parte derecha
	-------------------------------------------------------------------------------------- */
	#right{
		float:left;
		margin:20px 0 0 0; padding:0;
		width:625px;
	}
	
	
	
	/* Total
	-------------------------------------------------------------------------------------- */
	#fullwidth{
		float:left;
		margin:20px 0 0 0; padding:0;
		width:900px;
	}
	
	
	/* Comentarios
	-------------------------------------------------------------------------------------- */
	#comments{
	margin:0 0 20px 0; padding:0 0;
	width:620px;
}

	#comments h3{
		text-align:right;
		margin:0 5px 5px 0;
	}
	
	.comments_post{
		background:#f7f7f7;
		border:1px solid #eee; border-width:1px 0 1px 0;
		padding:3px;
		height:100%;
	}
	
	.comments_post .avatar{
		float:left;
		width:80px;
	}
	
	.comments_post .avatar img{
		border:1px solid #f7f7f7;
		padding:7px;
        width:70px;
        height:70px;
	}
        .comments_post .avatar2 img{
               	border:1px solid #f7f7f7;
                padding:7px;
        width:32px;
        height:32px;
        }

	
	.comments_post .user_post{
		float:left;
		margin:10px 0 0 7px;
		height:100%;
		width:490px;
	}
	.user_post_end{
		background:url(../imagenes/img_625_shadow.png) no-repeat 50% bottom;
		margin:0 0 10px 0; padding:0 0 10px 0;
	}
	
	.comments_post .user_post p{
		border:1px solid #f7f7f7; border-width:1px 0 0 0;
		font-size:13px;
		padding:2px 0 0 0;
	}
	
	.comments_post .user_name{
		font-size:18px;
	}
	.comments_post .date_right{
		float:right;
	}
        .comments_post .user_name2{
                font-size:18px;
        }

        .comments_post .user_post2{
                float:left;
               	margin:1px 0 0 7px;
                height:100%;
                width:490px;
        }
        .user_post_end2{
                background:url(../imagenes/img_625_shadow.png) no-repeat 50% bottom;
                margin:0 0 10px 0; padding:0 0 10px 0;
        }
	
        .comments_post .user_post2 p{
                border:1px solid #f7f7f7; border-width:1px 0 0 0;
                font-size:13px;
                padding:1px 0 0 0;
        }

	/* Paginacion
	-------------------------------------------------------------------------------------- */
	#paginator{
		text-align:center;
		width:630px; height:28px;
		position:relative;
		font-size:12px;
	}
	div.pagination {
		text-align:center;
	}
	div.pagin{
		position:absolute;
		top:12px;
		right:15px;
	}
	div.pagination a {
		border:1px solid #f7f7f7;
		margin: 2px; padding:0 4px;
		font-size:12px !important;
	}
	div.pagination a:hover,active {
	}
	div.pagination span.courante {
		padding: 4px 8px 4px 8px;
		border:1px solid #d2d2d2;
		margin: 2px;
		font-weight: bold;
		font-size:12px !important;
	}
	div.pagination span.desactive {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #353535;
	}



	
	
/* -------------------------------------------------------------------------------------- FOOTER */

#footer{ background:url(../imagenes/footer_bg.png) repeat-x left top;}
	#footer .content{
		margin:0 auto;
		width:900px;
	}

	/* bottom_nav */
	.bottom_nav{
		background:url(../imagenes/nav_bar.png);
		display:block;
		margin:0 auto;
		width:900px; height:39px;
	}
	.bottom_nav ul{
		float:right;
		margin:0 0 0 30px; padding:0;
		text-align:right;
		/*width:600px;*/
		}
	.bottom_nav ul li{
		display:inline;
		line-height:39px;
		font-size:13px;
		padding:0 20px 0 0;
	}
        .bottom_nav li img{
	position:relative;
	padding-right:4px;
	}
	.bottom_nav a{
		color:#FFF;
	}
	.bottom_nav a:hover{/* Archivo tema */}
	
	#bottom_logo{
		float:left;
		width:120px; height:39px;
	}
	#bottom_logo a{
		background:url(../imagenes/logob.png) no-repeat 50% 50%;
		display:block;
		width:120px; height:39px;
margin-left:10px;
	}
	
	#footer .copy{
		color:#353535;
		font-size:10px;
		text-align:center;
	}
	#footer .copy a{/* Archivo tema */ }
	#footer .copy a:hover{/* Archivo  tema */ }




	


/* -------------------------------------------------------------------------------------- DISENO */

.center{ text-align:center; }
.right{ text-align:right; }


.margin_0_20{
	margin:0 20px;
}
.padding_left_200px{
	padding:0 0 0 200px;
}

.float_left{
	float:left;
}


/* Continuar  y Escribir */
.escribe a{
        background:url(../imagenes/f_escribe.png) no-repeat left 50%;
       	display:block; float:right;
        color:#ffffff;
        line-height:38px;
        text-align:right;
        word-spacing:1px;
	padding: 0 20px 0 0;
        width:165px; height:42px;
}

.vuelve a{
       	background:url(../imagenes/form_vuelve.png) no-repeat left 50%;
        display:block; float:left;
        color:#ffffff;
        line-height:38px;
        text-align:center;
	letter-spacing:1px;
        padding:0 0 0 20px;
        width:165px; height:42px;
}

.botones a{
        background:url(../imagenes/form_submit.png) no-repeat left 50%;
        display:block; 
        /* color:#f7f7f7; */
        color:#fcfcfc;
        line-height:38px;
        text-align:center;
        letter-spacing:1px;
        padding:0 20px 0 0;
        width:165px; height:42px;
}

.continue a{
	background:url(../imagenes/form_submit.png) no-repeat left 50%;
	display:block; float:right;
	/* color:#f7f7f7; */
	color:#FFFFFF;
	line-height:38px;
	text-align:center;
	letter-spacing:1px;
	padding:0 20px 0 0;
	width:165px; height:42px;
}
.continue a:hover{}

/* Listados */
.list_simple li{
	padding:4px 6px 4px 20px;
}
.list_check li{
	padding:4px 6px 4px 20px;
	background:url(../imagenes/tick_16.png) no-repeat left 50%;
}
.list_arrow li{
	padding:4px 6px 4px 20px;
	background:url(../imagenes/right_16.png) no-repeat left 50%;
}
.list_deleted li{
	padding:4px 6px 4px 20px;
	background:url(../imagenes/delete_16.png) no-repeat left 50%;
}
.list_heart li{
	padding:4px 6px 4px 20px;
	background:url(../imagenes/heart_16.png) no-repeat left 50%;
}
.list_user li{
	padding:4px 6px 4px 25px; width:245px;
	background:url(../imagenes/iconito.png) no-repeat left 50%;
border:1px solid #F90; backgroundcolor:#FFFFF;
}
.list_mas li{
	padding:4px 6px 4px 20px; width:250px;
	background:url(../imagenes/verMenosp.jpg) no-repeat left 50%;
border:1px solid #F90; backgroundcolor:#FFFFF;
}
.list_menos li{
	padding:4px 6px 4px 20px; width:250px;
        background:url(../imagenes/verMasp.jpg) no-repeat left 50%;
border:1px solid #F90; backgroundcolor:#FFFFF;
}
.list_estrella li{
        padding:4px 6px 4px 25px; width:245px;
        background:url(../imagenes/estrella.png) no-repeat left 50%;
border:1px solid #F90; backgroundcolor:#FFFFF;
}
.list_canalstats li{
        padding:4px 6px 4px 25px; width:245px;
        background:url(../imagenes/asterisco.png) no-repeat left 50%;
border:1px solid #F90; backgroundcolor:#FFFFF;
}

.list_asterisco li{
        padding:4px 6px 4px 25px; width:550px;
        background:url(../imagenes/asterisco.png) no-repeat left 50%;
border:1px solid #F90; backgroundcolor:#FFFFF;
}
.list_bloj li{
/*        font-size:15px;
        line-height:17px; */
        text-shadow: #acacac 0 1px 0 !important;
        padding:4px 6px 4px 25px;
        background:url(../imagenes/enlace.gif) no-repeat left 50%;
}
.list_userstats li{
        padding:4px 6px 4px 25px; width:245px;
        background:url(../imagenes/asterisco.png) no-repeat left 50%;
border:1px solid #F90; backgroundcolor:#FFFFF;
}


/* Textos */
.cols p{
	margin:5px 0;
}

/* Links */
#right a.external{
	background:url(../imagenes/external.png) no-repeat right top;
	color:#666 !important;
	border:1px solid #ff7200;
	border-width:0 0 1px 0;
	padding:0 18px 2px 0;
}

#right a.internos{
	background:url(../imagenes/external.png) no-repeat right top;
	color:#666 !important;
	border:1px solid #ff7200;
	border-width:0 0 1px 0;
	/* padding:0 18px 2px 0; */
}


#right a.internos2{
	background:url(../imagenes/external.png) no-repeat right top;
	color:#666 !important;
	border:1px solid #acacac;
	border-width:0 0 1px 0;
	/* padding:0 18px 2px 0; */
}

#right p.linksub{
	background:url(../imagenes/external.png) no-repeat right top;
	color:#666 !important;
	border:1px solid #ff7200;
	border-width:0 0 1px 0;
/*	padding:0 18px 2px 0; */
}

#right a {
color:#666 !important;
font-weight: bolder;
}
#right a:hover{
border:1px solid #ff7200;
border-width:0 0 1px 0;
}
#right a.external:hover{
	background:url(../imagenes/external2.png) no-repeat right top;
	/* Archivos de color:#0bb2f1; - Naranja ff7200*/ 
	border:1px solid #ff7200;
	border-width:0 0 1px 0;
}

.biglines{
	font-size:17px;
	line-height:24px;
	margin:10px 0 20px 0;
	text-shadow: #acacac 0 1px 0 !important;
}
.proy{
        font-size:15px;
        line-height:15px;
        text-shadow: #acacac 0 1px 0 !important;
}

.textoi{
	font-size:17px;
	line-height:17px;
/*	margin:10px 0 20px 0; */
	text-shadow: #acacac 0 1px 0 !important;
}
.texton{
	font-size:15px;
	line-height:17px;
/*	margin:10px 0 20px 0; */
	text-shadow: #acacac 0 1px 0 !important;
}

/* Imagenes */
.img_shadow1{
	background:url(../imagenes/img_625_shadow.png) no-repeat 50% bottom;
	margin:10px 0 0 0; padding:0 0 10px 0;
}

.img_left{
	float:left;
	padding:8px;
}
.imgw{
	float:left;
	padding:8px;
width:64px; height:64px;
}

.img_right{
	float:right;
	padding:8px;
}

.note{
	/* Theme file 
	background:;
	border:;
	color:;
	*/
	font-size:13px;
    background:url(../imagenes/note.png) repeat-x #E7E7E7!important;
	font-style:italic;
	margin:15px 0; padding:20px 15px 15px 15px;
	text-shadow: #acacac 0 1px 0 !important;
}

,note .img { padding: 1px 1px 1px 1px; }
/* Admin panel */

.admin_form .mep_btn{
	background:url(../imagenes/form_captcha.png);
	border:none;
	padding:4px 5px; margin:0 10px 10px 0;
	color:#f7f7f7;
		width:40px; height:39px;
		line-height:34px;
}

.delete_list li{
	border:1px dotted #acacac; border-width:0 0 1px 0;
	padding:10px;
	height:20px;
	clear:both;
}
.delete_list li .id{
	display:block; float:left;
	text-align:center;
	width:50px;
}
.delete_list li .title{
	display:block; float:left;
	font-weight:bold;
	padding:0 0 0 10px;
	width:440px;
}
.delete_list li .delete{
	display:block; float:left;
	width:100px;
	text-align:right;
}
#sidebar h3{
    font-size:18px;
}
#sidebar a{
    line-height:18px;
}
/*
	Beta ChatZona Networks 2011 - Spiky
*/

.homepage{
	background:url(imagenes/bg_inicio.png) repeat-x;
}

.innerpage{
	background:url(imagenes/bg_inner.png) repeat-x;
}

	a{ color:#999;}

	.color_one,
	a:hover,
	a.one_col_btn:hover,
	#right a.external:hover,
	.continue a:hover,
	.nav li a:hover,
	#devilform .submitter:hover,
	#bottom_nav a:hover,
	#footer .copy a:hover{
		color:#ff7200;
	}

	
	/* FOOTER
	-------------------------------------------------------------------------------------- */
	#footer .copy a{ color:#000;}
	
	.note{
		background:#e7e7e7 url(imagenes/note.png) repeat-x left top;
		border:1px solid #ff7200; border-width:0 0 2px 0;
		color:#333;
	}


/* Links para abajo */

#fCaja { margin:0px; width:900px; height:113px; background-color: #f0f0f0;
/*  background: url(
imagenes/chatzona_logo_footer.png)
 no-repeat bottom right #f0f0f0; */
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }

.footColumna { height: 90%; width: 159px; float:left; padding-left:17.5px; text-align:center; }
.footColumna .header 
{ height: 25px; color: black; width: 115px; border-bottom: 1px solid #a0a0a0; line-height: 1.8; font-size: 16px; margin-bottom: 10px; 
margin-left:auto; margin-right:auto; text-align:left; padding-left:30px; }

/*Esto era 139*/
.footColumna li 
{ font:12px; color: #505050; height: 22px; width: 155px; border-bottom: 1px solid #c0c0c0; line-height: 2; padding-left: 5px; list-style-type: none; 
}


.footColumna .czf { background: url(imagenes/footer_info.png) no-repeat left; }
.footColumna .nlf { background: url(imagenes/footer_normas.png) no-repeat left; }
.footColumna .lnf { background: url(imagenes/footer_legal.png) no-repeat left;}
.footColumna .alf { background: url(imagenes/footer_ayuda.png) no-repeat left; }
.footColumna .otf { background: url(imagenes/footer_servicios.png) no-repeat left; }


.footColumna a { color: #505050; text-decoration:none; }
.footColumna a:hover { color: #000000; text-decoration:none; }