*{
	FONT-FAMILY: Tahoma,Arial;
	FONT-SIZE: 11px;
	COLOR: #595959;
}
body{
	background: url('../img/fondo.gif');
	margin: 10px 0 0 0;
	padding: 0;
	height:100%;
}
TH{
	FONT-WEIGHT: bold; text-align:center; COLOR: #232323;
}
FORM{
	margin: 0px;
	padding: 0px;
}

blockquote{
	margin: 10px 0px 10px 12px;
}
	
P{
	PADDING-BOTTOM: 10px; MARGIN: 5px 10px 0px;
}
H1{
	font-size: 17px;
	color: #CD352D;
	margin: 0px;
	letter-spacing: -1px;
}
H2{
}
H3{
	color: #CD352D;
	margin: 0px;
}
H4{ 
	background: #F8F8F8;
	color: #CD352D;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 13px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
	border-top: 2px solid #CACACA;
	border-bottom: 2px solid #CACACA;
}
HR{
	color: #D4D4D4;
	height: 1px;
}

A{}
A:hover{COLOR: #000000}
A:visited{}

.linkScript{
	cursor:pointer;
	text-decoration:none;
}

.linkConImagen{
	text-decoration:none;
	font-weight: bold;
}
.linkConImagen:hover{
	color: silver;
}

.tablaPrincipal{
	border:1px #AEAEAE solid;
	background-color:white;
}
.ingresaClave{
	font-weight: bold;
}
.pie{
	border-top:1px #C1C1C1 dashed;
	background-color: #FAFAFA;
}
.error {
	color: red;
}
DIV.error{
	border: 1px solid red;
	margin:8px;
	padding:5px;
	text-align:center;
}

.categorias{
	width: 282px;
	margin-top: 5px;
	background: #F8F8F8;
	padding: 10px;
	line-height: 20px;
	border: 1px solid #CACACA;
	border-top: 4px solid #CACACA;
}
.tituloCategorias{
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	font-family: arial;
}
.categoria a{
	font-size: 11px;
	font-weight:bold;
	font-family:arial,sans-serif;
}
.categoriaSel{
	font-weight: bold;
	background: #E8E8E8;
}

.mejoresUsuarios{
	width: 282px;
	margin-top: 5px;
	background: #FFFFEA;
	padding: 10px;
	line-height: 20px;
	border: 1px solid #FFB433;
	border-top: 4px solid #FFB433;
}
.tituloMejoresUsuarios{
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	font-family: arial;
}

.buscar{
	width: 282px;
	margin-top: 5px;
	background: #F8F8F8;
	padding: 10px;
	line-height: 20px;
	border: 1px solid #CACACA;
	border-top: 4px solid #CACACA;
}
.tituloBuscar{
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	font-family: arial;
}

.recuadroMejoresEncuestas{
	width: 302px;
	background: #FFFFEA;
	border: 1px solid #FFB433;
	border-top: 4px solid #FFB433;
	font-family:verdana,arial,sans-serif;
}
	.recuadroMejoresEncuestas .contenedor{
		margin-top: 5px;
		padding: 7px;
		padding-bottom: 0px;
	}
	.recuadroMejoresEncuestas .contenedor .titulo{
		font-weight: bold;
		font-size: 15px;
		line-height: 25px;
		font-family: arial;
	}
	.recuadroMejoresEncuestas .contenedor .colorSecundario{
		color: #7B7B7B;
		font-size:11px;
		font-family:arial,sans-serif;
	}
	.recuadroMejoresEncuestas .contenedor .separador{
		height: 5px;
	}
	.recuadroMejoresEncuestas .contenedor a{
		font-weight:bold;
		font-size:12px;
		font-family:verdana,arial,sans-serif;
	}

.recuadroUsr{
	width: 282px;
	margin-top: 5px;
	background: #EEEEEE;
	padding: 10px;
	line-height: 20px;
	border: 1px solid #C0C0C0;
	border-top: 4px solid #C0C0C0;
}
.tituloRecuadroUsr{
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	font-family: arial;
}

.recuadroCrearEnc{
	width: 282px;
	margin-top: 5px;
	background: #F9F9FF;
	padding: 10px;
	line-height: 20px;
	border: 1px solid #A8A8FF;
	border-top: 4px solid #A8A8FF;
}
.tituloRecuadroCrearEnc{
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	font-family: arial;
}

.opinionesBuenas{
	color: #339900;
	font-weight: bold;
}

.opinionesMalas{
	color: #CC0000;
	font-weight: bold;
}

.busquedaParaNueva{
	background-color:#F7F7F7; 
	padding:6px;
}

A.linkMenu{
	COLOR: #FE4238;
	font-weight: bold;
	text-decoration: none;
}
A.linkMenu:hover{
	COLOR: #EBEBEB;
	font-weight: bold;
	text-decoration: none;
}

.boton{
	border:1px #595959 solid;
	background-color: #DDDDDD;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
	.boton:hover{
		border:1px #6D6D6D solid;
		background-color: #E7E7E7;
	}

.link_pagina_actual, .rotuloTotalRegistros{
	font-weight: normal;
}

.si{
	color: #339900;
	font-weight: bold;
}

.no{
	color: #CC0000;
	font-weight: bold;
}

.rectanguloInfo{
	margin-top: 5px;
	width: 320px;
	background: #F8F8F8;
	padding: 10px;
	border: 1px solid #CACACA;
	border-top: 4px solid #CACACA;
}

.rectanguloAlerta{
	margin-top: 5px;
	width: 320px;
	background: #FFC7C7;
	padding: 10px;
	border: 1px solid #FF5B5B;
	border-top: 4px solid #FF5B5B;
}

/*para los tooltip con mootools*/
span.tooltip{
	border-bottom:1px dotted #C0C0C0;
	cursor: default;
}
.tip {
	Z-INDEX: 13000; WIDTH:auto; MAX-WIDTH: 250px; COLOR: #000; position: relative;
}
.tip-title {
	PADDING-RIGHT: 8px; 
	PADDING-LEFT: 8px; 
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 8px; 
	MARGIN: 0px; 
	BACKGROUND: #EFEFEF; 
	COLOR: #000000; 
	BORDER: 1px solid #C0C0C0;
	BORDER: 1px solid #CD352D;
	BORDER-top: 5px solid #CD352D;
}
.tip-text {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 11px; BACKGROUND: #cfdfa7; PADDING-BOTTOM: 8px; PADDING-TOP: 4px;
}


/* estilo de los listados */
.listado{
	border:1px #E5E5E5 solid;
	border-collapse:collapse;
}
	.listado TH{
		FONT-WEIGHT: normal; 
		font-size:10px !important;
		text-align: left;
		BACKGROUND-COLOR: #F7F7F7;
		padding: 5px;
		border:1px solid #E5E5E5;
	}
	.listado TH A{
		font-size:10px !important;
		color: black !important;
		text-decoration: none;
	}
	.listado TH A:hover{

	}
	.listado TD{
		padding: 5px;
		border-left:1px solid #E5E5E5;
		border-right:1px solid #E5E5E5;
	}
	.listado TR.rallado1{ /* filas impares */
		BACKGROUND-COLOR: #FDFDFD;
	}
	.listado TR.rallado{ /* filas pares */
		BACKGROUND-COLOR: #FAFAFA;
	}
	.listado THEAD TH{
		background: silver;
		line-height: 25px;
		FONT-WEIGHT: bold; 
		font-size: 14px !important;
		text-align: left;
		BACKGROUND-COLOR: #EFEFEF;
		color: black;
		padding: 5px;
		border:1px solid #E5E5E5;
		border-bottom:0;
	}
	.listado THEAD TH DIV{
		font-size: 14px !important;
	}
	.listado TFOOT TH{
		FONT-WEIGHT: normal; 
		text-align: left;
		BACKGROUND-COLOR: #EFEFEF;
		color: black;
		padding: 5px;
	}
	.listado TFOOT TH A{
	}
	.listado TFOOT TH A{
		text-decoration: none !important;
	}

/* para los formularios de ingreso de datos */
.formulario{
	border:1px #C1C1C1 solid;
	background-color: #FCFCFC;
	margin-top:10px;
	margin-bottom:10px;
}
	.formulario THEAD TH{
		FONT-WEIGHT: bold; 
		FONT-SIZE: 14px; 
		text-align: center;
		BACKGROUND-COLOR: #EBEBEB;
		padding: 3px;
		line-height:25px;
	}
	.formulario TFOOT TH{
		FONT-WEIGHT: bold; 
		text-align: center;
		BACKGROUND-COLOR: #EBEBEB;
		padding: 3px;
	}
	.formulario TH{
		FONT-WEIGHT: normal; 
		text-align: right;
		padding-right: 10px;
		padding-left: 10px;
		BACKGROUND-COLOR: #F7F7F7;
	}
	.formulario TD{
		
	}

.paginado{
}
	.paginado .rotuloTotalRegistros{
	}
	.paginado .link_pagina_actual, .paginado .ant_desact, .paginado .sig_desact{
		background-color: #ffffff;
		border: 1px solid #D4D4D4;
		padding: 2px;
		margin: 2px;
		text-decoration: none;
	}
	.paginado .link_pagina{
		background-color: #EFEFEF;
		border: 1px solid #D4D4D4;
		padding: 2px;
		text-decoration: none;
	}
		.paginado a.link_pagina:hover{
			background-color: #E3E3E3;
			border: 1px solid #D4D4D4;
			text-decoration: none;
		}
	.paginado .link_ant, .paginado .link_sig{
		background-color: #EFEFEF;
		border: 1px solid #D4D4D4;
		padding: 2px;
		text-decoration: none;
	}
		.paginado a.link_ant:hover, .paginado a.link_sig:hover{
			background-color: #E3E3E3;
			border: 1px solid #D4D4D4;
			text-decoration: none;
		}
	
/* encuesta */
.enc{
	margin: 0;
	padding: 0;
	width: 340px;
	border-collapse: collapse; 
	border-width: 0; 
	text-align: left;
	background: #FFFFFF;
}
	.enc img{
		border: 0;
	}
	.enc td{
		padding: 0;
		margin: 0;
	}
	.enc .tl{
		background: url('../img/izqarriba.jpg') no-repeat;
		width: 21px;
		height: 12px;
	}
	.enc .t{
		background: url('../img/arriba.jpg') repeat-x;
		height: 12px;
	}
	.enc .tr{
		background: url('../img/derarriba.jpg') no-repeat;
		width: 21px;
		height: 12px;
	}
	.enc .ml{
		background: url('../img/izq.jpg') repeat-y;
		width: 21px;
	}
	.enc .m{
		padding:2px;
	}
	.enc .mr{
		background: url('../img/der.jpg') repeat-y;
		width: 21px;
	}
	.enc .bl{
		background: url('../img/izqabajo.jpg') no-repeat;
		width: 21px;
		height: 12px;
	}
	.enc .b{
		background: url('../img/abajo.jpg') repeat-x;
		height: 12px;
	}
	.enc .br{
		background: url('../img/derabajo.jpg') no-repeat;
		width: 21px;
		height: 12px;
	}
	.enc .cat{
		font-weight: bold;
		font-style: italic; 
	}
	.enc .preg{
		text-align: center;
		margin-top: 15px;
		margin-bottom: 15px;
		font-weight: bold;
	}
	.enc .opciones{
	}
		.enc .opciones .op{
			margin-top: 5px;
			margin-bottom: 5px;
			width: 294px;
		}
			.enc .opciones .op .barSup{
				clear: both;
			}
			.enc .opciones .op .barInfSinVot{
				height: 14px;
				background: #F4F4F4;
			}
			.enc .opciones .op .barInf{
				width: 203px;
				height: 14px;
				float: left;
				background: #F4F4F4;
			}
			.enc .opciones .op .barVot{
				width: 90px;
				height: 14px;
				float: right;
				text-align: center;
				background: #EAEAEA;
				color: #595959;
			}
			.enc .opciones .op .barPorc{
				margin-top:3px;
			}
		.enc .opciones .tot{
			margin-top: 10px;
			float: right;
			width: 90px;
			text-align: center;
		}
		.enc .opciones .msg{
			text-align: center;
			clear: both;
		}
	.enc .vot{
		clear: both;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
		.enc .vot .verRes{
			font-size:10px;
		}
	.enc .link{
		text-align: center;
	}
	.enc .calif{
		margin-top: 10px;
		float: left;
	}
	.enc .btns{
		margin-top: 10px;
		float: right;
	}
		.enc .btns a{
			font-size: 9px;
		}
	.enc .datos{
		clear: both;
		margin-top: 10px;
		font-size:10px;
	}
		.enc .datos .usr{
			padding-bottom:5px;
			padding-top:5px;
		}
		
.separador{
	height: 10px;
	clear: both;
}

.recuadro_mensajes{
	margin-top:5px;
	width: 360px;
	background: #FEFEFE;
	border: 1px solid #dbdbdb;
	padding: 8px;
	min-height: 100px;
	text-align: left;
}
	.recuadro_mensajes .mensaje{
		border-bottom: 1px dashed #E5E5E5; 	
		overflow:auto;	
		margin-bottom: 8px;
	}
	.recuadro_mensajes .texto{
		clear: both;
		margin-bottom: 8px;
	}
	.recuadro_mensajes .datos{
		float:left;
	}
	.recuadro_mensajes .calif{
		float:right;
	}
	.recuadro_mensajes TEXTAREA{
		border:1px solid #DBDBDB;
		height:60px;
		width:355px;
	}
	.recuadro_mensajes SMALL{
		font-size: 9px;
	}
	
.recuadroLinkImgen{
	float:left;
	margin:20px;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	border:1px solid silver;
	background: #f7f7f7;
	width: 90px;
	height: 80px;
}
	.recuadroLinkImgen:hover{
		border:1px solid gray;
	}
	.recuadroLinkImgen a{
		text-decoration: none;
	}
	.recuadroLinkImgen img{
		border: 0;
	}
	
DEL{
	color: silver;
	text-decoration: none;
}