html{margin:0;padding:0;overflow-y:scroll;}
body{margin:0;padding:0;height:100%;font-size:14px;line-height:1.6;font-family:Verdana,​sans-serif;background:url(../images/layout/body.png) #3B3543;color:#565656;}
#main{width:100%;min-height:100%;}

/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.t-justify{text-align:justify;}

a{color:#f1aa36;text-decoration:none;cursor:pointer;outline:none;}
a:hover{color:#d78500;text-decoration:underline;}
a img{border:none;}
p{padding:0 0 10px 0;margin:0;}
ul, ol{margin:10px 0 10px 0px;}
hr {background:#a3aa98;border:none;clear:both;height:2px;margin:10px 0;padding:0;width:100%;}
.full-width{width:100%;}
.v-top{vertical-align:top;}
.small{font-size:12px;}
.very-small{font-size:10px;line-height:13px;}
.gray{color:#9c9c9c;}
.clear{display:block;height:0px;clear:both;}
.sprite{background-position:top left;background-repeat:no-repeat;}
.sprite:hover{background-position:bottom left;background-repeat:no-repeat;}
.nowrap{white-space:nowrap;}
.uc{display:block;padding:80px 20px;text-align:center;font-size:30px;color:#C1C1C1;}
h1,h2,h3,h4,h5{font-weight:300;margin-top:0.2em;margin-bottom:0.5em;color:#7CA73C;font-family:'Book Antiqua',serif;}
h1{font-size:2.2em;} h2{font-size:1.7em;} h3{font-size:1.4em;} h4{font-size:1.2em;} h5{font-size:1.1em;}
b, strong{font-weight:bold;}
.img-left{float:left;margin:0 20px 10px 0;}
.img-right{float:right;margin:0 0 10px 20px;}

/********************************************************************************************************************************** HEADER */
#header-wrap{position:relative;width:100%;height:220px;background:#d6dec9;}
#header-wrap.home{height:450px;background:url('../images/layout/header_bg.jpg');background-size:cover;}
#top-wrap{position:absolute;top:0px;left:0px;width:100%;height:60px;background:#030303;}
#top-icons{padding-top:20px;color:#fff;font-size:11px;}
#top-icons img{vertical-align:middle;}
#logo-wrap{position:relative;height:150px;}
/* #logo-en{display:block;position:absolute;top:-60px;left:0px;width:220px;height:220px;background:url(../images/layout/logo_en.png) no-repeat center #7ca73c;z-index:200;} */
.logo{position:absolute;top:-60px;background-color: #7ca73c;padding: 15px;}
.lang-menu-label-short, .lang-menu-label-long{display:none;}
#lang-menu:hover{border:2px}

#menu-wrap{position:absolute;top:60px;left:0px;width:100%;height:90px;background:url(../../commons.utopia.gr/images/icons/transparencies/black/trans_black_80.png);}
#header-msg{position:absolute;top:220px;left:0px;width:100%;font-family:'Book Antiqua',serif;color:#fff;text-align:right;line-height:80px;}
#header-msg-title{font-size:50px;text-shadow:2px 2px 5px black;}
#header-msg-subtitle{font-size:28px;margin-top:-25px;text-shadow:2px 2px 5px black;}
#head-wrap{position:absolute;bottom:0px;left:0px;width:100%;margin-top:-446px;padding-bottom:40px;height:auto;background:url(../../commons.utopia.gr/images/icons/transparencies/black/trans_black_80.png);}


/********************************************************************************************************************************** MENU */
#menu{position:relative;text-align:right;}
#menu a{display:inline-block;padding-bottom:7px;color:#fff;text-decoration:none;}
#menu a:hover{border-bottom:3px solid #fff;}
#menu a.selected{border-bottom:3px solid #7ca73c;}

/*-------------------------------------------------------------------------------------------------------------------------- MOBILE MENU */
.mobile-menu-icon{margin:10px;cursor:pointer;}
#mobile-menu-overlay{position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;background:rgba(0,0,0,0.4);z-index:2000;}
#mobile-menu-items{position:absolute;top:50px;right:10px;display:none;z-index:2001;}
#mobile-menu-items a{display:block;padding:12px 30px;margin:2px;white-space:nowrap;text-align:center;color:#3d3d3d;background:#fff;}
#mobile-menu-items a:hover, #mobile-menu-items a.selected:hover{color:#fff;background:#3498db;}
#mobile-menu-items a.selected{color:#3498db;}

/********************************************************************************************************************************** CONTENT */
#content-wrap{position:relative;width:100%;min-height:200px;padding:40px;background:#d6dec9;}
.date{font-size:11px;color:#7a7a7a;padding:4px 0;}
.news-thumb {width:130px;padding:5px;border:1px solid #A3AA98;border-radius:4px;}
.article-img{max-width:100%;}
.gal3-thumb{display:inline-block;margin:10px;width:132px;height:91px;}
.gal3-thumb{border:1px solid #A3AA98;padding:5px;border-radius:4px;}
.gal3-thumb:hover, a:hover .news-thumb{border:1px solid #f1aa36;}
.gal3-link{display:block;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.gal3-link:hover{text-decoration:none;}

.home-thumb{width:180px;height:180px;border-radius:500px;margin-top:50px;border:3px solid #000;}
a:hover .home-thumb{border:3px solid #fff;}

/********************************************************************************************************************************** FOOTER */
#clear-footer{height:446px;}
#bottom-wrap{width:100%;/* height:300px; */margin-top:-446px;background:url(../images/layout/bottom_bg_2.jpg) repeat-x;text-shadow:1px 1px 1px #000;background-size: cover;}
#bottom-wrap a:hover{color:#fff;text-decoration:none;}
#newsletter-wrap{width:100%;/* height:26px; */padding:30px 0;background:#7ca73c;color:#d6dec9;}
#newsletter-wrap h1,#newsletter-wrap h2,#newsletter-wrap h3{color:#fff;}
#footer-wrap{width:100%;/* height:20px; */padding:20px 0;background:#1e1c22;color:#fff;font-size:12px;}

/********************************************************************************************************************************** PAGER */
.pager { display:block;text-align:left;}
.pager a { display:inline;vertical-align:top;border:none;padding:3px 5px 5px 5px;text-decoration:none;background:#414141;color:#fff;;}
.pager a:hover{background:#7ca73c;}
.selectorPager { display:inline;vertical-align:top;color:#333;background-color:#fff;display:inline-block;cursor:pointer;padding:0;margin-top:1px;border:none;}

/******************************************************************************************************************************* TOOLTIP LOCAL */
#tooltip{border:none;}
#tooltip h3 {color:#fff !important;padding:4px 7px;font-size:11px;background-color:#5B5B5B;border:none;border-radius:3px;text-align:left;border:none;box-shadow:0px 0px 10px #000;}

/********************************************************************************************************************************** FORMS */
.form-table td{padding:5px 8px 5px 0;vertical-align:top;}
fieldset, #captcha-container {padding: 4px; border: 1px solid #fffacd;}
#answer-label {margin-top: 6px; display:inline-block;}
.verr { border: solid 1px #f00 !important;} 
.form-table input[type="text"], .form-table input[type="password"], .form-table textarea{width:250px;padding:4px;border:1px solid #adadad;background:#f1f1f1;}
.button, .button-small{display:inline-block;padding:6px 10px;font-size:13px;background:#f1aa36;color:#fff;border:none;cursor:pointer;transition:background 0.7s, color 0.7s;border-radius:5px;}
.button-small{padding:4px 8px;font-size:11px;}
.button:hover, .button-small:hover{background:#7ca73c;color:#fff;text-decoration:none;}
.cancel{background:#929aa1;}
.msg{display:block;margin:10px 0;padding:8px 14px;color:#000;background:#E0E0E0;text-align:center;border-radius:5px;}
label{cursor:pointer;}

#n_form{display:inline-block;vertical-align:top;margin-top:5px;}
.newsletter-input{width:250px;padding:4px;border:1px solid #adadad;background:#f1f1f1;border-radius:5px;}
.newsletter-button{font-size:12px;border-radius:5px;}
.newsletter-button:hover{background-color:#413941;}
#response_validation_email{display:inline-block;vertical-align:top;}
#response_validation_email p{display:inline-block;padding:4px 10px;margin-left:10px;margin-top:5px;border-radius:5px;vertical-align:top;font-size:12px;color:#000;}
/********************************************************************************************************************************** CAPTCHA */
#captcha-container{font-size:10px;}
#captcha-required{color:red;}
#captcha-img, #new-captcha-img{border:1px solid #adadad;height:40px;margin:4px 0;width:130px;background-color:#fff;}
#captchaimage{display:inline-block;}
#captcha-refresh{display:inline-block;vertical-align:8px;}

/********************************************************************************************************************************** OTHER */
#scroll-top, #scroll-top-mobile{display:none;position:fixed;bottom:70px;right:10px;width:40px;height:40px;background-color:#719b32;background-image:url('../images/layout/back_to_top.png');background-repeat:no-repeat;background-position:center;z-index:1500;border-radius:100%}
#scroll-top:hover{background-color:#f1aa36;}

.data{border-collapse:collapse;}
.data td{padding:3px 4px;border:1px dotted #d8d8d8;vertical-align:top;}
.data td.t-right{border-right:1px solid #d8d8d8;}
.border td{border:1px solid #d8d8d8;}

.download-attachments-container{padding:8px 10px;background:#bcc8a9;margin-bottom:15px;}
.download-attachments-link{color:#7CA73C;}
.download-attachments-link:hover{color:#d78500;}
.download-attachments-info{color:#909090;font-size:9px;font-style:italic;}
.download-attachments-img{vertical-align:middle;}

#gmap {width:100%; height:350px; background-color: transparent; margin: 13px 0 0 0; border: solid 1px #d1d1d1; }
.gmap-content{width:250px;height:80px;text-align:center;}
.gmap-content-link{display:inline-block;margin-top:15px;padding:3px 8px;border-radius:10px;background:#595959;color:#fff;font-size:80%;}
.gmap-content-link:hover{background:#719b32;color:#fff;text-decoration:none;}

#u-icon {vertical-align:middle;}



@media (min-width: 768px) { /* sm */
	#menu a{font-size:11px;margin:30px 0 0 4px;}
	#header-msg-title{font-size:66px;}
	#header-msg-subtitle{font-size:37px;margin-top:-20px;}
}
@media (min-width: 992px) { /* md */
	#menu a{font-size:14px;margin:30px 0 0 12px;}
	#header-msg-title{font-size:78px;}
	#header-msg-subtitle{font-size:44px;margin-top:-12px;}
	#header-wrap.home{height:800px;}
	.logo{padding: 30px;}

}
@media (min-width: 1200px) { /* lg */
	#menu a{font-size:16px;margin:30px 0 0 14px;}
	#header-msg-title{font-size:90px;}
	#header-msg-subtitle{font-size:50px;margin-top:0px;}

}