#comments {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
}

#comments-aviso{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	text-align: center !important;
	padding: 5px;
	background-color: #FFFFBF;
	font-weight: bold;
}
#comments-aviso a{
	font-weight: normal !important;
	text-decoration : underline;
}

.serVParticipaciones h3{
	border-bottom: 1px dotted #CCCCCC;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	margin: 0px;
}
#commentSub {
	background: url(../img/fondoC.gif) #fff repeat-x left bottom;	
}
#commentform p{
}
#comments cite{
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #bd2323;
}
#comments cite, #comments span, #comments cite  a, #comments cite a:visited, #comments .commentmetadata a{ 
	color: #bd2323;
	padding: 0px;
	margin: 0px;
}

#comments .parrafo{
	padding: 0px;
	margin: 10px 0px 10px 0px;
    color: black;
}

#comments .date{
	padding: 0px;
	margin: 25px 0px 10px 0px;
	width: 400px;
	text-align: right;
	font-size: 0.8em;
	color: #AAA;
}

#comments .date a{
	color: red;
}

#comments .comentario img{
	position: relative;
	top: 10px;
}


#commentform {
	font: 90% Arial, Helvetica, sans-serif;
}

#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform .contador input{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #787878;
	background:transparent;
	width: 25px;
	border: 0px;
}
#commentform input{
	width: 200px;
	background:#EEEEEE;
	border: 1px solid #CCCCCC;
	margin-top: 3px;
}
#commentform textarea{
	width: 340px;
	height: 115px;
	background:#EEEEEE;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(../img/btn-bg.gif) left bottom;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	width: 144px;
	height: 28px;
	cursor: pointer;	
}

#submit{
	display: none;
}


#commentform #submitbutton{
	background: url(../img/btn-bg.gif) left bottom;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	width: 144px;
	height: 28px;
	cursor: pointer;	
}

#submitbutton{
	display: none;
}
#comments .contVotos{
	position: absolute; 
	top: 4px; 
	right: 4px; 
}


.negativo, .positivo, .vacio{
	position:relative;
	float:left;
	width:20px;	
	height: 20px;
	cursor:pointer;	
}

.negativo a:link, .negativo a:visited{
	background:transparent url(../img/manoNo.gif) no-repeat left top;
}
.positivo a:link, .positivo a:visited{
	background:transparent url(../img/manoOK.gif) no-repeat left top;
}
.negativo a:hover, .positivo a:hover{
	background-position:-0px -20px;
}

div .negativo a:link, div .negativo a:visited, div .positivo a:link, div .positivo a:visited,
div .negativo a:hover, div .positivo a:hover
{	
	text-decoration:none;
	display: block;
	height: 20px;	
}


#comments .votos, #comments .votosPos, #comments .votosNeg {
	position: relative; 
	float: left; 
	padding: 0px 5px 0px 5px;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#comments .votos{
 	color: black;
}

#comments .votosNeg {
 	color: #AA0000;
}

#comments .votosPos{
	color: #00AA00;
}

.spam{
	position: absolute;
	float:left;	 
	top: 8px; 
	right: 90px;
	width: 40px;	
	cursor:pointer;
	display: block;
	border: 0px;
	font-size: 2px;
	text-decoration:none;				 
}

div #comments .citar{
	position: absolute;
	float:left;	 
	top: 10px; 
	right: 150px;
	width: 40px;	
	cursor:pointer;
	display: block;
	border: 5px;
	font-size: 10px;
	text-decoration:none;				 
}

.spam a:link, .spam a:visited{
	background:transparent url('../img/spam.gif') no-repeat left top;
	text-decoration:none;
	height: 8px;
	display: block;	
}

.spam a:hover{
	background-position:-0px -8px;
	text-decoration:none;
	height: 8px;
	display: block;
}

div #divComentarios{
	position:relative; 
	float: left; 
	width: 600px; 
	border: 1px solid #ddd;  	
}


 

#commentform table{
	border: 1px solid #ddd; 
	background: #FFFFFF url(../img/bggreydiag2.gif) repeat scroll left top;	
}


.reload{
	position: relative;
	float: left;
	background: url(../img/reload_icon.gif) no-repeat;
	width: 20px;
	height: 24px;	
}

#comments .comNumero{
	position: relative; 
	float: left; 
	top: 4px; 
	width: 30px;
	font: bold 16px Helvetica, Arial ,Verdana, sans-serif;	
	color: #888;
	text-align: center;
}
#comments .comentario{
	position: relative; 
	left:  0px;
	float: left;
	padding-bottom: 5px;
	width: 470px;
}

#comments .name{
	float:left;
	left:60px;
	position:relative;
	top:-40px;
}


#comments .comFila{
	position:relative; 
	float: left; 
	width: 100%; 
	border-bottom: 1px dotted gray;
	padding-top: 15px;
}

.cargando{
	position: relative;
	float: left;
	background: url(../img/loading.gif) no-repeat;
	width: 32px;
	height: 32px;	
}


div serVParticipaciones * {
  vertical-align: middle;
}


.semaforo {
	background: url(../img/traffic.gif) no-repeat;
	width: 17px;
	height: 17px;
}

/* Estrellas B*/
#star{
	height: 45px;		
}

#star b{
	color: black;	
}

#star .starMsg1{
	position: relative;
	float: left;
	width: 105px;
}

#star .starMsg2{
	position: relative;
	float: left;
	width: 355px;
}
#star .starMsg3{
	position: relative;
	float: right;
	width: 60px;
}

#secureimgdiv{
	background: url(../img/loading.gif) no-repeat;
	width: 200px;	
	height: 60px;
}

#star ul.star { 
	LIST-STYLE: none; 
	MARGIN: 0; 
	PADDING: 0; 
	WIDTH: 100px; 
	HEIGHT: 20px; 
	LEFT: 0px; 
	TOP: -5px; 
	POSITION: relative; 
	FLOAT: left; 
	BACKGROUND: url('../img/stars.gif') repeat-x; 
	CURSOR: pointer; 
	DISPLAY: none;
}
#star li { 
	PADDING: 0; 
	MARGIN: 0; 
	FLOAT: left; 
	DISPLAY: block; 
	WIDTH: 85px; 
	HEIGHT: 20px; 
	TEXT-DECORATION: none; 
	text-indent: -9000px; 
	Z-INDEX: 20; 
	POSITION: absolute; 
	PADDING: 0; 
}
#star li.curr { 
	BACKGROUND: url('../img/stars.gif') left 25px; 
	FONT-SIZE: 1px; 
}
#star div.user {  
	left: 5px;
	POSITION: relative; 
	FLOAT: left; 
	FONT-SIZE: 13px; 
	FONT-FAMILY: Arial;
}
#star .rssIcono{
    background: url(../img/rss.gif) no-repeat;
    padding-left: 18px;
}


.cerrar-sesion {
	background:transparent url(../images/cerrar-sesion.gif) no-repeat scroll 0 0;
	margin:0 5px 0 10px;
	padding-left:17px;
}

.fecha-comentario {
	font-size: 0.8em;
	float: right;
	position: relative;
	*top: -10px;
	left: 10px;

}

.comment-user {
	font-size: 1.5em;
	color: #BD2323;
}

.comenta{
	color:#BD2323;
	font-size: 0.8em;
	position: relative;
	top: -17px; 
	margin-left: 90px;
}
.comenta a{
	color:#BD2323;
}
.respuestas {
	font-size: 85%;
	padding: 0 0 20px 0;
	float: left;
	width: 100%;
}
.respuestas img{
	float: left;
	margin: 0 10px 10px 120px;
}
.respuestas strong{
	color: #FF0000;
	font-size: 1.2em;
	letter-spacing: -1px;
}
.respuestas p{
	width: 400px;
	float: left;
	margin: 0;
}
.respuestas hr {
	clear: both;
	visibility: hidden;
	height: 10px;
}
.respuestas textarea {
	background: #F1F1F1;
	border: 1px solid #ccc;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 370px;
	height: 50px;
}
.hace {
	color: #666 !important;
	font-size: 0.9em;
}
.boton-enviar {
	background: url(../images/back-buttom.gif) no-repeat;
	border: none;
	width: 70px;
	height: 19px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	position: relative;
	top: 95px;
	margin-left: -100px;
	font-size: 1em;
}
.form2 form {
	margin-left: 80px;
	clear: both;
}
.form2 form label{
	color: #333 !important;
	font-size: 1em !important;
}
.form2 form label strong{
	color: #f00 !important;
	font-size: 1.1em;
}
.form2 table {
	background: none !important;
	border: none !important;
	font-size: 1.1em !important;
}
.form2 textarea {
	width: 430px !important;
}

.cuadroavisologin{    
	border:1px solid #CCC;    
	background:#eee url( /disenio20/corporativo/images/red_button.gif ) no-repeat;    
	padding:15px 8px 4px 10px;    
	width:120px;    
	height:215px;    
	margin-bottom:50px !important
}


.avisologin{ 
	font-size:1.1em; 
	margin:0 0 0 50px; 
	font-weight:bold
}

.registro{    
	margin:0 2px 0 2px
}

.registro a{    
	background:url(  ../img/backrojoregistrate.gif ) repeat-x; 
	width:80px; 
	padding:10px; 
	text-align:center; 
	margin:0 2px 15px -5px; 
	position:relative; 
	top:10px; 
	left:75px; 
	*margin:0 50px 15px -100px
}

#cuadroregistro{    
	width:240px;    
	float:right;    
	margin:-110px 0px 0 295px;    
	*margin:- 115px 0 0 265px
}

#cuadroregistro p{
	text-align:center
}

.enunciado{    
	font-size:1.2em
}

.cuadrogris2{    border:1px solid #CCC;    background:#eee url(../img/back-buttom6.gif) no-repeat 20px 15px;    padding:15px 8px 4px 10px;    width:120px;    margin-bottom:50px !important; font-family: arial;
font-size: 0.8em;}
.informate{ font-size:1.1em; margin:0 0 0 50px; font-weight:bold}
.botonregistrar{ margin:0;float: left; }
.botonregistrar a{display: block;  background:url(../img/back-buttom.gif) repeat-x; width:128px; padding:5px 0 10px 0; text-align:center; margin:0 0 0 80px; color: #FFFFFF; font-weight: bold; font-size: 1.2em; text-decoration:none;}