
.clear{clear: both;}

#foro_wrapper{
	margin: auto;
	width: 840px;
	text-align: left;
	padding: 0 0 0 6px;
}

/***** INDEX *****/

/* titulos */

.titles_forum{
	height: 66px;
	background: transparent url(img_foro/title_bg.png) no-repeat;
	padding: 17px 0 0 82px;
}

.titles_comments{
	height: 66px;
	background: transparent url(img_foro/title_bg2.png) no-repeat;
	padding: 20px 0 0 82px;
}

	.titles_forum h1, .titles_comments h2{font-size: 25px; font-weight: 700; color: #000;}


/*tabla foros y comentarios*/

.recent_forums_comments table{width: 795px; margin: auto;}
.recent_forums_comments table th{font-size:18px; font-weight: bold; color: #003361;  border-bottom: 1px solid #ccc; padding-bottom: 14px;}
.recent_forums_comments table td{font-size:14px; border-bottom: 1px solid #ccc; padding: 9px 0 9px 0;}
	.commentsSmall{margin-top: -20px; padding-bottom: 30px;}
	.commentsSmall table td{font-size:12px; border-bottom: 1px solid #ccc; padding: 9px 0 9px 0;}

/* boton "ver más temas" */

#mas_temas{width: 136px; height: 40px; background: transparent url(img_foro/ver+.png) no-repeat; float: right; padding-top: 12px; margin: 10px 17px 0 0;}
	#mas_temas a{font-size: 12px; font-weight: 700; text-decoration: none; margin-left: 37px;}






/***** FOROS *****/

/* título foro */

#title_foro{
	height: 66px;
	background: transparent url(img_foro/title_bg.png) no-repeat;
	padding: 15px 0 0 82px;
}

	#title_foro h1{font-size: 25px; font-weight: 700;}


/* descripción foro */

#description_foro{
	width: 815px;
	margin: 8px 0 0 8px;
}

	.top_bg{
		background: transparent url(img_foro/top_description.png) no-repeat top; 
		height: 34px; 
		padding: 5px 0 0 15px;}
		
	.top_bg h2{
		font-size: 23px; 
		font-weight: normal; 
		color: #000;
	}
	
	.top_bg h3{
		font-size: 15px; 
		font-weight: normal; 
		color: #000;
		text-align:left;
		font-weight:bold;
		padding: 5px 0 0 15px;
		margin-top:20px;
	}
	
	#description_text{ 
		margin-top: -6px;
		border: 1px solid #ccc; 
		border-top: none; 
		padding: 30px 10px 10px 10px; 
		font-size: 15px; 
		line-height: 1.4;
	}
	
	
	#creadorpor{
		width: auto;
		text-align: right;
		margin: 6px 6px 0 0;
		font-style:italic;
		font-weight: 700; 
	}

/* opciones foro */

#options_foro{
	padding: 0 16px 0 0;
	padding-bottom: 40px;
	height: 60px;
}

.option_buttoms{
	height: 41px; 
	float: right; 
	margin-top: 10px; 
	padding-top:10px;
} 

	.option_buttoms a{
		text-decoration: none; 
		font-size: 12.5px; 
		font-weight: 700;
	}

#responder_btn{
	background: transparent url(img_foro/responder_btn.png) no-repeat; 
	width: 205px;
}

#tema_btn{
	background: transparent url(img_foro/tema_btn.png) no-repeat; 
	width: 180px; 
	margin-right: 25px;
}

#alertas_btn{
	background: transparent url(img_foro/alertas_btn.png) no-repeat; 
	width: 151px; 
	margin-right: 25px;}

	#responder_btn a, #tema_btn a{
		margin-left: 53px;
	}

	#alertas_btn  a{margin-left: 43px;}

.user_reply_btn{
	width: 196px; 
	height: 24px; 
	background: transparent url(img_foro/responder_comentario_btn.png) no-repeat; 
	margin: 12px 8px 0 0; 
	padding: 4px 8px 0 0; 
	float: right;
}

	.user_reply_btn a{margin-left: 40px;}


/* bocadillo comentarios */

.user{font-style: italic; font-weight: bold;}
.respuestade{font-style: italic; font-weight: bold; color: #a00000;}

.comment_wrapper{width:831px; padding: 0 0 45px 8px;}

	/*foto y nombre usuario*/
	.user_name_photo{float: left; width: 112px; padding: 0 5px 6px 0;}
		.user_name_photo img{padding-bottom: 3px;}

.balloon{float: left; width: 694px; background: transparent url(img_foro/balloon_middle.png) repeat-y center;}

	.balloon_top{padding: 10px 0 0 0; background: transparent url(img_foro/balloon_top.png) no-repeat top; height: 48px;}
	.balloon_bottom{padding: 10px 0 0 0; background: transparent url(img_foro/balloon_bottom.png) no-repeat bottom;}
	.date_hour{font-style: italic; padding-bottom: 9px;}

/* fecha y datos header */

.date_hour_header{font-style: italic; margin: -42px 0 0 53px; padding-bottom: 22px; font-size: 14px;}

/* histórico */

.history{width: 648px; margin: 0px 0 0 37px; padding-bottom: 22px; } 

	.history_top{background: transparent url(img_foro/reply_top.png) no-repeat top; height: 10px;}
	.history_middle{background: transparent url(img_foro/reply_middle.png) repeat-y center;}
	.history_bottom{background: transparent url(img_foro/reply_bottom.png) no-repeat bottom; height: 10px;}
	.history_text{width: 450px; padding-bottom: 0; font-size: 11px; margin: auto;}


/* respuestas */

.reply{width: 620px; margin: 0 0 0 53px; font-size: 14px; padding-bottom: 11px; line-height: 1.4;}

/** FORMULARIO **/

form.formStyle{width: 515px; margin: auto; z-index:200; top:25%; left:30%; position:fixed;}

form.formStyle label{width: 100px; float: left; margin: 4px 4px 4px 28px; font-size: 16px;}
form.formStyle input, form.formStyle textarea, form.formStyle select{margin: 4px;}

form.formStyle #form_title,#form_title2,#form_title3{background: transparent url(img_foro/top_form.png) no-repeat; width: 515px; height: 27px; font-size: 16px; font-weight:700; padding: 4px 0 0 9px;}
form.formStyle .form_content{border: 1px solid #CCCCCC; border-top: none; width: 513px; margin-top: -6px; padding: 18px 0 18px 0; background-color:#fff;}

#form_close{float: right; font-size:11px; margin: -25px 14px 0 0; font-size: 13px; font-weight:700;}



/** MENSAJE ARACHIVADO **/

#mensajeOK{font-size: 18px; font-weight: 700; text-align: center; position: fixed; top:35%; left:28%; z-index:200; padding: 20px; border: 4px solid #0099CC; background-color:#FFFFFF;}
