/**
* Varios
*/
body.dSinDisenno{ text-align: left; background: #FFFFFF; }
caption{ font-weight: bold; font-size: 110%; }
.labelBloque{ float: left; text-align: right; width: 6em; padding-right: .5em; }
.resaltar, tr.resaltar td{ background: #CCFFCC; }

.centro{ text-align: center; }
.derecha{ text-align: right; }

/**
* Nexura Logo
*/
#nexura{ text-align: center; }
#nexura img{ border: 0px; }

/**
* Tablas
*/
.tablaGen{ margin: auto; margin-bottom: 15px; width:99%; clear: both; }
.tablaGen caption{ background: #F5F5F5; font-size: 1.182em; margin: auto; }
.tablaGen th{ background: #DDDDDD; font-size: 1.091em; }
.tablaGen td{ background: #F5F5F5; font-size: 1.091em; }
.tablaGen tr.cssRegistro td{ background: #EEEEEE; }

/* rollover para las tablas */
#trOver, #trOver td, #trOver th{ background: #D1D1D1; }
#trSelected, #trSelected td, #trSelected th{ background: #DDDDDD; }

/**
* Ayudas
*/
.ayudaLinkBloque{ display: block; text-indent: -9999px; /* oculta el texto */ background: url(../img/help.gif) left top no-repeat; width: 18px; height: 18px; float: right; position:relative; margin: 3px 3px 0px 0px; width: 18px; height: 18px; }
.ayudaTextoBloque{ background: #CCCCCC; border: 1px dashed #00FFFF; color: #0000FF; padding: 10px; width: 180px; }

/**
* Formularios
*/
.formGen{ clear: both; }
.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 fieldset 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: 5px 10px 10px 10px; padding: 15px 10px 15px 55px; clear: both; }
.msgOk{ padding: 20px 10px 20px 55px; background: #fbf4cc url(../img/msgOk.jpg) 10px 10px no-repeat; border: 1px dashed #00FF00; font-size: 1.091em; color: #106a9c; font-weight:bold;}
.msgInfo{padding: 20px 10px 20px 55px; background: #fbf4cc url(../img/msgInfo.jpg) 10px  10px no-repeat; border: 1px dashed #000000; font-size: 1.091em; color: #106a9c; font-weight:bold;}
.msgAyuda{padding: 20px 10px 20px 55px ; background: #fbf4cc url(../img/msgAyuda.jpg)10px  10px no-repeat; border: 1px dashed #0000FF; font-size: 1.091em; color: #106a9c; font-weight:bold;}
.msgAlerta{padding: 20px 10px 20px 55px; background: #fbf4cc url(../img/msgAlerta.jpg) 10px  10px no-repeat; border: 1px dashed #FFFF00; font-size: 1.091em; color: #106a9c; font-weight:bold;}
.msgError{padding: 20px 10px 20px 55px; background: #fbf4cc url(../img/msgError.jpg) 10px  10px no-repeat; border: 1px dashed #FF0000; font-size: 1.091em; color: #106a9c; font-weight:bold;}

.dspAyuda{ background: #fbf4cc 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 */
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: 118px; height: 116px; 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; }

#menuAdmin{ position: absolute; top: 0px; margin-left: 300px; }

/* Panel de administracion para cada modulo */
div.menuAdmin{ overflow: auto; }
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; margin-right: 3px; }

/**
* sxForm
*/
/* Opciones disponibles para la gestion de los registros de un formato */
.sxFormOptDel, .sxFormOptInfo, .sxFormOptUpd, .sxFormOptDown, .sxFormOptGst{ display: block; width: 16px; height: 16px; margin: auto; }
.sxFormOptDel span, .sxFormOptInfo span, .sxFormOptUpd span, .sxFormOptDown span, .sxFormOptGst span{ display: none; }
.sxFormOptDel{ background: url(../img/icoborrar.gif) left no-repeat; }
.sxFormOptInfo{ background: url(../img/icover.gif) left no-repeat; }
.sxFormOptUpd{ background: url(../img/icoeditar.gif) left no-repeat; }
.sxFormOptDown{ background: url(../img/icorotar.gif) left no-repeat; }
.sxFormOptGst{ background: url(../img/icoactivar.gif) left no-repeat; }


/**********
* Menu para el disenno de los modulos en el nuevo esquema
*/
/* 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: 1em; 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: 0.909em; 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 .adelantar a{ padding-left: 22px; background: url(../img/modMenuAdelantar.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; }
.modMenu .borrar a{ padding-left: 22px; background: url(../img/modMenuBorrar.gif) no-repeat left; }

/**********
* Menu para el disenno de los modulos en el nuevo esquema en los componentes de faces
*/
/* Estilo para las opciones en la parte superior dentro de modulo */
.modMenuComp ul { list-style: none; width: 100%; padding: 0px; margin: 0px 0px 12px 0px; overflow: auto; border-bottom: 4px solid #D7D7D7; }
.modMenuComp li{ border: 1px solid #D7D7D7; border-bottom: 0px; font-weight: bold; font-size: 1em; line-height: 9px; padding: 0px 2px 0px 2px; margin-left: 3px; display: block; float: left; background: url(../img/modMenuLi1.png) repeat-x top; }
.modMenuComp li.sel{ border: 1px solid #7D7D7D; border-bottom: 0px; background: url(../img/modMenuLi2.png) repeat-x top; }
.modMenuComp a{ text-decoration: none; color: #636363; font-size: 0.909em; height: 23px; padding-top: 5px; }
.modMenuComp ul>li>a{display: block;} /* fix ff */
.modMenuComp>li>a{display: block;} /* fix ff */
.modMenuComp a:hover{ text-decoration: underline; color: #000000; }
.modMenuComp .regresar a{ padding-left: 22px; background: url(../img/modMenuRegresar.gif) no-repeat left; }
.modMenuComp .adelantar a{ padding-left: 22px; background: url(../img/modMenuAdelantar.gif) no-repeat left; }
.modMenuComp .carpeta a{ padding-left: 22px; background: url(../img/modMenuCarpeta.gif) no-repeat left; }
.modMenuComp .buscar a{ padding-left: 22px; background: url(../img/modMenuBuscar.gif) no-repeat left; }
.modMenuComp .nuevo a{ padding-left: 22px; background: url(../img/modMenuNuevo.gif) no-repeat left; }
.modMenuComp .editar a{ padding-left: 22px; background: url(../img/modMenuEditar.gif) no-repeat left; }
.modMenuComp .hojas a{ padding-left: 22px; background: url(../img/modMenuHojas.gif) no-repeat left; }
.modMenuComp .papelera a{ padding-left: 22px; background: url(../img/modMenuPapelera.gif) no-repeat left; }
.modMenuComp .borrar a{ padding-left: 22px; background: url(../img/modMenuBorrar.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: 0px 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; }

/* Estilo para indicar la ruta de opciones dentro del modulo y donde puede regresar  para los componentes de faces*/
/*
div.modRuta {background:none; border:none; }
*/
.modRutaComp ul{ list-style: none; width: 100%; padding: 0px; padding-top: 2px; padding-bottom: 2px; margin: 0px 0px 12px 0px; overflow: auto; background: #F0F0F0; font-size: .8em; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #D7D7D7; }
.modRutaComp div li{ font-weight: bold; margin: 0px; margin-left: 4px; float: left; padding-left: 7px; background: url(../img/flechaRuta.gif) no-repeat left; }
.modRutaComp li.sel{}
.modRutaComp a{ text-decoration: underline; color: #666666; }
.modRutaComp 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
*/

#motioncontainer a img{ border: 1px solid #FFFFFF; border-top: 10px solid #FFFFFF; overflow: auto; }
#motioncontainer a:hover img{ border: 1px solid #FFFFFF; padding-bottom: 7px; border-bottom: 3px solid #EEEEEE; }

#motioncontainer{
	width: 190px;
}


/**************************
* 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: 0.909em; }
#tablaListadoH input, #tablaListadoV input{vertical-align: middle;}
#tablaListadoH caption, #tablaListadoV caption{ font-size: 0.909em; 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: 0.909em; text-align: center; border: 1px solid #000000; }
#tablaListadoH td{ font-size: 0.909em; border: 1px solid #000000; }
#tablaListadoH td, #tablaListadoV td{ font-size: 0.909em; 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: 0.818em; border: 1px solid #000000;	background: #FFFFCC; }

#tablaMarco{ border-collapse: collapse; border: 0px solid #000000; }
#tablaMarco caption{ font-size: 0.909em; 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; }




.notBloque{ clear: both; }

/* NOTICIAS SLIDER Configuraciones generales omarin@nexura.com 20080220 */
/* Contenedor de todos los elementos */
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */  margin: 0px 0px 20px 0px; padding:0px; position: relative; }

/* These 2 lines specify style applied while slider is loading */
.csw { width: 100%; overflow: hidden; height:50px;}
.csw .loading {margin: 20px 0 30px 0; text-align: center; overflow: hidden;}

.stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; clear: both; background: #fff; width: 500px; /* si no */ }

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; bottom:0; list-style-type: none;}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; position: relative; }
.slider-wrap, .stripViewer .panelContainer .panel{ width: 500px; }

.stripViewer .panelContainer .panel .wrapper-slider { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 5px 5px 0px 5px; /* padding al interior del panel respecto al borde */ }

/* Controla la presentacion de los paneles 1 2 3 4 ... */
.stripNav{ float: right; }
.stripNav ul{ list-style: none; margin: 0px; padding: 0px; }
.stripNav li{ float: left; margin: 2px 0px 2px 0px; padding: 0px; }
.stripNav a{ display: block; width: 12px; text-indent: -999em; }

/* Define la imagen que se utiliza para los paneles */
.stripNav li a { background: url("../img/aSlider.gif") no-repeat center; }
.stripNav li a:hover { background: url("../img/hoverSlider.gif") no-repeat center; }
.stripNav li a.current { background: url("../img/current.gif") no-repeat center; }


/* Controla la presentacion de las opciones siguiente y atras */
.stripNavL, .stripNavR{ float: right; }
.stripNavL a, .stripNavR a{ display: block; width: 18px; height: 15px; text-indent: -900em; padding: 0px 3px 2px 0px; }
.stripNavL{ background: url("../img/izq.gif") no-repeat center; } 
.stripNavR{ background: url("../img/der.gif") no-repeat center; }


/* Configuracion general para la presentacion de las noticias */
/* Determina el tamanno de la presentacion para las noticias */
.slider-wrap, .stripViewer, .stripViewer .panelContainer .panel, .divContainerSlider{ width: 500px; }

/* Contenedor total */
.divContainerSlider{ margin: 0px; padding: 0px; }

/* Bloque por noticia */
.noticiaSlider { float:left; width:135px; margin: 0px 0px 0px 8px; padding: 0px; }

/* Estilos para zonas por tabs con ocultacion de zonas */
.enlaceTabPadre{ width: 100%; border-bottom: 2px solid #DADADA; margin: 0px 0px 0px 0px; padding: 0px; list-style: none; overflow: auto; }

.enlaceTabPadre li{ border-top: 2px solid #DADADA; border-right: 2px solid #DADADA; background:#F26100; float: left; padding: 3px 5px 3px 5px; }

.enlaceTabPadre a{ text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 1.091em; padding: 0px; }
.enlaceTabPadre a:hover{ text-decoration: underline; }


#enlaceTabPadreSel{ background-color:#FFFFFF; border-bottom: 2px solid #FFFFFF; }
#enlaceTabPadreSel a{ text-decoration: none; color: #F26100; font-weight: bold; font-size: 1.091em; padding: 0px; }
#enlaceTabPadreSel a:hover{ text-decoration: underline; }

.enlaceTab{ border-right: 2px solid #DADADA; margin: 0px 0px 0px 15px; padding: 10px 5px 10px 5px; list-style-image: url(../imagenes/vinnetaComunidad.gif); }
.enlaceTab li{ padding-bottom: 2px; }
.enlaceTab a{ text-decoration: none; color: #6f6f71; font-weight: bold; font-size: 1em; }
.enlaceTab a:hover{ text-decoration: underline; }


/**
    ESTILOS PARA LOS TABS
*/
/* alternate colors: skin2 */
ul.skin2 a {
    background-color:#89a;
    color:#fff !important;
}

/* mouseover state */
ul.skin2 a:hover {
    background-color:#678;
}

/* active tab */
ul.skin2 a.current {
    background-color:#4F5C6A;
    border-bottom:2px solid #4F5C6A;
}

/* tab pane with background gradient */
div.skin2 div {
    color:#fff;
    background:#234 url(../imagenes/h300.png) repeat-x scroll 0 -50px;
    min-height:200px;
}



/* root element for tabs  */
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	border-bottom:1px solid #666;
	height:30px;
}

/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(../imagenes/blue.png) no-repeat -420px 0;
	font-size:0.545em;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;
	color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;
	cursor:default !important;
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
div.panes div.pane {
	display:none;
}


/************************* SEGUNDO GRUPO DE TABS EMBED ************************************************/



/* root element for tabs  */
ul.tabs1 {
	list-style:none;
	margin:10 !important;
	padding:0;
	border-bottom:1px solid #666;
	height:50px;
}

/* single tab */
ul.tabs1 li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs1 a {
	background: url(../imagenes/blue.png) no-repeat -420px 0;
	font-size:1em;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

ul.tabs1 a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs1 a:hover {
	background-position: -420px -31px;
	color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs1 a.current, ul.tabs1 a.current:hover, ul.tabs1 li.current a {
	background-position: -420px -62px;
	cursor:default !important;
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs1 a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs1 a.s:hover 	{ background-position: -553px -31px; }
ul.tabs1 a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs1 a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs1 a.l:hover 	{ background-position: -248px -31px; }
ul.tabs1 a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs1 a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs1 a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs1 a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
div.panes div.pane div.paness {
	display:none;
}



@media print {

	#globalnav, #right, #user, .noprint, #breadcrumb {
		display:none;
	}

	#content h1 {
		background-image:none;
		padding-left:0;
	}

	#wrap, #content {
		width:100%;
		margin:0;
	}
}


.bookmarks {
background:transparent url(../img/herramientas_animado.gif) no-repeat scroll 2px 4px;
color:#333333;
display:block;
float:left;
font-size:1em;
font-weight:bold;
margin:0 7px 0 0;
padding:3px 0 3px 23px;
}

.cajaBookmarks {
background:#FFFFFF none repeat scroll 0 50%;
border:3px solid #CCCCCC;
/*_margin:0 0 0 342px;*/
padding:7px;
position:absolute;
width:220px;
/*_float:left;*/
}