/* html5reset.css ============================================================================= */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
a {font-size: 100%;vertical-align: baseline;background: transparent;}
ins {background-color: #fff;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000; font-style: italic;font-weight: bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;   border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}



/* BASIC PAGE SETUP ============================================================================= */
button, input, select, textarea { color : #202020; }

@font-face {
    font-family: 'nikos';
    src: url('../fonts/nikos-webfont.eot');
    src: url('../fonts/nikos-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nikos-webfont.woff2') format('woff2'),
         url('../fonts/nikos-webfont.woff') format('woff'),
         url('../fonts/nikos-webfont.ttf') format('truetype'),
         url('../fonts/nikos-webfont.svg#aka-acidgr-totallyplainmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 { font-weight : 300;margin-top: 0px;}
h1 { font-size :  1.7em;	margin-bottom : 0.2em;line-height : 1.4; }
h2 { font-size :  1.4em;	margin-bottom : 0.5em;margin-top : 0.5em;line-height : 1.2;}
h3 { font-size :  1.2em;	margin-bottom : 0.3em;line-height : 1.3; }
h4 { font-size :  1.1em;	margin-bottom : 0.5em;line-height : 1.25; }
h5 { font-size :  1em;		margin-bottom : 1.25em;}
h6 { font-size : 1em;	}


/*  TYPOGRAPHY  ============================================================================= */
p, ol, ul, dl, address { margin-bottom : 1.5em; font-size : 1em; /* 16 / 16 = 1 */ }
p {hyphens : auto;  }
ul, ol { margin :0; padding:0; }
li ul, li ol { margin : 0;font-size : 1em; /* 16 / 16 = 1 */ }
dl, dd { margin-bottom : 1.5em; }
dt { font-weight : 300; }
b, strong { font-weight : 400; }
hr { display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #ccc;}
small { font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -.5em; }
sub { bottom : -.25em; }
.subtext {	color: #000;	}

/* LINKS =============================================================================  */
a { color : #000;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}/*text-decoration: underline;}*/
ul a {text-decoration:none;}
a span {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
a:focus { color : rgb(0,0,0); }
a:hover, a:active { outline : 0; }
a#backtotop {position:fixed;width:36px;height:36px;z-index:100;}


/* IMAGES ============================================================================= */
img {
border : 0;
max-width: 100%;}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */
table { border-collapse : collapse;border-spacing : 0;margin-bottom : 1.4em; width : 100%; }
th, td, caption { padding : .25em 10px .25em 5px; }
tfoot { font-style : italic; }
caption { background-color : transparent; }


/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}

/*  CODE  ============================================================================= */
pre.code {padding: 0;margin: 0;font-family: monospace;white-space: pre-wrap;font-size: 1.1em;}
strong.code {font-weight: 300;font-family: monospace;font-size: 1.2em;}

div.code {padding:20px;font-family:monospace;font-size:0.7em;background:#000;color:#fff;margin:10px 0 10px 0;}

/*  NOTES  ============================================================================= */
.note {position:relative;padding:1em 1.5em;margin: 0 0 1em 0;background: #fff;
	background: rgba(255, 255, 255, 0.5);overflow:hidden;}
.note:before {
	content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */}
.note.rounded {-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;}
.note.rounded:before {
	border-width:8px;border-color:#ff #ff transparent transparent;background: url(images/bodyback.png);
	-webkit-border-bottom-left-radius:5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;}


/*  SCREENS  ============================================================================= */
.siteimage {
	max-width: 90%;padding: 5%;margin: 0 0 1em 0;background: transparent url(/images/stripe-bg.png);
	-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;}
.siteimage:hover {background: #bbb url(/images/stripe-bg.png);position: relative;top: -2px;}


/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.floatleft{float: left;}
.floatright{float: right;}
*{ outline:none;}
a:focus {outline: none; }
div.clear {clear:both;height:1px;}


/* VENDOR-SPECIFIC ============================================================================= */
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219);
	-webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; }
.clearfix { zoom : 1; }
::-webkit-selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
::-moz-selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
::selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; }
::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em; line-height : 1.4; }
.ie7 img,.iem7 img { -ms-interpolation-mode : bicubic; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] { -webkit-box-sizing : content-box;-moz-box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; }
p {/* http://www.w3.org/TR/css3-text/#hyphenation */-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;
	-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; }


/* Responsivenewss ============================================================================= */
/* ============================================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
}

.span_12_of_12	{	width: 100%;}
.span_11_of_12	{	width: 91.46%;}
.span_10_of_12	{	width: 83%;}
.span_9_of_12	{	width: 74.54%;}
.span_8_of_12	{	width: 66.08%;}
.span_7_of_12	{	width: 57.62%; }
.span_6_of_12	{	width: 49.16%; }
.span_5_of_12	{	width: 40.7%; }
.span_4_of_12	{	width: 32.24%;}
.span_3_of_12	{	width: 23.78%;}
.span_2_of_12	{	width: 15.32%; }
.span_1_of_12	{	width: 6.86%; }




/* GRAVITY.GR CSS  ============================================================================= */

#skiptomain { display: none; }
.wrapperIn {clear: both;
	width: 90%; /* 1000px / 1250px */
	max-width: 1260px; /* 1200px / 13 */
	margin: 0 auto;padding:0;position: relative;text-align: left;}
div.clear {height:0;clear:both;}
body { margin : 0 auto;padding : 0;font : 16px/1.4 'nikos', sans-serif;font-weight:300;line-height: 1;background-color:#DEE787;}

div.mainwrapper {padding:0 50px 50px 290px;position:relative;}
div.pagedata_wrap {background-color:#fff;border:2px solid #BBE2DC;border-radius:30px;padding:9px;}
div.pagedata_in_wrap {border:1px dashed #D1CD6A;border-radius:17px;padding:48px;}

div.tree_wrap {position:absolute;top:0;left:0;right:0;height:412px;
	background:url(../images/grass_15.png) repeat-x bottom,url(../images/back_grid.png) repeat}

div.tree_wrap_in {position:relative;}
div.tree {width:306px;height:481px;background:url(../images/tree.png) no-repeat bottom left;
		position:absolute;top:0;left:;}


h1.ribbon {background:url(../images/nikos_ribbon.png) no-repeat 50%;height:150px;text-indent:-9000px;}

div.pagedata_wrap {position:relative;}
div.pagedata_wrap:before {content:"";display:block;width:273px;height:177px;top:-167px;right:0;
		position:absolute;background:url(../images/nikos_picture_01.png);}

header div.menu {padding-right:280px;}
header div.menu ul {list-style:none;padding:0;margin:0 0 10px 16px;}
header div.menu ul li {float:left;}
header div.menu ul li a {display:block;min-height:34px;line-height:30px;font-size:18px;padding:0 14px 0 4px;color:#36665e;}
header div.menu ul li.selected a {background:url(../images/selected_menu.png) no-repeat 0 100%;background-size:100% 10px;}

div.text {color:#6f938d;font-size:18px;}

div#siderelated {float:right;width:200px;margin:0 0 40px 20px;padding:0;}
div#siderelated ul {list-style:none;margin:0;padding:0;}
div#siderelated ul li {list-style:none;margin:0 0 20px 0;padding:0;}
div#siderelated ul li a {display:block;}
div#siderelated ul li a img {vertical-align:middle}


ul.photogallery {list-style:none;margin:0;padding:0;}
ul.photogallery li {list-style:none;margin:0 0 20px 0;padding:0;float:left;width:24%;margin:0 0 1% 1%;}
ul.photogallery li:nth-child(4n+1) {margin-left:0;clear:both;}
ul.photogallery li a {display:block;}
ul.photogallery li a img {vertical-align:middle;width:100%;}

ul#youtube {list-style:nome;margin:2em 0 2em 0;padding:0;}
ul#youtube li {display:block;margin:0 0 0 1%;float:left;width:23.78%;}
ul#youtube li a {display:block;margin-bottom:0.6em;
-webkit-box-shadow: 0px 7px 8px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 7px 8px rgba(50, 50, 50, 0.75);
box-shadow:         0px 7px 8px rgba(50, 50, 50, 0.75);
background-repeat:no-repeat;
background-position:50%;background-color:#000;
height:180px;}
ul#youtube li img {width:100%;vertical-align:bottom;}
ul#youtube li span {display:none;}


div.guestbookForm {float:right;width:303px;margin-top:50px;}
div.guestbookForm h2 {color:#c4bd66;font-size:0.94em;font-weight:normal;padding:0 0 5px;border-bottom:2px solid #BBE2DC;}
div.guestbookForm form {padding:10px 0 50px 0;margin:0;}
div.guestbookForm form span {display:block;border:1px dashed #D2CE6E;padding:5px;margin:0 0 10px;border-radius:4px;}
div.guestbookForm form span.email {display:none;}
div.guestbookForm form span.name {}
div.guestbookForm form span.name input {font-family:nikos;font-size:18px;border:0;padding:width:100%;}
div.guestbookForm form span.comments {height:200px;padding:0 5px 0 5px;}
div.guestbookForm form span.comments textarea {font-family:nikos;font-size:18px;border:0;width:100%;height:95%;}
div.guestbookForm a.guestbookSubmit {display:block;border-radius:4px;background-color:#c4bd66;line-height:30px;
	text-align:center;color:#fff;padding:0 20px;float:right;float:right;margin-top:8px;
	text-decoration:none;}
	div.guestbookForm a.guestbookSubmit:hover {background-color:#6f938d;}

ul.guestbookUl {margin:60px 0;padding:0;list-style:none;float:left;max-width:calc(100% - 333px);}
ul.guestbookUl li {display:block;margin:0 0 0 0;padding:0 0 50px 0;
    -webkit-transition: text-shadow 1s linear;
    -moz-transition: text-shadow 1s linear;
    -ms-transition: text-shadow 1s linear;
    -o-transition: text-shadow 1s linear;
    transition: text-shadow 1s linear;}
ul.guestbookUl li div.facts {display:block;margin:0 0 10px 0;padding:0;}
ul.guestbookUl li div.facts h4 {color:#C4BD66;margin:0 0 5px 0;padding:0;font-weight:normal;font-size:1.13em;}
ul.guestbookUl li div.facts span {font-size:0.75em;color:#473115;}
ul.guestbookUl li div.facts p {font-size:1.13em;color:#473115;padding:0;margin:0;}
ul.guestbookUl li.new.glow {text-shadow: 0 0 10px #C4BD66;}


ul.news {list-style:none;margin:0;padding:0;}
ul.news li {margin:2em 0 0 0;padding:4em 0 0 0;}
ul.news li div.picture {float:right;margin:0 0 1em 1em;}
ul.news li div.picture a {display:block;width:171px;height:171px;background-repeat:no-repeat;
	background-position:50%;}
ul.news li h2 {color:#C4BD66;margin:0;padding:0;}
ul.news li h4 {margin:0 0 0.5em;padding:0;font-size:0.81em;}
ul.news li a.more {color:#fff;}
ul.news li a.more:hover {color:#C4BD66;}




@media only screen and (max-width: 1000px) {


	div.mainwrapper {padding:10px 25px 50px 25px;position:relative;}
	/*div.pagedata_wrap {background-color:#fff;border:2px solid #BBE2DC;border-radius:30px;padding:9px;}
	div.pagedata_in_wrap {border:1px dashed #D1CD6A;border-radius:17px;padding:48px;}
	*/
	div.tree_wrap {position:absolute;top:0;left:0;right:0;height:360px;
		background:url(../images/grass_15.png) repeat-x bottom,url(../images/back_grid.png) repeat;
	}
	div.tree_wrap_in {position:absolute;top:0;bottom:0;left:5%;right:5%;}
	div.tree {height:100%;background:url(../images/tree.png) no-repeat bottom left;
			background-size:auto 100%;
			position:absolute;top:0;bottom:0;width:100%;}

		h1.ribbon {background:url(../images/nikos_ribbon.png) no-repeat 100% 0;height:80px;text-indent:-9000px;margin-bottom:0px;}

		div.pagedata_wrap {position:relative;}
		div.pagedata_wrap:before {content:"";display:block;width:273px;height:177px;top:-167px;right:0;
				position:absolute;background:url(../images/nikos_picture_01.png);}

	div.pagedata_in_wrap {padding:25px;}

		header div.menu {padding:0 0 100px 10px;}
		header div.menu ul {list-style:none;padding:0;margin:0 70px 80px 16px;text-align:right;}
		header div.menu ul li {float:right;clear:right;}
		header div.menu ul li a {display:block;min-height:34px;line-height:30px;font-size:18px;padding:0 14px 0 4px;color:#36665e;
			text-align:center;}
		header div.menu ul li.selected a {background:url(../images/selected_menu.png) no-repeat 0 100%;background-size:100% 10px;}

}
@media only screen and (max-width: 500px) {
	div.mainwrapper {padding:10px 5px 50px 5px;position:relative;}
	div.tree {display:none}
	h1.ribbon {background:url(../images/nikos_ribbon.png) no-repeat 50% 0;height:80px;text-indent:-9000px;margin-bottom:0px;}
	header div.menu {padding:0 0 100px 0px;}
	header div.menu ul {list-style:none;padding:0;margin:0 0 80px 0;text-align:center;}
	header div.menu ul li {float:none;display:inline-block;}
	header div.menu ul li a {display:block;min-height:34px;line-height:30px;font-size:18px;padding:0 14px 0 4px;color:#36665e;
		text-align:center;}
	header div.menu ul li.selected a {background:url(../images/selected_menu.png) no-repeat 0 100%;background-size:100% 10px;}

	ul.photogallery li {list-style:none;margin:0 0 20px 0;padding:0;float:left;width:49%;margin:0 0 1% 1%;}
	ul.photogallery li:nth-child(2n+1) {margin-left:0;clear:both;}
	.wrapperIn {width: 95%;}

}
@media only screen and (max-width: 480px) {

}