@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=greek,latin);

/*Genika*/
	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior: url('/boxsizing.htc');}
	:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior: url('/boxsizing.htc');}


	html {font:62.5%/1.4 'Open Sans',Arial,Helvetica,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
	html, body{height: 100%;min-height:100%}
	a img,img,ul,li,p,body,h1,h2,h3,h4 {border:none;margin:0;padding:0;list-style:none;}
	body {border-top:6px solid #5E6D88;cursor:default;font-size:13px;color:#000;background:#fff;}

	a,a:link,a:hover,a:active,a:visited{text-decoration:none;outline:0;color:#0055AA;}
	.htdu:hover,.tdu{text-decoration:underline}

	label,#captcha {cursor:pointer}
	form input[type="submit"]{	font-family:'Open Sans',Arial, Helvetica, sans-serif;text-decoration:none;text-align:center;cursor:pointer;font-size:11px;display:block;outline:none;margin:auto;}
	input[type="text"]:disabled{cursor:not-allowed}

	body {
		-webkit-animation-delay: 0.1s;
		-webkit-animation-name: fontfix;
		-webkit-animation-duration: 0.1s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: linear;
	}

	@-webkit-keyframes fontfix {
		from { opacity: 1; }
		to   { opacity: 1; }
	}
/*Global*/
	.fl{float:left}
	.fr{float:right}
	.ff,.clear{clear:both;font-size:0px}
	.tac{text-align:center}
	.taj{text-align:justify}
	.tar{text-align:right}
	.fsi{font-style:italic}
	.ns{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	.ds{display:none !important}
	.oh{overflow:hidden}
	.forms {margin:0}
	.forms input,.forms button, textarea, select, option,.box-sizing{margin:0;outline:none;font-family:'Open Sans',Arial, Helvetica, sans-serif;}
	
	
	#wrap {min-height:100%;height:auto !important;height:100%;margin: 0 auto -228px;/*min-width: 970px;*/
	background:url('/img/bg.jpg') no-repeat top center;
	}
	#marginfix{height:228px} /*==footer height*/

	.wrapper {max-width:998px;margin:0 auto;padding:0 9px;}
	.wrapper2 {max-width:618px;margin:0 auto;padding:0 9px;}
	.main{padding:30px 0;}
	
/*Header*/
	.logo{width:100%;max-width:980px;margin:0 auto;height:auto;max-height:42px;background:url('/img/logo.png') no-repeat top center; background-size: contain;}
	.logo h1 a{display:block;width:100%;height:42px;text-indent:-9000em;}

	.ribs {width: 80%;max-width:540px;height: 80px;margin: 20px auto; position: relative;	}

	.one > div {height: 40px;}
	.rib_main {background: #5E6E88; position: relative;display: block;width: 90%;left: 50%;top: 0;padding: 5px;margin-left: -45%;z-index: 10;}
	.rib_main > div {border: 1px dashed #fff;border-color: rgba(255, 255, 255, 0.5);height: 30px;color:#fff;font-weight:bold;padding-top:5px;}
	.bk {background: #596780;position: absolute;width: 8%;top: 12px;}
	.bk.l {left: 0;}
	.bk.r {right: 0;}
	.skew {position: absolute;background: #7a89a5;width: 3%;top: 6px;z-index: 5;}
	.skew.l {left: 5%;transform: skew(00deg,20deg);}
	.skew.r {right: 5%;transform: skew(00deg,-20deg);}
	.bk.l > div {	left: -30px;}
	.bk.r > div {right: -30px;}
	.arrow {height: 25px !important;position: absolute;z-index: 2;width: 0; height: 0; }
	.arrow.top {top: 0px;border-top: 0px solid transparent;border-bottom: 25px solid transparent; 	border-right: 30px solid #596780; }
	.arrow.bottom {top: 15px;border-top: 25px solid transparent;border-bottom:0px solid transparent; border-right: 30px solid #596780; }
	.r .bottom {border-top: 25px solid transparent;border-bottom: 0px solid transparent; border-left: 30px solid #596780; border-right: none;}
	.r .top {border-bottom: 25px solid transparent;border-top: 0px solid transparent; 	border-left: 30px solid #596780; border-right: none;}

	@media all and (max-width: 1020px) {
		.skew.l {left: 5%;transform: skew(00deg,25deg);}
		.skew.r {right: 5%;transform: skew(00deg,-25deg);}
	}

	@media all and (max-width: 680px) {
		.skew.l {left: 5%;transform: skew(00deg,30deg);}
		.skew.r {right: 5%;transform: skew(00deg,-30deg);}
	}

	@media all and (max-width: 460px) {
		.skew.l {left: 5%;transform: skew(00deg,40deg);}
		.skew.r {right: 5%;transform: skew(00deg,-40deg);}
	}
	
	.menu{border-top: 4px double #5E6D88;border-bottom: 1px solid #5E6D88;padding:12px 0 8px 0;}
	.menu ul{
		display:inline-block;
        margin:0;
        padding:0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;}
	.menu li{float:left;margin:0 6px;}
	.menu li a{display:block;padding:8px 15px;color:#657692;transition:all .2s ease-in-out;border-radius:3px}
	.menu li a:hover,.menu li a.selected{background:#5E6D88;color:#fff;}

/*Footer*/
	.footer{background:#5E6D88;height:228px;}
		.footer1{height:5px;width:100%;border-bottom:2px solid #fff;margin-bottom:16px;}
		
		.footer2{color:#fff}
			.footer_col{float:left;}
			.footer_col h3{font-size:14px;border-bottom:1px dotted #ddd;padding-bottom:3px;display:inline-block;}
			.footer_col .footer_c{margin-top:9px;line-height:20px;}
			.footer_col .footer_c .fb{width:48px;height:48px;box-shadow:1px 1px 3px #000}
			
			.footer_col1{width:250px;margin-right:9px;}
			.footer_col2{width:250px;margin-right:9px;}
		
		
		.footer3{border-top:2px dotted #c6c6c6;padding:9px 0;margin-top:20px;color:#fff;font-size:11px;}





/*Katalogos*/
	.katalogos_pages{width:100%;background:#E4E4E4 url('/img/katalogos_pages.png') repeat-x top center;border:1px solid #ddd;min-height:30px;font-size:12px;margin:9px 0}
	.katalogos_pages a{float:left;width:50%;height:100%;padding:9px 12px;border-right:1px solid #ddd;color:#4F7CAD;font-weight:bold;}
	.katalogos_pages a.noborder{border-right:none;}
	.katalogos_pages a.leftborder{border-left:1px solid #ddd;}
	.katalogos_pages1{float:left;width:40%;}
	.katalogos_pages2{float:left;width:20%;}
	.katalogos_pages2 span{font-size:13px;padding-top:6px;font-weight:bold;color:#555;display:inline-block;}
	.katalogos_pages3{float:left;width:40%;}
	
	
	.katalogos{display:inline-block}
	.katalogos_page_thumb{display:inline-block;width:19%;/*padding:9px 0;*/margin:5px 0;}
	.katalogos_page_thumb:hover{background:#efefef;box-shadow:1px 1px 2px #aaa;border-radius:4px;}
	.katalogos_page_thumb a{display:block;padding:9px 0;}
	.katalogos_page_thumb img{display:block;width:115px;height:160px;margin:0 auto;box-shadow:1px 1px 2px #aaa}
	.katalogos_page_thumb span{display:block;padding-top:5px;}


/*Vaptistika*/

	.vapt_l{float:left;width:200px;margin-right:15px;}
		.vapt_t{font-weight:bold;padding-bottom:2px;border-bottom:1px solid #ddd;margin-bottom:8px;color:#666}
		.vapt_l ul{}
		.vapt_l li{}
		.vapt_l li a{padding:6px;display:block;}
		.vapt_l li a:hover{text-decoration:underline;}
		.vapt_l li.active a{background:#5E6E88;border-radius:2px;color:#fff;}
		.vapt_l li.active a:hover{text-decoration:none;}
	.vapt_r{overflow:hidden;}
		.vapt_seasons{}
		.vapt_season{display:inline-block;margin:5px 25px;}
		.vapt_season a{display:block;padding:13px 17px 14px;background:#8BA2C6;color:#fff;border-radius:2px;font-size:14px;}
		.vapt_season a:hover{background:#5E6E88;}

		/*Katalogou*/
		.vapt_thumb,.vapt_thumb2{display:inline-block;width:25%;margin:5px 0;}
		.vapt_thumb:hover,.vapt_thumb2:hover{background:#efefef;box-shadow:1px 1px 2px #aaa;border-radius:4px;}
		.vapt_thumb a,.vapt_thumb2 a{display:block;padding:9px 0;height:100%}
		.vapt_thumb img,.vapt_thumb2 img{display:block;width:100%;max-width:115px;height:auto;max-height:160px;margin:0 auto;box-shadow:1px 1px 2px #aaa}
		
		/*Vapt rouxa*/
		.vapt_thumb2 {height:164px}
		.vapt_thumb2 img{max-width:106px;max-height:146px;}
		
		
/*Contact*/
	.map {margin-bottom:30px;}
	.map iframe{box-shadow:1px 1px 3px #aaa;}
	
	.contact{overflow:hidden;border-right:1px solid #ddd;padding-right:20px;}
	.contact_t{font-weight:bold;color:#444;border-bottom:1px solid #bbb;padding-bottom:2px;}
	.contact_f{padding-top:15px;}
		.contact_f label{font-weight:bold;display:inline-block;padding:2px 0;color:#666;}
		.contact_f .input_text{width:100%;max-width:100%;background:#fff;color:#5F5F5F;margin-bottom:6px;font-size:13px;padding:4px;border:1px solid #C4C4C7;text-shadow:1px 1px 1px #eee;box-shadow:inset 0 0 5px #E3E6EA;border-radius:4px;}
		.contact_f .form_submit{width:100%;background:#5E6D88;color:#fff;font-size:12px;padding:7px;border:1px solid #C4C4C7;border:none;}
		.contact_f textarea{height:200px;}
		.contact_f .error{color:#EA4545;font-weight:bold;}
		.contact_f .success{color:#007703;font-weight:bold;}
		
	.store{float:right;width:38%;margin-left:20px;}






/*Responsive*/
	@media only screen and (max-width: 800px){
		.logo h1 a{height:180px}
		
		
		/*Katalogos*/
		.katalogos_page_thumb{width:32%}
		
		/*Vaptistika*/
		.vapt_thumb,.vapt_thumb2{width:33.3%}
	}


	@media only screen and (max-width: 600px){
		.logo h1 a{height:119px}
		
		/*Vaptistika*/
		.vapt_thumb,.vapt_thumb2{width:50%}
		
		
		/*Footer*/
		#wrap{margin-bottom:auto}
		.footer,#marginfix{height:auto}
		.footer2{padding:0 9px;}
		
		.footer_col {float:none;width:100%;margin-bottom:9px;}
		
	}
	
	@media only screen and (max-width: 500px){
		
		/*Vaptistika*/
		.vapt_thumb,.vapt_thumb2{width:100%}
		
	}
	
	
	@media only screen and (max-width: 400px){
		.logo h1 a{height:84px}
		
		/*Katalogos*/
		.katalogos_page_thumb{width:49%}
		.katalogos_pages1,.katalogos_pages2,.katalogos_pages3{float:none;width:100%;}
		
		/*Vaptistika*/
		.vapt_l,.vapt_r{float:none;width:100%;}
		.vapt_r{margin-top:9px;border-top:1px solid #ddd;padding-top:9px;}
			.vapt_thumb,.vapt_thumb2{width:50%}
		
	}
	
	@media only screen and (max-width: 300px){

		/*Vaptistika*/
		.vapt_thumb,.vapt_thumb2{width:100%}
		
	}