body,td          { font-size: 14px; font-family:Arial, serif; color:#ffffff; }
body             {  margin:0px; padding:0px; min-width:220px; background:url(skn/body_bg.jpg) fixed #ffffff; }
img	         { border:0px; max-width:100%; }
p { margin-top:0px; } 

a                { color:#ffffff; font:15px Arial, serif; text-decoration: none; font-weight:bold;}
a:hover          { color:#ffffff; text-decoration: none; }
a.action 	 { color:#ffffff; font: 15px Arial, serif; text-decoration: none; }
a.action:hover 	 { color:#ffffff; font-size: 14px; font-family: Arial, serif; text-decoration: underline; }

h1 { color:#00552e; font: 24px Arial, serif; margin:0px; padding:0px; }
h2 { color:#00552e; font: 20px Arial, serif; margin:0px; padding:0px; }
h3 { color:#00552e; font: 18px Arial, serif; margin:0px; padding:0px; }
div.subtitle  { color:#000000; font: 20px 'Comfortaa'; margin:0px; padding:0px; }

div.orders {color:#ffffff; font: 24px Comic Sans MS, serif; margin-top: -70px; margin-bottom: 70px;  font-weight:normal;}


.formPane{ border:1px solid #000000; background:#ffffff; font-family:Arial, serif; font-size:14px; color:#262626;padding:3px; line-height:20px; height:30px; border-radius:5px;}
.formLocked{ border:1px solid #cccccc; background:#ededed; font-family:Arial, serif; font-size:14px; color:#262626;padding:3px; line-height:20px; height:30px; border-radius:5px;}
.formButton{ background:#85c226; color:#ffffff; border:solid 1px #000000; font-family:Arial, serif; font-size:14px; padding:5px; vertical-align:middle; line-height:20px; height:30px; border-radius:5px; cursor:pointer; min-width:80px; }
.formButtonBig { background:#85c226; color:#ffffff; border:solid 1px #000000; font-family:Arial, serif; font-size:14px; padding:5px; vertical-align:middle; line-height:20px; height:30px; border-radius:5px; cursor:pointer; min-width:120px; }

.RootContent {margin:0 auto; max-width:990px; }
.RootTractor { margin-left:10px; float:left; display:inline-block; }
.RootTractor img { max-width:770px; width:100%; }

.content { display:inline-block; padding-left:50px; padding-right:40px; width:100%; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.logo { max-width:450px; }

.path { margin:0 auto; padding-bottom:25px; text-align:left; vertical-align:middle; }
.path  div{ text-align:right; color:#ffffff; font: 12px Arial, serif; }
.path div a { color:#ffffff; font: 12px Arial, serif; text-decoration: none; padding: 0px; }
.path div a:hover { color:#ffffff; font: 12px Arial, serif; text-decoration: underline; padding: 0px; }

.GalleryContainer { width:100%; margin:0 auto; margin-bottom:15px; position:relative; }
.ImageGallery { max-width:700px; max-height:525px; position:relative; margin:0 auto; }
.sliderImage { display:block; width:100%; max-width:700px; margin:0 auto; }

.Slider_Overlay1 { display:none; position:absolute; bottom:120px; left:40px; background:rgba(255,255,255,0.5); min-width:205px; height:70px; border-radius:10px; line-height:70px; max-width:650px; overflow:hidden; }
.Slider_Overlay1 div { height:70px; line-height:70px; vertical-align:middle; color:#4a1900; font-size:30px; padding-left:10px; }
.Slider_Overlay2 { display:none; position:absolute; bottom:34px; left:40px; background:rgba(148,133,129,0.5); min-width:420px; height:70px; border-radius:10px; line-height:70px; max-width:650px; overflow:hidden; }
.Slider_Overlay2 div { height:70px; line-height:70px; vertical-align:middle; font-size:30px; padding-left:10px; }

.customNavigation { text-align: center; }
.slider_prev { float:left; background:url(skn/slider_left.png); width:30px; height:60px; position:absolute; top:45%; left:10px; z-index:10;}
.slider_next { float:right; background:url(skn/slider_right.png); width:30px; height:60px; position:absolute; top:45%; right:10px; z-index:10;}
.customNavigation a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display:block; height:60px; cursor:pointer; }

.customPagination { text-align:center; height:21px; }
.slider_pages { display:inline-block; width:10px; height:10px; background:url(skn/slider_page_inactive.png); position:relative; }
.slider_pages a { width:10px; height:10px; display:block; vertical-align:middle; line-height:21px; cursor:pointer; }
.slider_pages_active { background:url(skn/slider_page_active.png);}
.slider_page_preview { display:none; position:absolute; bottom:22px; width:150px; left:-70px; } 
.slider_page_preview img { max-width:150px; }
.PlayButton { display:none; background:url(skn/play.png); width:20px; height:20px; cursor:pointer; position:relative; top:7px;  }
.PauseButton { background:url(skn/pause.png); width:20px; height:20px; cursor:pointer; position:relative; top:7px; display:inline-block; }
#TileSetControl_Images { display:none; }

.RightColumn { float:right; display:inline-block; min-width:200px; text-align:center; }
.langs { margin-top:25px; margin-bottom:30px; }
.GreekLanguageIcon { display:inline-block; margin-right:10px; }
.EnglishLanguageIcon { display:inline-block; margin-left:10px; }

.BioFlag { background:url(skn/organicFlag.png); background-position:center; background-repeat:no-repeat; height:78px; margin-bottom:25px; }
.DIOCert {  background-position:center; background-repeat:no-repeat; height:100px; margin-bottom:20px; }
.SlowFood {  background-position:center; background-repeat:no-repeat; height:100px; margin-bottom:60px; }

.SocialMedia_facebook { display:inline-block; margin-right:10px; }
.SocialMedia_facebook a {display:block; }
.SocialMedia_twitter { display:inline-block; margin-left:10px; }
.SocialMedia_twitter a {display:block; }

.Menu_container { margin:0 auto; max-width:990px; margin-top:30px; padding-bottom:200px; }
.MenuItem { width:155px; height:65px; float:left; display:inline-block; border:solid 1px #796150; padding-left:8px; padding-top:15px; position:relative; }
.MenuItem_title { font-size:19px; text-shadow: 2px 2px 2px #000000; line-height:25px; }
.MenuItem_subtitle { font-size:15px; color:#e2351f; text-shadow: 2px 2px 2px #000000; line-height:20px;  }

.MenuItem_hover { display:none; position:relative; left:0; top:-166px; height:164px; width:163px; border:solid 1px #482811; z-index:100; }
.MenuItem_hover a { display:block; height:165px; }
.MenuItem_listItems { display:none; position:absolute; left:-1; top:81px; }

.MenuItem_MainBoxRight { float:left; display:inline-block; height:106px; width:155px; background:#111111; padding-top:60px; padding-left:10px; position:relative; top:-166px; color:#F6CB00; }
.ChildrenBoxRight { float:left; display:inline-block; height:146px; width:155px; background:#000000; padding-top:20px; padding-left:10px; position:relative; top:-166px; }

.MenuItem_MainBoxLeft { float:right; display:inline-block; height:106px; width:155px; background:#111111; padding-top:60px; padding-right:10px; text-align:right; position:relative; top:-166px; color:#F6CB00; left:-165px; }
.ChildrenBoxLeft { float:right; display:inline-block; height:146px; width:155px; background:#000000; padding-top:20px; padding-right:10px; text-align:right; position:relative; top:-166px; }

.ChildrenBox_link a { line-height:24px; }
.ChildrenBox_link a { color:#F6CB00; line-height:24px;  }

.childtile {
	float:left;
	padding:0px;
	margin:0px;
	width:100%;
	position:relative;
} 

.childtile .tile_area { position:relative; padding:20px;  }
.childtile .tile_thumbnail { float:right; position:relative; max-width:266px; max-height:200px; text-align:center; }
.childtile .tile_thumbnail img { max-width:266px; max-height:200px; }

.childtile .tile_title { height:45px; text-align:center; overflow:hidden; margin-top:10px; }
.childtile .tile_title div { height:45px; width:100%; display:table; overflow:hidden; }
.childtile .tile_title a { color:#ffffff; font: 24px Arial, serif; text-decoration: none; display:table-cell; vertical-align:middle; }
.childtile .tile_title a:hover { color:#ffffff; font:24px Arial, serif; text-decoration: underline; }
.childtile .tile_description { color:#ffffff; font-size:14px; font-family:Arial; }

.childtile .tile_more { background:rgba(255,255,255,0.3); width:180px; height:36px; line-height:36px; border-radius:10px; text-align:center; margin-top:40px; }
.childtile .tile_more a { height:36px; line-height:36px; vertical-align:middle; font-size:14px; display:block; }

div.about a {color:#ffffff; font-size:12px; font-weight:normal;}
div.about a:hover {color:#ffffff; font-size:12px; font-weight:normal;text-decoration: underline;}
.about2 { margin:0px; padding:0px; padding-top:30px; line-height:20px; vertical-align:middle; color:#615d5c; font-size:12px; }
.about2 a { margin:0px; padding:0px; line-height:20px; vertical-align:middle; color:#615d5c; font-size:12px; }
.active3_actions { max-width:990px;margin:0 auto; padding:0px; text-align:center;}
.active3_actions a{ color:#ffffff; font-size:12px; font-weight:normal;}
.active3_actions a:hover{color:#ffffff; font-size:12px; font-weight:normal;}
#BalloonLayer td { color:#000000; }


#submenu2 {display:none; margin-bottom:20px;}
#submenu2categories {display:none;}
.submenu2header{ background:url(skn/u2.png) 98% 50% no-repeat #000000;cursor:pointer;margin-top:20px;height:48px;line-height:48px;color:#ffffff;font-size:20px;font-weight:bold;text-align:left;padding-left:10px;}
.submenu2header.expanded{ background:url(skn/uu2.png) 98% 50% no-repeat #000000;cursor:pointer;margin-top:20px;height:48px;line-height:48px;color:#ffffff;font-size:20px;font-weight:bold;text-align:left;padding-left:10px;}

.submenu2link{ cursor:pointer; background-color:#7b7b7b; height:46px;line-height:46px; text-align:left; font-weight:bold; color:#ffffff; padding-left:20px; }
.submenu2link:hover { background-color:#e4e4e4; color:#e67817; }
.submenu2link:hover a { color:#000000; }
.submenu2link.expanded{ background:url(skn/uu2.png) 98% 50% no-repeat #7b7b7b; height:46px; line-height:46px; font-weight:bold; color:#ffffff; padding-left:20px;}
.submenu2link.expanded:hover {background:url(skn/uu.png) 98% 50% no-repeat #ffffff;}
.submenu2link a {width:100%;height:46px;line-height:46px;font-weight:bold;color:#ffffff;font-size:16px;text-align:left;}
.submenu2link a:hover {width:100%;height:46px;line-height:46px;font-weight:bold; color:#000000;font-size:16px;text-align:left;}
.hasChildren { background-image:url(skn/u2.png); background-position:98% 50%; background-repeat:no-repeat; cursor:pointer; }
.hasChildren:hover { background-image:url(skn/u.png); background-position:98% 50%; background-repeat:no-repeat; cursor:pointer; }

.submenu3link{ background:#505050; min-height:46px;line-height:46px;text-align:left; color:#ffffff;font-weight:bold; display:none;}
.submenu3link:hover { background:#ffffff; color:#000000; }
.submenu3link a {width:100%;height:46px;line-height:46px;color:#ffffff;font-weight:bold;color:#ffffff;font-size:14px;text-align:left;}
.submenu3link a:hover { width:100%;height:46px;line-height:46px;font-weight:bold;color:#2e3192;font-size:14px;text-align:left;}

.submenu4link { background:#505050; min-height:46px; line-height:46px; text-align:left; color:#ffffff; font-weight:bold; padding-left:40px;}
.submenu4link:hover { background:#e4e4e4; color:#000000; }
.submenu4link:hover a { color:#000000; }
.submenu4link a {width:100%; height:46px; line-height:46px; color:#ffffff;font-weight:bold; font-size:14px; text-align:left;}

.kenburns 
{
  -webkit-animation:kenfade 7s linear alternate;
  -moz-animation: kenfade 7s linear alternate;
  animation: kenfade 7s linear alternate;
}

.owl-kenburns-in 
{
  -webkit-animation:kenfade 10s linear alternate;
  -moz-animation: kenfade 10s linear alternate;
  animation: kenfade 10s linear alternate;
}

.owl-kenburns-out {
  -webkit-animation: fadeOut 1s;
  -moz-animation: fadeOut 1s;
  animation: fadeOut 1s;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

@-webkit-keyframes kenfade {
        0% { opacity:0.2; -moz-transform:scale(1.5); -webkit-transform:scale(1.5); }
        10% { opacity:1; -moz-transform:scale(1.5); -webkit-transform:scale(1.5); }
        100% { opacity:1; -moz-transform:scale(1.0);  -webkit-transform:scale(1.0); }
}
@-moz-keyframes kenfade {
        0% { opacity:0.2; -moz-transform:scale(1.5); -webkit-transform:scale(1.5); }
        10% { opacity:1; -moz-transform:scale(1.5); -webkit-transform:scale(1.5); }
        100% { opacity:1; -moz-transform:scale(1.00); -webkit-transform:scale(1.00); }
}


/* default state */
.state-indicator {
    position: absolute;
    top: -999em;
    left: -999em;

    z-index: 1;
}

@media all and (min-width:990px) 
{
    .content {max-width:790px; }
    .ImageGallery { min-height:525px; }
    .logo { margin-left:50px; }
}

    
@media all and (max-width:990px) 
{
    
    .Menu_container {display:none; }
    #submenu2{display:block}
    .logo { margin:0 auto; }
    .RootTractor { float:none; display:block; width:100%; }
    .RightColumn { float:none; display:block; margin:0 auto; text-align:center; }
    .langs { width:150px; display:inline-block; float:left; }
    .BioFlag { width:200px;  display:inline-block; float:left; }
    .DIOCert { width:200px;  display:inline-block; float:left; }
    .SlowFood { width:200px;  display:inline-block; float:left; }
    .SocialMedia { width:200px;  display:inline-block; float:left; }
}

@media all and (max-width:790px) 
{
    .content { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px);  width:calc(100% - 20px);  padding-left:0px; padding-right:0px; margin-left:10px; margin-right:10px; }
    .sliderImage { max-width:100%; }
    .Slider_Overlay1 {display:none !important; }
    .Slider_Overlay2 {display:none !important; }
}
@media all and (max-width:500px) 
{
    .content { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px);  width:calc(100% - 20px);  padding-left:0px; padding-right:0px; margin-left:10px; margin-right:10px; }
    
    .childtile { float:none; margin:0 auto; }
    .childtile .tile_thumbnail { float:none; }
    .childtile .tile_title { display:block; }
    .active3_actions {display:none;}
    .about2 { float:none; margin:0 auto; display:block; text-align:center; line-height:18px; }
    .about2 a { line-height:18px; }
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}