html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family:Verdana, Tahoma, Calibri;
	font-size:100%;
	line-height:1.125em;
	background:#FFF ; /*url(../Images/bg2.jpg);*/
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center top;
    width:100%;
}


/*div#container {
	/*background: #FFF;*/
	/*border-left: 1px solid #000;
	border-right: 1px solid #000;
	/ *padding: 0 10px 0 10px;*/
	/*padding-left:6.25em;
	margin:0 auto;
	font: 1em verdana, sans-serif;
	width: 50em;/* 60em; / *668px;/* 960px;  / *768px or 98%  Cambiar ancho de la aplicacion 668(41.75em) para 768 con menu left* / 
	height: 100%;* /


    
}*/
/*------------ Generales  ----------------*/    
a:link,  a:visited
{
    background-color:Transparent;
    color:#409EC5;   
    text-decoration:none;
}
a:hover
{
    color:Blue;
}

.LoginForm
{
    background:  repeat-x scroll center bottom #FFFFFF;
    border-color: -moz-use-text-color #A8A8A8 #A8A8A8;
    border-right: 1px solid #A8A8A8;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    text-align: center;
}

.LoginFormInput
{
    border: 1px solid #CCCCCC;
    border-radius: 0.188em 0.188em 0.188em 0.188em;
    box-shadow: 0 0.25em 0.25em #E3E3E3 inset;
    font-family: inherit;
    font-size: 1.1em;
    margin: 0;
    padding: 0.188em;
}


TABLE TH
{
    color:Black;
    font-size:.9em;
    text-transform:uppercase;
    text-align:left;
    white-space:normal;
    border-bottom:solid 1px #DDD;
    padding-bottom:1em;
}

UL LI
{
    font-size:.8em;
     list-style-position: outside; 
     LIST-STYLE-TYPE: circle;
     margin-left:-0.625em;     
     margin-left: -1em;
     /*padding-left:-1em;*/
}



/*------------ Encabezado  ----------------*/    
#header
{
    /*background-color:#FFF;*/
    /*border-bottom:2px dotted #222;    */
    height:5.875em;/*94px;*/
    /*padding: 0 10px 0 10px;*/
    width:100%;
    text-align:right;
    clear:both;
}

#logo
{
    background-image:url(../pwe-logo.jpg);
    background-repeat:no-repeat;            
    /*position:relative;   */
    top:0.313em; 
    height:4em;
    width:15em;
    /*width:169px;
    height:75px;
    */
    /*width:50%;*/
/*   height:75px;*/ 
    padding-bottom:0.625em;
    left:1.25em;
    float:left; 
    clear:both;    
}

#logo img
{
    /*427x87 default logo image * /
    width:26.5em;
    height:5.438em;
    */
}
#PageTitle
{    
    font-family:Calibri;
    color:#444;
    padding-top:0.75em;
    /*padding-left:14.3em;/*180px;*/
    /*padding-top:1.7em;/*39px;*/
    vertical-align:baseline;
    text-align:center;
    font-size:1.25em;
    float:left;
}

#headerMenu
{
    background-color:#FFF;
    font-size:.7em;
    color:Gray;    
    position:relative;
    top:1px;
    float:right;
}

#headerMenu td
{
    background-color:#FFF;
    border: aliceblue 0.125em solid; 
    margin: 0.313em; 
    width: 5em;/*80px; */
    height:5em;/*80px; */
    text-align:center;
    vertical-align:text-bottom;
    

}

/* Menu de Kiosko */ 
#wrapcontentMenu 
{    
	/*width:77em; */
	padding:0 0 0 0;
}
#contentMenu {
	
	/*width:100%; / * Multiplicar la longitud de las imanges por el numero de imagenes horizontales requeridas*/ 
	/*width:58.6em;*/
	margin-left: 5%;
	margin-right: 5%;
		
	
}
#wrapcontentMenu a, #wrapcontentMenu img {
	text-decoration:none;
	border:0;		
	color:#a9a9a9;
}
#wrapcontentMenu a:hover {
/*	background:#ffe6e4;*/
}
.entry {
	width:16em;/*160px;*/
	height:6.875em;/*110px;*/
	float:left;
	margin:0 0 .5em 0;
	padding:0 1em 0 0;
	font-size:0.9em;
	line-height:1em;
}
.entrybody a img {
	border: 1px solid #dedede;
}
.entry h2 {
	font-family:"Helvetica Neue",Helvetica, Arial, Verdana, sans-serif;
	font-size:1.2em;
	padding:0.5em 0 0 0;
	letter-spacing:-1px;
	font-weight:normal;
}
/* Fin Menu Kiosko*/ 

/* Nomina Navigator */
.informationNominaNavigator
{
   /*margin:0 0;
   padding:0 0;
   */
   margin:5px 0 0 0;
   padding:0 0 1.188em 0;
   font-size:smaller;
   /*background-image: url(sprite.png);*/
   background-color:#f1f5f6;
   /*border:none;   */
} 
.informationNominaNavigator LEGEND
{
    color:ButtonShadow;
    font-weight:bold;
}
.informationNominaNavigator table
{
   margin:0 0;
   padding:0 0;
   /*background-color:#f1f5f6;*/
   width:100%;
   color:Blue;
}


.informationHeaderDetail 
{
   margin:0 0;
   padding:0 0;   
   font-size:smaller;
}

.informationHeaderDetail table
{
   margin:0 0;
   padding:0 0;
   background-color:#f1f5f6;
   width:100%;
   color:Blue;
}

/* Fin Nomina Navigator */

#topMenu
{
    /*background-color:#EFEFEF;*/
    font-family:Calibri, Verdana;
    font-size:.8em;
    color:Gray;    
    position:relative;
    padding:0;
    margin:0;
    top:0px;
    float:right;    
    width:15%;
/*   border:outset 1px gray;*/
    
}
#mainMenu
{
   
    background:#EEE url(../_img/nav_bg.png) repeat-x;    
    font-size:.8em;
    font-weight:bold;
    text-align: left;
    color:Blue;
    /*    height:21px;       line-height:21px;  */ 
    height:3.188em;/*35px;    */
    line-height:2.188em;/*35px;    */
    /*border-top:1px solid #FFF;
    border-bottom:2px solid #DDD;*/
    padding:0;
    padding-left:0.625em !important;
    padding-left:0.625em;    
    width:99%;
    clear:both;
}


/*------------ Encabezado  ----------------*/    


/*------------ Sub -Encabezado  ----------------*/    
#subHeader, #subHeader2
{   
    /*background-color:#aaE;*/
    padding-bottom:0.938em !important;
    padding-bottom:0.625em;    
    clear:both;    
}

#subHeader img
{   
    padding-top:0.375em !important;
    width:60em !important; /*960px !important;*/
    padding-top:1px;
    width:60.625em; /*970px;*/
}
.PageTitle
{
    color:#666;
    font-size:large;
}

/*------------ Sub - Encabezado ----------------*/    


/*------------  conetedor de contenidos ----------------*/    
#wrapper 
{    
    /*overflow:hidden;  */
    z-index:1000;
    text-align:left;
    width:100%;
    padding:0;
    margin:1.4em 0 0 0 !important;
    margin:0;
    
    
}
#left
{
    float:left;
  /*  background-color:#EEE;*/
    width:10em; /*160px;    */
    margin:0;
    vertical-align:top;
    padding:0 1em 1em 0;
    text-align:left;
}

#content
{
   /* background-color:#EEE;   
    margin-left:10px;
    margin-right:10px;
    width:99%;*/
    margin:0 .3em .5em .3em;
    /*vertical-align:top;
    z-index:100;
    clear:both;*/
    /*max-width:36em;*/
}

/*style=" font-family: Verdana; color: black; border-top-style: none;
 border-right-style: none; border-left-style: none; 
border-collapse: collapse; border-bottom-style: none; padding-top: 10px;"*/
#content  TABLE TD.notaTitulo
{
 color:Black;   
 font-weight:bold;
 font-size:.8em;
 border:0px none;
}
#content  TABLE TD.notaIntroduccion
{
 font-size:.8em;
 border:0px none;
}

#content  TABLE
{
 color:Black;   
 border:none 0px;
 padding:0px;
 margin:0px;
 z-index:104;
 
}


#contentNota
{
    /*background-color:#EEE;        */
    float:left; 
    width:31.25em;/*500px;    */
    margin:0;
    vertical-align:top;
    padding:0;
    
}
#contentNota TABLE TD
{
    /*background-color:#EE2; */      
    margin:0;
    vertical-align:top;    
}

#contentNota PRE
{
    font-size:1em;

}

#right
{    
    background-color:#EEE;
    width:10.625em;/*170px;*/
    float:right;    
    margin:0;
    padding:1em;    
}

#right div span.mensajesTitulo
{
    background-color:White;
    font-weight:bold;
    font-size:.9em;
}
#right div
{
    background-color:White;
    /*width:100%;
    /*margin:5px;*/
    padding:1em;
    font-size:.8em;
    margin:0 0 1em 0;
}

/* labes  */ 
.LabelBlack
{
    font-weight:bold;
    
}
.LabelRed
{
    color:Red;
    font-weight:bold;
    
}
.LabelMessage
{
    color:Orange;
    background-color:Gray;
    font-weight:bold;
    width:100%;
    display:block;
    text-align:center;
    margin:-1px 0 1px 0;
    padding: 0.188em 0 0.188em 0;
    font-size:1.5em;
    font-family:Calibri, Verdana;

}

.LabelInstruction
{
    color:black;
    font-weight:normal;
    font-size:0.85em;
    
}
.LabelSmall
{
    color:Gray;
    font-weight:normal;
    font-size:0.8em;
    
}
.LabelNormal
{
    color:InfoText;
    font-weight:normal;
    font-size:1em;
    font-style:italic;
    
}

.LabelResult
{
    color:Royalblue;
    font-weight:normal;
    font-size:1em;    
}

.TableResult
{     
    font-size:1.2em;   
}
.LabelNota
{
    
    color:Royalblue;
    font-weight:bold;
    font-size:.8em;
}
.AlertLabel {
    background: #fff6bf ;/*url(exclamation.png) center no-repeat;*/
    /*background-position: 15px 50%;*/
    text-align: left;
    margin:0.625em 0.625em 0.625em 0.625em;
    padding: 0.313em 1.25em 0.313em 2.813em;
    border: 2px solid #ffd324;
    color: Blue;
    font-weight:bolder;
	}
.ErrorLabel {
    background: #FFBABA ;/*url(exclamation.png) center no-repeat;*/
    /*background-position: 15px 50%;*/
    text-align: left;
    margin:1.563em 0.625em 0.625em 0.625em;
    padding: 0.313em 1.25em 0.313em 2.813em;
    border: 1px solid #D63301;
    color: #D8000C;
    font-weight:bolder;
}
	
.InfoLabel {
    background: #F8FAFC url(information.png) center no-repeat;
    background-position: 0.938em 50%;
    text-align: left;
    margin:1.563em 0.625em 0.625em 0.625em;
    padding: 0.313em 1.25em 0.313em 2.813em;
    border: 2px solid #B5D4FE;
    color: Blue;
    /*width:200px;*/
    }	

.EstiloDia a, .EstiloDia a:link, .EstiloDia a:visited 
{   
    line-height:2em;
    height:100%;
    font-size:1.3em;
    text-align:center; 
    padding:0;
    margin:0;
    display:block;
    width:100%;
}


.EstiloSemana
{   
    padding-top:0.625em;
    line-height:1.2em;
    font-size:1.8em;
    text-align:center;        
}

.CartasMenu 
{
    padding:0.313em 0.625em 0 0;   
}
.CartasMenu .CartaTitulo
{       
    font-weight:bolder;
    color:#006294;    
}

.CartasMenu  img
{    
    padding:0px 0.625em 2px 0.625em;
    overflow:hidden;    
    float:left;
    margin:0 -2px;
}

.centerDiv, .centerDiv table, #content .centerDiv table
{    
    margin:0 auto;   
}

.addUser ,.addUser a:link , .addUser a:visited
{
   background:#4D90FE url(../_img/default/addusers32.png) no-repeat 0 0;
   color:#ffffff !important;
   border: 1px outset #3079ED;
   cursor:pointer;
   margin:0 0;
   padding: 0.8em 2.5em;
   text-decoration: none;
   font-weight: normal;
   letter-spacing: 0px;
}

.muroImagenCumpleanos
{    
    background-color: #F8FAFA;
    height:6.25em;
    border:1px outset #999999;
    overflow:hidden;        
}

.muroImagenCumpleanos img
{    
    padding:0.125em 0.313em 0.125em 0.313em;    
    float:left;
    margin:0 -0.125em;
    border:solid 1px #000;
}
.muroImagenCumpleanos .nombre
{
    margin:0 0;
    padding:0 0;
    /*background-color:Gray;*/
    font-size: 0.625em;
    color:#333;     
    text-align:left;    
    float:left;
    width:7em; /*120px;      */
}

.muroImagenCumpleanos .fecha
{    
    margin: 0 0;
    padding: 0 0;
    font-size: 1em;
    color: green;
    text-align: right;
    width: 1.5em;
    float: right;
    margin-right: 0.313em;
}
.muroImagenCumpleanos .fechaLabel, .muroImagenCumpleanos .nombreLabel
{
    font-size:0.8em;
    color:Gray;
}



img.left {float:left; margin:0 -2px; padding:1px; border:0px;}

	
.OpcionMenu {border:2px solid #ddd; font-family:Calibri, Verdana; font-size:.9em}
/*.OpcionMenu a {padding:0.5em;margin:0.5em;}*/
.OpcionMenu img {margin-left:0.5em; margin-right:0.5em}
.OpcionMenu, .OpcionMenu a:link, .OpcionMenu a:hover, .OpcionMenu a:visited
,a:link .OpcionMenu{background:#e6efc2;color:#264409;border-color:#c6d880; text-decoration:none;  padding:5px 0 5px 3px;margin:5px;height:80px;
}
.OpcionMenu .menuTitulo
{ 
    color:#555;
  font-size:1.2em;
  font-weight:600;
}

/*
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}	
	*/
	
	
/* Quitando los margenes superiores */
#left p, #right p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/*------------  conetedor de contenidos ----------------*/    
#div .ListSearchExtender
{   
    padding:0;
    margin:0;
}

.ListSearchExtenderPrompt
{
  /*
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
  */      
    font-size:small;
    height:1.375em; /*22px;*/
	font-style:italic;
	color:Gray;
	background-color:white;
}
 
/*------------  Pie de pagina  ----------------*/    
#MenuInferior
{
    /*background-color:#FFF;*/
    text-align:right;
    color:Gray;    
    font-size:0.8em;
    /*font-weight:bold;*/
    clear:both;        
    position:relative;
	bottom:0;
	/*width:95%;*/
	height:19px;			/* Alto de Pie de pagina */
	margin:3.125em 0 1px 0;/*50px 0 1px 0;*/
	padding:3.125em 0 0.938em 0;/*50px 0 15px 0;*/
}

#footer    
{

    text-align:left;
    color:#444;    
    font-size:0.9em;
    clear:both;        

}
/*------------  Pie de pagina  ----------------*/    

/* UpdateProgress Style Start */

.Updateprogress
{
    display: block;
    position: absolute;
    padding: 0.125em 0.188em;
    z-index:1;
}
.UpdateprogressContainer
{
    border: solid 1px #808080;
    border-width: 1px 0px;
}
.UpdateprogressHeader
{
    background: url(../_img/sprite.png) repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0 0.625em;
    color: #000000;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1.5em;  
    font-family: arial,helvetica,clean,sans-serif;
}
.UpdateprogressBody
{
    background-color: #E4E4E4;/*#f2f2f2;*/
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 0.625em;
}




/* UpdateProgress Style End*/
    
	<!--[if lt IE 7]>
	<style media="screen" type="text/css">
	#container {
		height:100%;
	}
	</style>
	<![endif]-->