/**
 * @file
 * Comment Styling
 */


#comments /* Wrapper for the list of comments and its title */ {
  margin: 1.5em 0;}

#comments h2.title /* Heading for the list of comments */ {
font-family: Georgia, 'Kreon', Arial, sans-serif;
font-weight:normal;
font-style:italic;
color:#762d86;
border-bottom:1px solid #dcdcdc;
margin: 0 0 10px 0;}

#comments h2.comment-form /* Heading for the comment form */ {}

#comment-form{
	padding: 20px !important;
	margin: 0 0 15px 0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	min-height: 400px;
	border:1px solid #d6d6d6;
	background:url(../images/background-comment-form.png) no-repeat top right;}
	
	#comment-form label	{font-weight:normal; color:#444;}
#comment-form .filter-wrapper {margin: 10px 0; display:none;}
	
#comment-form input,
#comment-form textarea {
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		border:solid 1px #6c207b;}
		
		#comment-form input.form-submit{
			border:none;}

/* asunto */
		.form-item-subject,
		#comment-form .form-item-name,
		.form-item-comment-body-und-0-value{
			position:relative;
			margin:0 50px 5px 0 !important;
		
			padding:0 0 0 90px;}
			
			.section-contact .form-item-subject {
				margin: 0 15px !important;
				padding: 0 0 0 0;}
		

		/* asunto */
		.form-item-subject label,
		#comment-form .form-item-name label,
		.form-item-comment-body-und-0-value label{
			width:80px;
			position:absolute;
			top:0;
			left:0;}
			
		.section-contact .form-item-subject label,
		.section-contact .form-item-nombre label
		{
			width:100%;
			position:relative;
			margin: 0 0 0 0;
			padding: 0 0 0 0;}
			
			/* input y textarea */
			.form-item-subject input,
			#comment-form .form-item-name input,
			.form-item-comment-body-und-0-value textarea,
			.form-item-comment-body-und-0-value .grippie
			{
				width:100%;
				margin: 0 0 0 0;}
	
	



.comment /* Wrapper for a single comment */ {
	min-height:70px;
	position:relative;
	margin: 0 0 10px 0;
	/* padding:15px 15px 15px 130px;*/
	padding:15px;
	border:solid 1px #d6d6d6;
	background:#fbfbfb;
	}

.comment-preview /* Preview of the comment before submitting new or updated comment */ {
  background-color: #ffffea; /* Drupal core will use a #ffffea background. See #1110842 */
}

.comment.new /* A new comment since the user last viewed the page. */ {
}

.comment.first /* The first comment in the list of comments */ {
}

.comment.last /* The last comment in the list of comments */ {
}

.comment.odd /* An odd-numbered comment in the list of comments */ {
}

.comment.even /* An even-numbered comment in the list of comments */ {
}

.comment-unpublished /* Unpublished comments */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ {
}

.comment-by-anonymous /* A comment created by an anonymous user */ {
}

.comment-by-node-author /* A comment created by the node's author */ {
}

.comment-by-viewer /* A comment created by the current user */ {
}

h3.comment-title /* Comment title */ {
display:inline;
font-size:1em;
margin: 0 0 0 0;
padding: 0 0 0 0;
color:#6e1e7f;}


h3.comment-title + span /* fecha */ {
	color:#6b1e7c;
	font-size:.8em;}

h3.comment-title a /* Comment title */ {
	text-decoration:none;
	color:#6e1e7f;}
	
	h3.comment-title a:hover /* Comment title */ {
		text-decoration:underline;}

.new /* "New" marker for comments that are new for the current user */ {
  color: #c00;
}

.comment .user-picture /* The picture of the comment author */ {
	
	width:58px;
	height:58px;
	/*position:absolute;
	top:15px;
	left:15px;
	*/
	float:left;
	margin: 0 10px 10px 0;
	padding:0px;
	border:solid 1px #d4d6d5 !important;
}

.comment .user-picture a /* The picture of the comment author */ {
	display:inline; 
	width:auto;
	height:auto;
}

.comment .submitted /* The "posted by" information */ {
	margin: 5px 0;
	color:#717171;
}

.comment .content /* Comment's content wrapper */ {
}

.comment .user-signature /* The user's signature */ {
}

.comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
margin: 5px 0;
font-size:.9em;
position:absolute;
top:0;
right:0;}


.comment ul.links li a /* Comment links. See also the ul.links declaration in the pages.css. */ {
	font-size:.9em;
	color:#6e1d7c;}
.comment ul.links li a:hover /* Comment links. See also the ul.links declaration in the pages.css. */ {
	text-decoration:none;}


.comment ul.links li.comment-reply a{	
	padding: 0 0 0 18px;
	background:url(../images/comentario-responder.png) no-repeat 0 50%;
	

.indented /* Nested comments are indented */ {
  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}