@charset "UTF-8";
/* CSS Labtory > LifeWeb Design */
html{
	margin: 0;
	padding: 0;
}
body { 
			padding: 0;
			margin: 0;
			/*background-image: url(../img/bg_test.jpg);*/ 
			background-position: top center; 
			background-repeat: no-repeat; 
			/*background-color: #3f3f3f;*/
			background-color: #111111;
			background-attachment: fixed;
			color: #fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, sans-serif;
font-size: 14px;
		}
	
		


.bigContent{
	padding-top: 5%;

}

.contactbar{
	padding-top: 0px;
	border: 0px;
	
	
	
	width: 100%;
	height: 28px;

	position:absolute;
	top: 0px;
	background: url(../img/dot.jpg) repeat;

}


.linkcontainer{
	border:0px;
	padding:0px;
	width:829px;
	height:28px;
	margin-left: auto;
    margin-right: auto;
}

.navegacioesquerra{
	float:left;
	display:block;
	border:0px;
	padding:0px;
	width:244px;
	height:28px;
}

.navegaciodreta{
	float:right;
	display:block;
	border:0px;
	padding:0px;
	width:83px;
	height:28;
}
.am{
	float: right;
	width: 83px;
	height: 28px;
}
.amselect{
	float: right;
	background: url(../img/aboutme_act.jpg) no-repeat;
	width: 83px;
	height: 28px;
}



.lb{
	float: left;
	width: 76px;
	height: 28px;
}

.lbselect{
	float: left;
	background: url(../img/lifebook_act.jpg) no-repeat;
	width: 76px;
	height: 28px;
}


.lm{
	float: left;
	width: 82px;
	height: 28px;
}

.lmselect{
	float: left;
	background: url(../img/lifemovie_act.jpg) no-repeat;
	width: 82px;
	height: 28px;
}

.ls{
	float: left;
	width: 86px;
	height: 28px;
}

.lsselect{
	float: left;
	background: url(../img/lifeshare_act.jpg) no-repeat;
	width: 86px;
	height: 28px;
}






















.content{	

padding-left: 25px;
padding: 0px;
width: 830px;
margin-left: auto;
margin-right: auto;
}
.main{
	display: block;
	float: left;
	width: 569px;
	
	margin-right: auto;
	margin-left: auto;
}
#title{
	width: 569px;
	height: 33px;
	background: url(../img/sf_titleheader.png) no-repeat;
	
	
}

#title_grey{
	width: 569px;
	height: 33px;
	background: url(../img/sf_titleheader_grey.png) no-repeat;
	color:#000;
	
	
	
}
#title_blue{
	width: 569px;
	height: 33px;
	background: url(../img/bluebar.png) no-repeat;
	color:#000;	
}
#title_green{
	width: 569px;
	height: 33px;
	background: url(../img/greenbar.png) no-repeat;
	color:#000;	
}






.erpost{
	display: none;
}
.erpost2{
	
}
#tien{
	position: relative;	
	color: white;
top: 6px;
left: 12px;
	float: left;
}
#tien2{
	position: relative;	
	color: black;
top: 6px;
left: 12px;
	float: left;
}

#daterevelde{
	position: relative;
	top: 10px;
	right: 15px;
	font-size: 10px;
	float: right;
	color:#FFF;
}
#bar_opt{
	background: url(../img/bg_recents.png) repeat-x;
	width: 569px;
	height: 33px;
	margin-top: -7px;
	font-size: 12px;
	color: #000;
}
#cat{
	float: left;
	padding-top: 8px;
	padding-left: 10px;	
}
.post_view{
	float: right;
	background: url(../img/viewpost.png) no-repeat;
	width: 45px;
	height: 33px;
cursor: pointer;	
}
.post_view2{
	float: right;
	background: url(../img/viewpost.png) no-repeat;
	width: 45px;
	height: 33px;
	padding-right:5px;
cursor: pointer;	
}
.post_view:hover{
	float: right;
	background: url(../img/postview_act.png) no-repeat;
	width: 45px;
	height: 33px;
cursor: pointer;	
}
.post_view2:hover{
	float: right;
	background: url(../img/postview_act.png) no-repeat;
	width: 45px;
	height: 33px;
	padding-right:5px;
cursor: pointer;	
}

#comments_view{
	float: right;
	width: 61px;
	height: 33px;
	background: url(../img/commentsview.png) no-repeat;
cursor: pointer;
}
#comments_view:hover{
	float: right;
	width: 61px;
	height: 33px;
	background: url(../img/comments_act.png) no-repeat;
cursor: pointer;
}
#num_com{
	
	position: relative;
	top: 7px;
	left: 9px;
}
.more_posts{
	float: right;
	position: relative;
	right: 10px;
	background: url(../img/mesposts.png) no-repeat;
	width: 45px;
	height: 33px;
	cursor: pointer;
}
.more_posts:hover{
	float: right;
	background: url(../img/mesposts_act.png) no-repeat;
	width: 45px;
	height: 33px;
	cursor: pointer;
}


#ini_post{
	background: url(../img/bg_post_ini.png) no-repeat;
	width: 569px;
	height: 23px;
}
#bgpostitself{
	margin-top: -14px;
	background: url(../img/bg_mid_post.png) repeat-y;
	
	
}
#postitself{
	
   font-size: 13px;
   padding-left: 20px;
   padding-right: 20px;
}
#end_post{
	background: url(../img/bg_end_post.png) no-repeat;
	width: 569px;
	height: 23px;
	margin-top: -14px;
}
.comments{
	display: none;
}

#ini_com{
	background: url(../img/bg_post_ini.png) no-repeat;	
	width: 569px;
	height: 23px;

}
#entro_com{
	background: url(../img/bg_mid_post.png) repeat-y;
	width: 569px;
	padding: 0;
	margin: 0;
}
#fin_com{
	position: relative;
	top: -14px;
	background: url(../img/bg_end_post.png) no-repeat;
	width: 569px;
	height: 23px;
	
}

#loading{
	display: none;
	position: absolute;	
	
	width: 220px;
	height: 19px;
top: 118px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 170px;
}
#lab_s{
	width: 150px;
	height: 48px;
	background: url(../img/labtory_s.png);
	position: absolute;
	top: 15px;
	right: 15px;
}
#recents{
	display: block;
	position: relative;
	float: right;
	width: 217px;
	height: 387px;
}
#norman{

	position:absolute;
	
	right: -350px;
	width: 300px;
	height: 409px;	
}
#recents_header{
	width: 217px;
	height: 33px;
	background: url(../img/recent_header.png) no-repeat;
}
#recents_header_about{
	width: 217px;
	height: 33px;
	background: url(../img/cvb.png) no-repeat;
}
#recent_list{
	display: block;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 217px;
	font-size: 10px;
	height: 321px;


}
#recent_list a{
	text-decoration: none;
	color: white;

}
.no_recent{
	cursor: pointer;
	list-style: none;
	width: 217px;
	height: 64px;
	background: url(../img/first_post.png) no-repeat;
}
.no_recent2{
	cursor: pointer;
	list-style: none;
	width: 217px;
	height: 64px;
	background: url(../img/second_post.png) no-repeat;
}
.actual_recent{

	list-style: none;
	width: 217px;
	height: 64px;
	background: url(../img/active_recent.png) no-repeat;
}
.no_recent:hover{
	cursor: pointer;
	list-style: none;
	width: 217px;
	height: 64px;
	background: url(../img/active_recent.png) no-repeat;

}
.no_recent2:hover{
	cursor: pointer;
	list-style: none;
	width: 217px;
	height: 64px;
	background: url(../img/active_recent.png) no-repeat;

}
#recent_list li img{
	float: left;
	position: relative;
	top: 6px;
	left: 7px;
	border: 1px solid #404040;
}
#info_post{
	float: right;
	position: relative;
	display: block;
	width:108px;
	top: 6px;
	right: 5px;
	height: 50px;
	
}
#title_recent{
	display: block;
	color: black;
	position: relative;
	top: 0px;
}
#date_recent{
	display: block;
	position: absolute;
	top: 37px;
	color: white;
	font-size: 9px;
	text-shadow: #000 1px 1px 2px;
}
#recents_bottom{
	width: 217px;
	height: 33px;
	background: url(../img/bg_recents.png) repeat-x;
}
#com_style{
	position: relative;
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	font-size: 13px;
	
}
#comment_container{
	
	
	top: -13px;
	position: relative;
	width: 529px;
	padding: 0px;
	margin-bottom: 10px;
}

#fi{
	margin-top: -14px;
	width: 569px;
	height: 9px;
	margin-bottom: 20px;
	background: url(../img/end_content.png) no-repeat;
}
#fi_con{
margin-bottom: 20px;
	width: 569px;
	height: 9px;
	background: url(../img/end_content.png) no-repeat;
}
#hola{
	cursor: ;
}

/* Config comentari */
#comentaris{
	width: 490px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	
}
#comment_author{
	margin-left: 6px;
}
#comment_author_author{
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
}
#comment_author_date{
	font: 9px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding-left: 7px;

	

}

#comment_top{
	width: 490px;
	height: 24px;
	background: url(../img/pop_top.png) no-repeat;
}
#comment_mid{
	
	width: 490px;
	

	background: url(../img/pop_mid.png) repeat-y;
}
#comment_text{
	width: 450px;
	padding-left: 20px;

	
}
#comment_bottom{
	width: 490px;
	height: 14px;
	background: url(../img/pop_bottom.png) repeat-y;
}
#bereplay{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 55px;
	height: 2px;
	width: 397px;
	background: url(../img/separador_replay.png);
}

textarea#comment{
	width: 490px;
}
#respond{
	position: relative;
	top: -15px;
	width: 490px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 0px;
	
}










.contamineitor{
position: relative;
overflow: hidden; 
width: 868px; 
height: 129px;
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
}
#wrapper{
	position: absolute;
	width: 868px;
	height: 129px;
	top: 0px;
	left: 0px;	
}
#contenedor_peu{
	position: relative;
	width: 868px;
	height: 129px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	
}
.contenedor{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
}

#posts_list{
	padding: 0px;
	margin: 0px;
		font-size: 10px;
	


}
#posts_list a{
	text-decoration: none;
	color: white;

}

#posts_list li img{
	float: left;
	position: relative;
	top: 6px;
	left: 7px;
	border: 1px solid #404040;
}

#tots_page{
		margin: 0px;
	padding: 0px;
	width: 868px;
	height: 129px;
	float: left;
	background-color: #282828;
	
}
#top_posts{
	
	height: 64px;
	width: 868px;
	margin-bottom: 1px;

	
}
#bottom_posts{
	
	height: 64px;
	width: 868px;
	

	
}
#alone_top{
	
	height: 64px;
	width: 217px;
		float: left;
}
#alone_bottom{
	
	height: 64px;
	width: 217px;
	
		float: left;
	
}











.peuet{
	width: 100%;
	height: 180px;
	
	display: none;
	
	position: fixed;
	z-index: 2;
	
	bottom: 0px;
	background: url(../img/dot.png) repeat;
}

#palantepatras{
	
		float: left;
		
		
}
#palantepatras ul{
	list-style: none;
}
#palantepatras ul li{

}
#palantepatras ul li a{
	/*color: white;
	*/
	text-decoration: none;
	
}
#palantepatras ul li a img{
border: none;
}
#patras{
	width: 21px;
	height: 129px;
	position: absolute;
	top: 0px;
	left: -22px;
	z-index: 902;

}
#palante{
	width: 21px;
	height: 129px;
	position: absolute;
	top: 0px;
	right: -22px;
	z-index: 901;

}

#nav{
		position: absolute;
		right: 0px;
		top: -35px;
	font-size: 12px;
	float: left;
}


#nav ul{
	list-style: none;

}
#nav ul li{
	float: left;
	margin-left: 20px;
}
#nav ul li a{
	color: white;
	text-decoration: none;
}
#buttonPeuet{
	width: 100%;
	background-color: #354557;
	height: 20px;
	position: fixed;
	z-index: 1;
	bottom: 0;	
}

#tancatnoesveu{
	cursor: pointer;
}







.thumb_post{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
padding-left: 0px; /*margin around each panel*/
width: 200px;
padding-right: 0px;
}
.thumb_post ul{
	list-style: none;
	font-size: 10px;
	width: 200px;
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	
}
.thumb_post ul li a{
	text-decoration: none;
}
.thumb_post ul li a img{
border: none;
}
.thumbdate{
	margin-top: 2px;
	color: #7e7e7e;
	text-align: center;
}
.thumbtitle{
	margin-top: 2px;
	text-align: center;
}

#updown{
	
	margin-left: auto;
	margin-right: auto;
	

	text-align: center;
	position: relative;
	top: -4px;
}
#updown a{
	font-size: 12px;
	color: white;
	text-decoration: none;
	
	
}
#loading_wrap{
	display: none;
	position: relative;	
	
	width: 220px;
	height: 19px;
top: 80px;
left: 250px;


}