/* styles for the main structure of the pages */
body { width: 700px; margin: 0px; padding: 0px; background: #dfe3cb; FONT-SIZE: 11px; font-family:Verdana,Arial Baltic,Arial; }
div#menuBar { width: 770px; /*	height: 20px; */ background: #637344; text-align: right; }
div#main { width: 770px; background: #637344;}
div#middle { width: 605px; margin-left: 163px; HEIGHT: 330px;
	/*top: 85px; position: absolute;  border-right: #637344 1px solid; */
}
div#watermark { position: absolute; left: 0px; top: 160px; width: 160px; 
	/* z-index: 2; vertical-align: top; */}
div#footer { width: 100%; background: #637344; padding-left: 20px; vertical-align: text-bottom;}

div#middle p {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 130%; 
	line-height: 150%; 
	margin-left: 10px
}
.MainTable {border: 0; background-color: #dfe3cb; width: 100%; height: 330px;} 
.middleCol { height: 30px;}
/* end styles for the main structure of the pages */

/* styles for the menus*/
.O TD {	WHITE-SPACE: nowrap}
.O A {	COLOR: White; TEXT-DECORATION: none}
.Menu {	BORDER-RIGHT: #637344 1px solid; BORDER-TOP: #637344 1px solid; BORDER-LEFT: #637344 1px solid; BORDER-BOTTOM: #637344 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; CURSOR: hand; width: 121px; height: 16px; font-family: arial,sans-serif; font-size: 11px; font-weight: bold; text-align: center; border-top: 2px solid #637344; BACKGROUND-IMAGE: url(\plc\images\fondonoapretado.GIF); background-color: #bac79d; color: White;}
.MenuApretado {	BORDER-RIGHT: #637344 1px solid; BORDER-TOP: #637344 1px solid; BORDER-LEFT: #637344 1px solid; BORDER-BOTTOM: #637344 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; CURSOR: hand; BACKGROUND-COLOR: #F5B838; width: 121px; height: 16px; font-family: helvetica,arial,sans-serif; font-size: 11px; font-weight: bold; text-align: center; border-top: 2px solid #637344; color: White;}
.SubMenu { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; CURSOR: hand; width: 121px; height: 16px; font-family: helvetica,arial,sans-serif; font-size: 11px; font-weight: normal; text-align: center; border-top: 2px solid #637344; background-color: #fbe7a9; color: #000; border-top: 1px solid #F7941D; border-bottom: 1px solid #F7941D; border-left: 1px solid #fbe7a9; border-right: 1px solid #fbe7a9;}
.SubMenu A { COLOR: #000; TEXT-DECORATION: none;}
.SubMenuApretado A { COLOR: #000; TEXT-DECORATION: none;}
.SubMenuApretado { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; CURSOR: hand; background-color: #f9d268; width: 121px; height: 16px; font-family: helvetica,arial,sans-serif; font-size: 11px; font-weight: normal; text-align: center; color: #000; border-top: 1px solid #F7941D; border-bottom: 1px solid #F7941D; border-left: 1px solid #fbe7a9; border-right: 1px solid #fbe7a9;}
.SubmenuUnder { background-color: #dfe3cb; border-right: Solid 2px black;} /* width: 90%;}*/

/* end style menus */

.Boton, .Boton a { background: url('/plc/images/fondonoapretado.GIF'); color: white; font-family: Arial; font-size: 12px; font-weight: bolder; text-align: center; text-decoration: none;}

/* styles for texts */
.Plain	{FONT-SIZE: 12px; FONT-FAMILY: Arial; color: Black; font-weight: normal;}
.Enf	{FONT-SIZE: 12px; FONT-FAMILY: Arial; color: Black; font-weight: bold; } /* black */
.Enf1	{FONT-SIZE: 12px; FONT-FAMILY: Arial; color: #005198; font-weight: bold;} /* blue */
.Enf2	{FONT-SIZE: 12px; FONT-FAMILY: Arial; color: #F5B838; font-weight: bold;} /* orange */
.Enf3	{font-size: 14px; font-family: Arial; font-weight: bold; color:#637344; }
.Enf4
{
	font-weight: bold;
	font-size: 12px;
	color: #ff3300;
	font-family: Arial;
} /* red */
.Small	{font-size: 9pt; FONT-FAMILY: Arial; color: white; font-weight: bold; }
.SmallPlain {font-size: 9pt; FONT-FAMILY: Arial; color: Black; font-weight: normal; }
.MediumPlain {font-size: 10px; font-family: Verdana; color: Black; font-weight: normal;}
.MediumEnf {font-size: 10px; font-family: Verdana; color: Black; font-weight: bold;}

.BigPlain {font-size: 15px; font-family: Verdana; color: Black; font-weight: normal;}
.BigPlainRoman {font-size: 16px; font-family: Times New Roman; color: Black; font-weight: normal;}
.BigEnf {font-size: 15px; font-family: Verdana; color: Black; font-weight: bold;}
.BigEnf1 {font-size: 20px; font-family: Arial; color: #414531; font-weight: bolder; } /* green */

.greeting{ font-family:Tahoma; font-size:11px; font-weight:bold; color:White; }
.Prompt {FONT-FAMILY: Tahoma; FONT-SIZE: 15px; color:Black; FONT-WEIGHT: bold; }

/* end styles for texts */

/* styles for form fields and labels */
.FormLabel			{ FONT-FAMILY: Tahoma; FONT-SIZE: 12px; color:Black; } 
.FormLabelEnf		{ FONT-FAMILY: Tahoma; FONT-SIZE: 12px; color:Black; FONT-WEIGHT: bold; } 
.FormLabelEnf2		{ FONT-FAMILY: Tahoma; FONT-SIZE: 16px; color:Black; FONT-WEIGHT: bold; } 
.FormFieldDisabled	{ FONT-FAMILY: Tahoma; FONT-SIZE: 12px; } 
.FormField			{ FONT-FAMILY: Tahoma; FONT-SIZE: 12px; color: #005198; background: white; }
.FormFieldEnf		{ FONT-FAMILY: Tahoma; FONT-SIZE: 12px; color: #005198; font-weight: bold; }
.FormFieldEnf2		{ FONT-FAMILY: Tahoma; FONT-SIZE: 16px; color: #005198; font-weight: bold; }
.FormFieldEnf3		{ FONT-FAMILY: Tahoma; FONT-SIZE: 12px; color: #ff3300; font-weight: bold; } /* red */


/* end styles for form fields */

/* styles for the table of beneficiaries */
.TablaComedores{ cellSpacing: 0; cellPadding: 0; border: 0px;	background: #dfe3cb;}
.HeaderSupTablaComedores { vertical-align: bottom; text-align:left; }
.HeaderTablaComedores, .SubHeaderTablaComedores, .HeaderTablaComedores a
{ background: #414531; text-align: center; height: 20px; padding-left: 3px;/*	margin: 5%; */}
.SubHeaderTablaComedores { background:#637344; text-align: left; height: 30px; /*	margin-left: 4em; *//*	padding-left: 30%; */}
.LineaTablaComedores { height: 60px; text-align: left; padding: .5em; }

.logoComedor { width: 34px; height: 43px; }
.MasInfoLink { background: #bac79d; color: #005198; font-weight: bold; font-size: 10px; text-decoration: underline; } 

.logoComedorCol { text-align: center; width: 50px; }
.CantChicosCol	{ text-align: center; background: #bac390; }
.FaltanteCol	{ text-align: center; background: #bac79d; } /*bac390*/
.BotonCol		{ text-align:center; }

.ComedorBar {background-color:white; border: #104a7b 1px solid; padding:0px; padding-right: 0px; padding-left: 0px; width:100px; margin: 0px 10px 0px 10px; }
.ComedorBarFull {height:7px; font-size:1px; background-color: #637344;}

.ComedorBarText			{ text-align: center; margin: 0px 10px 0px 10px; border: #104a7b 0px solid; }
.ComedorBarTextEnf		{ text-align: center; margin: 10px 10px 0px 10px; border: #104a7b 0px solid; }
.ComedorBarTextLeft		{ text-align: left; margin: 0px 10px 0px 10px; border: #104a7b 0px solid; padding-left: 5px;}
.ComedorBarTextEnfLeft	{ text-align: left; margin: 10px 10px 0px 10px; border: #104a7b 0px solid; padding-left: 5px; }
/* end styles table beneficiaries */

/* styles general for the pages with the HeaderPane */
.HeaderPane {PADDING: 15px 15px 15px 15px; MARGIN: 0px; WIDTH: 100%; BACKGROUND-COLOR: #dfe3cb; }
.MainPane {PADDING: 10px 0px 0px 20px; MARGIN: 0px; BACKGROUND: #eef0e3; HEIGHT: 330px; }
/* end styles general for the pages with the HeaderPane */

/* styles for donation page */
.DonationPane		{ FLOAT: left; MARGIN-left: 0px; margin-top:0px; WIDTH: 330px; }
.DonationImagePane	{ text-align: right; margin-top:10px; BORDER: #eef0e3 1px solid;}
.TieneLabel { FONT-SIZE: 16px; FONT-FAMILY: Arial; color: white;  FONT-WEIGHT: bold; POSITION: absolute; TOP: 200px; LEFT: 710px; WIDTH: 60px; HEIGHT: 37px; text-align:center}
.FaltanLabel { FONT-SIZE: 16px; FONT-FAMILY: Arial; color: black; FONT-WEIGHT: bold; POSITION: absolute; TOP: 338px; LEFT: 700px; WIDTH: 60px; HEIGHT: 37px; text-align:center}
.TotalLabel { FONT-SIZE: 10px; LEFT: 500px; WIDTH: 97px; COLOR: black; POSITION: absolute; TOP: 390px; HEIGHT: 22px; text-align:right; }
/* end styles for donation page */

/* styles for login page */
.LoginHeader	{ PADDING-BOTTOM: 10px; PADDING-TOP: 10px; }
.loginIntDiv	{ PADDING-LEFT: 80px}
.ErrorMessage	{ FONT-SIZE: 12px; FONT-FAMILY: Tahoma; color: red; }
/* end styles for login page */

/* styles for confirmation page */
.ConfirmationDataDiv { width: 380px; height: 297px; float: left; padding: 10px 0px 0px 20px; }
.ConfirmationGraciasDiv { float:right; height: 297px; padding: 0px; }
.ConfirmationGraciasDiv img { width: 100%; height: 100%; }
/* end styles for confirmation page */

/* styles for MyInfo Page */
.LowerDiv { border:solid 1px #637344; margin: 0px 20px 0px 0px; background-color: #dfe3cb; }
.MyInfoHeaderComedor { background: #bac390; text-align: center; height: 20px; padding-left: 3px;/*	margin: 5%; */}

.Row, .AltRow { BACKGROUND: #eef0e3; text-align: left; padding: 0px 2px 0px 3px; height: 15px;}
.AltRow { background: #dfe3cb; }
.SuscriptionsTable { border:solid 1 black; width: 90%; cellpadding: 0; cellspacing: 0; } 

/* styles for the tabs in my info page */
.myInfoTitle { width: 161px; border-top: solid 2px #bac79d; border-right: solid 3px #bac79d; border-left:solid 1px #bac79d; border-bottom:solid 0px #bac79d; margin-top: 0px; margin-right: 2px; } /*background: #dfe3cb; width: 96%;} */
.myInfoTitleOn { width: 161px; border-top: solid 2px #637344; border-right: solid 3px #637344; border-left:solid 1px #637344; border-bottom:solid 0px #637344; margin-top: 0px; margin-right: 2px; } /*background: #dfe3cb; width: 96%;} */

/* end styles for MyInfo Page */

.NewUserHeader { FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 10px; COLOR: black; PADDING-TOP: 10px; FONT-FAMILY: Tahoma}


/* styles for beneficiary page */
.BeneficiaryPane	{ FLOAT: left; MARGIN: 0; PADDING: 0px 0px 0px 20px;}
.BeneficiaryRightPane	{ BORDER: black 1px solid; BACKGROUND: #bac79d; MARGIN: 0px 0px 0px 420px; text-align:center; }

.ComedorPane { PADDING: 25px 0px 0px 5px; MARGIN: 0px; WIDTH: 390px; BACKGROUND-COLOR: #dfe3cb }
.ComedorPane img { FLOAT: left; MARGIN: 5px 5px 5px 0px; width: 40px; height: 40px;}

.ComedorIzqInf { margin: 0; margin-top: 225px; padding-right: 5px;}

.ConocenosPane { width:390px; margin: 0; padding-top: 10px; padding-right: 5px; }
.ConocenosPane img { width: 45%; margin: 5px; height: 55%; border: solid 1px black;}
.ComedorDerSup { background: #bac79d; border: black 1px solid; margin: 0 2em 0 360px; width: 170px;}
.ComedorDerSup img { margin-left: 6px; }
.ComedorQuickData { padding-left: 0px; text-align: left;}

.Padrinos { overflow: auto; WIDTH: 100%; HEIGHT: 120px; } /*width: 90%; background: #dfe3cb; */
.PadrinosLabel { border: black 1px solid; background: #637344;} /* bac79d;} */
div#BackFromBeneficiary { LEFT: 0px; MARGIN: 30px; VERTICAL-ALIGN: bottom; POSITION: absolute; TOP: 420px; text-align: center; width: 120px; }
/* end styles for beneficiary page */

/* styles for the deliveryDetails page */
.DeliveryDoc { width: 75px; margin: 5px; height: 85px; border: solid 1px black; }
.DeliveryLeftPane   { width: 380px; height: 297px; float: left; padding: 10px 0px 0px 20px; }
.DeliveryRightPane	{ BORDER: black 1px solid; BACKGROUND: #bac79d; MARGIN: 0px 0px 0px 400px; height: 297px; padding: 0px; }
/* end styles for the deliveryDetails page */

/* styles for the news page */
.newsDate { text-align: right; width: 100%; }
.newsTitle { width: 100%; }
.NewsImagePane { width: 30%; }
/* end styles for the news page */

/* styles for the default page */
div#imgFondo { Z-INDEX: 0; POSITION: ABSOLUTE; TOP: 85px; LEFT: 0px;}
div#imgFondo img { border: 0px; }
div#newsPane { Z-INDEX: 0; POSITION: ABSOLUTE; TOP: 105px; LEFT: 645px; WIDTH: 120px; HEIGHT: 323px; }
/* end styles for the default page */