body { margin:0; padding:0; }
@font-face {
  font-family: 'PT Serif';
  src: url("../fonts/ptf55f_w.eot");
  src: local("PT Serif"), url("../fonts/ptf55f_w.woff") format("woff"), url("../fonts/ptf55f_w.ttf") format("truetype");
}

@font-face {
  font-family: 'DinCondensed';
  src: url("../fonts/PFDinCondensedMedium.eot");
  src: local("DinCondensed"), url("../fonts/PFDinCondensedMedium.woff") format("woff"), url("../fonts/PFDinCondensedMedium.ttf") format("truetype");
}
.sans { font-family: 'PT Sans', sans-serif; }
.wrapper { margin:auto;width:998px;}
.calendarMain { 	list-style:none;font-family: 'PT Sans', sans-serif;font-size:20px;width:998px;text-align:center;padding:0;margin:0;}
.calendarMain li ul { height: 30px;padding: 0;}
.header { padding:0;margin:0;}
.lineBright {background:#fff;clear:both;}
.lineBright li { list-style:none;float:left;}
.lineDark {background:#f3ffff;clear:both;}
.lineDark ul li { list-style:none;float:left;}
li.day { width: 120px;text-align: left;padding-left: 50px; text-align: center;}
li.date { width:150px;text-align: left;padding-left: 15px; text-align: center; }
li.wday { width:189px; text-align: left;padding-left: 25px; text-align: center; }
li.start { width:202px;text-align: left;padding-left: 20px; text-align: center; }
li.finish { width:190px;text-align: left;padding-left: 20px; text-align: center; }
.juma {	color:#f8951d!important;}
.citySelector { background-color:#01bbcd; height: 150px;}
.cities { list-style:none;padding:0; margin-left:0px; height:45px!important; width:100%; height: 50px;}
.cities li {padding:0;margin:0;float:left;height:45px;width:12%; display:inline; vertical-align:center;}
.cities li a { padding-top:11px; height:30px; display:inline-block; text-decoration:none; color:#fff; font-weight:bold; font-family:'PT Sans', sans-serif; cursor:pointer;font-size:15px; text-transform:uppercase;}
.cities li a.regon { background:url('../img/on-check.png') top center no-repeat; color:#006b70;}
.image { background:url(../img/bg.jpg) top repeat-x;color:#ffffff; }
.image span { background:url(../img/top.jpg) no-repeat bottom; width:100%; display:block;height:525px; }
.image h1 { font-family:'PT Serif', serif;font-weight:normal;font-size:40px;line-height:100%;text-align:left;padding:20px; margin-bottom: 0px;}
.image h3 { font-family:'DinCondensed', sans-serif; font-weight:normal;font-size:19px;line-height:100%; position: absolute;}
.image h3 div {letter-spacing:-1px; font-size:80px;}
.image #leftdate { margin-left:15px; margin-top:0px; }
.image #rightdate { margin-left:850px; margin-top:20px; }
.image #middletext { margin-left:260px;font-size:30px;}
.image #middletextkg { margin-left:322px;font-size:30px;}
.columns { list-style:none; color:#006b70;}
.columns li { padding-top:3px; float:left; }
li.one { width:150px; }
li.two { width:150px; }
li.three { width:150px; }
li.four { width:150px; }
li.five { width:150px; }


.kgz { font-size:15px;}
#dgreen { background-color:#006b70; color:#fff; padding:10px;}
#titles {padding-left: 25px; margin: auto; width: 100%; font-weight:bold;color:#006b70; font-family:'PT Sans', sans-serif;font-weight:bold; font-size:15px;text-transform:uppercase;}
#titles li {margin-top: 0px; padding-left: 22px; padding-top:10px; padding-bottom:10px; text-align:center;}

#bottomleft { float:left; width:40%;margin-left:10%; }
#bottomright { float:left; width:40%; margin-left:5%; }
#bottomleft h4, #bottomright h4 { text-transform:uppercase; font-family:'DinCondensed', sans-serif;margin:0;font-size:25px;font-weight:normal;}
#bottomleft p, #bottomright p { margin:0; }
#footer { margin-top:50px;text-align:left; }
#grtext { color:#006b70; font-weight:bold; margin-left:10%;font-size:18px; display:block;}


@media  screen and (max-width: 100%){
	.cities li a { font-size:30px; padding-top:8px;}
	.cities li { width:auto; padding-left:5px; padding-right:5px;}
	.cities { margin:auto;}
	#titles { font-size:26px;}
	.calendarMain { font-size:26px; }
	.columns li { padding-top:7px; }
	.calendarMain li ul { height:50px; }
	#bottomleft { margin-left:20px; width:45%;}
	#bottomright { margin-left:5%; width:45%;}
}