body{float:left;position:relative;width:100%;height:100%;margin:0;padding:0;background:url(../img/body_bg.jpg) top center no-repeat #fff !important;}

body *{font-family:"Trebuchet MS", sans-serif;font-size:13px;color:#333;}


/* TWITS */

div.mensaje{
position:relative;
width:500px;
height:90px !important;
border-bottom:1px solid #ccc;	
background-color:#fff;
padding:5px;
margin:5px auto 0 auto;
color:#333;
}

div.mensaje span.foto_usuario{
float:left;
position:relative;
width:65px;
height:50px !important;
padding:0;
margin:5px 0 0 0;
}

	div.mensaje span.foto_usuario img{
	float:right;
	position:relative;
	width:50px;
	height:50px !important;	
	padding:0;
	margin:0 0 0 0;
	border:1px solid #0099FF;
	}
	
	
div.mensaje p.fan{
float:left;
position:relative;
width:420px;
margin:0 0 0 10px;
}
	
	
div.mensaje p.texto{
float:left;
position:relative;
width:420px;
margin:0px 0 0 10px;
color:#333;
}


div.mensaje p.tiempo{
float:left;
position:relative;
width:100%;
margin:10px 0 0 10px;
font-size:9px;
color:#000;
}

div#paginador{
position:relative;
width:100%;
margin:20px 0 0 8px;
height:25px;
padding:0;
text-align:left;
}

/* FORMULARIOS */

	div#lateral form{
	position:relative;
	width:195px;
	margin:15px auto;
	padding:0;	
	}



	div#lateral form input{
	position:relative;
	width:195px;
	padding:0;
	background-color:#fff;
	border:none;
	color:#0099CC;
	margin:0 0 0 0;
	border:1px solid #70a4b2;
	}
	
	div#lateral form input.button_login{
	width:auto;
	margin:0;
	border:1px solid #999;
	cursor:pointer;
	background-color:#f5f5f5;
	color:#999;
	margin:5px 0 0 0;
	padding:2px 3px 2px 3px;	
	}
	
	div#lateral form input.button_login:hover{
	background-color:#0099CC;
	color:#fff;
	border:1px solid #0099CC;	
	}
	


/* Estilo principal WEB */



a{color:#70a4b2;text-decoration:none;cursor:pointer;}
a:hover{color:#000;cursor:pointer;}
a img{border:none;cursor:pointer;}


/* ESTRUCTURA BASICA */
div#top{
position:relative;
width:100%;
height:45px;
margin:0 0 0 0;
padding:0;
background-color:#fff;
font-weight:bold;
font-size:14px;
}

	div#texto_top{
	position:relative;
	width:810px;
	margin:0 auto 0 auto;
	padding:15px 0 0 0;
	}


	div#top span{
	float:right;
	position:relative;
	margin:0 4px 0 0;
	padding:0;
	background-color:#fff;
	color:#70a4b2;
	cursor:default;
	}

	div#top span a:hover{border-bottom:4px solid #d28488;color:#d28488;	}
	

div#header{
position:relative;
width:100%;
height:264px;
margin:0 0 0 0;
padding:0;
}

div#wrapper{
position:relative;
width:810px;
margin:0 auto;
padding:0 0 0 0;
}


div#footer{
float:left;
position:relative;
width:100%;
height:197px;
margin:0 0 0 0;
padding:0;
bottom:0;
background-color:#d0d9d9;
}

div.mister{
float:left;
position:absolute;
margin:0;
padding:0;
z-index:10 !important;
}


/* -----------------------------------------------------------------------------------*/



div#cabecera{
position:relative;
width:810px;
height:264px;
margin:0 auto;
padding:0;
}

	
	div#cabecera a#enlace_inicio{
	float:left;
	position:absolute;
	width:244px;
	height:107px;
	margin:0;
	padding:0;
	top:0;
	left:260px;
	z-index:25 !important;
	background:url(../img/logotipo.gif) top left no-repeat;
	}


div#menu{
position:relative;
width:100%;
height:34px;
margin:0 auto;
padding:0;
z-index:25 !important;
}
	
	
	div#menu ul{
	float:right;
	position:relative;
	width:100%;
	height:34px;
	margin:0;
	padding:0;
	}


		div#menu ul li{ 
		float:right;
		position:relative;
		margin:0 0 0 0;
		padding:0;
		display:inline;	
		padding:0 5px 0 5px;
		}

		
			div#menu ul li a{ 
			float:right;
			position:relative;
			margin:0 0 0 0;
			padding:0;
			display:inline;
			font-size:14px;
			color:#70a4b2;
			font-weight:bold;			
			}
	
			div#menu ul li a:hover{border-bottom:4px solid #d28488;color:#d28488;}
			
		div#menu ul li.puntito{ 
		float:right;
		position:relative;
		margin:0 0 0 0;
		padding:0;
		display:inline;	
		padding:0 2px 0 2px;
		}
	



		
/*----------------------------------------*/



/* FANS */
div#fans{
float:right;
position:relative;
width:90%;
min-height:262px;
height:auto;
margin:10px 0 0 0;
padding:0 5px 10px 5px;
background-color:#ffefc9;
}


	
	div#fans div#blancodos{
	float:left;
	position:relative;
	width:100%;
	height:25px;
	margin:0 0 10px 0;
	padding:0 5px 0 0;
	background-color:#fff;
	font-weight:bold;
	}
	
	div#fans div#blancodos p{
	float:left;
	position:relative;
	width:135px;
	height:25px;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#ffefc9;
	}

		div#fans div#blancodos p span{
		float:left;
		position:relative;
		margin:5px 0 0 -1px !important;
		padding:0;
		color:#000;
		width:100%;
		text-align:center;
		}

	div#fans div.superfan{
	float:left;
	position:relative;
	width:50px;
	height:50px;
	margin:0;
	padding:4px;	
	}

		div#fans div.superfan a{width:100%;height:100%;margin:0;padding:0;}

		div#fans div.superfan a img{border:none;}


p.error_fan{
position:relative;
width:100%;
margin:20px 0 0 0;
padding:0;
text-align:center;
}


div#datos_usuario{
float:right;
position:relative;
width:90%;
height:auto;
margin:20px 0 0 0;
padding:0 5px 25px 5px;
background-color:#c5dde4;
}


	
	div#datos_usuario div#blanquito{
	float:left;
	position:relative;
	width:100%;
	height:25px;
	margin:0;
	padding:0 5px 0 0;
	background-color:#fff;
	font-weight:bold;
	}
	
	div#datos_usuario div#blanquito p{
	float:left;
	position:relative;
	width:135px;
	height:25px;
	margin:0;
	padding:0;
	text-align:center;
	color:#fff;
	background-color:#c5dde4;
	}

		div#datos_usuario div#blanquito p span{
		float:left;
		position:relative;
		margin:5px 0 0 -1px !important;
		padding:0;
		color:#fff;
		width:100%;
		text-align:center;
		}

	
	input#aceptar{
	width:auto;
	margin:0;
	border:1px solid #ccc;
	cursor:pointer;
	color:#999;
	margin:10px 0 0 0;
	padding:2px 3px 2px 3px;	
	background-color:#f5f5f5;
	}
	
	input#aceptar:hover{
	background-color:#0099CC;
	color:#fff;
	border:1px solid #0099CC;	
	}
	

/* Estilo del Microblogging FANS */

	div#cabecera_usuario{
	position:relative;
	width:100%;
	height:200px;
	margin:0;
	padding:0 0 25px 0;	
	border-bottom:1px solid #eed1d3;
	background:url(../img/sms.jpg) right 15px   no-repeat;
	}


	div#cabecera_usuario_fans{
	position:relative;
	width:100%;
	min-height:50px;
	height:auto;
	margin:0;
	padding:0;	
	background-color:#fff;
	}
	
	div#container{
	float:left;
	position:relative;
	width:520px;
	min-height:810px;
	height:auto;
	margin:0;
	padding:0 0 75px 0;	
	}


	div#registro{
	float:left;
	position:relative;
	width:100%;
	margin:25px 0 0 25px;
	padding:0 0 0 0;	
	}


	div#registro form{
	position:relative;
	width:100%;
	marign:0;
	padding:0;
	}

	 div#registro form strong{color:#006600;}
		
		 div#registro form label{
		float:left;
		position:relative;
		width:90%;
		margin:12px 0 0 0;
		padding:0;
		text-align:left;
		}
		
		
		 div#registro form input,div#registro form textarea{
		float:left;
		position:relative;	
		width:300px;
		height:18px;
		background-color:#c5dde4;
		border:1px solid #c5dde4;
		}
		
		
	
		#userfile{
		float:left;
		position:relative;	
		width:350px;
		height:25px !important;
		background-color:none;
		border:none;
		}
		
	
		
		div#registro form input:hover,div#registro form input:focus,div#registro form textarea:hover,div#registro form textarea:focus{
		background-color:#fff;
		border:1px solid #c5dde4;
		}


/* ----------------------------------*/

	div#lateral{
	float:left;
	position:relative;
	width:260px;
	margin:0;
	padding:0;	
	}


	div#lateral a{
	color:#999;
	}


	div#lateral a:hover{
	color:#70a4b2;
	}


form#formu_estado{
padding:1%;
}


form#formu_estado textarea#estado{
font-size:13px;
width:500px;
}

form#formu_estado input#caracteres{width:50px;height:auto;margin:0;padding:0;border:none;font-weight:bold;color:#333;}


/* PIE PAGINA */

div#footer div{
position:relative;
width:810px;
height:197px;
margin:0 auto;
padding:0;
bottom:0;
background:url(../img/microfono_pie.jpg) right bottom  no-repeat #d0d9d9;
cursor:default;
}


div#footer div p#copy{
position:absolute;
top:130px;
left:15px;
height:60px;
width:485px;
margin:0;
padding:0;
bottom:0;
color:#666;
font-weight:bold;
}


div#footer div p#sello{
position:absolute;
top:150px;
right:15px;
height:35px;
width:170px;
margin:0;
padding:0;
bottom:0;
color:#666;
font-weight:bold;
text-align:right;
}

div#footer div p a{color:#333;font-weight:bold;}

 div#footer div p a:hover{color:#999;font-weight:bold;}


span#titulo_seccion{
position:absolute;
top:50px;
left:20px;
font-weight:bold;
font-size:14px;
padding:4px 5px;
color:#fff;
background-color:#c5dde4;
}



/* MISTERS */
div#mister_generico{
background:url(../img/mister_generico.jpg) top left no-repeat;
width:271px;
height:358px;
top:-45px;
left:-7px;
}


p.eliminar{float:right;position:absolute;bottom:5px;right:5px;margin:0;padding:0;}
	p.eliminar a{color:#0099CC;}	p.borrar a:hover{color:#999;}