/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
     border: 1px solid #2F4F4F;
    color: white;
     background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    /*background-color: #D3DEEF;*/
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*Popup Control*/
.popupControl{
	border-color:graytext;
	position:absolute;
	visibility:hidden;
	background-color:White; 
}

/* Portlet */

.portlet-header-bar 
{
   border: 1px solid #6699CC; 
   background: url(../Images/button_gradient.gif) scroll repeat-x center left; 
   position: relative; 
} 
.portlet-wrap-title { height: 20px; position: relative; } 

.portlet-title 
{
   color: #4A517D; 
   font-weight: bold; 
   position: absolute; 
   top: 3px; 
   left: 5px; 
} 
.portlet-box
{
   border: 1px solid #6699CC;
   margin-top: 1px;
   background-color: whitesmoke;
} 
.portlet-bottom-decoration-2 {
   background: transparent url(../Images/middle.gif) scroll repeat-x top; 
   margin-bottom: 5px; width: 100%; }    
   
.portlet-bottom-decoration-2 DIV {
   background: transparent url(../Images/left.gif) scroll no-repeat top left; 
   width: 100%; } 

.portlet-bottom-decoration-2 DIV DIV {
   background: transparent url(../Images/right.gif) scroll no-repeat top right; 
   font-size: 0; height: 6px; width: 100%; 
} 



/*ESTILO GRILLA CABECERA*/
.gwHeader { 
        Position: relative;
        /*Top: expression(this.offsetParent.scrollTop - 2); */
        background-image: url(images/cabtablaceleste.jpg);
        font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-weight: bold;
	    color: #2e3192;
	    height: 25px;
		background-color: #E7F7FD;	
	    }
BODY
{
	scrollbar-face-color: #E2E9EF;
	scrollbar-shadow-color: #D5E8F3;
	scrollbar-highlight-color: #009FD0;
	scrollbar-3dlight-color: White;
	scrollbar-darkshadow-color: #B4D6EA;
	scrollbar-track-color: #ADD8E6;
	scrollbar-arrow-color: #ffffff; 
	LINE-HEIGHT: normal;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana, Courier;
	POSITION: static;
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*pagina principal*/
.cabecera {
	background-image: url(images/cabecera.jpg);
}
.txtsesion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #2E3192;
}
.bienvenido {
	background-image: url(images/bienvenido.jpg);
}
.titular1 {
	background-image: url(images/titular1.jpg);
}
.titular1c {
	background-image: url(images/titular1c.gif);
}
.titular2 {
	background-image: url(images/titular2.jpg);
}
.titular2c {
	background-image: url(images/titular2c.gif);
}
.titular2a {
	background-image: url(images/titular2a.gif);
}
.titular2b {
	background-image: url(images/titular2b.gif);
}
.titular3 {
	background-image: url(images/titular3.jpg);
}
.titular3a {
	background-image: url(images/titular3a.gif);
}
.titular3b {
	background-image: url(images/titular3b.gif);
}
.fndbuscador {
	background-image: url(images/fndbuscador.jpg);
}
.fndmenu
{
	background-image: url(images/fndmenu.jpg);
	background-repeat: no-repeat;
}
.lineagris{
	background-color: #AEB5BB;
}
.fndblanco{
	background-color: #FFFFFF;
}
/*fin de fondos para pgina principal*/
/*Iconos de cabeceras de pginas interiores*/
.titicoquienes{
	background-image: url(images/icotitquienes.jpg);
}
.titicodocumentos{
	background-image: url(images/icotitdocumentos.jpg);
}
.titicocapacitacion{
	background-image: url(images/icotitcapacitacion.jpg);
}
.titicoboletines{
	background-image: url(images/icotitboletin.jpg);
}
.titicoasistencia{
	background-image: url(images/icotitasistencia.jpg);
}
.titicobancodedatos{
	background-image: url(images/icotitbasedatos.jpg);
}
.titicoconsultas{
	background-image: url(images/icotitconsultas.jpg);
}
.titicomantenimiento{
	background-image: url(images/icotitmantenimiento.jpg);
}
.titicocontactenos{
	background-image: url(images/icotitcontactenos.jpg);
}
.titicomapa{
	background-image: url(images/icotitmapa.jpg);
}
.titicomapa{
	background-image: url(images/icotitmapa.jpg);
}
.titicodescargas{
	background-image: url(images/icotitdownload.jpg);
}
.titicogestion{
	background-image: url(images/icotitgestion.jpg);
}
/*fin de Iconos de cabeceras de pginas interiores*/
/*Partes de la caja de pginas interiores*/
.titularderecha{
	background-image: url(images/titparte3.jpg);
}
.titularcentro{
	background-image: url(images/titparte2.jpg);
}
.titcajaizquierda{
	background-image: url(images/titcaja1.gif);
}
.titcajaizq2{
	background-image: url(images/titcaja2.gif);
}
.titcajacentroinferior{
	background-image: url(images/titcaja3.gif);
}
.titcajaderecha{
	background-image: url(images/titcaja4.gif);
}
.titcajader2{
	background-image: url(images/titcaja5.gif);
}
/*fin Partes de la caja de pginas interiores*/
/*titulares y textos*/
.txttitular {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2E3192;
	
}
.txttitular1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2e3192;
}
.txtsubtitular1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #2E3192;
}
.txttexto1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #2E3192;
}
.txttexto2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #565656;
}
.txttexto3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:25px;
}
/*titulares y textos*/
/*tablas y celdas*/
.tablas
{
	FONT-SIZE: 10px;
	COLOR: black;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
	background-color: #FFFFFF;
	border: 1px solid ;
	border-color: #81D5F7;
	
	
}

/*Para mensaje de Grilla vacia*/
.ParrafoTitulo {
	COLOR: #00264b; FONT-FAMILY: Arial; FONT-SIZE: 13px; FONT-WEIGHT: bold;
	top:auto
}
/*celda cumpleaņos*/	
.celdacumpleanos {
	font-family: Verdana, Courier;
	font-size: 10px;
	font-weight: bold;
    background-image: url(images/imgcumple1.jpg);
	/*background-repeat:no-repeat;*/
}
/*celda celeste oscuro*/	
.celda {
	font-family: Verdana, Courier;
	font-size: 10px;
	font-weight: bold;
	background-color: #CFEDFC;
}
/*celda degrade*/	
.celdadegrade {
	font-family: Verdana, Courier;
	font-size: 10px;
	font-weight: bold;
    background-image: url(images/fndtabla.gif);
}
/*celda celeste claro*/	
.celda1 {
	font-family: Verdana, Courier;
	font-size: 10px;
	background-color: #E7F7FD;
	border: 1px solid #81D5F7;
}
.celdaclaro {
	font-family: Verdana, Courier;
	font-size: 10px;
	background-color: #F7FBFD;
	border: 1px solid #B9EAFE;
}
.celdablanca {
	font-family: Verdana, Courier;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #81D5F7;
}
/*fin de tabla y celdas*/	

/*enlaces*/
A:link {
	FONT-SIZE: 11px; COLOR: #2c749f; FONT-FAMILY: Verdana, Courier; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 11px; COLOR: #2c749f; FONT-FAMILY: Verdana, Courier; TEXT-DECORATION: none;
}
A:visited {
	FONT-SIZE: 11px; COLOR: #2c749f; FONT-FAMILY: Verdana, Courier; TEXT-DECORATION: none;
}
A:hover {
	FONT-SIZE: 11px;
	COLOR: #040770;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
}
A.link1:link
{
   font-family: Verdana, Courier;
	font-size: 11px;
    COLOR: #2c749f;
   
}
A.link1:active
{
   font-family: Verdana, Courier;
	font-size: 11px;
    COLOR: #2C749F;
  
}
A.link1:visited
{
  font-family: Verdana, Courier;
	font-size: 11px;
    COLOR: #4CA1D4;
    
}
A
{
   font-family: Verdana, Courier;
	font-size: 11px;
    COLOR: #2C749F;
  
}
A.link1:hover
{
  font-family: Verdana, Courier;
	font-size: 11px;
    COLOR: 0A537C;
   
}
A.link2:link
{
    
    COLOR: black;
  
}
A.link2:active
{
    
    COLOR: 0A537C;
   
}
A.link2:visited
{
        COLOR: black;
    FONT-FAMILY: Arial
}
A.link2
{
       COLOR: 0A537C;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
A.link2:hover
{
   COLOR: 0A82C5;
 }  
A.link3:link
{
    
    COLOR: grey;
  
}
A.link3:active
{
    
    COLOR: #0A537C;
   
}
A.link3:visited
{
        COLOR: grey;
    FONT-FAMILY: Arial
}
A.link3
{
       COLOR: #0A537C;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
A.link3:hover
{
   COLOR: #0A82C5;
   
}
A.desg:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
A.desg:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
A.desg:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Arial
}
A.desg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
/*fin de enlaces*/

/*Formularios*/
INPUT.TexboxPeq{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
INPUT.Texbox{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	border: 1px solid #A9C2EF;
	text-transform: uppercase;
	padding: 0px 2px 2px;
}
INPUT.Bottom
{
	FONT-FAMILY: verdana;
	FONT-SIZE: 11px;
	/*font-weight: bold;*/
	border: 1px outset #6475a8;
	background-color: #C5EAFA;
	color: #2e3192;
	cursor: hand;
}
.LinkBottom
{
	FONT-FAMILY: verdana;
	FONT-SIZE: 11px;
	border: 1px outset #6475a8;
	background-color: #C5EAFA;
	color: #2e3192;
	cursor: hand;
	height:17px;
	width:120px;
}
INPUT
{
	FONT-FAMILY: Arial;
	FONT-SIZE: 12px;
}
INPUT.BordePlano
{
    font-family: Verdana, Courier;
    font-size: 10px;
    background-color: transparent;
    padding-bottom: 3px;
    padding-top: 3px;
    background-image: url(Images/fndtabla.gif);
    padding-right: 3px;
    padding-left: 3px;
    margin: 0px;
    border-bottom: darkgray 1px outset;
    border-right: darkgray 1px outset;
    border-top: darkgray 1px outset;
    border-left: darkgray 1px outset;
}
SELECT{
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	border: 1px solid;
	padding-left: 3px;
	padding-right: 3px;
	border-bottom-style: ridge;
	border-color: #A9C2EF;
}
.imageMessage
{
	cursor:hand;
}
.RepTablas
{
	FONT-SIZE: 10px;
	COLOR: black;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
	background-color: #FFFFFF;
	border: 1px solid ;
	border-color: Black;
	
	
}
/*Fin de Formularios*/

/*Popup Control*/
.popupControl
{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
	font-weight:bold;
}
.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	
/***********************************/

/*General content pages styling*/
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

/*Hover Menu*/
.popupMenuPlomo {
	position:absolute;
	visibility:hidden;
	background-image:url(images/header.png);
	opacity:.9;
	filter: alpha(opacity=90);
}
.popupMenu
{
	position: absolute;
	visibility: hidden;
	background-image: url(images/header1.gif);
	opacity: .9;
	filter: alpha(opacity=90);
	width: 300;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
popupMenu1{
	background-image:url(images/header1.gif);

}

.popupHover {
	background-image:url(images/header-opened1.gif);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}


.popupHoverMenu1{
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;

}

.modalPopup {
	background-color:#E7F7FD;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;

}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*Reorder List*/
.dragHandle {
	position:relative;
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main1.png);
	cursor:move;
	border:outset thin white;
}

.reorderListDemo li {
	list-style:none;
	margin:8px;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}



.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}
/******************************/
/**Styling information specific to individual content pages**/

/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	background-image: url(images/fndtabla.gif);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}


/*General content pages styling*/
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
}


.heading {
	padding:2em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.4em;
}

.subheading{
	padding:1em 0 0.8em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.2em;
}

.DataGridScroll
{
	width: 755px;	
	height: 350px;
	overflow:scroll;
}