* {margin: 0;padding: 0;}
html {height: 100%;min-width: 1200px;}
body {background: url("../images/olivetree.png") no-repeat center center fixed; 
  background-size:100% 100%;background-color: #eeeeee;color: #444;text-align:left;font-family: 'Open Sans', Arial, Helvetica, sans-serif;line-height: 1.6;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, figure, footer, header, hgroup, nav, section {display:block;}
.pp {color: #3078b6;text-decoration: none;outline: none;color:#B0C700;}
p {font-size: 110%;letter-spacing:1px;color: #222;}
img {border: 0;}
h1, h2, h3, h4, h5, h6 {color: #362C20;}
h1 {font-size: 240%;}
h2 {font-size: 200%;}
h3 {font-size: 160%;}
h4 {font-size: 130%;}
h5 {font-size: 100%;}
h6 {font-size: 80%;}
a, a:hover {outline: none;text-decoration: underline;color: #B30303;}
a:hover {text-decoration: none;}
blockquote {border: 1px solid #E5E5DB;background: #FFF;}
ol {margin: 0;}
ol li {margin: 0;}
table tr th, table tr td {background: #BBB;color: #FFF;padding: 7px 4px;text-align: left;}
table tr td {background: #DDD;color: #444;border-top: 1px solid #FFF;}
.hrstyle2 {height: 12px;border: 0;box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);}
.minWidth {min-width: 1200px;}
.alignJustify {text-align: justify;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.center {margin-left: auto;margin-right: auto;}
.white {color: #FFFFFF;}
.black {color: #000000;}
.blackish {color: #222222;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear: both;height: 0 !important;width: 0 !important;}
.emboss {color:#d9d9d9;text-shadow:#2e2e2e 0 4px 5px;}
.separator {border: 1px #D9D9D9 inset;}
.italics {font-style: italic;}
.smallText {font-size: 80%;}
.mediumText {font-size: 110%;}
.largeText {font-size: 210%;}
.bold {font-weight: bold;}
.text_Shadow {text-shadow:  #FFF 1px 1px;color: #444;}
.f_image_text {width:940px;margin-top:20px;}
.f_text {width:580px;padding-top:20px;}
.f_image {width:180px;}
.f_image  img {width:100%;height:100%;}
.f_image1 {width:280px;}
.f_text1 {width:630px;padding-top:0px;}
.f_image1  img {width:100%;height:100%;}
.top_olives { width: 90px;margin-top: 0px;}
.top_olives img {width:100%;height:100%;}
.morecontent span {display: none;}
.morelink {display: block;}
  



#wrapper1200, #wrapper1100, #container, #logo, #site_content, #copyright , #cold_extracted{margin-left: auto;margin-right: auto;}
#wrapper1200 {width: 1200px;padding-top:1px;padding-bottom:1px;}
#wrapper1100 {
  margin-top: 40px;
  width: 1100px;
  border: 3px solid #e5de6f;
  border-radius: 9px 9px 9px 9px;
  -moz-border-radius: 9px 9px 9px 9px;
  -webkit-border-radius: 9px 9px 9px 9px;
  -webkit-box-shadow: 0px 0px 26px 7px rgba(0,0,0,0.48);
  -moz-box-shadow: 0px 0px 26px 7px rgba(0,0,0,0.48);
  box-shadow: 0px 0px 26px 7px rgba(0,0,0,0.48);
  background: rgb(243, 243, 220);
  background-color: rgba(243, 243, 220, 0.8); 
 }
#top {width: 1100px;height: 227px;background-image: url("../images/top.png");background-repeat: no-repeat;}




#fourlemadis_header {}
.header_info {margin-top:10px;margin-left:23px;}
.languages {margin-right: 16px;margin-top: 8px;}
.lang-GR, .lang-EN, .lang-DE {margin-left:5px;}
.lang-GR {width:30px;}
.lang-GR  img {width:100%;height:100%;}
.lang-EN {width:30px;}
.lang-EN  img {width:100%;height:100%;}
.lang-DE {width:30px;}
.lang-DE  img {width:100%;height:100%;}

.lang-RU{width:30px;}
.lang-RU  img {width:100%;height:100%;}
.lang-CN {width:30px;}
.lang-CN  img {width:100%;height:100%;}


.lang-GR:hover img {-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);}
.lang-EN:hover img {-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);}
.lang-DE:hover img {-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.lang-RU:hover img {-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.lang-CN:hover img {-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}


#main {margin: 0 auto;width: 940px;background: transparent;}
header {background: transparent;height: auto;}
#fourlemadis_logo {width: 320px;margin-left: auto;margin-right: auto;}
#fourlemadis_logo img {height: 100%;width: 100%;}
#fourlemadis_logo:hover img {
	-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}
nav { 
  height: 44px;
  width: 938px;
  margin-left: auto;
  margin-right: auto;
  margin-top:40px;
  color: #000;
  background: #ddd; /* Show a solid color for older browsers */
  background: -moz-linear-gradient(#fff, #ddd);
  background: -o-linear-gradient(#fff, #ddd);
  background: -webkit-linear-gradient(#fff, #ddd);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  border: 1px solid #000;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
}
nav ul {padding: 10px 0 0 0;margin: 0px;}

nav li {display: inline;margin-left: 18px;list-style-type: none;}
nav li a {color: #000000;text-decoration: none;font-size: 120%;}
nav li a.active {color: #9A0404;text-decoration: none;}
nav a:hover {color: #9A0404;text-decoration: none;}
.googleMaps {margin-left: auto;margin-right: auto;}
#epikoinonia {margin-top:60px;text-align: justify;font-size: 120%;color: #000000;}
.epikoinoniaL {width:50%;}
.epikoinoniaR {width:30%;}
#blog {margin-top:10px;text-align: justify;font-size: 120%;color: #000000;}
.blogL {width:50%;}
.blogR {width:30%;}
.blogR img{width:100%;height:100%;}
.blogL img{width:100%;height:100%;}
#site_content {width: 940px;margin-top:60px;} 
.content {width: 940px;margin: 40px 0 0 0;}

#withyou  {margin-left: auto;margin-right: auto;width:600px;}
#withyou  img {height: 100%;width: 100%;}

.box {margin-left:20px;width:30%;-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  border: 1px solid #eee;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;}
.box  img {height: 100%;width: 100%;}

#cold_extracted  {margin-top:40px;margin-left: auto;margin-right: auto;border: 5px double #A49F2B;}
#cold_extracted p{font-size:34px;color:#040404;text-align: center;padding: 4px 0px 4px 0px;}
#extra_virgin_olive_oil  {margin-top:40px;}
#extra_virgin_olive_oil p {font-size:20px;font-style: italic;color: #222222;text-align: center;}
#copyright  {width: 940px;margin-top: 25px;margin-bottom: 25px;}
#copyright p {color: #222;text-align: center;}
#copyright a {color: #8E2121;text-decoration: none;}
#copyright a:hover {color: #123456;text-decoration: underline;}

footer {width: 1100px;height: 273px;background-image: url("../images/bottom.png");background-repeat: no-repeat;}
.footer_text {margin-top: 190px;margin-left: 10px;}
.olives {width: 50px;}
.olives img {height: 100%;width: 100%;}
.olives:hover img {
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);}
.olive_oil{margin-top:30px;}
.footer_menu  {margin-top: 118px; margin-left: 149px;}
.footer_menu ul {padding: 0;margin: 0;list-style:none;}
.footer_menu li {list-style:none;background: url("../images/list-icon.png") no-repeat scroll 0 9px transparent;padding: 0px 0 0px 10px;}
.footer_menu li a {text-decoration: none;font-size: 15px;color: #000000;text-decoration: none;}
.footer_menu li a.active {color: #d9d9d9;text-decoration: none;}
.footer_menu a:hover {color: #d9d9d9;text-decoration: none;}
.follow_us {margin-right: 10px;margin-top: 145px;}
.follow_us h1 {color:#d9d9d9;text-shadow:#2e2e2e 0 4px 5px;}
.socialmedia {margin-top:17px;}
.facebook {width:50px;}
.facebook  img {width:100%;height:100%;}
.youtube {width:50px;}
.youtube  img {width:100%;height:100%;}
.twitter  {width:50px;}
.twitter   img {width:100%;height:100%;}