/***Hoja de estilos para el libro de visitas que se añade a la general*/

/******Vista principal *****/

#maingb h2{
	font-family: Helvetica,Verdana,Arial,sans-serif;
	margin: 0 0 0 25px;
	color: #eee;

}

.derecha {
	float:right;
	margin:0 30px 5px 0;		
}

.izquierda {	
	margin:5px 0 5px 5px;
	
}

.derecha a, .izquierda a {

	font-size:1.4em;
}

.font1{
	color:#000;
}

.font2 {
	color:#C92727;

}

/**Listas en linea**/
 
ul.gbinline {

	list-style:none;
	margin: 5px 0 5px 5px;
	padding-left:20px;

}

ul.gbinline li {
	display:inline;

}


/**option navegation**/
form.derecha p{
	margin:0 ;

}

/***La tabla con las entradas***/

table#mensajes{
	margin: 0px 0 5px 25px;	
	width: 700px;	
}

table#mensajes p{

	color:#000;
}

table#mensajes thead{
	background: #ccc;
	height:30px;
	font-weight:bold;	
	color:#000;
	font-size:1.2em;
	

}

table#mensajes th {
	padding-left:20px;
border: 1px solid #fff;			

}

table#mensajes th#titnombre {
	width:32%;
}

/*las entradas*/

table#mensajes td {

	border: 1px solid #fff;
}
	

/***Los mensajes tienen color de fondo alterno***/

.par{	
	background: #E8E8E8;

}

.impar{	
	background: #F7F7F7;

}

/**dentro de las celdas**/

td.entry img {
	display: inline; 
	padding-top:2px;

}

p.mensaje {
	margin-right:20px;	
	border-top: 1px solid #C92727;

}

/*las respuestas a cada mensaje son más pequeñas*/

p.respuesta {
	border-top: 1px solid #000;
	font-size: 0.8em;
	padding-right:15px;
	margin-right:50px;
}

/****Estilos para el formulario***/

#emoticonos {

	margin:15px 50px 0 0;
	border: 1px solid #fff;	

}

#emoticonos table {

	width:130px;	
	
}

#emoticonos table td {
	
	width:33%;
	padding:5px 0 0 0px;

}

#emoticonos table img  {

	padding:2px 0 0 14px;

}

#emoticonos p{

	font-size:0.7em;
	color:#ddd;
	margin:4px 0 0 0;
}



.imgcode {
	float:none;
	margin-right: 4px;
	margin-bottom: -10px;
}