/**
* Varios
*/
body.dSinDisenno{ background: #FFFFFF; }
caption{ font-weight: bold; font-size: 110%; }
.labelBloque{ float: left; text-align: right; width: 6em; padding-right: .5em; }
.resaltar{ background: #CCFFCC; }



/**
* Nexura Logo
*/
	#nexura{ text-align: center; }
	#nexura img{ border: 0px; }



/**
* Tablas
*/
	.tablaGen{ margin: auto; margin-bottom: 15px; width:99%;  }
	.tablaGen caption{ background: #F5F5F5; font-size: 13px; margin: auto; }
	.tablaGen th{ background: #DDDDDD; font-size: 12px; }
	.tablaGen td{ background: #F5F5F5; font-size: 12px; }
	
	/* rollover para las tablas */
	#trOver td, #trOver th{ background: #D1D1D1; }
	#trSelected td, #trSelected th{ background: #DDDDDD; }



/**
* Menu desplegable jsMenu
*/
	.jsMenuMenu,.jsMenuSubMenuTable{ padding: 0; white-space: nowrap; cursor: default; }
	.jsMenuSubMenu{ position: absolute; visibility: hidden; z-index: 100; overflow: visible; }



/**
* Formularios
*/
	.formGen br{ clear: left; }
	.formGen legend{ font-weight: bold; color: #FF0000; margin: 0px 10px 5px 10px; }
	.formGen fieldset{ margin: 10px;}
	.formGen fieldset label, .formGen fieldset span, .formGen fieldset div, .formGen fieldset input, .formGen fieldset textarea, .formGen fieldset select{ display: block; float: left; margin-bottom: .4em; margin-top: .4em; }
	.formGen input:focus, .formGen select:focus, .formGen textarea:focus{ background: #EEEEEE; }
	.formGen label{ text-align: right; width: 190px; padding-right: 1em; }
	.formGen fieldset textarea{ width: 320px; }
	
	.formGen fieldset div{ overflow: auto; width: 320px; }
	.formGen fieldset div label{ width: auto; padding:0px; }
	
	/* label para div que contiene multiples objetos check o radio */
	.formGen fieldset div.mult label{ width: 130px; padding-right: 2px; text-align: left; }
	
	/* div que contiene los botones */
	.formGen div.botones{ text-align: center; }



/**
* Mensajes para el usuario
*/
.msgOk, .msgInfo, .msgAyuda, .msgAlerta, .msgError{ margin-left: 10px; margin-right: 10px; padding: 10px 10px 5px 55px; }
.msgOk{ background: #F5F5F5 url(../img/msgOk.png) no-repeat; border: 1px dashed #00FF00; }
.msgInfo{ background: #F5F5F5 url(../img/msgInfo.png) no-repeat; border: 1px dashed #000000; }
.msgAyuda{ background: #F5F5F5 url(../img/msgAyuda.png) no-repeat; border: 1px dashed #0000FF; }
.msgAlerta{ background: #F5F5F5 url(../img/msgAlerta.png) no-repeat; border: 1px dashed #FFFF00; }
.msgError{ background: #F5F5F5 url(../img/msgError.png) no-repeat; border: 1px dashed #FF0000; }

.dspAyuda{ background: #F5F5F5 url(../img/dspAyuda.png) no-repeat; display: block; width: 20px; height: 20px; float: right; right: 0px; text-indent: -999px; }
.dspAyuda span{ display: none; }


/**
* Menu de administracion
*/
	/* Panel de administracion principal */
	h1.modH1PanelAdmin{ padding-top: 2px; }
	ul.menuAdmin, ul.menuAdmin li{ padding: 0px; margin: 0px; list-style: none; }
	ul.menuAdmin li{ padding: 1px 3px 1px 3px; margin: 0px; text-align: center; width: 110px; height: 90px; display: block;	overflow: auto; float: left; }
	ul.menuAdmin li a{ color: #0000FF; text-decoration: none; }
	ul.menuAdmin li a:hover{  text-decoration: underline; }
	ul.menuAdmin li a img{ width: 48px; height: 48px; border: 0px; margin: 0px; }

	/* Panel de administracion para cada modulo */
	div.menuAdmin div{ width: 250px; float: left; color: #888888; margin: 0px 15px 15px 0px; }
	div.menuAdmin br{ clear: left; }
	div.menuAdmin div br{ clear: none; }
	div.menuAdmin div a{ text-decoration: none; font-weight: bold; }
	div.menuAdmin div a:hover{ text-decoration: underline; }
	div.menuAdmin div a img{ width: 48px; border: 0px; float: left; }
	


/**
* Menu para el disenno de los modulos en el nuevo esquema
*/
	/* H1 general para los modulos */
		.modH1{ min-height: 48px; padding-left: 48px; vertical-align: middle; }
		
	/* Estilo para las opciones en la parte superior dentro de modulo */
		.modMenu{ list-style: none; width: 100%; padding: 0px; margin: 0px 0px 12px 0px; overflow: auto; border-bottom: 4px solid #D7D7D7; }
		.modMenu li{
			border: 1px solid #D7D7D7; border-bottom: 0px; 
			font-weight: bold; font-size: 11px; line-height: 9px; 
			padding: 0px 2px 0px 2px; 
			margin-left: 3px; 
			display: block; float: left; 
			background: url(../img/modMenuLi1.png) repeat-x top;
		}
		.modMenu li.sel{ border: 1px solid #7D7D7D; border-bottom: 0px; background: url(../img/modMenuLi2.png) repeat-x top; }
		.modMenu a{
			text-decoration: none;
			color: #636363; 
			font-size: 10px;
			height: 23px;
			padding-top: 5px;
		}
		.modMenu>li>a{display: block;} /* fix ff */
		.modMenu a:hover{ text-decoration: underline; color: #000000; }

		.modMenu .regresar a{ padding-left: 22px; background: url(../img/modMenuRegresar.gif) no-repeat left; }
		.modMenu .carpeta a{ padding-left: 22px; background: url(../img/modMenuCarpeta.gif) no-repeat left; }
		.modMenu .buscar a{ padding-left: 22px; background: url(../img/modMenuBuscar.gif) no-repeat left; }
		.modMenu .nuevo a{ padding-left: 22px; background: url(../img/modMenuNuevo.gif) no-repeat left; }
		.modMenu .editar a{ padding-left: 22px; background: url(../img/modMenuEditar.gif) no-repeat left; }
		.modMenu .hojas a{ padding-left: 22px; background: url(../img/modMenuHojas.gif) no-repeat left; }
		.modMenu .papelera a{ padding-left: 22px; background: url(../img/modMenuPapelera.gif) no-repeat left; }
		
		
	/* Estilo para indicar la ruta de opciones dentro del modulo y donde puede regresar */
		.modRuta{ list-style: none; width: 100%; padding: 0px; padding-top: 2px; padding-bottom: 2px; margin: -12px 0px 12px 0px; overflow: auto; background: #F0F0F0; font-size: .8em; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #D7D7D7; }
		.modRuta li{ font-weight: bold; margin: 0px; margin-left: 4px; float: left; padding-left: 7px; background: url(../img/flechaRuta.gif) no-repeat left; }
		.modRuta li.sel{}
		.modRuta a{ text-decoration: underline; color: #666666; }
		.modRuta a:hover{ color: #006CA4; }
		
	/* Estilos para el paginado */
		.modPaginado{ list-style: none; padding: 0px; margin: 12px 0px 12px 0px; overflow: auto; }
		.modPaginado li{ border: 1px solid #DDDDDD; padding: 1px 3px 1px 3px; margin: 0px 3px 0px 3px; float: left; }
		.modPaginado li.sel{ background: #DDDDDD; font-weight: bold; }
		.modPaginado a:hover{ text-decoration: none; }



/**
* Definicion para cada modulo
*/
	/* Ejemplo */
		.modH1Ejemplo{ background: url(../../../modulos/Ejemplo/img/admin.gif) top left no-repeat; }
		
	/* Publicaciones */
			/* Rastro de las publicaciones */
			.pubRastro{ font-size: 10px; margin-top: 5px; font-weight: normal; }
			.pubRastro a{ color: #0000FF; }
			.pubRastro a:hover{ color: #888888; }
			
			/* Utilidades */
			.pubUtilidades h2{
				border-top: 1px solid #CCCCCC;
				padding-top: 5px;
				margin-bottom: 0px;
				
				font-size: 14px;
				color: #555555;
			}
			.pubUtilidades ul{ list-style: none; padding: 0px; margin: 0px 0px 12px 0px; height: 30px; }
			.pubUtilidades li{ float: left; margin: 0px 13px 0px 3px; }
			.pubUtilidades a{ text-decoration: none; padding-top: 5px; height: 30px;}
			.pubUtilidades a:hover{ text-decoration: underline; }
			
			.pubUtilidades a.imprimir{ padding-left: 20px; background: url(../../../modulos/Publicaciones/img/imprimir.gif) no-repeat 0px 5px; }
			.pubUtilidades a.enviar{ padding-left: 20px; background: url(../../../modulos/Publicaciones/img/enviar.gif) no-repeat 0px 6px; }
			.pubUtilidades a.comentar{ padding-left: 20px; background: url(../../../modulos/Publicaciones/img/comentar.gif) no-repeat 0px 3px; }
			.pubUtilidades a.valorar{ padding-left: 20px; background: url(../../../modulos/Publicaciones/img/valorar.gif) no-repeat 0px 5px; }
			.pubUtilidades a.estadisticas{ padding-left: 20px; background: url(../../../modulos/Publicaciones/img/estadisticas.gif) no-repeat 0px 6px; }
			.pubUtilidades a.editar{ padding-left: 20px; background: url(../../../modulos/Publicaciones/img/editar.gif) no-repeat 0px 5px; }


		
	/* Album */
		#albumDiv div{ width: 120px; float: left; text-align: center; margin: 0px 5px 20px 5px; }
		#albumDiv div img{ border: 1px solid #CCCCCC; }

	/* Clasificados */
		.clasifiTabla caption{
			margin-top: 10px;
			font-weight: bold;
			border-bottom: 1px solid #FF0000;
			width: 100%;
			text-align: left;
			background: #CCCCCC;
		}
		.clasifiTabla td{
			border-bottom: 1px solid #FF0000;
			padding: 5px;
			background: #EEEEEE;
		}
		
	
	/* Noticias */
		.notFecha{
			font-size: 0.8em;
		}

	
	
	/* Corporativos */
		.corpoH1{
			color: #555555;
			padding-left: 20px;
			background: url(../../../modulos/Corporativos/img/tituloH1.gif) no-repeat 0px 5px;
			
		}
		.corpoBloque{
			margin-top: 10px;
			padding-left: 5px;
		}
		.corpoBloque h2{
			margin: 0px;
			padding-left: 10px;
			background: url(../../../modulos/Corporativos/img/tituloH2.gif) no-repeat 0px 5px;
		}
		.corpoBloque h2.corpoCategoria a{
			font-size: 120%;
			border-bottom: 1px solid;
		}
		.corpoBloque h2 a{
			color: #1176AA;
		}
		.corpoBloque h2 a:hover{
			color: #000000;
		}
		
		
		.corpoPublicado{
			margin: 3px;
			color: #1176AA;
		}
		.corpoPublicado span{
			color: #588526;
			border-left: 1px solid #666666;
			padding-left: 5px;
		}
		
		
		.corpoArchivos, .corpoComentarios{
			margin-left: 15px;
		}
		
		.corpoArchivos h2, .corpoComentarios h2{
			border-top: 1px solid #D7D7D7;
			padding-left: 10px;
			padding-top: 10px;
			margin: 15px 0px 0px 0px;
		}
		.corpoArchivos ul{
			margin-top: 0px;
			list-style-image: url(../img/vineta1.gif);
		}
		.corpoArchivos a{
			color: #1176AA;
		}
		.corpoArchivos a:hover{
			color: #000000;
		}

		.corpoComentarios div{
			margin-top: 10px;
			margin-left: 20px;
		}
		.corpoComentarios p{
			margin: 0px;
		}
		
		
		
		.corpoBotonMes{
			color: #FFFFFF;
			font-weight: bold;
			width: 94px;
			height: 26px;
			border: 0px;
			background: url(../../../modulos/Corporativos/img/botonMes.gif) no-repeat;
		}
		






/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/
/**************************
* Estilos para las Tablas que deben borrarse
*/
#tablaListadoH, #tablaListadoV{	border-collapse: collapse; border: 1px solid #000000; }
#tablaListadoH *, #tablaListadoV *{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#tablaListadoH input, #tablaListadoV input{vertical-align: middle;}
#tablaListadoH caption, #tablaListadoV caption{ font-size: 10px; font-weight: bold; border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 0px solid #000000; border-left: 1px solid #000000; color: #152B57; }
#tablaListadoH th, #tablaListadoV th{ font-size: 10px; text-align: center; border: 1px solid #000000; }
#tablaListadoH td{ font-size: 10px; border: 1px solid #000000; }
#tablaListadoH td, #tablaListadoV td{ font-size: 10px; border: 1px solid #000000; }
#tablaListadoH a, #tablaListadoV a{ font-weight: normal; font-weight: bold; color: #010066; text-decoration: none; }
#tablaListadoH a:hover, #tablaListadoV a:hover{ color: #CC9933; text-decoration: underline; }
#tablaListadoVTr td{ font-size: 9px; border: 1px solid #000000;	background: #FFFFCC; }

#tablaMarco{ border-collapse: collapse; border: 0px solid #000000; }
#tablaMarco caption{ font-size: 10px; font-weight: bold; background: #DADADA; }

#enlaceExt a{ font-weight: normal; font-weight: bold; color: #010066; text-decoration: none; background: #DADADA; padding: 3px; }
#enlaceExt a:hover{ color: #CC9933; text-decoration: underline; }

#enlaceExtn a{ font-weight: normal; font-weight: bold; color: #010066; text-decoration: none; }
#enlaceExtn a:hover{ color: #CC9933; text-decoration: underline; }


/* Estilos para zonas por tabs con ocultacion de zonas */
.dModFeedback .enlaceTabPadre{
	width: 100%;
	border-bottom: 2px solid #DADADA;
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	list-style: none;
	overflow: auto;
}

.dModFeedback .enlaceTabPadre li{
	border-top: 2px solid #DADADA;
	border-right: 2px solid #DADADA;
	background:#F26100;
	float: left;
	padding: 3px 5px 3px 5px;
}

.dModFeedback .enlaceTabPadre a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
}

.dModFeedback .enlaceTabPadre a:hover{
	text-decoration: underline;
}

.dModFeedback #enlaceTabPadreSel{
	background-color:#FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

.dModFeedback #enlaceTabPadreSel a{
	text-decoration: none;
	color: #F26100;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
}

.dModFeedback #enlaceTabPadreSel a:hover{
	text-decoration: underline;
}

.dModFeedback .enlaceTab{
	border-right: 2px solid #DADADA;
	margin: 0px 0px 0px 15px;
	padding: 10px 5px 10px 5px;
	list-style-image:  url(../imagenes/vinnetaComunidad.gif);
}

.dModFeedback .enlaceTab li{
	padding-bottom: 2px;
}

.dModFeedback  #infoPrincipal .enlaceTab a{
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
}

.dModFeedback .enlaceTab a:hover{
	text-decoration: underline;
}


