/* Reset Css */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol,

fieldset, form, label, legend,

caption, tbody, tfoot, thead, ul, li {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	background: transparent;

}

* {

	margin: 0px;

	padding: 0px;

}

html {

	width:100%;
	height:100%;

}

body { 
	width:100%; 
	background:#4e7ab4 url(../images/bggratop.png) repeat-x top;
	}

#mainWrapper {
	position:relative;
	width:100%;
	background:url(../images/bgpattern.png) no-repeat top;
	min-width:1024px;
	}

#mainWrapper #wrapper {
	width:1024px;
	margin:0px auto;
	height:760px;min-width:1024px;
	}

#mainWrapper #wrapper #header {
	width:100%;
	height:210px;min-width:1024px;
	}

#mainWrapper #wrapper #header .header_top {
	width:960px;
	height:30px;
	margin:0px auto;
	position:relative;
	}

#mainWrapper #wrapper #header .header_top .topbox {
	width:380px;
	height:30px;
	float:right;
	margin-right:10px;
	}



#mainWrapper #wrapper #header .header_top .topbox .topsep {
	width:1px;
	height:30px;
	background:url(../images/sep.png) no-repeat 0 0;
	float:left;
	}	
#mainWrapper #wrapper #header .header_top .topmenu .topsep {
	width:1px;
	height:30px;
	background:url(../images/sep.png) no-repeat 0 0;
	float:left;
	}	
#mainWrapper #wrapper #header .header_top .topmenu {
	width:248px;
	height:30px;

	right:-38px;
	position: absolute;
	margin-right:10px;

	}
#mainWrapper #wrapper #header .header_top .topmenu ul {

	list-style:none;

	}	
#mainWrapper #wrapper #header .header_top .topmenu ul li {

	float:left;

	}
#mainWrapper #wrapper #header .header_top .topmenu ul li a {

	display:block;

	text-indent:-9999px;

	}
#mainWrapper #wrapper #header .header_top .topmenu ul li a.topmenu2 {	height:30px;

	width:65px;

	background:url(../images/share_it.png) no-repeat 0 11px;}
#mainWrapper #wrapper #header .header_top .topmenu ul li #weather { width:135px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#eee; margin-left:8px; margin-right:-8px; }
	
/* #mainWrapper #wrapper #header .header_top .topmenu ul li #weather img { margin-left:-8px; margin-right:-8px; } */

#wxIntro {
    display: inline-block;    font: 11px Arial,Verdana,sans-serif;    color: #eee;    vertical-align: top;    padding-top: 9px;font-weight:bold;
}
	#wxIcon2 {
    display: inline-block;    width: 25px;    height: 25px;    margin: 1px 3px 0 3px;    overflow: hidden;
}
#wxIcon {
    display: inline-block;    width: 61px;    height: 34px;    margin: 0px -12px -1px -12px;    overflow: hidden;    background: url('../../l.yimg.com/a/lib/ywc/img/wicons.png') no-repeat 61px 0;}
#wxTemp {
    display: inline-block;    font: 11px Arial,Verdana,sans-serif;    color: #eee;    vertical-align: top;    padding-top: 9px;    margin-left: 0;font-weight:bold;
}


#mainWrapper #wrapper #header .header_bot {
	width:100%;
	height:168px;
	padding-top:12px;
	position:relative;
	} 

#mainWrapper #wrapper #header .header_bot a.logo {
	width:258px;
	height:123px;
	background:url(../images/logo.png) no-repeat 0 10px;
	display:block;
	text-indent:-9999px;
	margin-left:42px;
	margin-bottom:7px;
	}

	
#mainWrapper #wrapper #header .header_bot .menu {
	width:962px;
	height:40px;
	margin:0px auto;
	background:url(../images/menubg.png) no-repeat;
	}

#mainWrapper #wrapper #header .header_bot .menu ul {
	list-style-type:none;
	height:40px;
	margin-left:-24px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li {
	float:left;
	height:24px;
	padding-top:16px;
	margin-left:35px;
	margin-right:35px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a {
	display:block;
	text-indent:-9999px;
	height:11px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu1 {
	width:38px;
	height:11px;
	background:url(../images/menu01.png) no-repeat 0 0;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu1:hover {
	background-position:0 -11px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu1active {
	width:38px;
	height:11px;
	background:url(../images/menu01.png) no-repeat 0 -11px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu2 {
	width:59px;
	height:11px;
	background:url(../images/menu02.png) no-repeat 0 0;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu2:hover {
	background-position:0 -11px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu2active {
	width:59px;
	height:11px;
	background:url(../images/menu02.png) no-repeat 0 -11px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu3 {
	width:53px;
	height:11px;
	background:url(../images/menu03.png) no-repeat 0 0;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu3:hover {
	background-position:0 -11px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu3active {
	width:53px;
	height:11px;
	background:url(../images/menu03.png) no-repeat 0 -11px;
	}
	
#mainWrapper #wrapper #header .header_bot .menu ul li a.menu4 {
	width:79px;
	height:11px;
	background:url(../images/menu04.png) no-repeat 0 0;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu4:hover {
	background-position:0 -11px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu4active {
	width:79px;
	height:11px;
	background:url(../images/menu04.png) no-repeat 0 -11px;
	}
	
#mainWrapper #wrapper #header .header_bot .menu ul li a.menu5 {
	width:56px;
	height:11px;
	background:url(../images/menu05.png) no-repeat 0 0;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu5:hover {
	background-position:0 -11px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu5active {
	width:56px;
	height:11px;
	background:url(../images/menu05.png) no-repeat 0 -11px;
	}
	
#mainWrapper #wrapper #header .header_bot .menu ul li a.menu6 {
	width:46px;
	height:11px;
	background:url(../images/menu06.png) no-repeat 0 0;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu6:hover {
	background-position:0 -11px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu6active {
	width:46px;
	height:11px;
	background:url(../images/menu06.png) no-repeat 0 -11px;
	}
	
#mainWrapper #wrapper #header .header_bot .menu ul li a.menu7 {
	width:103px;
	height:11px;
	background:url(../images/menu07.png) no-repeat 0 0;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu7:hover {
	background-position:0 -11px;
	}

#mainWrapper #wrapper #header .header_bot .menu ul li a.menu7active {
	width:103px;
	height:11px;
	background:url(../images/menu07.png) no-repeat 0 -11px;
	}

#mainWrapper #wrapper #header .header_bot a.pano {
	width:90px;
	height:90px;
	background:url(../images/360.png) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:15px;
	bottom:-25px;
	z-index:10;
	}

#mainWrapper #wrapper #header .header_bot a.pano:hover {
	background-position:0 -90px;
	}

#mainWrapper #wrapper #imageslider {
	width:100%;
	height:550px;
	}

#mainWrapper #wrapper #imageslider {
	width:970px;
	height:524px;
	background:url(../images/sliderbg.png) no-repeat;
	margin:0px auto;
	margin-top:7px;
	margin-bottom:20px;
	}

#mainWrapper #botwrapper {
	width:100%;
	min-width:1024px;
	background:#FFF;
	}
	
#mainWrapper #botwrapper #content {
	width:960px;
	margin:0px auto;
	}

#mainWrapper #botwrapper #content .text {
	width:940px;
	/*height:260px;*/
	margin:0px auto;
	margin-bottom:10px;
	}

#mainWrapper #botwrapper #content .text h1 {
	width:300px;
	height:105px;
	diplay:block;
	text-indent:-9999px;
	float:left;
	margin-top:66px;
	}

#mainWrapper #botwrapper #content .text h1.home_title {
	background:url(../images/home_title.png) no-repeat 0px 5px;
	}

#mainWrapper #botwrapper #content .text .para {
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    letter-spacing:0px;
    line-height: 22px; 
	margin-left:20px;
	margin-top:61px;
    padding:0px;
    width:600px;
	float:left; 
	color:#888888;
}

#mainWrapper #botwrapper #content .text .para p {
	margin-bottom:18px; color:#888888; font-family:Arial, Helvetica, sans-serif; font-size:14px;
	}

#mainWrapper #botwrapper #content .text .para a {
	color:#888888;
	text-decoration:underline;
	}

#mainWrapper #botwrapper #content .text .para a:hover {
	color:#888888;
	text-decoration:none;
	}

#mainWrapper #botwrapper #content .text .para a:visited {
	color:#888888;
	text-decoration:none;
	}

#mainWrapper #botwrapper #content .text a.read {
	width:134px;
	height:36px;
	display:block;
	text-indent:-9999px;
	background:url(../images/readmore.png) no-repeat 0 0;
	float:right;
	margin-right:-2px;
	margin-top:10px;
	cursor: pointer;
	}

#mainWrapper #botwrapper #content .text a.read:hover {
	background-position:0 -36px;
	}
#mainWrapper #botwrapper #content .text a.hide {
	width:84px;
	height:36px;
	display:none;
	text-indent:-9999px;
	background:url(../images/hidetext.png) no-repeat 0 0;
	float:right;
	margin-right:-2px;
	margin-top:10px;
	cursor: pointer;

	}

#mainWrapper #botwrapper #content .text a.hide:hover {
	background-position:0 -36px;
	}

#mainWrapper #botwrapper #content .csep {
	width:940;
	height:26px;
	margin:0px auto;
	background:url(../images/csep.png) no-repeat;
	}

#mainWrapper #botwrapper #content .links {
	width:940px;
	height:170px;
	margin:0px auto;
	}

#mainWrapper #botwrapper #content .links .online {
	width:940px;
	height:140px;
	float:left;
	padding-top:11px;
	}

#mainWrapper #botwrapper #content .links .online h2 {
	color:#4e7ab4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom:17px;
	}

#mainWrapper #botwrapper #content .links .online p {
	color:#888888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
    line-height: 22px; 
	}

#mainWrapper #botwrapper #content .links .online a.start {
	width:95px;
	height:36px;
	display:block;
	text-indent:-9999px;
	background:url(../images/start.png) no-repeat 0 0;
	float:right;
	margin-top:0px;
	margin-right:-2px;
	}
	
#mainWrapper #botwrapper #content .links .online a.start:hover {
	background-position:0 -36px;
	}




#mainWrapper #botwrapper #content .content_bot {
	width:940px;
	height:164px;
	margin:0px auto;
	}

#mainWrapper #botwrapper #content .content_bot .contacts {
	width:100%;
	height:164px;
	float:left;
	/*margin-left:67px;*/
	background:url(../images/globe.png) no-repeat 65px 24px;
	}

#mainWrapper #botwrapper #content .content_bot .contacts p {
	margin-left:80px;
	margin-top:57px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444444;
	line-height:20px;
	}

#mainWrapper #botwrapper #content .content_bot .contacts p span {
	color:#4e7ab4;
	font-size:20px;
	font-weight:bold;
	}

#mainWrapper #botwrapper #content .content_bot .contacts p a {
	color:#444444;
	text-decoration:underline;
	}

#mainWrapper #botwrapper #content .content_bot .contacts p a:hover {
	color:#444444;
	text-decoration:none;
	}




#mainWrapper #footer {
	width:100%;
	height:50px;
	margin:0px auto;
	background:url(../images/bggrabot.png) repeat-x bottom;
	min-width:1024px;
	}

#mainWrapper #footer .greeka {
	width:220px;
	height:9px;
	margin:0px auto;
	padding-top:16px;
	}

#mainWrapper #footer .greeka p {
	width:136px;
	height:12px;
	background:url(../images/creation.png) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-right:6px;
	margin-top:9px;
	}

#mainWrapper #footer .greeka a.greeka_logo {
	width:76px;
	height:25px;
	background:url(../images/greeka_logo.png) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	float:left;
	}

#mainWrapper #footer .greeka a.greeka_logo:hover {
	background-position:0 -25px;}
	
	
/*FACILTIES*/
.table {  color:#888888; font-family:Arial, Helvetica, sans-serif; font-size:14px;  margin-left:5px; text-align:left; letter-spacing: 0px; line-height: 18px;}
.table ul { float:left; margin:0px 0 10px 0; padding:3px 10px; padding-top:2px; list-style-position:outside; list-style-type:disc; width:210px; }
.table ul li { padding:0 0 2px 0;}
.table ul li.title { font-weight:bold; color:#4e7ab4;   font-size:16px; line-height: 18px; list-style:none; margin-left:-15px;}
.table ul li.even {  } 
.table ul li.odd { }
.table hr { clear: both; visibility: hidden; margin: 0px; padding: 0px; height: 1px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 

.table ul li {margin-left:2px;}

}

/*GALLERY*/
#gallery { width:900px; margin-bottom:10px; margin-left:-6px; }
#gallery ul { display: block; margin: 0px 0 0 0px; padding: 0px;}
#gallery li { display: block; list-style: none; float: left; margin:0px 7px 3px  0; padding: 0px; }
#gallery li p { text-align: center; margin: 0px; padding: 0.5em;}
#gallery li img { border:1px solid #666; width:90px; height:70px;}
#gallery li img:hover{border:1px solid #000; opacity:0.7; filter:alpha(opacity=70);}
#gallery hr { clear: both; visibility: hidden; margin: 0px; padding: 0px; height: 1px; }

/*PRICELIST*/
.tableprice { paddin-left:0px; margin-left:1px; width:600px; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.tableprice ul { float:left; margin-top:0px;  padding:0; border: 1px solid #fff; margin-left:-1px; }
.tableprice ul li { list-style:none; padding:5px 5px; width:90px; text-align:center;color:#293c54;height:18px;}
.tableprice ul li.title { font-weight:bold; background-color:#4e7ab4; height:30px;color:#ffffff;border-bottom:0px solid #fff; width:235px;height:38px; text-align:left;}
.tableprice ul li.title1 { font-weight:bold; background-color:#4e7ab4; height:30px;color:#ffffff;border-bottom:0px solid #fff; height:38px; width:90px;}
.tableprice ul li.even { border-top:1px solid #fff; background:#dbdfec; } 
.tableprice ul li.odd { border-top:1px solid #fff; background:#dbdfec; }