/**
	====================================================================
	Página de estilos para el Sistema GestionIntegral
	====================================================================
**/

body 
{
	margin: 0px;
	/*background: #838588;*/
	background: #CACACA url(./Imagenes/fondo.JPG) repeat-x left top;
}

.fondo
{
	border: 1px groove #C0C0C0;
	background-color: #fffcf3;
	background-position: center;
	height: 500px;
}

.contenido
{
	background: #FFFFFF;
}

.divMenu
{	
	width: 204px;
	/*overflow: hidden; overflow-x: scroll;
	overflow: hidden; overflow: -moz-scrollbars-vertical;*/
	top:auto;
	overflow: hidden; 
	overflow: hidden; 
}

.tabContainer
{
	border-style: ridge;
	border-width: 1px;
	font-family: Verdana;
	font-size: x-small;
	font-weight: bold;
	background: #fffcf3;
}

.tabPanel
{
	border-style: inset;
	border-width: 1px;
	font-family: Verdana;
	font-size: x-small;
	font-weight: bold;
	background-color: #C0C0C0;
}

.cabecera
{
	background: url(./Imagenes/HeaderFondo.jpg) repeat-x;
}

.menuDeUsuario
{
	height: 40px;
	background: url(./Imagenes/menu_bg.jpg) repeat-x;
}
.pieDePagina
{
	background: url(./Imagenes/bread_bg.jpg) repeat-x;

	color: #FFFFFF;
}

.titulo
{
	font: bold normal 14px/normal Arial, Helvetica, sans-serif;
	color: #3e81b5;
	text-align: left;
	padding: 10px;
	height: auto;
	width: auto;
}

.tituloBusqueda{
	font: bold normal 12px/normal Arial, Helvetica, sans-serif;
	color: #3e81b5;
	text-align: center;
	padding: 10px;
	height: auto;
	width: auto;
}

.tituloPagina
{
	border-style: none none solid none;
	font: bold normal 14px/normal Arial, Helvetica, sans-serif;
	color: #D92128;
	vertical-align:bottom;
	text-align: left;
	padding: 1px;
	height: auto;
	width: auto;
	border-bottom-width: thin;
	border-bottom-color: #000000;
}

.tituloMenu
{
	border-style: none none solid none;
	border-width: 1px;
	border-color: #000000;
	font: normal bold 12px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	background-color: #3e81b5;
}

.label
{
	font-family: Verdana, Arial, Helvetica;
	font-size: x-small;
	color:#000000;
}
.labelTitulo
{
	font-family: Verdana, Arial, Helvetica;
	font-size: medium;
	color:#3e81b5;
	text-align: left;
	padding: 10px;
	height: auto;
	width: auto;
}
.labelInformativo
{
	font-family: Verdana, Arial, Helvetica;
	font-size: small;
	font-weight: bold;
	color: #008000;
	text-align: left;
	height: auto;
	width: auto;
}
.labelError
{
	font-family: Verdana, Arial, Helvetica;
	font-size: x-small;
	font-weight: normal;
	color:Red;
}

.labelGrillaSinDatos
{
	font-family:Verdana, Arial, Helvetica;
	font-size:1px;
	color:#333333;
	background:#F7F6F3;
	vertical-align:middle;
	text-align:left;
}

.texto{
	font-family: Verdana, Arial, Helvetica;
	font-size: x-small;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	color:#000000;
}

.textoOculto{
	display:none;
}

.comboGrande
{
	font-family: Verdana;
	font-size: x-small;
	width: 350px;
}

.comboMedio
{
	font-family: Verdana;
	font-size: x-small;
	width: 200px;
}

.comboChico
{
	font-family: Verdana;
	font-size: x-small;
	width: 90px;
}

.button
{
	font-family:Verdana;
	font-size:x-small;
	font-weight:bold;
	color:#000000;
	border-style:solid;
	border-width:1px;
	border-color:#000000;	
	background-color:#C0C0C0;
}

.buttonOculto
{
	visibility:hidden;
}

.calendario .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #E4E4E4;
	color: #000000;
}

.Menu-Skin-Horizontal
{  
	
    text-align:center;
    font-family: Verdana, Arial, Helvetica;
	font-size: x-small;
	
	color:#FFFFFF;
	
	/*border:solid 1px #dc940b;
	background:url(./Imagenes/bg_nav.gif) repeat-x;*/
}
.Menu-StaticMenuStyle
{
    Font-Size:x-small; 
    font-family:Verdana;
    
	width:120px;
	height:25px;
	/*border:solid 1px #dc940b;
	background: url(./Imagenes/bg_nav.gif) repeat-x;*/
	color:#FFFFFF;
}
.Menu-StaticMenuItemStyle
{
    Font-Size:x-small; 
    font-family:Verdana;
    font-weight: bold;
    /*background: url(./Imagenes/bg_nav.gif) repeat-x;*/
	width:120px;
	height:25px;
	/*border:solid 1px #dc940b;*/
	color:#FFFFFF;
}
.Menu-StaticHoverStyle
{
    Font-Size:x-small; 
    font-family:Verdana;
    font-weight: bold;
    background: #ec4234;
	width:120px;
	height:25px;
	/*border:solid 1px #dc940b;*/
	color:#FFFFFF;
}
.Menu-StaticSelectedStyle
{
    Font-Size:x-small; 
    font-family:Verdana;
    font-weight: bold;
	width:120px;
	height:25px;
	/*border:solid 1px #dc940b;*/
	/*background: #e32222;*/
	color:#FFFFFF;
}

.Menu-DynamicMenuStyle
{
    Font-Size:x-small; 
    font-family:Verdana;
    background: #dbdbdb;
	width:195px;
	height:25px;
	/*border: solid 1px #cd4325;*/
	color:#FFFFFF;
	display:block;
}
.Menu-DynamicMenuItemStyle
{
	border: solid 1px #cd4325;
	font-size: x-small;
	font-family: Verdana;
	background: #dbdbdb;
	width: 195px;
	height: 25px;
	color: #000000;
	display:block;
}
.Menu-DynamicHoverStyle
{
    Font-Size:x-small; 
    font-family:Verdana;
    font-weight: bold;
    background: #9b9b9b;
	width:195px;
	height:25px;
	/*border:solid 1px #dc940b;*/
	/*background: url(./Imagenes/menu_hover.jpg) repeat-x;*/
	color:#FFFFFF;
	display:block;
}

/* Accordion */
.accordionHeader
{
    border: solid 1px #C1C1C1;
    color: white;
    background-color: #EAEAEA;
    Font-Size:x-small; 
    font-family:Verdana;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    color: #FFFFFF;
}
.accordionHeaderSelected
{
    border: 1px solid #C1C1C1;
    color: white;
    background-color: #E8E8E8;
    Font-Size:x-small; 
    font-family:Verdana;
	font-weight: bold;
	padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    color: #FFFFFF;
}

.accordionContent
{
    background-color: #ffffff;
    border: solid 1px #EAEAEA;
    border-top: none;
    padding: 5px;
    padding-top: 10px;    
}

.accordionHeader2
{
    border: solid 1px #EAEAEA;
    color: white;
    background-color: #EAEAEA;
    Font-Size:x-small; 
    font-family:Verdana;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeaderSelected2
{
    border: 1px solid #EAEAEA;
    color: white;
    background-color: #EAEAEA;
    Font-Size:x-small; 
    font-family:Verdana;
	font-weight: bold;
	padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent2
{
    background-color: #EAEAEA;
    border: solid 1px #EAEAEA;
    border-top: none;
    padding: 5px;
    padding-top: 10px;    
}

.groupingSinTitulo
{
	font-family:Verdana, Arial, Helvetica;
	font-size:0px;
	color:#000000;
	background:#eeeeee;
	vertical-align:middle;
	text-align:left;
}
.groupingConTitulo
{
	font-family:Verdana, Arial, Helvetica;
	font-size:x-small;
	color:#000000;
	vertical-align:middle;
	text-align:left;
}
.tablaIgualGrilla
{
	font-family:Verdana, Arial, Helvetica;
	font-size:x-small;
	font-weight: bold;
	color:#FFFFFF;
	background:#0064a2;
	
}
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=60);
	opacity:0.7;
	z-index: 50;
}
.modalBackground2 {
	background-color:transparent;
	filter:alpha(opacity=0);
	opacity:0;
	z-index: 50;
}
.modalPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	z-index: 49;
}
.ocultarColumna
{
	display:none;
}
.manito
{
	cursor:pointer;
}
.valign-middle
{
    vertical-align:middle;
}
.titleBar
{
	background: url(./Imagenes/titleBar.JPG) repeat-x;
}
.titleBarMovil
{
    cursor:no-drop;
}
h4
{
	font-size: 80%;
	margin: 1em 0 1em 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	color: #000;
	width: 90%;
}

.sector
{
    border-style: none none solid none;
    font: normal bold x-small/normal Verdana;
    color: #ffffff;
    vertical-align: middle;
    text-align: left;
    padding: 0px;
    height: 22px;
    width: 100%;
    background-color: #0064a2;
}

.gridView 
{
	font-family:v Verdana;
	font-size: x-small;
	border: 1px;
	border-top:none;
	border-collapse: inherit;
	border-spacing: 0px;
	margin-top: 5px;
	width:100%;
	text-align:center;	
}

.gridView-headerA
{
    font-family: Verdana;
	font-size: x-small;
	text-align: center;
	background-color: #000000;
	/*background: url(./Imagenes/black_grid_header.JPG) repeat-x;*/
	font-weight: bold;
	/*height: 30px;*/
	color: White;
	vertical-align:middle;
}

.gridView-headerC
{
    font-family: Verdana;
	font-size: x-small;
	text-align: center;
	background-color: #e7e7e7;
	font-weight: bold;
	/*height: 15px;*/
	color: Black;
	vertical-align:middle;
}

.gridView-headerTotales
{
    font-family: Verdana;
	font-size: x-small;
	text-align: center;
	background-color: #ba2018;
	font-weight: bold;
	/*height: 15px;*/
	color: White;
	vertical-align:middle;
}

.gridView-headerB
{
    font-family: Verdana;
	font-size: x-small;
	text-align: left;
	background-color: #0064a2;
	font-weight: bold;
	/*height: 15px;*/
	color: White;
	vertical-align:middle;
}

.gridView-altrow
{
	font-family: Verdana;
	font-size: x-small;
	background-color:#F6F4F4;	
}

.gridView-row
{
	font-family: Verdana;
	font-size: x-small;
}



.pnlDragable1
{
    width: 100px; 
    height: 60px;
    border: solid 2px #646464;
}
.pnlDragable2
{
    width: 200px; 
    height: 60px;
    border: solid 2px #646464;
}

.elemento
{
    cursor: move;
    position:relative;
    font-weight: bold;
    color: #ffffff;
    width: 100px;
    text-align: center;
    list-style-type: none;
    margin-top: 1px;
}

.TituloGrilla
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-weight: bold;
	font-size: 11px;
	border-left: gray 1px solid;
	color:#ffffff;
	border-bottom: gray 1px solid;
	font-family: Verdana;
	background-color: #ffffff;
}
.label_
{
	font-family: Verdana, Arial, Helvetica;
	font-size: x-small;
	color:#ffffff;
}