*{
	FONT-FAMILY: Verdana,Helvetica;
	FONT-SIZE: 11px;
}

HTML { 
	padding: 0;
	width: 100%;
	height: 100%;
}

BODY {
	margin: auto;
	padding: 0;
	width: 100%;
	height: 100%;
	
	background: #3F3F3F url(../img/bg.gif) repeat-x;
}

FORM{
	margin: 0;
}

A{
	color: #999999;
}
	A:hover{
		color: #ffffff;
	}

SMALL{
	font-size: 9px;
}
	
/* inicio layout */
	
#contenedor{
	width: 780px;
	margin: 0 auto;
	height: 100% !important;
}

#encabezado{
	height: 90px;
	position: relative;
	margin-top:10px;
	margin-bottom:5px;
	padding: 5px;
	background: #171717;
	color: #999999;
}
	#encabezado H1{
		margin:0;
	}
	#encabezado H1 A{
		font-size: 23px;
		font-weight: bold; 
		color: black;
		text-decoration:none;
	}
	#encabezado H2{
		font-weight: normal;
		margin:0;
	}
	#encabezado .izq{
		float: left;
	}
	#encabezado .der{
		text-align: right;
		overflow: hidden;
	}

#contenido{
	width: 585px;
	float: left;
	overflow: hidden;
	height: auto !important;
	min-height: 400px;
	padding:5px;
	color: #999999;
	background: #414141;
}
	#contenido H1{
		background:#2D2D2D;
		color:#FFFFFF;
		font-size:12px;
		margin:0;
		padding:6px;
		text-transform:uppercase;
		margin-bottom: 5px;
	}
	#contenido H2{
		color:#C40000;
		font-weight:bold;
		margin:0;
		font-size: 10px;
	}

#columna_izq{
	float: left;
	/*height: 100% !important;*/
	min-height: 400px;
	width: 170px;
	margin-right:5px;
	margin-bottom:5px;
	background: #232323;
	color: #999999;
	padding: 5px;
}
	#columna_izq H1{
		background:#2D2D2D;
		color:#FFFFFF;
		font-size:12px;
		margin:0;
		padding:6px;
		text-transform:uppercase;
		margin-bottom: 5px;
	}
	#columna_izq .banners{
		text-align:center;
		margin-top: 10px;
	}
		#columna_izq .banners .banner{
			margin-bottom: 5px;
		}

#columna_der{
	float: right;
	height: 100% !important;
	min-height: 400px;
	width: 180px;
	margin-bottom:5px;
	margin-left: 5px;
	background: #919191;
}
	
#pie{
	text-align: center;
	font-size:9px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	color: #999999;
	background:#353535;
	border:1px solid #414141;
}
	#pie A{
		font-size: 9px;
		color: #999999;
	}
	#pie A:hover{
		color: #ffffff;
	}

/* fin layout */

#menu{
	background: #232323;
	width: 170px;
}
	#menu ul{
		list-style:none;
		margin:0;
		padding-left:0;
	}
	#menu li{
		padding:0px;
	}
		#menu li a{
			background:#2B2B2B url("../img/bg_menu_item.gif") no-repeat;
			line-height:30px;
			color: #C1C1C1;
			font-weight:bold;
			text-decoration:none;
			font-size:11px;
			display:block;
			padding-left:5px;
			margin-bottom: 4px;
		}
		#menu li a:hover, .menu ul li:hover a{
			background: #353535;
			color: #FF9900;
			text-decoration:none;
		}

A.linkConImagen{
	FONT-WEIGHT: bold; 
	text-decoration: none;
}
	A.linkConImagen IMG{
		border: 0;
	}

.info {
	background: #e9eef3 url(../img/icon-info.png) 5px 5px no-repeat;
	border-top: 4px solid #aec9ef;
	border-bottom: 4px solid #aec9ef;
	color: #333;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:10px;
}

.error {
	background: #F7F1EF url(../img/icon-alert.png) 5px 5px no-repeat;
	border-top: 4px solid #C40000;
	border-bottom: 4px solid #C40000;
	color: #000;
	margin-top: 5px;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:10px;
}

.atencion {
	background: #ffffe6 url(../img/icon-star.png) 5px 5px no-repeat;
	border-top: 4px solid #f6f086;
	border-bottom: 4px solid #f6f086;
	color: #333;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:10px;
}

/* estilo de los listados */
.listado{
	border-collapse:collapse;
}
	.listado TH{
		FONT-WEIGHT: bold; 
		text-align: left;
		BACKGROUND-COLOR: #2D2D2D;
		color: #ffffff;
		padding: 10px 5px;
	}
	.listado TH A{
		color: #ffffff !important;
		text-decoration: none;
	}
	.listado TH A:hover{

	}
	.listado TD{
		padding: 15px 5px;
		border-left:1px dashed #5F5F5F;
	}
	.listado TD a{
		color: #DCDCDC !important;
		text-decoration: none;
	}
		.listado TD a:hover{
			text-decoration: underline;
		}
	.listado TR.rallado1{ /* filas impares */
		BACKGROUND-COLOR: #515151;
	}
	.listado TR.rallado{ /* filas pares */
		BACKGROUND-COLOR: #5B5B5B;
	}
	.listado THEAD TH{
		background: #414141;
		line-height: 15px;
		FONT-WEIGHT: normal; 
		font-size: 11px;
		text-align: left;
		color: #C8C8C8;
		padding: 5px;
	}
	.listado TFOOT TH{
		FONT-WEIGHT: normal; 
		text-align: left;
		BACKGROUND-COLOR: #E3E3E3;
		color: black;
		padding: 5px;
	}
	.listado TFOOT TH A{
		color: #688150 !important;
	}
	.listado TFOOT TH A{
		text-decoration: underline !important;
	}

/* para los formularios de ingreso de datos */
.formulario{
	border-collapse:collapse;
}
	.formulario THEAD TH{
		FONT-WEIGHT: bold; 
		text-align: center;
		BACKGROUND: #F7F7F7 url('../img/bg-th.gif') repeat-x;
		line-height: 25px;
		font-size: 12px;
		padding: 5px;
		border:1px solid #E5E5E5;
		height: 20px;
		padding: 3px;
		color: #565656;
	}
	.formulario TFOOT TH{
		FONT-WEIGHT: bold; 
		text-align: center;
		BACKGROUND: #F7F7F7 url('../img/bg-th.gif') repeat-x;
		line-height: 30px;
		font-size: 12px;
		padding: 5px;
		border:1px solid #E5E5E5;
		height: 20px;
		padding: 3px;
		color: #565656;
	}
	.formulario TR{
	}
	.formulario TH{
		FONT-WEIGHT: normal; 
		text-align: left;
		border-bottom:1px dotted #797979;
		padding-bottom:15px;
		padding-top:15px;
	}
	.formulario TD{
		border-bottom:1px dotted #797979;
		padding-bottom:15px;
		padding-top:15px;
	}
	.formulario .input{
		background: #676767;
		border:1px solid #C2C2C2;
		color: #C2C2C2;
		padding: 2px;
	}
	.formulario .input:focus{
		border:1px solid #F7F7F7;
	}
	.formulario .btn{
		background:#898989 url(../img/bk-submit-gris.gif) repeat-x scroll left top;
		border:1px solid #5E5E5E;
		color:#FFFFFF;
		font-family:Tahoma;
		font-size:10px;
		margin:0;
		padding:8px 14px;
		text-align:center;
		text-transform:uppercase;
		vertical-align:middle;
	}
	.formulario .btn:hover{
		background:#999999 none;
		cursor:pointer;
	}
	
.requerido{
	color: #E60000;
}

.paginado{
	font-size: 16px;
	color: #B1B2B4;
	padding:15px 0;
	float: right;
}
	.paginado .rotuloTotalRegistros{
		font-weight: bold;
		font-size: 16px;
		color: #B1B2B4;
	}
	.paginado .link_pagina_actual, .paginado .ant_desact, .paginado .sig_desact{
		background-color:#595959;
		border:1px solid #6A6A6A;
		color:#6A6A6A;
		padding:6px;
		text-decoration:none;
	}
	.paginado .link_pagina{
		background-color:#636363;
		border:1px solid #9C9C9C;
		color:#CFCFCF;
		padding:6px;
		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:#636363;
		border:1px solid #9C9C9C;
		color:#CFCFCF;
		padding:6px;
		text-decoration:none;
	}
		.paginado a.link_ant:hover, .paginado a.link_sig:hover{
			background-color: #E3E3E3;
			border: 1px solid #D4D4D4;
			text-decoration: none;
		}
		
.paginado_mini{
	font-size:11px;
	margin: 3px;
}
	.paginado_mini .rotuloTotalRegistros{
		font-weight: bold;
	}
	.paginado_mini .ant_desact, .paginado_mini .sig_desact{
		padding:3px 3px 2px;
	}
	.paginado_mini .link_pagina_actual{
		padding:3px 3px 2px;
		border-bottom:2px solid #3B5998;
	}
	.paginado_mini .link_pagina{
		color: #3B5998;
		padding:3px 3px 2px;
		outline-style:none;
		text-decoration:none;
	}
		.paginado_mini a.link_pagina:hover{
			background-color: #3B5998;
			text-decoration:none;
			color: #FFFFFF;
		}
	.paginado_mini .link_ant, .paginado_mini .link_sig{
		color: #3B5998;
		padding:3px 3px 2px;
		outline-style:none;
		text-decoration:none;
	}
		.paginado_mini a.link_ant:hover, .paginado_mini a.link_sig:hover{
			background-color: #3B5998;
			text-decoration:none;
			color: #FFFFFF;
		}
	
.recuadro{
	background: #f7f7f7;
	border: 1px solid #dbdbdb;
	color: #333;
	padding: 8px;
	margin-bottom: 20px;
}
	.recuadro A{
		text-decoration: underline;
	}

.clear{
	clear: both;
}

/*para los tooltip con mootools*/
span.tooltip{
}
.tip {
	Z-INDEX: 13000; WIDTH:auto; MAX-WIDTH: 400px; COLOR: #000; position: relative;
}
.tip-title {
	PADDING-RIGHT: 8px; 
	PADDING-LEFT: 8px; 
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 8px; 
	MARGIN: 0px; 
	BACKGROUND: #fff; 
	COLOR: #000000; 
	BORDER: 1px dotted #3399FF;
}
.tip-text {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 11px; BACKGROUND: #cfdfa7; PADDING-BOTTOM: 8px; PADDING-TOP: 4px;
}

/*para simular un link*/
.linkScript{
	text-decoration: underline;
	cursor:pointer;
}

.empresa{
	background: #333333;
	padding: 10px;
	margin-bottom: 5px;
	overflow: hidden;
	min-height: 90px;
}
	.empresa .shot{
		float: left;
		margin-right: 5px;
		border: 0px;
	}
	.empresa .titulo A, .empresa .titulo{
		color: #FF9914;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
	}
		.empresa .titulo A:hover{
			text-decoration:underline;
		}
	.empresa .desc{
		color: #A4A4A4;
		margin: 0px;
	}
	.empresa .url{
		margin-top: 5px;
	}
		.empresa .url A{
			color: #777777;
		}
		.empresa .url A:hover{
			color: #ffffff;
		}
	.empresa .calif{
		clear: both;
		float: right;
	}
	.empresa .calif A{
		color: #FF9914;
		text-decoration:none;
	}
		.empresa .calif A:hover{
			text-decoration:underline;
		}
	
.empresaDest{
	background: #3F3F3E url(../img/bg-dest.gif) repeat-x;
	padding: 10px;
	margin-bottom: 5px;
	overflow: hidden;
	min-height: 90px;
}
	.empresaDest .shot{
		float: left;
		margin-right: 5px;
		border: 0px;
	}
	.empresaDest .titulo A, .empresaDest .titulo{
		color: #BED500;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
	}
		.empresaDest .titulo A:hover{
			text-decoration:underline;
		}
	.empresaDest .desc{
		color: #EAEAEA;
		margin-top: 7px;
	}
	.empresaDest .url{
		margin-top: 5px;
	}
		.empresaDest .url A{
			color: #777777;
		}
		.empresaDest .url A:hover{
			color: #ffffff;
		}
	.empresaDest .calif{
		clear: both;
		float: right;
	}
	.empresaDest .calif A{
		color: #BED500;
		text-decoration:none;
	}
		.empresaDest .calif A:hover{
			text-decoration:underline;
		}
		
.opinion{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
	padding: 10px;
	background: #494949;
	border-top: 1px solid #5D5D5D;
}
	.opinion .calif{
		float: left;
		font-weight:bold;
	}
	.opinion .fecha{
		float: right;
		font-style: italic; 
	}
	.opinion .revision{
		clear: both;
		padding-top: 10px;
		padding-left: 25px;
		background: url(../img/comment.gif) 3px 10px no-repeat;
		color: #AEAEAE;
	}
	.opinion .respuesta{
		clear: both;
		padding-top: 10px;
		padding-left: 30px;
		background: url(../img/indent.gif) 3px 10px no-repeat;
		color: #E0E0E0;
	}
	.opinion .tabla{
		color: #cccccc;
		margin-top: 10px;
		padding: 10px;
		background: #454545;
	}
	.opinion LABEL{
	}
	
.ordenar{
	float: right; 
	margin-top: 6px; 
	margin-right: 3px;
	font-size: 9px;
}
	.ordenar A{
		font-size: 9px;
		color: #999999;
		text-decoration: none;
	}
	.ordenar A:hover{
		color: #ffffff;
		text-decoration: underline;
	}
	
.recordar{
	width:100%;
	background: #262626;
	border-collapse: collapse;
	border: 1px solid #3C3C3C;
}
	.recordar TD{
		padding: 4px;
		font-size: 10px;
	}
	.recordar TH{
		padding: 4px;
		background: #353535;
		font-weight: normal;
	}
	.recordar .input{
		background: #676767;
		border:1px solid #C2C2C2;
		color: #C2C2C2;
		font-size: 10px;
	}
	.recordar .input:focus{
		border:1px solid #F7F7F7;
	}
	.recordar .btn{
		background:#898989 url(../img/bk-submit-gris.gif) repeat-x scroll left top;
		border:1px solid #5E5E5E;
		color:#FFFFFF;
		font-family:Tahoma;
		font-size: 10px;
		height:18px;
		margin:0;
		padding:0;
		text-align:center;
		vertical-align:middle;
		padding-left: 5px;
		padding-right: 5px;
	}
	.recordar .btn:hover{
		background:#999999 none;
		cursor:pointer;
	}
	
.inputBuscar{
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	color:#333333;
	font-family:verdana,arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

.tablaFicha{
	border-collapse:collapse;
	border: 1px solid #333333;
}
	.tablaFicha th{
		text-align: right;
		font-weight: normal;
		border-bottom: 1px dashed #686868;
		background: #525252;
		color: #C0C0C0;
		padding: 4px;
	}
	.tablaFicha td{
		border-bottom: 1px dashed #545454;
		background: #3E3E3E;
		padding: 4px;
	}
		.tablaFicha td a{
			color: #FF9900;
		}
		.tablaFicha td a:hover{
			color: #ffffff;
		}
		
.plan{
	width: 245px;
	min-height: 115px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background: #3E3E3E;
	border: 1px solid #545454;
}
	.plan .nombre{
		font-size: 12px;
		color: #E2E2E2;
		font-weight: bold;
		text-align: center;
	}
	.plan .datos{
		margin-top: 5px;
		margin-bottom: 5px;
		color: #ACACAC;
	}
	.plan .datos label{
		color: #7B7B7B;
	}
	.plan .precio{
		font-size: 11px;
		color: #FF9900;
		font-weight: bold;
		text-align: center;
	}
	.plan .detalles{
		text-align: center;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.plan ul{
		margin: 0 0 0 15px;
		padding: 0;
		list-style: square;
	}
	
.listaHerramientas{
	margin: 0 0 0 15px;
	padding: 0;
	list-style: square;
}
	.listaHerramientas li{
		padding-bottom: 8px;
	}
		.listaHerramientas li a{
			text-decoration: none;
		}
		.listaHerramientas li a:hover{
			text-decoration: underline;
		}