* { margin:0; padding:0;}
body { background:#0e0000;  font-family:Tahoma; font-size:100%; line-height:1em; color:#444e57; text-align:center;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%;}

p { margin-bottom:19px;}

.tall_top { background:url(images/tall_top.gif) left top repeat-x #fff;}
.tall_bottom { background:url(images/tall_bottom.gif) left bottom repeat-x;}

/*==================forms====================*/
select {
	vertical-align: middle;
	font-weight: normal;
	margin-top: 7px;
}
input {
	vertical-align: middle;
	font-weight: normal;
	margin-top: 7px;
}
img {
	border: 0;
	vertical-align: top;
	text-align: left;
}

.form { height:36px;}
.form input {width:312px; height:24px; background:#fff; color:#444e57; font-size:1em; font-family:arial; padding-left:3px; border:1px solid #444e57;}
textarea {
	width: 312px;
	height: 99px;
	background: #fff;
	overflow: auto;
	color: #444e57;
	font-size: 1em;
	font-family: arial;
	padding-left: 3px;
	border: 1px solid #444e57;
	margin-top: 7px;
}


/*==================list====================*/
ul { list-style:none;}

.list1 li a { background:url(images/marker1.gif) no-repeat left 1px;  color:#444e57; padding-left:21px; margin-left:2px; line-height:1.9em;}

/*==================other====================*/
.img_indent {
	margin: 0 20px 5px 0;
	float: left;
}
.img_box {
	padding: 0 0 20px 0;
	padding-right: 30px;
}
.img_box img { float:left; margin:0 20px 5px 0;}

.img_box1 { padding:0 0 13px 0;}
.img_box1 img { float:left; margin:-12px 20px 0 0; position:relative;}

.contact_box { padding:20px 0 0 0;}

.p1 { margin-bottom:17px;}
.p2 { margin-bottom:22px;}

blockquote p { margin-bottom:0;}

/*==================txt, links, lines, titles====================*/
a {
	color: #E84700;
	text-decoration: none;
}
a:hover { text-decoration:underline;}

h2 { font-size:20px; font-weight:normal;}
h3 { font-size:1em; margin-bottom:4px;}

.txt1 { color:#000;}

.link1 { background:url(images/marker.gif) no-repeat right 4px; font-weight:bold; padding-right:10px;}
.link1 em { background:url(images/line_2.gif) left bottom repeat-x; font-style:normal;}
.link2 {background:url(images/line_2.gif) left bottom repeat-x;}

.rss { margin-right:27px;}

.line_hor { background:url(images/line_1.gif) left bottom repeat-x; padding-bottom:13px; margin-bottom:14px;}
.line_hor1 { background:url(images/line_1.gif) left bottom repeat-x; padding-bottom:28px; margin-bottom:25px;}
.line_hor2 { background:url(images/line_1.gif) left bottom repeat-x; padding-bottom:23px; margin-bottom:22px;}
.line_hor3 { background:url(images/line_1.gif) left bottom repeat-x; padding-bottom:13px; margin-bottom:25px;}

.line_hor_ {  padding-bottom:13px; margin-bottom:14px;}


.title { margin-bottom:22px;}


/*==================blocks====================*/
.block1 { background:#e7f2f6; width:100%;}
.block1 .top_tall { background:url(images/top_tall.gif) left top repeat-x;}
.block1 .right_tall { background:url(images/right_tall.gif) right top repeat-y;}
.block1 .bottom_tall { background:url(images/bottom_tall.gif) left bottom repeat-x;}
.block1 .left_tall { background:url(images/left_tall.gif) left top repeat-y;}
.block1 .left_top_corner { background:url(images/left_top_corner.gif) no-repeat left top;}
.block1 .right_top_corner { background:url(images/right_top_corner.gif) no-repeat right top;}
.block1 .right_bottom_corner { background:url(images/right_bottom_corner.gif) no-repeat right bottom;}
.block1 .left_bottom_corner { background:url(images/left_bottom_corner.gif) no-repeat left bottom;}
.block1 .inner { padding:0 0 0 0;}


.but { background:url(images/but_bgd.gif) left top repeat-x; width:100%; margin-bottom:6px;}
.but .left { background:url(images/but_left.gif) no-repeat left top;}
.but .right { background:url(images/but_right.gif) no-repeat right top; height:43px;}
.but .ind1 { padding:13px 0 0 18px}
.but strong { color:#edeff2; margin-right:32px;}
.but span { color:#34414b; font-weight:bold;}

/*header*/
#header .row_1 { height:51px; text-align:center;}
#header .row_2 { height:320px; text-align:center;}
#header .row_2 div { position:relative; margin-left:-7px;}

/*content*/
#content { padding:40px 0 37px 46px;}
#content .inner { padding:0 57px 0 0;}
#content .inner1 { padding:0 25px 0 0;}
#content .indent { padding:0 30px 0 0;}



#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url(images/bubble_top.gif);
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url(images/bubble_middle.gif);
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url(images/bubble_bottom.gif);
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}



/*footer*/
#footer { text-align:center;}
#footer p { color:#d5dde5; padding:16px 0 0 0;}
#footer a { color:#d5dde5;}
/*==========================================*/



/* Buttons gia Paketa */




.button1 {
	position:relative;
	display:block;
	height: 46px;
	width: 132px;
	background:url(images/Starter.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button1 span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 132px;
	background: url(images/Starter.png) no-repeat;
	background-position: bottom;
}




.button1en {
	position:relative;
	display:block;
	height: 46px;
	width: 132px;
	background:url(https://www.giorgosyfantis.gr/en/images/Starter.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button1en span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 132px;
	background: url(https://www.giorgosyfantis.gr/en/images/Starter.png) no-repeat;
	background-position: bottom;
}





.button2 {
	position:relative;
	display:block;
	height: 46px;
	width: 187px;
	background:url(images/Economy.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button2 span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 187px;
	background: url(images/Economy.png) no-repeat;
	background-position: bottom;
}



.button2en {
	position:relative;
	display:block;
	height: 46px;
	width: 187px;
	background:url(https://www.giorgosyfantis.gr/en/images/Economy.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button2en span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 187px;
	background: url(https://www.giorgosyfantis.gr/en/images/Economy.png) no-repeat;
	background-position: bottom;
}



.button3 {
	position:relative;
	display:block;
	height: 46px;
	width: 163px;
	background:url(images/Advanced.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button3 span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 163px;
	background: url(images/Advanced.png) no-repeat;
	background-position: bottom;
}


.button3en {
	position:relative;
	display:block;
	height: 46px;
	width: 163px;
	background:url(https://www.giorgosyfantis.gr/en/images/Advanced.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button3en span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 163px;
	background: url(https://www.giorgosyfantis.gr/en/images/Advanced.png) no-repeat;
	background-position: bottom;
}





.button4 {
	position:relative;
	display:block;
	height: 46px;
	width: 134px;
	background:url(images/Eshop.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button4 span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 134px;
	background: url(images/Eshop.png) no-repeat;
	background-position: bottom;
}



.button4en {
	position:relative;
	display:block;
	height: 46px;
	width: 134px;
	background:url(https://www.giorgosyfantis.gr/en/images/Eshop.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button4en span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 134px;
	background: url(https://www.giorgosyfantis.gr/en/images/Eshop.png) no-repeat;
	background-position: bottom;
}




.button5 {
	position:relative;
	display:block;
	height: 46px;
	width: 173px;
	background:url(images/Apps.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button5 span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 173px;
	background: url(images/Apps.png) no-repeat;
	background-position: bottom;
}



.button5en {
	position:relative;
	display:block;
	height: 46px;
	width: 173px;
	background:url(https://www.giorgosyfantis.gr/en/images/Apps.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button5en span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 173px;
	background: url(https://www.giorgosyfantis.gr/en/images/Apps.png) no-repeat;
	background-position: bottom;
}



.button6 {
	position:relative;
	display:block;
	height: 46px;
	width: 161px;
	background:url(images/Table.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button6 span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 161px;
	background: url(images/Table.png) no-repeat;
	background-position: bottom;
}




.button6en {
	position:relative;
	display:block;
	height: 46px;
	width: 161px;
	background:url(https://www.giorgosyfantis.gr/en/images/Table.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button6en span.hover {
	position: absolute;
	display: block;
	height: 46px;
	width: 161px;
	background: url(https://www.giorgosyfantis.gr/en/images/Table.png) no-repeat;
	background-position: bottom;
}





.button7 {
	position:relative;
	display:block;
	height: 125px;
	width: 386px;
	background:url(images/Prosfora.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button7 span.hover {
	position: absolute;
	display: block;
	height: 125px;
	width: 386px;
	background: url(images/Prosfora.png) no-repeat;
	background-position: bottom;
}





.button7en {
	position:relative;
	display:block;
	height: 125px;
	width: 386px;
	background:url(https://www.giorgosyfantis.gr/en/images/Prosfora.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button7en span.hover {
	position: absolute;
	display: block;
	height: 125px;
	width: 386px;
	background: url(https://www.giorgosyfantis.gr/en/images/Prosfora.png) no-repeat;
	background-position: bottom;
}




.button8 {
	position:relative;
	display:block;
	height: 125px;
	width: 386px;
	background:url(images/Pinakas.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button8 span.hover {
	position: absolute;
	display: block;
	height: 125px;
	width: 386px;
	background: url(images/Pinakas.png) no-repeat;
	background-position: bottom;
}




.button8en {
	position:relative;
	display:block;
	height: 125px;
	width: 386px;
	background:url(https://www.giorgosyfantis.gr/en/images/Pinakas.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button8en span.hover {
	position: absolute;
	display: block;
	height: 125px;
	width: 386px;
	background: url(https://www.giorgosyfantis.gr/en/images/Pinakas.png) no-repeat;
	background-position: bottom;
}





.button9 {
	position:relative;
	display:block;
	height: 62px;
	width: 176px;
	background:url(images/StarterT.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button9 span.hover {
	position: absolute;
	display: block;
	height: 62px;
	width: 176px;
	background: url(images/StarterT.png) no-repeat;
	background-position: bottom;
}




.button9en {
	position:relative;
	display:block;
	height: 62px;
	width: 176px;
	background:url(https://www.giorgosyfantis.gr/en/images/StarterT.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button9en span.hover {
	position: absolute;
	display: block;
	height: 62px;
	width: 176px;
	background: url(https://www.giorgosyfantis.gr/en/images/StarterT.png) no-repeat;
	background-position: bottom;
}



.button10 {
	margin: auto;
	position: relative;
	display: block;
	height: 262px;
	width: 432px;
	background: url(images/Interest.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
	text-align: center;
}	
.button10 span.hover {
	position: absolute;
	display: block;
	height: 262px;
	width: 432px;
	background: url(images/Interest.png) no-repeat;
	background-position: bottom;
	text-align: center;
}


.button10en {
	margin: auto;
	position: relative;
	display: block;
	height: 262px;
	width: 432px;
	background: url(https://www.giorgosyfantis.gr/en/images/Interest.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
	text-align: center;
}	
.button10en span.hover {
	position: absolute;
	display: block;
	height: 262px;
	width: 432px;
	background: url(https://www.giorgosyfantis.gr/en/images/Interest.png) no-repeat;
	background-position: bottom;
	text-align: center;
}


.button11 {
	position:relative;
	display:block;
	height: 62px;
	width: 249px;
	background:url(images/2T.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button11 span.hover {
	position: absolute;
	display: block;
	height: 62px;
	width: 249px;
	background: url(images/2T.png) no-repeat;
	background-position: bottom;
}



.button11en {
	position:relative;
	display:block;
	height: 62px;
	width: 249px;
	background:url(https://www.giorgosyfantis.gr/en/images/2T.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button11en span.hover {
	position: absolute;
	display: block;
	height: 62px;
	width: 249px;
	background: url(https://www.giorgosyfantis.gr/en/images/2T.png) no-repeat;
	background-position: bottom;
}





.button12 {
	position:relative;
	display:block;
	height: 62px;
	width: 217px;
	background:url(images/3T.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button12 span.hover {
	position: absolute;
	display: block;
	height: 62px;
	width: 217px;
	background: url(images/3T.png) no-repeat;
	background-position: bottom;
}




.button12en {
	position:relative;
	display:block;
	height: 62px;
	width: 217px;
	background:url(https://www.giorgosyfantis.gr/en/images/3T.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button12en span.hover {
	position: absolute;
	display: block;
	height: 62px;
	width: 217px;
	background: url(https://www.giorgosyfantis.gr/en/images/3T.png) no-repeat;
	background-position: bottom;
}




.button13 {
	position:relative;
	display:block;
	height: 62px;
	width: 179px;
	background:url(images/4T.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button13 span.hover {
	position: absolute;
	display: block;
	height: 62px;
	width: 179px;
	background: url(images/4T.png) no-repeat;
	background-position: bottom;
}




.button13en {
	position:relative;
	display:block;
	height: 62px;
	width: 179px;
	background:url(https://www.giorgosyfantis.gr/en/images/4T.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button13en span.hover {
	position: absolute;
	display: block;
	height: 62px;
	width: 179px;
	background: url(https://www.giorgosyfantis.gr/en/images/4T.png) no-repeat;
	background-position: bottom;
}





.button14 {
	position:relative;
	display:block;
	height: 62px;
	width: 231px;
	background:url(images/5T.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button14 span.hover {
	position: absolute;
	display: block;
	height: 62px;
	width: 231px;
	background: url(images/5T.png) no-repeat;
	background-position: bottom;
}



.button14en {
	position:relative;
	display:block;
	height: 62px;
	width: 231px;
	background:url(https://www.giorgosyfantis.gr/en/images/5T.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button14en span.hover {
	position: absolute;
	display: block;
	height: 62px;
	width: 231px;
	background: url(https://www.giorgosyfantis.gr/en/images/5T.png) no-repeat;
	background-position: bottom;
}




.button15 {
	margin: auto;
	position: relative;
	display: block;
	height: 125px;
	width: 386px;
	background: url(images/Faq.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
}	
.button15 span.hover {
	position: absolute;
	display: block;
	height: 125px;
	width: 386px;
	background: url(images/Faq.png) no-repeat;
	background-position: bottom;
}




.button15en {
	margin: auto;
	position: relative;
	display: block;
	height: 125px;
	width: 386px;
	background: url(https://www.giorgosyfantis.gr/en/images/Faq.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
}	
.button15en span.hover {
	position: absolute;
	display: block;
	height: 125px;
	width: 386px;
	background: url(https://www.giorgosyfantis.gr/en/images/Faq.png) no-repeat;
	background-position: bottom;
}




.button16 {
	margin: auto;
	position: relative;
	display: block;
	height: 147px;
	width: 449px;
	background: url(https://www.giorgosyfantis.gr/images/Supported.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
}	
.button16 span.hover {
	position: absolute;
	display: block;
	height: 147px;
	width: 449px;
	background: url(https://www.giorgosyfantis.gr/images/Supported.png) no-repeat;
	background-position: bottom;
}





.button16en {
	margin: auto;
	position: relative;
	display: block;
	height: 147px;
	width: 449px;
	background: url(https://www.giorgosyfantis.gr/en/images/Supported.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
}	
.button16en span.hover {
	position: absolute;
	display: block;
	height: 147px;
	width: 449px;
	background: url(https://www.giorgosyfantis.gr/en/images/Supported.png) no-repeat;
	background-position: bottom;
}








/*NOTIFICATION BOX */

.notification {
	height: 70px;
	width: 580px;
	display: block;
	position: relative;
	
	/*Border Radius*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	-o-border-radius: 5px;
	-ms-border-radius: 5px;	
	
	/*Box Shadow*/
	-moz-box-shadow: 2px 2px 2px #cfcfcf;
	-webkit-box-shadow: 2px 2px 4px #cfcfcf;
	-o-box-shadow: 2px 2px 2px #cfcfcf;
	-ms-box-shadow: 2px 2px 4px #cfcfcf;
	box-shadow: 2px 2px 2px #cfcfcf;
	
	margin-bottom: 30px;
}

.notification span {
	background: url(../images/close.png) no-repeat right top;
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	top:-9px;
	right: -8px;
}

.notification p {
	width: 500px;	
	font-family: Arial, Helvetica, sans-serif;
	color: #323232;
	font-size: 14px;
	line-height: 21px;
	text-align: justify;
	float: right;
	margin-right: 15px;
	*margin-top: 15px; /*for lt IE8*/
	
	
	/* TEXT SHADOW */
	 text-shadow: 0px 0px 1px #f9f9f9;
}




/*ERROR BOX*/

.error {
	border-top: 1px solid #f7d0d0;
	border-bottom: 1px solid #c87676;
	
	/*Background Gradients*/
	background: #f3c7c7;
	background: -moz-linear-gradient(top,#f3c7c7,#eea2a2);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
	background: -ms-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
	background: -o-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
}

.error:before {
	float: left;
	margin: 20px 15px 0px 15px;
}

.error strong {
	color: #b31616;
	margin-right: 15px;
}