﻿/* ---: PITA PAN :--- */

BODY {
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana;
	font-size:10px;	font-weight:normal;	color:#3a4c01;
	margin-top:0px; background-image:url(Images/bg.gif); margin-bottom:0px; padding-bottom:0px;
}
BODY a{color: #000000; text-decoration:none;}
BODY a:hover{color: #000000; text-decoration:none;}


h1,h2,h3,h4,h5{
	display:inline; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif, Tahoma, "Trebuchet MS";
}
h1{
	font-size:16px; color:#ffc423;
}
h3{
	font-size:14px; color:#3a4c01;
}
h4{
	font-size:10px; color:#FFFFFF;
}
h5{
	font-size:11px; color:#495d08; font-weight:bold;
}
hr{
    border:none; border-bottom:1px solid #344901;
}

.input, .textarea{
	margin:0px; padding:2px; background-color:#2d2d2d; color:#FFFFFF; border:none; display:inline; 
}

.relative{
	position:relative;
}
.nobold{
	font-weight:normal;
}
.nomargin{
	margin:0px;
}
.seperator{
	height:1px; width:100%;
}
.seperator2{
	height:5px; width:100%;
}
.seperator3{
	/*height:0px; */ width:100%; background-color:#FFFFFF;
}
.grey{
	background-color:#f3f3f3;
}
.center{
	 margin-left:auto; margin-right:auto;
}
.floatright{
	float:right;
}
.floatleft{
	float:left;
}
.whiteText{
	color:#FFFFFF; font-size:11px;
}

.whiteText a{
    color:#FFC423;

}

.whiteText a:hover{
    color:#FFFFFF;
}

.FileLinks{
	background:url(images/btn_pdf.png) no-repeat; width:74px; text-align:right; font-size:14px; padding-top:1px;
	position:relative; margin-bottom:14px;
}
	.FileLinks span{
		padding-right:5px; color:#000000;
	}
	.FileLinks a{
		display:block; position:absolute; top:0px; left:80px; width:370px; text-align:left; padding-top:4px;
		font-size:11px; line-height:12px;
	}


/* -- MAIN MENU AREA: START -- */	
.TopMenuWrapper{
	width:1000px; margin-left:auto; margin-right:auto; position:relative; text-align:center;
	/*background:url(Images/menuBgLine.gif) 50% 18px no-repeat;*/ height:35px; z-index:2;
}
    .homeBtn{
        position:absolute; left:7px; top:12px; display:block; width:18px; height:18px; 
        background:url(Images/HomeBtn.gif) no-repeat;
    }
        .homeBtn:hover{
            width:52px;
        }
    Body.home .homeBtn, Body.en_home .homeBtn{
        display:none;
    }
	.menu{
		display:inline-block; padding:12px 20px 2px 20px;
		font-size:12px; color:#3a4c01; font-weight:bold;
		position:relative;
	}
	.menu.active{
		color:#000000;
	}
	.menu span{
		position:absolute; left:0px; display:none; padding:0px; margin:0px; z-index:2;
		height:5px; bottom:-2px; border-bottom:1px solid #ffffff; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; 
	}
	.menu.active span{
		display:block;
	}
	
	/* -- SUB MENU: START -- */
	.SubmenuWrapper{
		position:absolute; top:33px; left:5px;
		font-size:12px; width:990px;
		
	}	    
		.SubmenuWrapper div{
			display:block;
		}
		.SubmenuWrapper div.Submenu{
			display:none; border-top:1px solid #c2c2c2; width:100%; background:url(Images/SubmenuBg.png) 0 100% no-repeat;
		}
			.SubmenuInfo{
				width:100%; background-image:url(Images/SubmenuInfoBg.png);
				margin-top:2px; text-align:left; padding:4px 0px;
				display:block !important;
				font-size:11px; font-style:italic; color:#ffffff; font-family:Arial, Helvetica, sans-serif, Tahoma, "Trebuchet MS";
			}
			
				.SubmenuInfo span{
					width:420px; padding:5px 0 5px 180px; display:block;					
				}
			
			.SubmenuLinks{
				width:990px; 
				text-align:left;
				display:block !important;
				color:#575757; padding-top:10px;
			}
			.SubmenuLinks table{
				display:block !important; padding:5px 0 5px 0;
				width:678px; margin-left:180px;
			}
			.SubmenuLinks table td{
				width:300px; font-size:11px; font-style:italic;
			}
			
			.SubmenuLinks a{
				color:#000000; text-decoration:none; font-size:12px; font-style:normal;				
			}
			.SubmenuLinks a:hover, .SubmenuLinks a.active{
				color:#3a4c01;
			}
			.SubmenuLinks a.pointed{
				color:#303f00;
			}
			.SubmenuLinks span.pointed{
				color:#506706;
			}
			.SubmenuSpaces{
			    height:2px; display:block;
			}
	/* -- SUB MENU: END -- */
	
/* -- MAIN MENU AREA: END -- */	

/* -- MAIN CONTENT: START -- */	
.HomeContentWrapper{
	width:1018px; margin-left:auto; margin-right:auto; background:url(Images/mainBgCenter.gif) repeat-y;
}

.HomeContent{
	width:1000px; margin-left:auto; margin-right:auto;
}



.InsideContentWrapper{
	width:1003px; margin-left:auto; margin-right:auto; background:url(Images/InsideContentCenter.gif) repeat-y;
}
.InsideContent{
	width:982px; margin-left:auto; margin-right:auto;
	position:relative; z-index:1;
}

	/* -- LOGO: START -- */
	.PitaPanLogoWrapper{
		position:absolute; top:5px; left:884px;
	}
	    .PitaPanLogo{
	        width:94px; height:136px; display:block;
	        background:url(Images/PitaPanLogo.gif) no-repeat;
	    }
		Body.EN .PitaPanLogo{
			background-image:url(Images/PitaPanLogoEN.gif);
		}
	    /*.PitaPanLogo:hover{
	        background-image:url(Images/PitaPanLogoHover.gif);
	    }*/
		
	/* -- LOGO: END -- */
	
	.Title{
		z-index:100;
	}
	
	/* -- CONTENTS: START -- */
	
	.theContents{
		padding:15px 15px 0 15px;
	}
	.MenuGrey{
	    background:url(Images/MenuGrey.gif) 5% 0 repeat-y;
	}
	.MenuGrey .theContents{
	    padding:15px 9px;
	}
	.MenuGrey .theContents a{
	    line-height:22px;
	}
	
	
	.BottomBottom, .BottomBottom2, .BottomBottom3, .BottomBottom4{
		width:982px; height:4px; position:absolute; bottom:-2px; left:0px;
		background-repeat:no-repeat; display:none;
	}
	.BottomBottom{
	   background-image:url(Images/Bgs/BottomBottom.png); bottom:0px; height:11px;
	}
	
	.BottomBottom2{background-image:url(Images/Bgs/BottomBottom2.jpg);}
	.BottomBottom3{background-image:url(Images/Bgs/BottomBottom3.jpg);}
	.BottomBottom4{background-image:url(Images/Bgs/BottomBottom4.png); bottom:0px; height:11px;}
	
	.Banner200x415{
		position:absolute; top:141px; left:684px; z-index:10; width:200px; height:415px; overflow:hidden;
	}
	.Banner200x415Opened{
		position:absolute; top:141px; left:101px; z-index:10; width:782px; height:415px; overflow:hidden;
	}
	.Banner295x415{
		position:absolute; top:141px; left:589px; z-index:10; width:295px; height:415px; overflow:hidden;
	}
	.Banner295x415Opened{
		position:absolute; top:141px; left:101px; z-index:10; width:782px; height:415px; overflow:hidden; z-index:100;
	}
	.Banner200x140{
		position:absolute; top:555px; left:684px; z-index:10; width:210px;  overflow:hidden; line-height:0px;
	}
	.Banner200x140Link{
	    background:url(Images/FlashBanner200x140Bg.png) 100px 0 no-repeat;
	    line-height:0px; padding:0px;
	}
	.Banner200x140left{
		position:absolute; top:555px; left:589px; z-index:10; width:200px;  overflow:hidden;line-height:0px;
	}
	.Banner290x140{
		position:absolute; top:555px; left:684px; z-index:10; width:295px;  overflow:hidden; line-height:0px;
	}
	.Banner290x140left{
		position:absolute; top:555px; left:589px; z-index:10; width:295px;  overflow:hidden;line-height:0px;
	}
	
	/* -- NEWS LIST: START -- */
	.byDate a{
		padding:0 4px; color:#ffc423; font-size:10px; font-style:italic;
	}
	.byDate a:hover, .byDate a.active{
		color:#ffffff;
	}
	.articleList{
		background:url(Images/dash.gif) 0 100% repeat-x; padding:12px 0px;
		font-size:11px; font-style:italic;
	}
	.articleList a{
		color:#ffc423;
	}
	.articleList a strong{
		font-style:normal; color:#FFFFFF;
	}
	.articleList a:hover{
		color:#ffffff;
	}
	.articleList a.inactive{
		color:#cccccc;
	}
	.paging{
		width:200px;  text-align:center; float:right; margin-top:4px; text-align:right; font-size:11px;
	}
	.paging a{
		display:inline-block; padding:0 7px; color:#FFFFFF;
	}
	.paging a:hover,.paging a.active{
		background-color:#ffc423; color:#000000;
	}
	
	.newsHead{
	    font-size:14px; font-style:italic; color:#ffc423;
	}
	.newsHead .date{
	    font-size:10px; font-style:normal; color:#ffffff;
	}
	a.back{
	    display:inline-block;
        font-size:12px; 
        color:#ffc423;
        padding-right:14px; 
        background:url(Images/back.gif) 100% 5px no-repeat;
        vertical-align:top;
	}
	a.back:hover{
	    color:#FFFFFF; background-position:100% -11px;
	}
	.newsContents{
	    font-size:11px; color:#000000;
	}
	.newsContents .author{
	    font-size:10px; font-style:italic; color:#313131;
	}
	
	.print{
	    display:inline-block; width:18px; height:16px;
	    background:url(Images/print-email.gif) 0 0 no-repeat;
	}
	.print:hover{
	    background-position:0 -17px;
	}
	.email{
	   display:inline-block; width:17px; height:16px; 
	   background:url(Images/print-email.gif) -21px 0 no-repeat;
	}
	.email:hover{
	    background-position:-21px -17px;
	}
	/* -- NEWS LIST: END -- */
	
	
	/* -- CATEGORY CONTENTS: START -- */
		.FormText{
			font-size:14px; color:#FFFFFF; font-style:italic;
		}
		.FormNote{
			color:#444444; text-align:right; font-style:italic; margin-right:3px; font-size:11px;
		}
		.renderasBlackRect{
			padding:0px 8px 0px 8px;
		}
		.PriceList{
			width:100%; color:#000000; font-size:12px; font-weight:bolder; cursor:default;
		}
		.PriceList a{
			color:#000000; font-size:12px; font-weight:bolder; text-decoration:none; cursor:default;
		}
		.page{
			color:#FFFFFF; display:inline-block; margin-right:2px; margin-top:2px; padding:1px 5px 1px 5px; width:10px; text-align:center;  background-color:#495D06;
		}
		.page.active, .page:hover{
			background-color:#FFC423; color:#000000;
		}
		.linkpage{
			color:#FFFFFF; display:inline-block; margin-right:2px; margin-top:2px; padding:1px 5px 1px 5px; width:10px; text-align:center;  background-color:#000000;
		}
		.linkpage.active, .linkpage:hover{
			background-color:#FFC423; color:#000000;
		}		
	/* -- CATEGORY CONTENTS: END -- */
	
	/* -- SUBMIT BUTTON: START -- */
	.ButtonsLeft, .ButtonsLeftHover, .ButtonsRight, .ButtonsRightHover{
		height:31px; width:9px; 
		background-repeat:no-repeat; background-position:0 0;
		background-image:url(Images/buttonSubmitBg.gif);
	}
	.ButtonsLeftHover{
		background-position:0 -32px;
	}			
	.ButtonsMiddle, .ButtonsMiddleHover{
		font-weight:bold; font-style:italic; font-size:14px;
		background-color:#3a4c01; color:#ffc423;
		white-space:nowrap;
		text-align:center; 
	}	
	.ButtonsMiddleHover{
		background-color:#ffc423;
		color: #3a4c01;
	}	
	.ButtonsRight{
		background-position:-9px 0;
	}
	.ButtonsRightHover{
		background-position:-9px -32px;
	}
	/* -- SUBMIT BUTTON: END -- */
	
	/* -- CONTENTS: END -- */
		
		
		/* -- RECTANGLES: START -- */
			/* -- YELLOW PANEL: START -- */
			.yellowpanel{
				position:absolute; top:0px; left:0px; width:314px; padding-left:10px; display:none; 
				background:url(Images/Rectangles/yellowedge.png) 0 12px no-repeat; z-index:100;
			}
			
			.newyellowpanel{
				width:260px; padding-left:10px; 
				background:url(Images/Rectangles/yellowedge.png) 0 2px no-repeat;
			}
			
				.yellowpanelCenter
				{
				    color:#3a4c61;
					background-color:#ffbb00; padding:0px 9px 0 9px; font-style:italic; font-size:9px; font-weight:normal;
				}
				.yellowpanelTop{
					background:url(Images/Rectangles/yellowcorners.png) 0 0 no-repeat;
				}
                .yellowpanelBottom{
                    background:url(Images/Rectangles/yellowcorners.png) 0 -7px no-repeat;
                }
				
			/* -- YELLOW PANEL: END -- */
		
			/* -- BLACK: START -- */
			.BlackRect .TL, .BlackRect .TR, .BlackRect .BL, .BlackRect .BR{
				width:8px; height:8px; background-repeat:no-repeat; background-image:url(Images/Rectangles/corners.png);
			} 			
			.BlackRect .TL{ background-position:0 0;}
			.BlackRect .TR{ background-position:-8px 0;}
			.BlackRect .BL{ background-position:0 -7px;}
			.BlackRect .BR{ background-position:-8px -7px;}
			.BlackRect .T, .BlackRect .B{
				height:8px; background-repeat:repeat-x; background-image:url(Images/Rectangles/hlines.png);
			}
			.BlackRect .T{background-position:0 0;}
			.BlackRect .B{background-position:0 -7px;}
			.BlackRect .L, .BlackRect .R{
				width:8px; background-repeat:repeat-y; background-image:url(Images/Rectangles/vlines.png);
			}
			.BlackRect .L{background-position:0 0;}
			.BlackRect .R{background-position:-8px 0;}
			.BlackRect .C{ background-color:#000000;}
			/* -- BLACK: END -- */
			
			/* -- BLACK NO SHADOW: START -- */
			.BlackRectNS .TL, .BlackRectNS .TR, .BlackRectNS .BL, .BlackRectNS .BR{
				width:8px; height:8px; background-repeat:no-repeat; background-image:url(Images/Rectangles/noshadow/corners.gif);
			} 
			.BlackRectNS .TL{ background-position:0 0;}
			.BlackRectNS .TR{ background-position:-8px 0;}
			.BlackRectNS .BL{ background-position:0 -7px;}
			.BlackRectNS .BR{ background-position:-8px -7px;}
			.BlackRectNS .T, .BlackRectNS .B{
				height:8px; background-repeat:repeat-x; background-image:url(Images/Rectangles/noshadow/hlines.gif);
			}
			.BlackRectNS .T{background-position:0 0;}
			.BlackRectNS .B{background-position:0 -7px;}
			.BlackRectNS .L, .BlackRectNS .R{
				width:8px; background-repeat:repeat-y; background-image:url(Images/Rectangles/noshadow/vlines.gif);
			}
			.BlackRectNS .L{background-position:0 0;}
			.BlackRectNS .R{background-position:-8px 0;}
			.BlackRectNS .C{ background-color:#000000;}
			/* -- BLACK NO SHADOW: END -- */	
			
				
		/* -- RECTANGLES: END -- */



/* -- MAIN CONTENT: END -- */	


/* -- FOOTER AREA: START -- */
.Footer{
	width:1000px; /*height:20px;*/ margin-left:auto; margin-right:auto; position:relative;
}
	.createdby{
		position:absolute; top:0px; right:5px; text-align:right; font-size:10px; white-space:nowrap;
	}
		.createdby a{
			text-decoration:none; color:#000000; display:block; width:90px; height:19px;
			padding-left:18px; background:url(Images/Footer/SignatureLogo.gif) 0 1px no-repeat;
		}
		.createdby a:hover{
			background-position:0 -19px; color:#5f5f5f;
		}
		.createdby a span{
			font-weight:bold; font-size:13px;
		}
	
	.Copyright{
		padding-left:5px; color:#000000; font-size:12px;
	}
	.FooterMenu{
		position:absolute; top:0px; left:205px; font-size:12px;
		width:500px;
	}
	.FooterMenu a{
		color:#3a4c01; margin-right:50px;
	}
	a.facebook{		
		background:url(Images/Footer/facebook.gif) 0 0px no-repeat; 
		padding-left:30px; padding-bottom:2px; padding-top:2px; color:#C47E00;
		display:none;
	}
	Body.home a.facebook{
		display:none;
	}

	.ermisGold2010{
		position:absolute; right:135px; top:-2px;	
	}
/* -- FOOTER AREA: END -- */







/* -- MESSAGE BOXES: START -- */

.info, .success, .warning, .error, .validation {
    border: 3px solid White;
    margin: 10px 0px;
    padding:10px 10px 10px 100px;
    background-repeat: no-repeat;
    background-position: 80px center;
    background-color:#3a4c01;
    color:White;
    font-style:italic;
    font-family:Arial, Tahoma, Verdana, Sans-Serif;
    font-size:11px;
    line-height:20px;
}
.info {
background-image: url(Images/MessageBox/Info.png);
}
.success {
background-image:url(Images/MessageBox/Success.png);
}
.warning {
background-image: url(Images/MessageBox/Warning.png);
}
.error {
background-image: url(Images/MessageBox/Error.png);
}


.validation {
    color:White;
    background-image: url(Images/MessageBox/Validation.png);
}

.validation ul {
    list-style-type:none;
}

.info p, .success p, .warning p, .error p {
padding: 0px 50px;
}
.info a, .success a, .warning a, .error a {
float: right;
padding: 10px;
cursor:pointer;
}

/* -- MESSAGE BOXES: END -- */


/* ---- path START ----- */
.pather, .pather a{
	font-size:12px; color:#f3f3f3; font-weight:bold;
}
.pather a:hover 
{
    color:#ffc423;
}
/* ---- path END ----- */


/* ---- SITEMAP START ----- */

.Sitemap a:hover{color:#ffc423;}

.Sitemap_l1, .Sitemap_l1 a:link
{
    color:#ffffff; display:block; line-height:18px; padding-left:28px; padding-right:8px; padding-bottom:0px; padding-top:15px; font-weight:bold; font-size:15px; 
}
.Sitemap_l1 a:hover, .Sitemap_l2 a:hover
{
    color:#ffc423;
}
.Sitemap_l2, .Sitemap_l2 a:link
{
    color:#ffffff;  display:block; line-height:14px; padding:4px; padding-top:2px; padding-left:24px; font-size:12px; font-style:italic;
}

/* ---- SITEMAP END ----- */


/* ---- LANGUAGE START ----- */
a.Language{ 
	position:absolute; right:10px; top:0px; 
	display:block; width:37px; height:31px;
	background:url(Images/Language.gif) no-repeat;
}
	a.Language:hover{ 
		background-position: 0 -31px;		
	}
	a.Language.GR{ 
		background-image:url(Images/LanguageGR.gif);
	}

/* ---- LANGUAGE END ----- */
