div {font-family: Arial;}
input {font-family: Arial; font-size: 14px;}
body {text-align: center;}
a {color: #07ABB0;}

@font-face {font-family: 'PF Din Text Comp Pro'; src: url('fonts/pfdintextcomppro-regular_az-webfont.eot'); src: url('fonts/pfdintextcomppro-regular_az-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pfdintextcomppro-regular_az-webfont.woff') format('woff'), url('fonts/pfdintextcomppro-regular_az-webfont.ttf') format('truetype'), url('fonts/pfdintextcomppro-regular_az-webfont.svg#PFDinTextCompProRegular') format('svg'); font-weight: normal; font-style: normal;}

.clear {clear: both; font-size: 1px;}
.content {text-align: left; background: #ffffff; position: relative;}

div.section_title {
  padding:5px 0 0 11px; height:36px; background: #08ABB0;
}
h1, h2, h3, p, a {
-webkit-font-smoothing:antialiased;
}
h1 {font-family: "PF Din Text Comp Pro"; font-size: 26px; color: #ffffff; font-weight: normal;}
h2 {padding: 0 0 0 0; display: block; font-family: "PF Din Text Comp Pro"; font-size: 26px; color: #07ABB0; font-weight: normal;}
h3 {padding: 0 0 0 0; display: block; font-family: "PF Din Text Comp Pro"; font-size: 26px; color: #333333; font-weight: normal;}

h2 a {color: #07ABB0; text-decoration: none;}

.list1 {font-size: 71px;}

.list2 {padding: 5px 0 10px 0; font-family: Arial; font-size: 1px; color: #333333;font-weight: bold;}
.list2 i {display: block; clear: both; font-size: 13px;}
.list2 i a {font-weight: bold; color: #333333;}
.list2 span {position: relative; padding: 0 7px 3px 0; float: left; font-size: 12px; text-align: right; line-height: 27px;}
.list2 span.c {padding-left: 5px; padding-right: 0; text-align: left;}
.list2 span.bg {background: #ECECEC;}
.list2 img {position: absolute; left: -20px; top: 0;}

.fixed_block {position: fixed; top: 0; left: 0; width: 100%; height: 39px; background: #ECECEC; text-align: center; z-index: 100; }
.fixed_block div {font-family: "PF Din Text Comp Pro"; font-size: 17px; background: none;}
.fixed_block img.home {margin-top: 14px;}
.fixed_block div.themes {padding-top: 10px; word-spacing: 15px;}
.fixed_block div.themes a {color: #ba3000; word-spacing: normal;
  color:#ba3000;
  font-weight: bold;
  text-decoration: none;
  background: -moz-linear-gradient(left, #666, #666 100%);
  background: -ms-linear-gradient(left, #666, #666 100%);
  background: -o-linear-gradient(left, #666, #666 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#666), to(#666));
  background: -webkit-linear-gradient(left, #666, #666 100%);
  background: linear-gradient(left, #666, #666 100%);
  background-position: 0 100%;
  background-size: 10px 1px;
  background-repeat: repeat-x;  
}
.fixed_block div.enter {padding-top: 9px; text-align: right;}
.fixed_block div.enter a {
    text-decoration:none;
    color: #07ABB0; 
    background: -moz-linear-gradient(left, #07ABB0, #07ABB0 50%, transparent 50%);
    background: -ms-linear-gradient(left, #07ABB0, #07ABB0 50%, transparent 50%);
    background: -o-linear-gradient(left, #07ABB0, #07ABB0 50%, transparent 50%);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(red), color-stop(0.5, #07ABB0), color-stop(0.5, transparent));
    background: -webkit-linear-gradient(left, #07ABB0, #07ABB0 50%, transparent 50%);
    background: linear-gradient(left, #07ABB0, #07ABB0 50%, transparent 50%);
    background-size: 2px 1px;
    background-repeat: repeat-x;
    background-position: 0 100%;
}
.fixed_block div.shadow {position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; background: url("img/fixed_shadow.png");}

.fixed_block .about { display: inline-block; margin: 10px 0 0 -30px; }

.header {padding-top: 60px; height: 75px;}
.header .logo_text {font-family: Arial; font-size: 27px; color: #05AAAD; line-height: 55px;}
.header .search {line-height: 55px; text-align: right;}
.header .search .input {padding: 0 0 0 5px; width: 190px; height: 27px; border: solid 1px #CCCCCC; color: #999999; vertical-align: middle;}
.header .search .submit {padding: 0 0 0 0;  width: 70px; height: 28px; background: url('img/button2.png'); border: none; font-weight: bold; color: #FFFFFF; cursor: pointer;}
.header .lang {text-align: right; padding-top: 20px; font-size: 13px;}
.header .lang a {color: #333333;}
.header .lang .rss {display: inline-block; padding: 0 0 0 15px; margin-right: 10px; background: url('img/rss_icon.png') left 2px no-repeat;}

.menu {font-family: Arial; font-weight:bold; font-size: 17px; position: relative;}

.menu a {
  line-height: 30px;
  color:#333;
  text-decoration: none;
  background: -moz-linear-gradient(left, #ccc, #ccc 100%);
  background: -ms-linear-gradient(left, #ccc, #ccc 100%);
  background: -o-linear-gradient(left, #ccc, #ccc 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#ccc), to(#ccc));
  background: -webkit-linear-gradient(left, #ccc, #ccc 100%);
  background: linear-gradient(left, #ccc, #ccc 100%);
  background-position: 0 100%;
  background-size: 10px 1px;
  background-repeat: repeat-x;  
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  }
.menu a:hover,
.menu a:focus {
  color: #307A7E;
  background: #fff;
  background-position: 0 100%;
  text-decoration:none;
  }

.menu a.archive {
  color:#999;
  margin-top:20px;
}

.menu a p {position: absolute; margin: 0; padding: 0; height: 5px;}



.menu a.act {font-weight: bold;color:#009EA5;}
.menu a.act span {position: relative; display: inline-block; padding-right: 10px; background: #ffffff; z-index: 2;}
.menu a.act p {position: absolute; padding: 0; margin: -13px 0 0 0; height: 5px; width: 95%; background: url("img/line2.gif") left 0 repeat-x; z-index: 1;}
.menu a.act i {position: absolute; margin-left: -1000%; width: 1000%; margin-top: 17px; left: 0; border: solid 1px #0CACB1; z-index: -100; font-size: 1px;}
.menu a.act b {position: absolute; margin-top: 6px; right: -13px; width: 13px; height: 100%; background: #ffffff;}
.menu a.act b b {margin-top: 0; right: 9px; height: 13px; background: url("img/line3.gif") no-repeat;}
.menu .line {position: absolute; right: -20px; height: 100%; width: 20px; background: url("img/line2.gif") 2px top repeat-y;}

.menu a.eugames {margin-left: 30px; color: #ED1651;}
.menu a.act.eugames {color: #ED1651;}
.menu a.eugames:before {content:""; position: absolute; width: 30px; height: 29px; left: 0; background: #ffffff url("img/eugameslogo.png") left top no-repeat; z-index: 2;}

.menu a.eugames {
	background: -moz-linear-gradient(left, #ED1651, #ED1651 100%);
    background: -ms-linear-gradient(left, #ED1651, #ED1651 100%);
    background: -o-linear-gradient(left, #ED1651, #ED1651 100%);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#ED1651), to(#ED1651));
    background: -webkit-linear-gradient(left, #ED1651, #ED1651 100%);
    background: linear-gradient(left, #ED1651, #ED1651 100%);
    background-position: 0 100%;
    background-size: 10px 1px;
    background-repeat: repeat-x;  
}

.category_list {padding: 0 0 0 0; font-family: "PF Din Text Comp Pro"; font-size: 5px;}
.category_list > a {display: inline-block; padding: 9px 9px 8px 10px; margin-bottom: 1px; background: #08ABB0; font-size: 16px; color: #ffffff; text-decoration: none;}
.category_list > a.act {background: #258FB9;}
.category_list > a:hover {background: #258FB9;}

.category_list > a  {
  color:#fff;
  background: #08ABB0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  }
.category_list > a:hover,
.category_list > a:focus {
  color: #fff;
  background: #258FB9;
  text-dexoration:none;
  }



.filter {position: relative; padding: 0 0 0 0; font-family: "PF Din Text Comp Pro"; font-size: 5px; background: #08ABB0;}
.filter > b, .filter > a, .filter > i {display: inline-block; padding: 9px 9px 8px 10px; background: #258FB9; border-right: solid 1px #ffffff; font-size: 16px; color: #ffffff; text-decoration: none; font-weight: normal;}
.filter > i {border: none; font-style: normal; background: #08ABB0;}
.filter > i span {padding-left: 19px; background: url("img/icon1.png") left 2px no-repeat; cursor: pointer;}
.filter > a {background: #08ABB0;}
.filter	span {border-bottom: dashed 1px #ffffff;}
.filter > a:hover {background: #258FB9;}
.filter .line {position: absolute; top: -62px; left: 224px; height: 64px; background: url("img/line2.gif") 2px top repeat-y;}
.filter .category_list {display: none; position: absolute; left: 0; top: 36px; background: #08ABB0; font-size: 18px; color: #ffffff; z-index: 10;}
.filter .category_list a {display: block; padding: 0; background: none; border: none; text-decoration: underline; line-height: 27px; color: #ffffff;}
.filter .category_list div, .filter .category_list span { float: left; display: block; padding: 0px 0 10px 12px; width: 188px; border: none; font-family: "PF Din Text Comp Pro";}
.filter .category_list span {float: right;}
.filter .category_list .upper {margin-top: 10px;}
.filter .datepicker {display: none; position: absolute; right: 0; top: 41px; z-index: 11; width: 268px; height: 200px; font-size: 14px;}
.filter .datepicker span {padding: 0;}

.new1 {position: relative; padding: 0 0 3px 0; margin-top: 15px; font-family: "PF Din Text Comp Pro";}
.new1 .image {margin-right: 20px; float: left; width: 160px; height: 122px;}
.new1 .tag {font-size: 18px; color: #666;}
.new1 .title {text-decoration: none; font-size: 21px; line-height: 1.2em;}

.new1 a.title {
  display:block; margin-top:5px;
  color:#333;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  }
.new1 a.title:hover,
.new1 a.title:focus {
  color: #307A7E;
  }

.new1 span {position: relative; display: inline-block; padding-left: 20px; font-size: 18px; color: #B2B2B2;}
.new1 span img {margin: 0 5px 2px 5px;}

.new2 {position: relative; display: inline-block; width: 160px; padding-bottom: 30px; font-family: Arial; font-size: 13px; font-weight: bold; line-height: 18px; vertical-align: top;}
.new2 img {margin: 0 0 4px 0; width: 160px; height: 122px;}
.new2 a {
  color:#333;
  text-decoration: none;
  background: -moz-linear-gradient(left, #ccc, #ccc 100%);
  background: -ms-linear-gradient(left, #ccc, #ccc 100%);
  background: -o-linear-gradient(left, #ccc, #ccc 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#ccc), to(#ccc));
  background: -webkit-linear-gradient(left, #ccc, #ccc 100%);
  background: linear-gradient(left, #ccc, #ccc 100%);
  background-position: 0 100%;
  background-size: 10px 1px;
  background-repeat: repeat-x;  
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.new2 a:hover,
.new2 a:focus {
  color: #307A7E;
  background: #fff;
  text-dexoration:none;
  background-position: 0 100%;
 }

.new3 {padding-right: 36px;}
.new3 a {font-family: Arial; font-size: 13px; font-weight: bold; line-height: 17px;}

.new3 a {
  color:#333;
  text-decoration: none;
  background: -moz-linear-gradient(left, #ccc, #ccc 100%);
  background: -ms-linear-gradient(left, #ccc, #ccc 100%);
  background: -o-linear-gradient(left, #ccc, #ccc 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#ccc), to(#ccc));
  background: -webkit-linear-gradient(left, #ccc, #ccc 100%);
  background: linear-gradient(left, #ccc, #ccc 100%);
  background-position: 0 100%;
  background-size: 10px 1px;
  background-repeat: repeat-x;  
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.new3 a:hover,
.new3 a:focus {
  color: #307A7E;
  background: #fff;
  text-decoration:none;
  background-position: 0 100%;
 }
  
  
.new4 {margin: 10px 0 15px 0; position: relative; min-height: 42px;}
.new4 div.time {position: absolute; left: 0; top: 3px; font-family: "PF Din Text Comp Pro"; font-size: 16px; color: #999999;}
.new4 div.text {padding: 0 36px 0 81px; font-size: 14px; color: #333333; line-height: 1.3em;}

.new4 div.text a {
  font-family: Arial;
  font-weight: bold;
  line-height: 1.4em;
  color:#333;
  text-decoration:none;
  background: -moz-linear-gradient(left, #ccc, #ccc 100%);
  background: -ms-linear-gradient(left, #ccc, #ccc 100%);
  background: -o-linear-gradient(left, #ccc, #ccc 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#ccc), to(#ccc));
  background: -webkit-linear-gradient(left, #ccc, #ccc 100%);
  background: linear-gradient(left, #ccc, #ccc 100%);
  background-position: 0 100%;
  background-size: 10px 1px;
  background-repeat: repeat-x;  
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
  }
.new4 div.text a:hover,
.new4 div.text a:focus {
  color: #307A7E;
  background: #fff;
  text-decoration:none;
  background-position: 0 100%;
 }

.last_news a {color: #08ABB0; background: none; text-decoration: underline; font-family: "PF Din Text Comp Pro"; font-size: 20px; font-weight: normal;}
.right_col p {position: relative; margin:6px 0 15px 0;}

div.pages {
  text-align:center;font-size:14px;font-family: Arial;color:#999;
}
div.pages a{
  color:#666;
}

.enter_block {display: none; position: fixed; left: 50%; top: 50%; margin-left: -205px; width: 410px; padding-bottom: 26px; background: #ffffff; z-index: 152; text-align: left;}
.enter_block .top {margin-bottom: 5px; height: 46px; font-family: Arial; font-size: 22px; color: #ffffff; font-weight: bold; background: #08ABB0; line-height: 43px; text-align: center;}
.enter_block .close {position: absolute; right: 9px; top: 10px;}
.enter_block .row {padding: 12px 26px 0 27px; height: 32px; font-family: Arial; font-size: 16px; color: #333333; font-weight: bold; line-height: 30px;}
.enter_block .row input {float: right; padding-left: 5px; width: 257px; height: 100%; border: solid 1px #999999; font-size: 16px; vertical-align: middle;}
.enter_block .submit {margin: 13px 0 0 120px; padding: 0 0 0 0; width: 70px; height: 28px; background: url('img/button2.png'); border: none; font-weight: bold; color: #FFFFFF; cursor: pointer;}
.enter_block .error {display: none; padding: 5px 0 0 120px; margin-bottom: -5px; font-family: Arial; font-size: 16px; color: red;}
.enter_block .text {display: none; padding: 5px 25px 5px 27px; font-family: Arial; font-size: 16px; color: #333333; line-height: 23px;}
.enter_block .text a {color: #333333;}

.date_time {padding: 9px 18px 8px 15px; display: inline-block; background: #08ABB0; font-family: "PF Din Text Comp Pro"; font-size: 16px; color: #ffffff; }
.date_time a {text-decoration: underline; color: #ffffff;}
.date_time img {margin: 0 3px 0 3px;}

.view_img {margin-top: 15px;}
.view_text {margin-top: 15px; font-size: 15px; line-height: 1.5em; color: #333333;}
.view_counts {padding-top: 10px; height: 90px;}
.view_tags {padding: 6px 8px 7px 8px; background: #E9E9E9; font-family: Arial; font-size: 15px; color: #333333;}
.view_tags a {color: #333333;}

.view_text p {
  margin:0.2em 0 1em 0;
}
.view_text img {
  padding: 0 5px 3px 0;
}

.cur span {width: 53px; height: 22px;}
.cur span.c {width: 35px;}

.weather span {width: 33px; height: 22px;}
.weather span.c {width: 75px;}
.weather span img {margin-top: 2px;}

.banner {padding-bottom: 8px; position: relative; text-align: center;}
.banner > div {display: inline-block;}
.banner_right_text {padding: 0 0 10px 0; font-family: Arial; font-size: 13px; color: #06ABB0; font-weight: bold;}
.banner_right_text a {color: #06ABB0;}

.blocked {color: #B7B7B7;}
.blocked a.title {color: #B7B7B7;}
.blocked a {color: #B7B7B7;}
.blocked div.text a {color: #B7B7B7;}
.blocked .blocked_img {position: absolute; width: auto; height: auto; top: 0; right: 0; z-index: 2;}

.open .open_img {position: absolute; width: auto; height: auto; top: 0; right: 0; z-index: 2;}

.footer {margin-top: 10px; height: 170px; background: #023335 url("img/footer_bg.png") center top no-repeat; font-size: 12px; color: #A7BEBF; line-height:1.5em;text-shadow: black 0px -1px 0px;}
.footer a {display: inline-block; margin-top: 4px; color: #A7BEBF;}
.footer a:hover {color:#fff;} 
.footer .container_16 {padding-top: 20px; text-align: left;}
.footer .start_style a {display: inline;}
.footer .start_style img {float: left; margin-right: 11px;}

.print_button {float: right; position: relative; bottom: -17px; font-family: Arial; font-size: 15px;}

.strong {font-weight: bold; color: #07ABB0;}
#print_logo {display: none;}
div.print_copyrite {font-size: 11px; color: #333333; line-height: 1.5em; font-style: italic;}

.print_class {text-align: left; padding-top: 10px;}
.print_class h3 {padding-top: 20px;}
.print_class #print_logo {display: block;}
.print_class div.print_copyrite {display: block;}