/*Agregado para que la franja menu ocupe el 100% del height*/
html, body
{
    height:100%;
}

body
{
    margin: 0px;
    background-color: #4BACC6;
    background-image: url('imagenes/BodyBG.jpg' );
    background-repeat: repeat-x;
    font-family: Verdana;
    font-size: 10px;
}
p
{
    font-size: 10px;
}
#PrimaryContent {
	padding: 30px 30px 0px 30px;
	background-image: url('imagenes/PrimaryContentBG.jpg');
	margin: 0 auto;
	background-repeat: no-repeat;
	width: 890px;
}
#SecondContent
{
    /*padding: 10px 10px 0px 10px;*/
    background-image: url( 'imagenes/SecondContentBG.jpg' );
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    width: 870px;
    /* H height: auto !important;*/
    min-height: 550px;
    /*guia*/
    height:100%;
    /*me sobran 10 en el top*/
    padding: 0px 10px 0px 10px;
    position:relative;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#MenuHeader {
	background-image: url('imagenes/MenuHeaderBG.jpg');
	width: 870px;
	/*Se agregan 10px para compensar el padding del menu*/
	/*height: 108px;*/
	height: 118px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	
	/*guia no aplia en firefox*/
	/*margin-top:10px;*/
	/*padding-top:10px;*/
	
	
}
#MenuHeaderButtons{
	width: 300px;
	float: right;
	height: 50px;
	position: relative;
	top: 40px;
	right: 20px;
	text-align:center;
	font-size: 9px;
	font-weight: bold;
	z-index:1;
}
#MenuHeaderButtons a{
	text-decoration: none;
	color: #E0E0E0;
}
#MenuHeaderButtons a:hover{
	color: #FFFFFF;
}


#SloganHeader {
	background-image: url('imagenes/SloganHeaderBG.jpg');
	width: 870px;
	height: 210px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
#SloganHeaderInterna {
	background-image: url('imagenes/SloganHeaderInternasBG.jpg');
	width: 870px;
	height: 110px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}

#NavigationBar{
	width: 585px;
	float: right;
	padding-bottom:5px;
	font-size:10px;
	font-weight:bold;
}
#NavigationPath{
	border-width: 1px;
	border-color: #CCCCCC;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
}
#LoginDetails{
	text-align: right;
	color: #006666;
	width: 100%;
	padding-bottom: 10px;

}
#LoginDetails a{
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
#LoginDetails a:hover{
	text-decoration:underline;
}
#MainContent
{
    width: 585px;
    float: right;
    margin-top: 5px;
    font-size: 11px;
    text-align: justify;
    background-color: white;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

#FooterMenu{
	width: 585px;
	height: 46px;
	background-image: url('imagenes/FooterMenuBG.jpg');
	background-repeat: no-repeat;
	float: right;
	vertical-align: top;
	text-align: center;
	color: #008080;
	margin-top: 5px;
	margin-bottom: 5px;
}
#FooterMenu a{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #205867;
}

#FooterMenu a:hover{
	text-decoration: underline;
	color: #30859A;
}

#FranjaMenu {
	border-style: none solid none solid;
	border-width: 1px;
	border-color: #FFFFFF #999999 #FFFFFF #CCCCCC;
	background-color: #FFFFFF;
	/*position: relative;*/
	left: 30px;
	width: 240px;
	/*removido para ocupar el 100% del alto del menu */
	/*padding-top: 10px;*/
	
    /* h height:auto!important;*/
	min-height:530px;
	
	margin-left:10px;
	/*guia*/
	height:100%;
	/*background-color:#0055e5;*/
	position: absolute;

	
}
#Logo {
	text-align: center;
	margin-bottom: 10px;
	
	height:90px;
	/*Agregado para compensar el padding del menu*/
	margin-top:10px;
}
#Menu {
	padding: 5px 20px 5px 20px;
	font-size:12px;
}

#Menu a.principal {
	background-position: left top;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 25px;
	vertical-align: middle;
	display: block;
	background-image: url('imagenes/Bullet.jpg');
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 5px;
}

#Menu a.principal:hover {
	background-image: url('imagenes/BulletHover.jpg');
	border-bottom-color: #FF3300;
}

#Menu a.secundario
{
	display: block;
	font-weight: bold;
	color: teal;
	line-height: 24px;
	margin-top:2px;
}
#Menu a.secundario:hover
{
		color: white;
		background-color:Teal;
	}


#LoginPrincipal{
	font-size:10px;
		padding: 7px;


}

#LoginPrincipal a{
	text-decoration: none;
	font-weight: bold;
	margin: 5px;
	color: #000000;
}
#LoginPrincipal a:hover{
	text-decoration:underline;
}




.TexBoxColor:hover{
	background-color: #FEE6CF;
	border-color:black;
}

.MenuInterno{
	line-height: 20px;
}
a.MenuInterno
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 11px;
	color: #004A4A;
	text-decoration: none;
}
a.MenuInterno:hover
{
		text-decoration: underline;
}

.TituloNaranja{
	color: #FF3300;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 10px;
}

.TituloSubrayado
{
    text-indent: 5px;
    
    font-size: 16px;
    font-weight: bold;
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-color: #cccccc;
    color: white;
    border-top-color: #cccccc;
    background-color: #205867;
    border-right-width: 1px;
    border-right-color: #cccccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: 'Trebuchet MS';
    /*agregado..no borrar*/
    display:block;
}
h1.TituloSubrayado
{
    margin-top: 0px;
}
.TituloNaranja{
	color: #FF3300;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 10px;
}
.TituloAnuncio{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	padding-bottom: 2px;
	margin-bottom: 8px;
	display: block;
	background-color: #004A4A;
	line-height: 19px;
	text-indent: 5px;
}
.Entidad{
	font-size: 12px;
	font-weight: bold;
	color: #CC6600;
}

.TituloContenido
{
    font-size: 12px;
    font-weight: bold;
    color: #450000;
    margin-bottom: 8px;
    display: block;
    text-transform: uppercase;
}


/****************HIPERVINCULOS*/
a.TituloContenido
{
	text-decoration: none;
}
a.TituloContenido:hover
{
}


a.VerMas
{
    font-size: 10px;
    font-weight: bold;
    color: #672035;
    text-decoration: underline;
    display: block;
    clear: both;
}
a.VerMas:hover
{
    color: #672035;
}




#Encabezado{
	background-position: center;
	height: 129px;
	background-image: url('imagenes/HeaderAdmin.jpg');
	background-repeat: no-repeat;
	clear:both;
}
#BarraUbicacion{
	border-color: #E0E0E0 #CCCCCC #C0C0C0 #C0C0C0;
	border-style: solid none solid none;
	border-width: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
#MenuIzquierda{
	width: 220px;
	float: left;
	margin-right: 5px;
}
#Contenido{
	border-width: 1px;
	border-color: #FFFFFF #C0C0C0 #C0C0C0 #E9E9E9;
	margin-left: 220px;
	border-left-style: solid;
	border-top-style: solid;
	padding: 5px;
	background-color:White;
	font-size: 12px;
}
.TituloSeccionAdmin
{
	margin: 0 0 20px 0;
	border-bottom: 1px silver solid;
	font-size: 16px;
	border-bottom-color: #EBEBEB;
}

.FilaActiva:hover
{
	background-color:Yellow;
	}



#PanelContent
{
	margin:5px;
	padding:5px;
	font-size:10px;
}

.PanelDatos{
	margin-top: 5px;
	margin-bottom: 5px;
}

#AccionesGridView{
	margin-top: 5px; 
	display: block; 
	margin-bottom: 5px;
	padding-bottom: 5px
}

#AccionesGridView a{
	text-decoration: none;
	color: #003366;
	font-weight: bold;
}

#AccionesGridView a:hover{
 text-decoration:underline;
}


.ItemMenu
{
	background-color: silver;
}
.Subrayado
{
	display: block;
	font-size: 12px;
	padding-bottom: 5px;
	border-bottom: silver 1px inset;
	font-family: verdana;
}

.TablaFormularioCaptura{
	background-image: url('imagenes/TableBG.jpg');
	background-repeat: repeat;
	border: 1px outset silver;
	font-size: 10px;
}
.CeldaFormularioCaptura  {
	color: #333333;
	padding: 5px;
	margin:0;
}
a.LinkComandoFormularioCaptura
{
	text-decoration: none;
}
a.LinkComandoFormularioCaptura:hover
{
	text-decoration: underline;
}

.TablaControlCambios{
	border: 1px outset;
	font-size: 9px;
	color: #333333;
}
.Titulo3{
	font-size: 12px;
	text-align: center;
	background-color: #EBEBEB;
	font-weight: bold;
	display: block;
	background-image: url('imagenes/TableBG.jpg');
}
tr #grilla :hover
{
	background-color: fuchsia;
}
.celdaIzquierdaHojadeVida
{
	color: #222;
	padding: 5px;
	margin:0;
	font-weight:bold;
	}
	
.fieldsetHojaVida
{
	background-image: url('imagenes/TableBG.jpg');
	font-family: Verdana;
	color: #333333;
	border-style:solid none none;
	border-width:1px 0pt 0pt;
	border-color: #555;
	margin:0pt 0pt 10px;
	padding:15px;
	text-align:right;
	font-size: 12px;
	}	
.fieldsetHojaVida legend
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	}