*{ margin: 0; padding: 0; }
body {
color: #000040; 
background: #E3F6F2; 
font-size:100%; 
font-family: "Times New Roman", Times, serif; 


}

img { border:none; }

.cont-top img { border:none; padding: 15px 5px 5px 5px;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; width:100%; }
	
html, body{
height:100%; 
    margin: 0;
    padding: 0;


}	
	
div{ margin:0 auto; }
	
.ul li{ list-style:none; }

a, a:visited{ text-decoration:underline; }
a:hover{ text-decoration:none; }

/* UTIL */
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;font:0/0;}

.easyfix{ overflow:hidden; }
	
.float-left{ float:left; }
.float-right{ float:right; }

.none span, .none a span{ display:none; }

/* headings */
h1, h2, h3, h4, h5, h6{ line-height:1.1; }
		
/* Main */

.search {
position: relative;
background: url('../img/search.png') no-repeat scroll center bottom transparent;
float: right;
right: 70px;
top: 20px;
height: 100px;
width: 100px;
line-height: 80px;
}

.search a {
padding-left: 23px;
}


.wrap{
background:url(../img/wrap-bg.jpg) repeat-y center top;  
  left: 50%;
  margin-left: -622px;
  _margin-left: -627px;
  position: absolute;
  width: 1244px;
  _width: 1009px;
}

.main{ 
position:relative; 
width:1244px; 
min-height:100%; 
background:url(../img/main-bg-up.jpg) no-repeat center top;
float: left;
}

* html .main {
    height: 100%;
}

.main-bottom{ 
position:relative; 
min-width:995px; 
min-height:100%; 
background:url(../img/main-bg.jpg) no-repeat center bottom;  
}

.inner { width:1244px; background:url(../img/main-bg-dn.jpg) no-repeat center bottom; float: left; padding-bottom: 173px; }
	
.header{ position:relative; z-index:100; height:213px; }
	.header .logotip { top:20px; left:550px; position:absolute; }
	.header .slogan { top: 0px; left:557px; position:absolute; font-size: 25px; text-shadow: 1px 1px 2px green;}
	.header .slogan a, .header .slogan a:visited { font-size:24px; color:#e0dfec; text-shadow:0 -1px #000000; line-height:24px; text-decoration:none; text-transform:uppercase; }
	
.content{ position:relative; width:960px; }
	
.bottom{ height:40px; }


.clocklist { }
	.clocklist li { float:left; width:230px; padding:0 5px; list-style:none; text-align:center; height:370px; background:url(../img/clock-bg.png) no-repeat center 0; position:relative; }
	.clocklist li .name { position:absolute; top:226px; left:8px; background:url(../img/name-clock-bg.png) no-repeat; width:214px; height:86px; font-size:20px; color:#fff; text-shadow:#000 0 -1px; font-style:italic; padding:8px 0 0 0; }
	.clocklist li .oneline { padding:20px 0 0 0; }
	.clocklist li p { padding-bottom:5px; }
	.clocklist li .flag { position:absolute; top:19px; right:23px; background:url(../img/flag.png) no-repeat; width:60px; height:39px; display:inline-block; }