header, nav, section, article, aside, footer, hgroup {display:block;}
* {padding:0; margin:0; border:0;}
html {width:100%; overflow-y:scroll;}
body {color:#87888a; padding:0; margin:0; text-align:center; background:url(images/white_wave.png) repeat scroll 0 0 rgba(0, 0, 0, 0); font-family:Arial, Helvetica, sans-serif;}

.main {position:relative; width:90%; max-width:1020px; padding:0; margin:3% auto 0; font-size:0.8125em; line-height:1.692307692307692em; background:#fff; box-shadow:0 0 5px #cfcfcf;}
.padding-main {padding:4%;}

ul {list-style:none;}
a {color:#f76b75; outline:none; text-decoration:none;}
a:hover {text-decoration:underline;}

.clear {clear:both; width:100%; line-height:0; font-size:0; height:0; overflow:hidden;}
.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:4%; text-align:justify;}

.mb0 {margin-bottom:0px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.mr2 {margin-right:2%;}
.mr4 {margin-right:4%;}

.ml2 {margin-left:2%;}
.ml4 {margin-left:4%;}

.w20 {width:20%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.img-indent {float:left; margin:0 20px 0px 0;}
.img-indent-r {float:right; margin:0 0 0 20px;}

/***header***/
header {min-height:8px; position:relative; background:#fff;}
.logo {margin:20px auto -145px; width:142px; display:block;}
.logo img {width:100%;}
.nav {display:none;}
nav {padding:0 7%;  display:block;}

.menuleft {float:left; width:42%; min-width:200px;}
.menuright {float:right; width:42%; min-width:200px;}

.menu {width:140px; margin:0 3%;}
.menu li {text-align:center; font-size:14px; text-transform:uppercase; border-bottom:1px solid #e4e6e9; font-family:Verdana, Geneva, sans-serif;}
.menu li:last-child {border-bottom:0;}
.menu li a {display:inline-block; color:#8c8b8b; padding:6px 0; font-family:Tahoma, Geneva, sans-serif;}
.menu li .active, .menu li a:hover {color:#000; text-decoration:none;}
.menu li .active span, .menu li a:hover span {color:#f76b75; text-decoration:none;}
.menu li span {font-size:8px; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; vertical-align:top;line-height:10px;}

.sub-nav {width:100%; padding:0px 0; text-align:center; border-bottom:1px solid #e9eaed; border-top:1px solid #e9eaed;}

.title-page {position:absolute; left:0;}
.title-page span {color:#f76b75;}

.search {position:absolute; right:0;}
.search input {float:right; color:#8c8b8b; height:20px; width:110px; padding:0 5px; border:1px solid #f0f0f0;}
.search input:focus {box-shadow:0 0 4px #ccc; *border:1px solid #cfcfcf;}
.button-search {float:right; display:block; width:22px; height:22px; background:url(../images/search.gif) center center no-repeat;}

.sub-menu {width:42%; margin:0 auto;}
.sub-menu li {display:inline; font-size:12px; text-transform:uppercase; white-space:nowrap;}
.sub-menu li a {color:#8c8b8b;}

.slider-indent {margin:0 14%}
.main-slider {text-align:center; padding:2% 0;}
.slider-title {font-family:century gothic, sans-serif; color:#000; font-weight: 600; font-size:25px; line-height:1em; margin-bottom:1%;}
.slider-title span {color:#f76b75;}
.slider-text {font-family: 'Quicksand', sans-serif;
color: #000;
font-size: 20px;
margin-bottom: 10px;
margin-top: 20px;}
.slider-link {color:#f76b75; font-size:14px; text-transform:uppercase;}
.slider-link:hover {color:#000; text-decoration:none;}
/***content***/
.content {position:relative; padding:0 0 8%;}
.padding {padding:22px 14px;}
.padding-top {padding-top:2%;}

.grid_3 {float:left; width:26%; margin:0 1%; position:relative;}
.grid_4 {float:left; width:32%; margin:0 1%;*margin:0 0.9%; position:relative;}
.grid_6 {float:left; width:44%; margin:0 1%; position:relative;}
.grid_9 {float:left; width:72%; margin:0 1%; position:relative;}
.alpha {margin-left:0;}
.omega {margin-right:0;}

.hr {width:100%; border-bottom:1px solid #e4e6e9;}

h1 {font-size:42px; line-height:1.19047619047619em; color:#5f656f; border-bottom:1px solid #e4e6e9; text-align:center; padding:20px 0 30px 0; text-transform:uppercase; margin:0 0 4% 0; font-family:'Quicksand', sans-serif;}
h1 span {color:#f76b75;}
h2 {font-size:16px; line-height:1.25em; color:#5f656f; margin-bottom:25px; font-family:'Quicksand', sans-serif;}
h2 span {color:#f76b75;}

.box-info {width:100%; float:left;}
.block-text {width:20%; float:left; min-width:160px;}
.avatar {padding:15px 0; margin:5px 0; border-top:1px solid #e4e6e9; border-bottom:1px solid #e4e6e9; overflow:hidden;}
.list-name {padding:7px 0 0;}
.list-name li {font-size:12px; color:#8C8B8B; text-transform:uppercase;}
.list-name li a {font-size:12px; color:#5f656f;}

.author {font-size:11px; border-top:1px solid #e4e6e9; border-bottom:1px solid #e4e6e9; padding:6px 0; margin-bottom:10px;}
.author2 {font-size:11px; margin-bottom:10px;}

.soclist {margin-bottom:30px;}
.soclist li {display:inline; font-size:11px; color:#8c8b8b; text-transform:uppercase; white-space:nowrap;}
.soclist li a {color:#8c8b8b;}

.info {width:80%; margin-left:auto; margin-right:auto; text-align:center; text-transform:uppercase;}
.info dt {font-size:16px; line-height:2em; color:#5f656f; border-bottom:1px solid #e4e6e9;}
.info dd {font-size:12px; color:#8c8b8b; padding:5px 0;}

.loadmore {color:#6b7584; font-size:12px; text-align:center; text-transform:uppercase;}
.loadmore a {color:#6b7584;}
.loadmore a:hover {color:#000; text-decoration:none;}

.link {display:inline-block; font-size:12px; color:#6b7584; padding-left:19px; background:url(../images/marker-link.gif) 0 5px no-repeat;}

.video {position:relative; overflow:hidden; margin-bottom:2%;}
.proplandscape {padding-bottom:56.25%; height:0; width:100%;}
.video iframe {position:absolute; width:100%; height:100%;}

.pagination {text-align:center; width:100%; position:relative;}
.pagination ul {position:absolute; z-index:1; top:0; width:100%; text-align:center;}
.pagination li {display:inline; font-size:12px;}
.pagination > a {position:relative; z-index:2;}
.pagination a, .pagination span {color:#6b7584; padding:0 4px; text-decoration:none;}
.pagination a:hover, .pagination .active {color:#f76b75;}


.column-1 {width:49%; float:left; margin-right:2%;}
.column-2 {width:49%; float:left;}
.col-1 {width:49%; float:left; margin-right:2%;}
.col-2 {width:49%; float:left;}

.map {position:relative; padding-bottom:56.25%; overflow:hidden; margin-bottom:2%;}
.map iframe {position:absolute; width:100%; height:100%;}
.color1 {color:#87888a;} 

.contact-form {display:block; width:100%;}
.contact-form .column1 {float:left; width:49%; margin-right:2%;}
.contact-form .column2 {float:left; width:49%;}

.contact-form label {display:block; height:50px; position:relative;}
.contact-form label.message {height:auto;}

.text-form {float:left; width:49%; overflow:hidden; height:37px; text-align:right; margin-right:2%; font-size:16px; line-height:37px; color:#5f656f; text-transform:uppercase;}
.text-form span {color:#f00;}

.contact-form select {width:48%; font-size:1em; color:#828282; padding:9px 1%; font-family:Arial, Helvetica, sans-serif; border:1px solid #e7e7e7; background:#fff;}
.contact-form input {width:46%; font-size:1em; color:#828282; padding:9px 1%; font-family:Arial, Helvetica, sans-serif; border:1px solid #e7e7e7; background:#fff;}
.contact-form textarea {height:300px; overflow:auto; width:97%; font-size:1em; color:#828282; padding:9px 1%; font-family:Arial, Helvetica, sans-serif; border:1px solid #e7e7e7; background:#fff;}
.contact-form .empty, .contact-form .error {display:none; color:#f00; font-size:11px; line-height:11px; position:absolute; top:38px; right:0;}
.contact-form label.message .empty, .contact-form label.message .error {right:0; top:325px; text-align:right;}
.contact-form .success {display:none; padding:2% 1%; font-size:16px; text-align:center; border:1px solid #f8bfc3; margin-bottom:10px;}
.buttons {position:relative; top:-40px; left:-243px;}

/**footer**/
.bottom {padding:30px 0; text-align:center; border-top:1px solid #e4e6e9; position:relative;}
.bottom a {color:#6b7584; font-weight:normal; text-decoration:none;}
.bottom a:hover {color:#000; text-decoration:underline;}

.logo-bot {margin:0 0 -58px 0;}

.menu-bot {white-space:nowrap;}
.menu-bot li {display:inline; margin:0 1.5%; line-height:2.5em; white-space:nowrap; color: #000;}
.menu-bot li .active {color:#000; text-decoration:underline;}
.menu-bot-left {float:left; margin-left:6%;}
.menu-bot-right {float:right; margin-right:6%;}

.capture {width:100%; height:113px; text-align:center; overflow:hidden; background:url(../images/pict.gif) 0 center repeat-x;}

.box {border:1px solid #e4e6e9; font-size:16px; color:#6b7584; text-align:center; position:relative; font-family:'Quicksand', sans-serif;}
.box .padding-box {padding:8% 2%;}
.box span {display:block; position:absolute; bottom:-16px; left:50%; margin-left:-16px; width:31px; height:31px; background:url(../images/marker-box.gif) 0 0 no-repeat;}

.date {font-size:12px;}
/************** tabs *******************/
.tabs {overflow:hidden; width:100%; padding:0; text-align:center;}
.tabs > li {display:inline-block; margin:5px 2.8%; *display:inline;}
.tabs li img {border:1px dashed #bfc4cb; box-shadow:0 0 5px rgba(231,233,238,0.75);}
.tabs li:hover img, .tabs li.active img {border:1px solid #f76b75; box-shadow:0 0 5px rgba(247,107,117,0.3);}
.tab_container {position:relative; width:100%;}
.tab_content {overflow:hidden;}
.tab-padding {padding:0 0;}


footer {text-align:center; font-size:12px; padding:15px 0; position:relative; width:90%; max-width:1020px; margin:0 auto;}

/********************media***********************/
@media screen and (max-width:960px) {
	.logo-bot {margin:0;}
	.menu-bot-left {float:none;margin:0;}
	.menu-bot-right {float:none;margin:0;}
	.tabs {max-width:400px; margin:0 auto;}
	.contact-form .column1 {float:none; width:100%;margin-right:0;}
	.contact-form .column2 {float:none; width:100%;}
	.column-1 {float:none; width:100%; margin-right:0;}
	.column-2 {float:none; width:100%;}
	.buttons {position:relative; top:0px; left:0;}
	
	.dynamic-pl.grid_3 {float:none; width:100%; margin:0;}
	.dynamic-pl.grid_9 {float:none; width:100%; margin:0;}
	.dynamic-pl.box-info {float:none; width:100%;}
	.dynamic-pl.mr2 {margin-right:0;}
	
}
@media screen and (max-width:599px) {
	header {height:auto;}
	.logo {margin:0 auto; width:30%;}
	.nav {display:block; position:relative; width:100%; height:40px; line-height:40px; color:#5F656F; font-size:26px; cursor:pointer; padding:0; text-transform:uppercase; text-align:center; border:1px solid #E4E6E9; border-radius:3px; margin-bottom:-2px; background:#fff;z-index:3;}
	.nav span {display:block; width:20px; height:18px; position:absolute; top:11px; right:10px; background:url(../images/nav.gif) 0 0 no-repeat;}
	nav {display:none;}
	nav.active{display:block;}
	.date {text-align:center;}
	
	.menuleft {float:none; width:100%;}
	.menuright {float:none; width:100%;}
	.menu.fleft {float:none;}
	.menu.fright {float:none;}
	.menu {width:100%; margin:0;}
	.menu li {text-align:center; font-size:24px; line-height:1.75em; border-bottom:1px solid #e4e6e9;}
	.menu li:last-child {border-bottom:0;}
	.menu li a {display:block; color:#8c8b8b; padding:0; font-weight:normal; font-family:Tahoma, Geneva, sans-serif;}
	.menu li a:hover {color:#000; text-decoration:none;}
	.menu li span {font-size:8px; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; vertical-align:top;line-height:10px;}
	.menu li:last-child {border-bottom:1px solid #e4e6e9;}
	.menu li span {font-size:10px; line-height:24px;}
	
	.slider-title {font-size:22px; line-height:1.2em;}
	
	.title-page {position:relative; margin:0 0 10px 0;}	
	.search {position:relative; width:232px; margin:0 auto 10px;}
	.search input {width:198px;}
	.sub-menu {width:100%;}
	.grid_3 {float:none; width:100%; margin:0;}
	.grid_4 {float:none; width:100%; margin:0;}
	.grid_6 {float:none; width:100%; margin:0;}
	.grid_9 {float:none; width:100%; margin:0;}
	h1 {font-size:26px;}
	h2, .soclist, .author {text-align:center;}
	
	.logo-bot {margin:0;}
	.menu-bot-left {float:none; margin:0;}
	.menu-bot-right {float:none; margin:0;}
	
	.dynamic.w30 {width:100%;} 
	.dynamic.w55 {width:100%;} 
	.dynamic.w50 {width:100%;} 
	.dynamic.w60 {width:100%;} 	
	.dynamic.ml4 {margin-left:0;} 
	.dynamic.mr2 {margin-right:0;} 
	.dynamic.mr4 {margin-right:0;} 
	.dynamic.fright {float:none;} 
	.dynamic.fleft {float:none;} 
	.dynamic.extra-wrap {overflow:visible;} 
	.box-info {float:none;}
	.pagination ul {top:-30px;}
	
	.col-1 {float:none; width:100%; margin-right:0;}
	.col-2 {float:none; width:100%;}
}



http://www.ovofresco-avee.gr/css/flexslider.css

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin:0; padding:0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin:0 0 60px; position:relative; zoom: 1;}
.main-slider .flexslider {padding:0 40px; margin:0;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width:22px; height:34px; margin:-11px 0 0; display:block; position:absolute; top:50%; z-index:10; cursor:pointer; text-indent:-9999px; opacity:0; -webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next {background:url(../images/button-next.gif) no-repeat 0 0; right:0px;}
.flex-direction-nav .flex-prev {background:url(../images/button-prev.gif) no-repeat 0 0; left:0px;}
.flexslider:hover .flex-next {opacity: 0.8;}
.flexslider:hover .flex-prev {opacity: 0.8;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.slider-indent .flex-direction-nav {display:none;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:6px; height:6px; display: block; background:#6c7685; cursor: pointer; text-indent: -9999px; border-radius:3px;}
.flex-control-paging li a:hover { background:#f27d86;}
.flex-control-paging li a.flex-active { background:#f27d86; cursor:default; }
.main-slider .flex-control-nav {display:none;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity:1; left:0; top:50px;}
  .flex-direction-nav .flex-next {opacity:1; right:0; top:50px;}
}

.inner_half{width:350px;}
.list_pdf {margin-bottom:10px; padding:0;}
.list_pdf li {color:#000;font-size:11px !important;margin-left:0px !important; padding:20px 0 0 0px !important;}
.list_pdf li a {color:#000 !important;text-decoration:underline; font-size: 20px;}

.img-responsive{
	max-width: 100%;
	height: auto;
}