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

/*------------------ GENERAL --------------------------*/
body {
	background-color: #e0dfdf;
	background-image:url(/img/bg_gris2.png);
	background-repeat:repeat-x;
	font-family:"Lucida Grande", sans-serif;
	font-size:14px;
	color:#333;
	margin: 0;
	padding: 0;
	text-align: center;
}
p{
	margin: 0;
	padding: 0;
}
h1{
	font-size:18px;
	margin:0;
	padding:0;
	padding-bottom:10px;
	border-bottom: 1px dotted #CCC;
	}
a{
	text-decoration:none;
	color:#7ebf41;
}
a:hover{
	text-decoration:underline;
}
a img{
	 border:1px solid #fff;  
}
a img:hover{
	 border:1px solid #7ebf41;  

}
	
/*------------------ ESTRUCTURA --------------------------*/
	
#contenido{
	width: 810px;
	margin: 0 auto;
	margin-top:30px;
	padding: 0;
}
#cabecera {
	height: 100px;
	width: 810px;
	margin:auto;
	margin-bottom:10px;
}
#content{
	float: left;
	width: 580px;
	text-align:left;
}
#content-cap{
	background: transparent url(/img/bg-content-cap.png) no-repeat;
	height:20px;
}
#content-cos{
	background: transparent url(/img/bg-content.png);
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
}
#content-peu{
	background: transparent url(/img/bg-content-peu.png) no-repeat;
	height:20px;
}
#sidebar{
	display: inline;
	float: right;
	width: 220px;
	margin:0;
}
#sidebar-cap{
	background: transparent url(/img/bg-sidebar-cap.png) no-repeat;
	height:20px;
}
#sidebar-cos{
	background: transparent url(/img/bg-sidebar.png);
	padding-left:25px;
	padding-right:25px;
	padding-bottom:10px;
	text-align:left;
}
#sidebar-peu{
	background: transparent url(/img/bg-sidebar-peu.png) no-repeat;
	height:20px;
}

/*------------------ CONTENT --------------------------*/

/*---------------- FORMULARIOS----------------*/
#contenido-form{
	width: 580px;
	margin: 0 auto;
	margin-top:80px;
	padding: 0;
}

#formulari{
	width:350px;
	float:left;}
	
#formulari-perfil{
	width:520px;
	float:left;}	
	
form{
	padding:20px;
	background-color:#eee;
	}
	
form label{
	display:block;}

input{
	margin-top:3px;
	margin-bottom:15px;
	font-size:18px;
	margin-left:-3px;
}
input:focus{background-color:#f1f7e7;}	
textarea{
	padding:2px;
	margin-top:3px;
	margin-bottom:15px;
	font-size:15px;
	margin-left:-3px;
}
textarea:focus{
	background-color:#f1f7e7;
}


.btn{
		margin: 5px 10px 0px 0px;
		padding: 2px 12px;
		font-size:18px;
		color: #666;
		text-align: center;
		border:#aaa thin solid;		
		background-color:#ccc;
		cursor:pointer;
	}
.btn:hover{
		background-color:#090;
		color:#FFF;
	}
.error{
	width:100%;
	background-color:#F5BAB9;
	padding:5px;
	border:thin #F00 dotted;
	}
.errorValidate{
	color:#F00;
	margin:0px;
	margin-bottom:5px;
	padding:0px;
}
.error a{
	color:#F00}
.ok{
	width:100%;
	background-color:#E5FDA6;
	padding:5px;
	border:thin  #090 dotted;
	}
.masForm{
	text-align:center;
	margin-top:10px;}
#form-escuchar{
	background-color:transparent;
	display:inline;
	float:left;
	padding:0px;
	margin:0px;
	}

	/*------------------ FORM KRI KRI --------------------------*/
	#form_kri_kri{ 
		width:510px;
		height:95px;
		margin-bottom:15px;
		
	}
	form#agregarkrikri{
		background-color:#FFF;
		display:inline;
		float:left;
		width:100%;
		padding:0px;
		}
		
	.krikri{
		margin: 5px 5px 0px 0px;
		padding: 1px 9px;
		font-size:14px;
		color: #666;
		text-align: center;
		border:#aaa thin solid;		
		background-color:#ccc;
		float: left;
		text-align: center;
		visibility:visible;
		cursor:pointer;
	}
	.krikri:hover{
		background-color:#090;
		color:#FFF;
	}
	
	input.NOkrikri{
		visibility:hidden;
	}
	#agregarkrikri textarea{
		display: inline;
		float: left;
		height: 50px;
		width: 100%;
		color:#000;
		border: 1px solid #7ebf41;
		font-family:"Lucida Grande", sans-serif;
		font-size:14px;
		padding:3px;
		margin:0px;
	}
	#agregarkrikri textarea:focus{
			background-color:#f1f7e7;
			}
	.contador{
		float:right;
		padding-right:0px;
		margin-right:-5px;
		padding-top:3px;
		font-size:18px;
		color:#999;}
	.Menor{
		float:right;
		padding-right:0px;
		margin-right:0px;
		padding-top:3px;
		font-size:18px;
		color:#F00;}

/*------------------ FORM PRIVADOS ----------*/

#form_privados{ 
		width:510px;
		height:115px;
		margin-bottom:15px;
		
	}
#form_privados select{
		color:#000;
		border: 1px solid #7ebf41;
		font-family:"Lucida Grande", sans-serif;
		font-size:12px;
		padding:0px;
		margin-bottom:5px;
	}
	
	/*------------------ FORM Search --------------------------*/
		#search{ 
			padding:0px;
			background-color:#FFF;
		}
		#search input{ 
			font-size:10px;
		}
		#search .krikri{
			float:none;
		}
		
		#agregarkrikri select{
		display: inline;
		color:#000;
		border: 1px solid #7ebf41;
		font-family:"Lucida Grande", sans-serif;
		font-size:14px;
		padding:0px;
		margin:0px;
		margin-bottom:5px;
	}	

/*------------ STREAM -----------*/
div.stream{
	width:100%;
	border:0px;
}
.stream-row{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px dotted #CCC;
	min-height:55px;
}
.stream-row:hover{ background-color:#f1f7e7}
.stream-row-g{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	min-height:105px;
	background-color:#f1f7e7
}

.td-mensaje{
	margin-bottom:5px;
	float:left;
	width:455px;
}
.td-mensaje-g{
	margin-bottom:5px;
	float:left;
	width:400px;
}

.td-avatar{
	width:45px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
.td-avatar-g{
	margin-left:10px;
	margin-right:10px;
	float:left;
}
.tiempo_y_respuestas{
	font-size:9px;
	color: #888;
}
.autor{
	font-weight:bold;
}
.autor-g{
	font-weight:bold;
	font-size:18px;
	display:block;
	padding-bottom:10px;
}
.autor-gg{
	font-weight:bold;
	font-size:24px;
	display:block;
	padding-bottom:10px;
}

a.respuestas{color:#999;}
a.respuestas:hover{ text-decoration:underline}

p.mensaje{ line-height:18px;}
p.mensaje-g{ font-size: 18px; line-height:22px;}

#paginador{
	text-align:center;
	font-size:12px;
	margin-top:20px;}
	
.indent{
	 background-color:#f6f6f6}



/*------------------ SIDEBAR --------------------------*/
#sidebar p{
	font-size:10px;
	margin-bottom:10px;
	}
#sidebar p a{
	color:#999;
	}
#sidebar p a:hover{
	color:#7ebf41;
	}
.sidebar-titul{
	background: transparent url(/img/bg-sidebar-titul.png) no-repeat;
	height:23px;
	width:170px;
	color:#FFF;
	text-align:center;
	font-size:14px;
	padding-top:3px;
	clear:both;
	margin-bottom:10px;
	margin-top:40px;
	}
.logo-petit{
	margin-top:5px;
	margin-bottom:-20px;
	border:0px;
	}	
.logo-petit:hover{
	border:0px;
	}
.img_avatar{
	float:left;
	margin-right:5px;
	}
.img_avatar_petit{
	margin-right:1px;
	margin-bottom:1px;
	border:1px solid #fff;}
.img_avatar_petit:hover{
	 border:1px solid #7ebf41;  
}
#sidebar p.links{
	margin-bottom:3px;
}
.feeds{
	background: url(/img/feed-icon.jpg) no-repeat;
	padding-left:15px;
}
.comoFunciona{
	background: url(/img/como-icon.jpg) no-repeat;
	padding-left:15px;
}
.QuienesSomos{
	background: url(/img/quienessomos-icon.jpg) no-repeat;
	padding-left:15px;
}
.Contactar{
	background: url(/img/mail-icon.jpg) no-repeat;
	padding-left:15px;
}
/*-----------------------------------------------------*/


#bio{
	min-height:50px;}
.error{
	width:100%;
	background-color:#F5BAB9;
	padding:5px;
	border:thin #F00 dotted;
	}
	
#stats{
	font-size:12px;
	line-height:18px;}

/*-------SIDEBAR forms Externos (Info)----------*/
#info{
	width:130px;
	float:right;
	text-align:right;
	}
#info img{
	margin-bottom:10px;
	border:none;
	}
#info p{
	font-size:10px;
	padding-bottom:5px;}

	
#QueEs p{
	margin-bottom:20px;
	color:#666;
}	
#QueEs h2{
	background-color:#f1f7e7;
	padding:5px;
	margin-bottom:20px;
	}