/* reset tags
--------------------------------------------------*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* for HTML5
--------------------------------------------------*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    background: url(../images/body.jpg) no-repeat;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* general definitions
--------------------------------------------------*/
a{
    text-decoration:none;
}
input{
    outline: none;
    border: none;
}
textarea{
    outline: none;
    border: none;
    resize: none;
}
.clear{
    clear: both; 
}
a, h1, h2, h3, h4, h5, h6, p, input, textarea, div, span {
    font-family: Arial;
}
strong {
    font-family: Arial;
    font-weight: bold;
}
/* special definitions
--------------------------------------------------*/
.header-top{
    width: 100%;
    height: 30px;
    background: url(../images/h-t-bg.png) repeat-x;
    border-top: 1px solid #e4dad2;
    border-bottom: 1px solid #e4dad2;
}
.home-adv-left, .home-adv-right {
    width: 120px;
    height: 600px;
    float: left;
    position: absolute;
    z-index: 1;
    top: 10px;
}

.home-adv-left {
     left: -170px;
}  

.home-adv-right {
     right: -130px;
}  

.home-adv-top {
    float: left;
    width: 728px;
    height: 90px;
    margin: 10px 126px 0;
    overflow: hidden;
}

.h-top-content{
    width: 980px;
    height: 30px;
    margin: 0 auto;
}
.h-top-date{    
    height: 30px;
    float: left;
    color: #666;
    line-height: 30px;
    font-size: 9pt;
}
.h-t-menu-container{
    height: 30px;
    float: right;
}
.h-t-menu,.h-t-social{
    height: 30px;
    float: left;
}
.h-t-social{
    margin-left: 6px;
}
.h-t-menu > li{
    float: left;
    padding: 0 7px;
    border-left: 1px solid #efe1d5;
    margin-top: 9px;
}
.h-t-menu > li:first-child{
    border: none;
}
.h-t-menu > li > a{
    float: left;
    color: #999;
    font-size: 9pt;
}
.h-t-menu > li > a:hover{
    color: #212121;
}
.h-t-menu > li > span{
    width: 1px;
    height: 15px;
    color: #efe1d5;
}
.h-t-social > li{
    float: left;
    margin-top: 6px;
    margin-left: 5px;
}
.h-t-social > li > a{
    width: 20px;
    height: 20px;
    float: left;
    background: url(../images/sprite.png);
}
.h-t-social > li > a.twit{
    background-position: 0px -66px;    
}
.h-t-social > li > a.face{
    background-position: -20px -66px;    
}
.h-t-social > li > a.plus{
    background-position: -40px -66px;    
}
.h-t-social > li > a.rss{
    background-position: -60px -66px;    
}
.header-align{
    width: 980px;
    margin: 0 auto;
}
.header-middle{
    width: 980px;
    float: left;
    background: url(../images/h-m-bg.png) no-repeat;
    position: relative;
}
.header-middle > .middle-cover {
    float: left;
    width: 980px;
    position: relative;
    z-index: 3;
}
.logo{
    width: 157px;
    height: 65px;
    float: left;
    background: url(../images/sprite.png);
    margin-top: 19px;
}
.h-search-box {
    float: left;
    margin-top: 16px;
    margin-left: 78px;
    position: relative;
}
.h-search-box h1{
    color: #00807c;
    font-size: 10pt;
    float: left;
    text-indent: 1px;
}
.i-left,.i-middle,.i-right{
    height: 37px;
    margin-top: 7px;
}
.i-left{
    width: 13px;
    float: left;
    background: url(../images/sprite.png) -115px -66px;
}
.i-middle{
    float: left;
    background: url(../images/i-repeat.png) repeat-x;
    position: relative;
}
.i-middle .inp{
    width: 280px;
    height: 37px;
    float: left;
    background-color: transparent;
    color: #c3c3c3;
    font-size: 10pt;
    line-height: 35px;    
    padding-right: 35px;
}
.i-middle .inp:focus{
    color: #212121;
}
.i-middle .search-button {
    width: 35px;
    height: 33px;
    float: left;
    background: url(../images/sprite.png) -80px -66px;
    position: absolute;
    left: 289px;
    bottom: 1px;
    cursor: pointer;
}
.i-right{
    width: 10px;
    float: left;
    background: url(../images/sprite.png) -124px -66px;
}
.h-member-box{
    float:right;
    margin-top: 12px;
}
.h-m-left{
    width: 10px;
    height: 62px;
    float: left;
    background: url(../images/sprite.png) -135px -66px;
}
.h-m-middle{
    width: 318px;
    height: 62px;
    float: left;
    background: url(../images/m-repeat.png) repeat-x;
}
.i2-left,.i2-middle,.i2-right{
    height: 27px;
    margin-top: 10px;
}
.i2-left{
    width: 10px;
    float: left;
    background: url(../images/sprite.png) -115px -103px;
}
.i2-left.ml{
    margin-left: 8px;
}
.i2-middle{
    float: left;
    background: url(../images/i2-repeat.png) repeat-x;
    position: relative;
}
.i2-middle input{
    width: 113px;
    height: 27px;
    float: left;
    background-color: transparent;
    color: #c3c3c3;
    font-size: 9pt;
    line-height: 27px;
}
.i2-middle input:focus{
    color: #212121;
}
.i2-right{
    width: 10px;
    float: left;
    background: url(../images/sprite.png) -124px -103px;
}

.user-login-button {
    background: url("../images/cat-repeat.png") repeat-x;
    float: left;
    height: 25px;
    position: relative;
    width: 60px;
    z-index: 1;
    margin-top: 12px;
    margin-left: 8px;
    font-size: 9pt;
    color: #fff;
    font-weight: bold;
    font-family: Arial;
    cursor: pointer;
    border: 0;
}

.h-m-middle a{
    color: #00807a;
    font-size: 9pt;
    margin-left: 5px;
    margin-top: 5px;
}
.h-m-middle a:hover{
    color: #212121;
}
.h-m-middle a.m2{
    margin-left: 85px;
}
.h-m-right{
    width: 10px;
    height: 62px;
    float: left;
    background: url(../images/sprite.png) -147px -66px;
}
.header-bottom{
    width: 980px;
    height: 82px;
    float: left;
    position: relative;
    z-index: 3;
}
.header-bottom .cat{
    width: 157px;
    float: left;
    position: relative;
    z-index: 3;
}
.header-bottom .cat > .mask{
    width: 157px;
    height: 35px;
    float: left;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}
.header-bottom .cat > li{
    float: left;
    position: relative;
}
.header-bottom .cat > li > .main{
    width: 157px;
    height: 35px;
    float: left;
    background: url(../images/cat-repeat.png) repeat-x;
    position: relative;
    z-index: 1;
}
.header-bottom .cat > li > .main > h1{
    float: left;
    color: #fff;
    font-size: 10pt;
    line-height: 35px;
    text-indent: 13px;
}
.header-bottom .cat > li > .main > span{
    width: 9px;
    height: 6px;
    float: left;
    background: url(../images/sprite.png) 0px -86px;
    margin-top: 14px;
    margin-left: 10px;
}
.header-bottom .sub-cat{
    display: none;
    float: left;
    /*
    padding: 2px;
    padding-top: 0;
    */
    padding: 0;
    background-color: #0d0d0d;
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 3;
}
.header-bottom .sub-cat, .header-bottom .sub-cat > li{
    width: 157px;
    float: left;
    /*border-top: 1px solid #202020;*/
}
.header-bottom .sub-cat > li{
    border-top: 1px solid #202020;
}
.header-bottom .sub-cat > li:first-child{
    border: none;
}
.header-bottom .sub-cat > li > a{
    width: 156px;
    height: 30px;
    float: left;
    background-color: #3f3f3f;
    color: #fff;
    font-size: 9pt;
    line-height: 30px;
    text-indent: 13px;
}
.header-bottom .sub-cat > li > a:hover{
    color: #f89446;
}
.header-bottom .main-menu{
    width: 823px;
    height: 35px;
    float: left;
    background: url(../images/main-repeat.png) repeat-x;
    overflow: hidden;
}
.header-bottom .main-menu > li{
    height: 35px;
    float: left;
    border-left: 1px solid #2a2a2a;
}
.header-bottom .main-menu > li > a{
    height: 35px;
    float: left;
    padding: 0 9.5px;
    border-left: 1px solid #424242;
    color: #fff;
    line-height: 35px;
    font-size: 10pt;
}
.header-bottom .main-menu > li > a:hover{
    color: #f89446;
}
.header-bottom .main-menu > li:first-child, .header-bottom .main-menu > li:first-child > a{
    border: none;
}
.last-news-bar{
    float: left;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}
.last-news-bar > .middle{
    width: 980px;
    height: 36px;
    float: left;
    background: url(../images/bar-repeat.png) repeat-x;
}
.h-n-slide-title{
    width: 210px;
    height: 36px;
    float: left;
}
.h-n-slide-title span{
    width: 20px;
    height: 25px;
    float: left;
    background: url(../images/sprite.png) 0 -221px;
    margin-left: 23px;
    margin-top: 5px;
}
.h-n-slide-title h1{
    width: 122px;
    height: 36px;
    float: left;
    line-height: 38px;
    color: #fff02a;
    font-size: 10pt;
    text-indent: 17px;
}
.h-n-slide-title .prev,.h-n-slide-title .next{
    width: 10px;
    height: 14px;
    float: left;
    background: url(../images/sprite.png);
    margin-top: 11px;
}
.h-n-slide-title .prev{
    background-position: -20px -221px;
}
.h-n-slide-title .next{
    background-position: -30px -221px;
    margin-left: 14px;
}
.h-n-line{
    width: 1px;
    height: 35px;
    float: left;
    background-color: #c2c2c2;
    border-right: 1px solid #e7e7e7;
}
.h-n-slide-container{
    width: 556px;
    height: 36px;
    float: left;
    position: relative;
}
.h-n-slide-container ul, .h-n-slide-container ul > li{
    width: 556px;
    height: 36px;
    float: left;
    overflow: hidden;
}
.h-n-slide-container ul > li{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.h-n-slide-container ul > li > a > h1{
    float: left;
    line-height: 35px;
    color: #fff;
    font-size: 10pt;
    text-indent: 11px;
}
.h-n-slide-container ul > li:hover > a > h1{
    color: #323232;
}
.weather-bar{
    width: 213px;
    height: 36px;
    float: left;
}
.weather-bar img{
    float: left;
    margin-left: 11px;
}
.weather-bar h1{
    width: 62px;
    float: left;
    margin-left: 10px;
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 10pt;
    margin-top: 14px;
}
.weather-bar h2, .weather-bar h3{
    float: left;
    margin-left: 4px;
    color: #000;
    font-size: 13pt;
    margin-top: 11px;
}
.weather-bar h2{
    margin-left: 9px;
}
.weather-bar a.all2{
    float: right;
    font-size: 8pt;
    margin-top: 15px;
    margin-right: 10px;
    color:#000;
}
/*--page-layout--*/
.page{
    width: 980px;    
    min-height: 300px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.l-bl-width{
    width: 666px !important;
}
.page > .left-block{
    width: 666px;
    min-height: 300px;
    float: left;
}
.page > .right-block{
    width: 300px;    
    min-height: 300px;
    float: left;
    margin-left: 14px;
}
/*--index--*/
.photo-news{
    width: 980px;
    height: 165px;
    float: left;
    margin-top: 6px;
    position: relative;
}
.photo-news .prev, .photo-news .next{
    width: 30px;
    height: 50px;
    float: left;
    overflow: hidden;
    margin-top: 35px;
    background: url(../images/arr.jpg) no-repeat left top;
}
.photo-news .next{
    background-position: right top;
    margin-left: 7px;
}
.photo-news .container{
    width: 912px;
    float: left;
    overflow: hidden;
    position: relative;
}
.photo-news .container > ul{
    height: 172px;
    float: left;
    margin-left: -6px;
}
.photo-news .container > ul > li{
    width: 170px;
    float: left;
    padding: 10px 0 10px 13px;
    position: relative;
}
.photo-news .container > ul > li img{
    width: 170px;
    height: 101px;
    float: left;
}
.photo-news .container > ul > li h1{
    width: 170px;
    float: left;
    color: #453d3d;
    font-size: 11pt;
    line-height: 13pt;
    margin-top: 10px;
}
.photo-news .container > ul > li:hover h1{
    color: #008683;
}
.headlines-slider{
    width: 666px;
    height: 354px;
    float: left;
    margin-top: 15px;
}
.headlines-slider .images{
    width: 666px;
    height: 322px;
    float: left;
    position: relative;
    overflow: hidden;
}
.headlines-slider .images ul, .headlines-slider .images ul li{
    float: left;    
}
.headlines-slider .images ul li{
    display: none;
}
.headlines-slider .images ul li img{
    width: 666px;
    height: 321px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.headlines-slider .images ul li h1{
    width: 666px;
    float: left;
    background: url(../images/black-opacity.png);
    position: absolute; 
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 20px 15px;
    font-size: 14pt;
    line-height: 14pt;
    color: #fff;
    display: none;
}
.headlines-slider .images .prev, .headlines-slider .images .next{
    width: 20px;
    height: 32px;
    float: left;
    background: url(../images/sprite.png);
    position: absolute;
    z-index: 2;
    top: 140px;
}
.headlines-slider .images .prev{
    background-position: -8px -103px;
    left: 15px;    
}
.headlines-slider .images .next{
    background-position: -29px -103px;
    right: 15px;
}
.headlines-slider .buttons{
    width: 666px;
    height: 32px;
    float: left;
    background-color: #dedede;
    overflow: hidden;
    position: relative;
}
.headlines-slider .buttons ul{
    width: 524px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}
.headlines-slider .buttons ul li, .headlines-slider .buttons ul li a{
    width: 34px;
    height: 32px;
    float: left;
    border-left: 1px solid #cecece;
}
.headlines-slider .buttons ul li a{
    border-left: 1px solid #e9e9e9;
    text-align: center;
    line-height: 34px;
    color: #666;
    font-weight: bold;
    font-size: 11pt;
}
.headlines-slider .buttons ul li:first-child, .headlines-slider .buttons ul li:first-child a{
    border: none;
}
.headlines-slider .buttons ul li a:hover, .headlines-slider .buttons ul li a.active{
    color: #fff;
    background-color: #00807a;
}
.headlines-slider .buttons .mask{
    width: 666px;
    height: 2px;
    float: left;
    background: url(../images/button-mask.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.headlines-slider .buttons .all-headlines{
    height: 32px;
    float: left;
    border-left: 1px solid #cecece;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.headlines-slider .buttons .all-headlines h1{
    width: 139px;
    height: 32px;
    float: left;
    border-left: 1px solid #e9e9e9;    
    color: #333;
    line-height: 34px;
    text-align: center;
    font-size: 11pt;
}
.headlines-slider .buttons .all-headlines:hover h1{
    color: #008683;
}
.news-list-box{
    width: 466px;
    float: left;
    margin-top: 4px;
}
.news-list-box .news{
    width: 466px;
    float: left;
    border-top: 1px solid #e5eded;
    padding: 15px 0;
}
.news-list-box .news img{
    width: 164px;
    height: 90px;
    float: left;
}
.news-list-box .news .text{
    width: 287px;
    float: left;
    margin-left: 15px;
}
.news-list-box .news .text.wide{
    width: 487px;
}
.news-list-box .news .text h1{
    width: 100%;
    float: left;
    font-size: 11pt;
    color: #333;
}
.news-list-box .news .text p{
    width: 100%;
    clear: both;
    float: left;
    font-size: 10pt;
    line-height: 12pt;
    color: #666;
    margin-top: 5px;
}
.news-list-box .news .text:hover h1, .news-list-box .news .text:hover p{
    color: #008683;
}
.writer-box{
    width: 184px;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
}
.writer-box > .title{
    width: 184px;
    height: 32px;
    float: left;
}
.writer-box > .title > .left, .writer-box > .title > .middle, .writer-box > .title > .right{
    height: 32px;
    float: left;
}  
.writer-box > .title > .left, .writer-box > .title > .right{
    width: 13px;
    background: url(../images/sprite.png) -95px -103px;
}
.writer-box > .title > .right{
    background-position: -102px -103px;
}
.writer-box > .title > .middle{
    width: 158px;
    background: url(../images/b1-repeat.png) repeat-x;
    line-height: 32px;
    color: #fff;
    font-size: 11pt;
}
.writer-box .contents{
    width: 184px;
    float: left;
    background-color: #00807a;
}
.writer-box .contents ul{
    width: 156px;
    float: left;
    padding: 0 14px;
    margin-top: 5px;
}
.writer-box .contents ul li{
    width: 156px;
    float: left;
    padding: 12px 0;
    border-bottom: 1px solid #007570;
}
.writer-box .contents ul li img{
    width: 35px;
    height: 50px;
    float: left;
    border: 1px solid #aaa;    
}
.writer-box .contents ul li h1, .writer-box .contents ul li h2{
    width: 111px;
    float: left;
    font-size: 9pt;
    color: #fff;
    margin-left: 8px;
}
.writer-box .contents ul li h2{
    color: #d2e3e2;
    line-height: 11pt;
    margin-left: 8px;
}
.writer-box .contents ul li a:hover h1, .writer-box .contents ul li a:hover h2{
    color: #212121;
}
.writer-box > .bottom{
    width: 184px;
    height: 35px;
    float: left;
    background: #00807a url(../images/writer-bttm.jpg) no-repeat left bottom;
}
.writer-box > .bottom a{
    float: left;
    font-size: 9pt;
    color: #fff;
    margin-top: 7px;
    margin-left: 13px;
}
.writer-box > .bottom a:hover{
    color: #212121;
}
.home-pho-slider{
    width: 666px;
    float: left;
    background-color: #313333;
    margin-top: 15px;
}
.home-pho-slider > .top, .home-pho-slider > .bottom{
    width: 666px;
    height: 10px;
    float: left;
    background: url(../images/home-pho-bg.jpg) no-repeat left top;
}
.home-pho-slider > .bottom{
    background-position: left bottom;
}
.home-pho-slider > .middle{
    width: 666px;
    float: left;
}
.home-pho-slider > .middle h1{
    width: 666px;
    height: 28px;
    float: left;
    font-size: 16pt;
    color: #fff;
    text-indent: 41px;
    margin-top: 6px;
}
.home-pho-slider > .middle .prev, .home-pho-slider > .middle .next{
    width: 16px;
    height: 26px;
    float: left;
    background: url(../images/sprite.png) -47px -86px;
    margin-top: 53px;
    margin-left: 10px;
}
.home-pho-slider > .middle .next{
    background-position: -63px -86px;
    margin-left: 0;
}
.home-pho-slider > .middle .l-line, .home-pho-slider > .middle .r-line{
    width: 10px;
    height: 157px;
    float: left;
    background: url(../images/sprite.png) -157px 0px;
    margin-right: 5px;
}
.home-pho-slider > .middle .r-line{
    background-position: -167px 0px;
    margin-left: 5px;
    margin-right: 0;        
}
.home-pho-slider > .middle .photos{
    width: 585px;
    height: 163px;
    float: left;    
    overflow: hidden;
}
.home-pho-slider > .middle ul{
    height: 157px;
    float: left;
}
.home-pho-slider > .middle ul li{
    width: 185px;
    float: left;
    padding-right: 15px;
}
.home-pho-slider > .middle ul li img{
    width: 185px;
    height: 102px;
    float: left;
    margin-top: 10px;
}
.home-pho-slider > .middle ul li h2{
    width: 185px;
    float: left;
    color: #999;
    font-size: 10pt;
    line-height: 13pt;
    margin-top: 3px;
}
.home-pho-slider > .middle ul li:hover h2{
    color: #fff;
}
.home-add{
    width: 300px;
    /*height: 250px;*/
    float: left;
    position: relative;
    margin-top: 15px;
}
.home-add span, .extra-box span{
    width: 3px;
    height: 3px;
    float: left;
    background: url(../images/add-r.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.home-add img{
    width: 300px;
    /*height: 250px;*/
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.twit-box{
    width: 300px;
    float: left;
    margin-top: 15px;
}
.twit-box > .top{
    width: 300px;
    height: 7px;
    float: left;
    background: url(../images/twit-bg.jpg) no-repeat left top;
}
.twit-box > .middle{
    width: 298px;
    height: 284px;
    float: left;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}
.twit-box > .middle > .title{
    width: 298px;
    height: 28px;
    float: left;
    border-bottom: 1px solid #e8e8e8;
}
.twit-box > .middle > .title h1{
    float: left;
    color: #292f33;
    font-size: 11pt;
    margin-left: 8px;
    margin-top: 3px;
}
.twit-box > .middle > .title span{
    width: 16px;
    height: 14px;
    float: right;
    background: url(../images/sprite.png) -50px -118px;
    margin-right: 11px;
    margin-top: 3px;
}
.twit-box > .middle .tweets{
    width: 282px;
    height: 255px;
    float: left;
    position: relative;
    padding: 0 8px;
    overflow: auto;
}
.twit-box > .middle .tweets li{
    width: 270px;
    float: left;
    position: relative;
    padding: 7px 0;
    border-top: 1px solid #e8e8e8;
}
.twit-box > .middle .tweets li:first-child{
    border-top: none;
}
.twit-box > .middle .tweets li .time{
    position: absolute;
    right: 9px;
    top: 9px;
    color: #707070;
    font-family: Arial;
    font-size: 9pt;    
}
.twit-box > .middle .tweets li img{
    width: 48px;
    height: 48px;
    float: left;
    border-radius: 5px;
}
.twit-box > .middle .tweets li h1{
    width: 218px;
    float: left;
    margin-left: 4px;
    color: #707070;
    font-size: 10pt;
    line-height: 12pt;
}
.twit-box > .middle .tweets li h1 strong{
    color: #292f33;
}
.twit-box > .middle .tweets li p{
    width: 270px;
    clear: both;
    float: left;
    margin: 7px 0;
    color: #292f33;
    font-size: 10pt;
}
.twit-box > .middle .tweets li p a.link, .twit-box > .middle .tweets li p a.hash{
    color: #f68a25;
    font-size: 10pt;
}
.twit-box > .middle .tweets li p a.link:hover{
    text-decoration: underline;
}
.twit-box > .middle .tweets li .rt{
    width: 14px;
    height: 10px;
    float: left;
    background: url(../images/sprite.png) -65px -118px;
    margin-top: 2px;
}
.twit-box > .middle .tweets li .sum{
    width: 13px;
    height: 12px;
    clear: both;
    float: left;
    background: url(../images/sprite.png) -81px -103px;
    margin-top: 2px;
}
.twit-box > .middle .tweets li h2, .twit-box > .middle .tweets li h3{
    float: left;
    margin-left: 4px;
    color: #707070;
    font-size: 10pt;
    line-height: 12pt;
}
.twit-box > .middle .tweets li h3:hover{
    color: #212121;
}
.twit-box > .bottom{
    width: 300px;
    height: 39px;
    float: left;
    background: url(../images/twit-bg.jpg) no-repeat left bottom;
}
.twit-box > .bottom input{
    width: 276px;
    height: 20px;
    float: left;
    background-color: transparent;
    margin-left: 12px;
    margin-top: 8px;
    color: #868686;
    line-height: 20px;
}
.questionnare-box, .list-box{
    width: 300px;
    float: left;
    padding-bottom: 10px;
    background: #f5f5f5 url(../images/quest.jpg) no-repeat left bottom;
    margin-top: 15px;
    position: relative;
}
.questionnare-box > .title, .list-box > .title{
    width: 300px;
    height: 35px;
    float: left;
    border-bottom: 1px solid #dbdbdb;
    font-size: 11pt;
    text-indent: 15px;
    line-height: 35px;
}
.questionnare-box h2{
    width: 270px;
    float:left; 
    padding: 13px 0;
    border-bottom: 1px solid #e8e8e8;
    margin: 0 15px;
    color: #666;
    font-size: 9pt;
    line-height: 11pt;
}
.questionnare-box .choose-radio{
    width: 30px;
    float: left;
    position: relative;
}
.questionnare-box .choose-label{
    width: 255px;
    float: left;    
    margin-left: 3px;
}
.questionnare-box .choose-label label{
    float: left;
    margin-top: 6px;
    position: relative;
}
.questionnare-box .choose-radio input[type="radio"]{
    width: 10px;
    height: 20px;
    float: left;
    margin-top: 6px;
    margin-left: 15px;
    cursor: pointer;
}
.questionnare-box .choose-label h3{
    width: 253px;
    height: 20px;
    float: left;
    color: #666;
    font-size: 9pt;
    line-height: 20px;
    cursor: pointer;
}
.questionnare-box input[type="button"]{
    clear: both;
    float: left;
    width: 80px;
    height: 30px;
    margin-left: 15px;
    margin-top: 11px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    font-size: 9pt;
    color: #fff;
    background-color: #00807f;
    cursor: pointer;
}
.questionnare-box input[type="button"]:hover{
    background-color: #212121;
}
.questionnare-box a{
    float: left;
    color: #00807f;
    font-size: 9pt;
    margin-top: 20px;
    margin-left: 13px;
}
.questionnare-box h3:hover, .questionnare-box a:hover{
    color: #212121;
}
.blog-box{
    width: 300px;
    float: left;
    margin-top: 15px;    
}
.blog-box > .top, .blog-box > .bottom{
    width: 300px;
    height: 5px;
    float: left;
    background: url(../images/blog-bg.jpg) no-repeat left top;
}
.blog-box > .bottom{
    background-position: left bottom;
}
.blog-box > .middle{
    width: 264px;
    float: left;
    background-color: #e65d56;
    padding: 12px 18px;
}
.blog-box > .middle h1, .blog-box > .middle h2{
    clear: both;
    float: left;
    color: #fff;
    font-size: 12pt;
}
.blog-box > .middle h2{
    font-size: 10pt;
    margin-top: 3px;
}
.blog-box > .middle img{
    width: 80px;
    height: 130px;
    float: left;
}
.blog-box > .middle h3{
    width: 158px;
    float: left;
    font-size: 11pt;    
    line-height: 13pt;
    color: #f1f1f1;
    margin-left: 14px;
}
.blog-box > .middle a:hover h1, .blog-box > .middle a:hover h2, .blog-box > .middle a:hover h3{
    color: #212121;
}
.list-box .contents{
    width: 270px;
    float: left;
    padding: 0 15px;
}
.list-box .contents li{
    width: 270px;
    float: left;
    padding: 6px 0;
    border-bottom: 1px solid #dbdbdb;
}
.list-box .contents li img{
    width: 98px;
    height: 54px;
    float: left;
    margin-right: 10px;
}
.list-box .contents li a{
    float: left;
    font-size: 9pt;
    color: #00807a;
    line-height: 20px;
}
.list-box .contents li a:hover{
    color: #f89446;
}
.list-box .all{
    float: left;
    font-size: 9pt;
    color: #333;
    margin-top: 12px;
    margin-bottom: 2px;
    margin-left: 18px;
}
.list-box .all:hover{
    color: #008683;
}
.home-gallery{
    width: 950px;
    float: left;
    padding: 15px;
    background-color: #f5f5f5;
    margin-top: 15px;
}
.home-gallery > .title{
    width: 950px;
    height: 55px;
    float: left;
    font-size: 14pt;
    line-height: 55px;
    color: #333;
}
.home-gallery .big, .home-gallery .big img{
    width: 434px;
    float: left;
    position: relative;
}
.home-gallery .big .play-ico{
    width: 34px;
    height: 40px;
    background: url(../images/sprite.png) 0px -135px;
    position: absolute;
    left: 200px;
    top: 100px;
    z-index: 2;
}
.home-gallery .big img{
    height: 239px;
    z-index: 1;
}
.home-gallery .big h1{
    width: 420px;
    float: left;
    margin-top: 15px;
    font-size: 11pt;
    line-height: 13pt;
    color: #333;
    margin-left: 14px;
}
.home-gallery .small{
    width: 515px;
    float: left;
}
.home-gallery .small li, .home-gallery .small img, .home-gallery .small h1{
    width: 160px;
    float: left;
    position: relative;
}
.home-gallery .small li{
    margin-left: 11px;
    padding-bottom: 23px;
}
.home-gallery .small .play-ico{
    width: 21px;
    height: 24px;
    background: url(../images/sprite.png) -34px -135px;
    position: absolute;
    left: 72px;
    top: 31px;
    z-index: 2;
}
.home-gallery .small img{
    width: 158px;
    height: 87px;
    z-index: 1;
    /*border: 1px solid #b3b3b4;*/
}
.home-gallery .small h1{
    margin-top: 7px;
    font-size: 10pt;
    line-height: 12pt;
    color: #333;
}
.cat-list-box{
    width: 666px;
    float: left;
    height: 296px;
    margin-top: 15px;
}
.home-gallery .big h1:hover , .home-gallery .small h1:hover {
    color: #008683;
}
.cat-list-box > .top{
    width: 666px;
    float: left;
}
.cat-list-box > .top > .left, .cat-list-box > .top > .right{
    width: 5px;
    height: 37px;
    float: left;
    background: url(../images/sprite.png) -55px -135px;
}
.cat-list-box > .top > .right{
    background-position: -60px -135px;
}
.cat-list-box > .top > .middle{
    width: 656px;
    height: 37px;
    float: left;
    background: url(../images/ncat-repeat.png) repeat-x;
}
.cat-list-box > .top > .middle h1{
    float: left;
    font-size: 12pt;
    color: #333;
    margin-top: 15px;
    margin-left: 9px;
}
.cat-list-box > .top > .middle a{
    float: right;
    font-size: 10pt;
    color: #333;
    margin-top: 15px;
    margin-right: 9px;
}
.cat-list-box > .top > .middle a:hover{
    color: #008683;
}
.cat-list-box > .bottom{
    width: 664px;
    float: left;
    border: 1px solid #e5e5e5;
    border-top: none;  
    padding-bottom: 5px;
}
.cat-list-box .big{
    width: 301px;
    float: left;
    padding: 15px;
}
.cat-list-box .big img{
    width: 301px;
    height: 159px;
    float: left;
    margin-bottom: 10px;
}
.cat-list-box .big h1, .cat-list-box .big p{
    width: 296px;
    float: left;
    color: #00807a;
    font-size: 12pt;
    line-height: 14pt;
    margin-left: 5px;
}
.cat-list-box .big:hover h1{
    color: #f89446;
}
.cat-list-box .big:hover p{
    color: #008683;
}
.cat-list-box .big p{
    color: #666;
    font-size: 10pt;
    line-height: 12pt;
}
.cat-list-box .line{
    width: 1px;
    height: 220px;
    float: left;
    margin-top: 15px;
    background-color: #e5e5e5;
}
.cat-list-box .list{
    width: 302px;
    float: left;
    padding: 15px;
}    
.cat-list-box .list li{ 
    padding: 5px 0;
    border-top: 1px solid #f4f4f4;
}
.cat-list-box .list li:first-child{ 
    border: none;
}
.cat-list-box .list li a{   
    color: #00807a;
    font-size: 10pt;
    line-height: 12pt;
}
.cat-list-box .list li a:hover{
    color: #f89446;
}
.extra-box{
    width: 300px;
    float: left;
    position: relative;
    margin-top: 15px;
}
.extra-box > .top{
    width: 300px;
    height: 36px;
    float: left;
    border-bottom: 1px solid #3b3d3d;
    background: url(../images/extra-repeat.png) repeat-x;
}
.extra-box > .top h1{
    float: left;
    line-height: 36px;
    font-size: 11pt;
    color: #fff;
    margin-left: 15px;
}
.extra-box > .middle{
    width: 285px;
    float: left;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
    background-color: #313333;
}
.extra-box > .middle a{
    float: left;
    margin-right: 15px;
}
.extra-box > .middle img{
    width: 126px;
    height: 205px;
    float: left;
}
.extra-box > .middle h1{
    width: 126px;
    clear: both;
    float: left;
    margin-top: 8px;
    color: #f1f1f1;
    font-size: 11pt;
}
.extra-box > .middle a:hover h1{
    color: #969696;
}
.extra-box > .bottom{
    width: 300px;
    height: 4px;
    float: left;
    background: url(../images/extra-bottom.png) no-repeat left bottom;
}
.cartoon{
    width: 300px;
    height: 392px;
    float: left;
    margin-top: 15px;
}
.cartoon img{
    width: 298px;
    height: 390px;
    float: left;
    border: 1px solid #b2d9d7;
}
/*--footer--*/
.footer{
    width: 980px;
    margin: 0 auto;
    margin-top: 30px;    
}
.footer .content{
    width: 980px;
    float: left;
    background: #00a7a5 url(../images/footer-bg.jpg) no-repeat left top;
}
.footer .f-menu{
    float: left; 
    padding: 30px;
    padding-right: 0;
}
.f-menu li a{
    clear: both;
    float: left;
    font-size: 10pt;
    color: #fff;  
    line-height: 12pt;
    margin: 2px 0;
}
.f-menu li a:hover{
    color: #212121;
}
.fy-line{
    width: 1px;
    height: 127px;
    float: left;
    background-color: #00909b;
    border-right: #0d9faa;
    margin: 30px;
}
.f-social{
    float: left;
    margin:30px 0 10px 30px;
}
.f-social li{
    float: left;
    margin-left: 1px;
}
.f-social li a span{
    width: 28px;
    height: 28px;
    float: left;
    background: url(../images/sprite.png);
}
.f-social li a span.twit{
    background-position: -65px -135px;
}
.f-social li a span.pin{
    background-position: -93px -135px;
}
.f-social li a span.face{
    background-position: -121px -135px;
}
.f-social li a span.rss{
    background-position: -65px -163px;
}
.f-social li a span.plus{
    background-position: -93px -163px;
}
.fx-line{
    width: 980px;
    height: 1px;
    float: left;
    background-color: #00909b;
    border-bottom: #0d9faa;
}
.f-copy-right{
    width: 920px;
    float: left;
    padding: 15px 30px;
    font-size: 10pt;
    line-height: 20px;
    color: #90caca;
}
/*--news-detail--*/
.news-detail, .news-detail > .title, .news-detail .info, .news-detail .sum, .news-detail .detail, .news-detail .detail img{
    width: auto;
    float: left;
}
.news-detail{
    margin-top: 15px;
}
.news-detail > .title{
    font-size: 24pt;
    line-height: 26pt;
    color: #272727;
    width: 666px;
}
.news-detail .info, .news-detail .info a{
    font-size: 9pt;
    line-height: 11pt;
    color: #b1b1b1;
    margin-top: 5px; /* @kolektif */ 
}
.news-detail .sum{
    width: 666px;
    font-size: 12pt;
    line-height: 14pt;
    color: #666;
    margin-top: 10px;
}
.news-detail .detail, .news-detail .detail a{
    font-size: 11pt;
    line-height: 16pt;
    color: #444;
}
.news-detail > .detail p img {
    margin:10px;
}
.news-detail .detail{
    margin-top: 10px;
    margin-bottom: 10px;
}
.news-detail .detail img{
    margin: 0 10px 10px 0;
}
.share-box{
    width: 100%;
    height: 32px;
    float: left;
    margin-top: 10px;
}
.share-box > .left, .share-box > .right{
    width: 5px;
    height: 32px;
    float: left;
    background: url(../images/sprite.png) -34px -159px;
}
.share-box > .right{
    background-position: -49px -159px;
}
.share-box > .middle{
    height: 32px;
    float: left;
    background: url(../images/share-repeat.png) repeat-x;
}
.s-tweet-box{
    width: 90px;
    float: left;
    margin-top: 6px;
}
.s-plus-box{
    width: 76px;
    float: left;
    margin-top: 4px;
}
.s-face-box{
    width: 103px;
    float: left;
    margin-top: 6px;
}
.print-box{
    float: right;
}
.print-box h3{
    width: 87px;
    float: left;
    color: #00807f;
    font-size: 10pt;
    line-height: 32px;
    margin-left: 2px;
}
.print-box h3:hover{
    text-decoration: underline;
}
.print-box span{
    width: 16px;
    height: 16px;
    float: left;
    background: url(../images/sprite.png) 0px -175px;
    margin-top: 7px;
    margin-right: 2px;
}
.scoring-box{
    width: 666px;
    height: 42px;
    float: left;
}
.scoring-box > .left, .scoring-box > .right{
    width: 10px;
    height: 43px;
    float: left;
    background: url(../images/sprite.png) -163px -159px;
}
.scoring-box > .right{
    background-position: -173px -159px;
}
.scoring-box > .middle{
    width: 646px;
    height: 43px;
    float: left;
    background: url(../images/scoring-repeat.png) repeat-x;
}
.scoring-box > .middle h2{
    float: left;
    color: #666;
    text-indent: 5px;
    font-size: 11pt;
    line-height: 42px;
}
.scoring-box > .middle h3{
    width: 47px;
    height: 29px;
    float: left;
    background: url(../images/sprite.png) 0px -191px;
    font-size: 12pt;
    line-height: 29px;
    text-align: center;
    color: #dc9558;
    margin-top: 6px;
    margin-left: 10px;
}
.scoring-box > .middle .star-box{
    float: right;
}
.scoring-box > .middle .star-box .stars{
    height: 26px;
    float: left;    
    margin-left: 5px;
    padding-left: 5px;
    margin-top: 8px;
    border-left: 1px solid #d9d9d9;
}
.scoring-box > .middle .star-box .stars li{
    float: left;
    margin: 4px 1px;
}
.scoring-box > .middle .star-box .stars li a{
    width: 18px;
    height: 18px;
    float: left;
    background: url(../images/sprite.png) -121px -163px;
}
.scoring-box > .middle .star-box .stars li a:hover, .scoring-box > .middle .star-box .stars li a.active{
    background-position: -139px -163px;
}
.next-prev-box{
    width: 666px;
    float: left;
}
.next-prev-box > .left, .next-prev-box > .right{
    width: 332px;
    min-height: 50px;
    float: left;
    border-right: 1px solid #e5e5e5;
}
.next-prev-box > .right{
    border-right: none;
}
.next-prev-box > .left h1, .next-prev-box > .right h1{
    float: left;
    font-size: 11pt;
    line-height: 13pt;
    margin-left: 14px;
    margin-top: 11px;
    color: #00807f;
}
.next-prev-box > .left a, .next-prev-box > .right a{
    float: left;
    font-size: 11pt;
    line-height: 13pt;
    margin-left: 14px;
    color: #999;
    width: 310px;
}
.next-prev-box > .left a:hover, .next-prev-box > .right a:hover{
    color: #212121;
}
.next-prev-box > .right h1, .next-prev-box > .right a{
    float: right;
    margin-left: 0;
    margin-right: 13px;
    text-align: right;
}
.sponsor-box{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.sponsor-box > .top, .sponsor-box > .bottom{
    width: 666px;
    height: 10px;
    float: left;
    background: url(../images/sponsor-bg.png) no-repeat left top;
}
.sponsor-box > .bottom{
    background-position: left bottom;
}
.sponsor-box > .middle{
    width: 666px;
    float: left;
    background: url(../images/sponsor-repeat.png) repeat-y;
}
.sponsor-box > .middle > .left{
    width: 478px;
    float: left;
}
.sponsor-box > .middle > .right{
    width: 188px;
    float: left;
}
.sponsor-box > .middle > .left img, .sponsor-box > .middle > .right img{
    width: 468px;
    height: 60px;
    float: left;
    margin-left: 7px;
}

.sponsor-box.double > .middle > .left{
    width: 300px;
    height: 250px;
    float: left;
}
.sponsor-box.double > .middle > .right{
    width: 300px;
    height: 250px;
    float: right;
}
.sponsor-box.double > .top, .sponsor-box.double > .bottom, .sponsor-box.double > .middle{
    background: none;
}



.sponsor-box > .middle > .right img{
    width: 178px;
}
.comment-box{
    width: 666px;
    float: left;
    margin-top: 15px;
}
.comment-box > .top{
    width: 666px;
    height: 49px;
    float: left;        
    border-bottom: 1px solid #e5e5e5;
}
.comment-box  > .top h1{   
    float: left;
    font-size: 16pt;
    line-height: 50px;
}
.comment-box > .top .com-btn{   
    float: right;
    margin: 9px 0;
}
.comment-box > .top .com-btn > .left, .comment-box > .top .com-btn > .right{
    width: 17px;
    height: 31px;
    float: left;
    background: url(../images/sprite.png) -47px -191px;
}
.comment-box > .top .com-btn > .right{
    background-position: -51px -191px;
}
.comment-box > .top .com-btn > .middle{
    height: 30px;
    float: left;
    background-color: #00807f;
    color: #fff;
    font-size: 9pt;
    line-height: 29px;
}
.comment-box > .top .com-btn > .middle:hover{
    color: #d6d6d6;
}
.comment-box .content{
    width: 666px;
    float: left;
}
.comment-box .content ul{
    float: left;
    /*height: 357px;*/
}
.comment-box .content ul li{
    width: 666px;
    float: left;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}
.comment-box .content ul li h1{
    float: left;
    font-size: 11pt;
    line-height: 13pt;
    color: #444;
}
.comment-box .content ul li h2{
    float: left;
    font-size: 9pt;
    line-height: 13pt;
    margin-left: 5px;
    color: #999;
}
.comment-box .content ul li p{
    clear: both;
    float: left;
    margin: 7px 0;
    font-size: 10pt;
    line-height: 12pt;
    color: #666;
}
.comment-box .content ul li .com-like-btn, .comment-box .content ul li .com-unlike-btn{
    float: left;
    padding: 6px;
    font-size: 8pt;
    color: #ea002c;
    border: 1px solid #e5e5e5;
}
.comment-box .content ul li .com-like-btn{
    clear: both;
    color: #00807f;
}
.comment-box .content ul li .com-like-btn:hover, .comment-box .content ul li .com-unlike-btn:hover{
    text-decoration: underline;
}
.comment-box > .bottom{
    width: 666px;
    float: left;    
}
.comment-box .post{
    width: 666px;
    float: left;
    display: none;
}
.comment-box .post .up, .comment-box .post .down{
    width: 666px;
    height: 15px;
    float: left;
    background: url(../images/com-bg.png) no-repeat left top;
}
.comment-box .post .down{
    background-position: left bottom;
}
.comment-box .post .center{
    width: 636px;
    padding: 0 15px;
    float: left;
    background: url(../images/com-repeat.png) repeat-y;
}
.comment-box .post .center h1{
    float: left;
    font-size: 14pt;
    line-height: 16pt;
    color: #272727;
}
.i3-left,.i3-middle,.i3-right{
    height: 30px;
    float: left;
    margin-top: 10px;
}
.i3-left{
    clear: both;
}
.i3-left,.i3-right{
    width: 10px;    
    background: url(../images/sprite.png) -68px -190px;
}
.i3-middle{
    background: url(../images/i3-repeat.png) repeat-x;
}
.i3-right{
    background-position: -78px -190px;
}
.i3-middle input{
    width: 113px;
    height: 30px;
    float: left;
    background-color: transparent;
    color: #666;
    font-weight: bold;
    font-size: 9pt;
    line-height: 30px;
}
.comment-box .post .center p{
    float: left;
    font-size: 8pt;
    line-height: 11pt;
    color: #999;
    margin-top: 10px;
    margin-left: 10px;    
}
.textarea{
    width: 634px;
    float: left;
    margin-top: 10px;
}
.textarea > .top, .textarea > .bottom{
    width: 634px;
    height: 10px;
    float: left;
    background: url(../images/text-bg.png) no-repeat left top;
}
.textarea > .bottom{
    background-position: left bottom;
}
.textarea > .middle{
    width: 634px;
    float: left;
    background: url(../images/text-repeat.png) repeat-y;
}
.textarea > .middle textarea{
    width: 604px;
    height: 100px;
    float: left;
    background-color: transparent;
    padding: 0 10px;
    color: #666;
    font-weight: bold;
    font-size: 9pt;
    line-height: 11pt;
}
.comment-box .post .center .send-com{
    width: 634px;
    float: left;
    margin-top: 10px;
}
.comment-box .post .center .send-com h1{
    height: 25px;
    float: left;
    color: #666;
    font-size: 9pt;
    height: 25px;
}
.comment-box .post .center .send-com a{
    float: right;
}
.comment-box .post .center .send-com a > .left, .comment-box .post .center .send-com a > .right{
    width: 10px;
    height: 25px;
    float: left;
    background: url(../images/sprite.png) -89px -191px;
}
.comment-box .post .center .send-com a > .right{
    background-position: -99px -191px;
}
.comment-box .post .center .send-com a > .middle{
    height: 25px;
    float: left;
    padding: 0 10px;
    background: url(../images/b2-repeat.png) repeat-x;
    font-size: 10pt;
    line-height: 23px;
    color: #fff;
}
.comment-box .post .center .send-com a:hover > .middle{
    color: #d6d6d6;
}
/*---paging---*/
.page-nav, .page-nav-2{
    height: 20px;
    float: left;
    margin: 10px 0;
}
.page-nav .prev, .page-nav .next, .page-nav-2 .prev, .page-nav-2 .next{
    width: 60px;
    height: 20px;
    float: left;
    line-height: 20px;
    font-size: 9pt;
    color: #00807f; 
}
.page-nav .prev, .page-nav .next, .page-nav-2 .prev, .page-nav-2 .next{
    margin-left: 5px;
}
.page-nav-2 .prev, .page-nav-2 .next{
    color: #308225;    
}
.page-nav .prev, .page-nav-2 .prev{
    display: none;
}
.page-nav .first, .page-nav .last, .page-nav-2 .first, .page-nav-2 .last{
    display: none;
}
.page-nav .prev:hover, .page-nav .next:hover, .page-nav-2 .prev:hover, .page-nav-2 .next:hover{
    color: #212121;   
}
.page-nav .page-num, .page-nav-2 .page-num{
    height: 20px;
    float: left;
}
.page-nav .page-num a, .page-nav-2 .page-num a{
    width: 20px;
    height: 20px;
    float: left;  
    font-size: 9pt;
    line-height: 20px;
    text-align: center;
    color: #666;
}
.page-nav .page-num a:hover, .page-nav-2 .page-num a:hover{
    font-weight: bold;
}
.page-nav .page-num a.active, .page-nav-2 .page-num a.active{
    background-color: #e5e5e5;
    font-weight: bold;
}
/*--gallery--*/
.category-title{
    width: 980px;
    float: left;
    padding-top: 5px;
    padding-bottom: 21px;
    margin-top: 15px;
    background: url(../images/cat-title-repeat.png) repeat-x left bottom;
}
.category-title > h1{
    height: 31px;
    float: left;
    font-size: 20pt;
    line-height: 31px;
    color: #272727;
}
.category-title > span{
    width: 8px;
    height: 26px;
    float: left;
    background: url(../images/sprite.png) -149px -132px;
    margin-left: 20px;
    margin-top: 2px;
}
.category-title > ul{
    float: left;
    margin-left: 15px;
    margin-top: -2px;
}
.category-title > ul > li{
    float: left;
    margin: 0 5px;
    padding-bottom: 4px;
}
.category-title > ul > li > a{
    height: 31px;
    float: left;
    padding: 0 10px;
    font-size: 11pt;
    line-height: 31px;
    color: #333;
}
.category-title > ul > li:hover, .category-title > ul > li.active{
    background: url(../images/arr-dwn.png) no-repeat bottom center;
}
.category-title > ul > li:hover > a, .category-title > ul > li.active > a{
    background: url(../images/b3-repeat.png) repeat-x;
    color: #fff;
}
.gallery-cont{
    width: 666px;
    float: left;
    margin-top: 5px;
}
.gallery-cont > .title{
    float: left;
    margin-top: 15px;
    color: #333;
    font-size: 14pt;
    line-height: 16pt;
}
.gallery-cont .contents{
    width: 686px;
    float: left;
    margin-top: 2px;
}
.gallery-cont .contents.mH{
    /*height: 721px;*/
}
.gallery-cont .contents > li{
    width: 207px;
    height: 155px;
    float: left;    
    margin: 8px 0;
    margin-right: 20px;
}
.gallery-cont .contents > li img{
    width: 207px;
    height: 114px;
    float: left;
}
.gallery-cont .contents > li h1{
    width: 207px;
    clear: both;
    float: left;
    margin-top: 5px;
    font-size: 11pt;
    color: #333;
    line-height: 13pt;
}
.gallery-cont .contents > li:hover h1{
    color: #008683;
}
.gal-line-x{
    width: 666px;
    height: 4px;
    float: left;
    background: url(../images/cat-title-repeat.png) repeat-x;
    margin-top: 10px;
}
.gal-det-cont{
    width: 666px;
    float: left;
    margin-top: 15px;
}
.gal-det-cont > .top{
    width: 666px;
    height: 17px;
    float: left;
    background: url(../images/p-det-bg.png) no-repeat left top;
}
.gal-det-cont > .middle{
    width: 666px;
    float: left;
    background: url(../images/p-det-repeat.png) repeat-y;
}
.gal-det-cont > .middle .gal-title{
    width: 666px;
    float: left;
    font-size: 20pt;
    line-height: 22pt;
    color: #333;
    text-align: center;
}
.gal-det-cont > .middle .gal-date{
    width: 666px;
    clear: both;
    float: left;
    margin-top: 3px;
    font-size: 8pt;
    line-height: 10pt;
    color: #b1b1b1;
    text-align: center;
}
.gal-det-cont > .middle .gal-slider{
    width: 590px;
    clear: both;
    float: left;
    margin-left: 38px;
    margin-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.gal-det-cont > .middle .gal-slider .images > li{
    float: left;
}
.gal-det-cont > .middle .gal-slider .images > li img{
    width: 590px;
    float: left;
}
.gal-det-cont > .middle .gal-slider .images > li h1{
    width: 590px;
    clear: both;
    float: left;
    margin-top: 10px;
    font-size: 9pt;
    line-height: 11pt;
    color: #666;
}
.gal-nav{
    height: 38px;
    float: left;
    margin-top: 10px;
}
.gal-nav .prev, .gal-nav .next{
    width: 25px;
    height: 36px;
    float: left;
    background: url(../images/sprite.png) -112px -191px;
    position: absolute;
    left: 20px;
    top: 213px;
    z-index: 2;
}
.gal-nav .next{
    background-position: -137px -191px;
    left: 545px;
}
.gal-nav .first, .gal-nav .last{
    display: none;
}
.gal-nav .page-num{
    height: 28px;
    float: left;
}
.gal-nav .page-num a{
    width: 30px;
    height: 28px;
    float: left;  
    font-size: 11pt;
    font-weight: bold;
    color: #999;
    line-height: 28px;
    text-align: center;
}
.gal-nav .page-num a:hover, .gal-nav .page-num a.active{
    color: #fff;
    background: url(../images/sprite.png) -163px -202px;
}
.gal-det-cont > .bottom{
    width: 651px;
    height: 36px;
    padding-left: 15px;
    padding-top: 7px;
    float: left;
    background: url(../images/p-det-bg.png) no-repeat left bottom;
}

.cat-list-box .big a {
    display: none;
}

.cat-list-box .big a.active {
    display: block;
}

.form {
    float: left;
    width: 666px;
}
.formAbone {
    width: 680px;
    margin: 10px 14px;
}
.form .cover {
    float: left;
    margin-bottom: 5px;
    width: 666px;
}
.form .cover .form-left {
    float: left;
    width: 266px;
}
.form .cover .form-left p {
    font-size: 11pt;
    color: #00807C;
    font-weight: bold;
    margin-top: 15px;
}
.form .cover .form-right {
    float: left;
    width: 400px;
}
.form .cover .form-button {
    background: url("../images/cat-repeat.png") repeat-x;
    float: left;
    height: 35px;
    position: relative;
    width: 120px;
    z-index: 1;
    margin-top: 8px;
    font-size: 9pt;
    color: #fff;
    font-weight: bold;
    font-family: Arial;
    cursor: pointer;
    border: 0;
}
.error {
    float: left;
    font-family: Arial;
    font-size: 8pt;
    color: #C80000;
    margin-top: 3px;
}
#errortwo {
    left: -8px;
    position: absolute;
    top: -23px;
    width: 130px;
}
.contact-input {
    background: url("../images/input_bg.jpg") no-repeat;
    border: 1px solid #CCCCCC;
    font: 12px Tahoma;
    padding: 6px;
    width: 323px;
    height: 180px;
    margin-top: 7px;
}

#anketform > .cover {
    float: left;
}

#voteResultDiv {
    display: none;
    float: left;
    font: bold 10pt Arial;
    margin-left: 15px;
    margin-top: 10px;
    color: #00807C;
}

#voteResultDiv span {
    color: #0084B4;
    cursor: pointer;
    font: bold 9pt Arial;
    padding-left: 5px;
    cursor: pointer;
}

#anketform .anket_sonuclar {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    display: none;
}

#anketform .anket_sonuclar li {
    float: left;
    width: 272px;
}

#anketform .anket_sonuclar p {
    color: #0084B4;
    font:9pt Arial;
    float: left;
    line-height: 20px;
}

#anketform .anket_sonuclar p.goback {
    color: #C80000;
    cursor: pointer;
}

.commessage {
    background:#F5F5F5;
    display: none;
    float: left;
    width: 666px;
}

.commessage p {
    color: #00807F;
    display: block;
    font-size: 12pt;
    line-height: 20px;
    margin: 10px;
}

.commessage p strong {
    font-weight: bold;
}

.pagination {
    float: right;
    margin-right: 10px;
    margin-top: 16px;
}
.pagination li {
    float: left;
}
.pagination li a {
    color: #000000;
    display: inline-block;
    padding: 5px 6px;
    font-size: 10pt;
}
.pagination li a.active {
    background: #E5E5E5;
    font-weight: bold;
}
.pagination li a:hover {
    font-weight: bold;
}
.pagination li a.prev, .pagination li a.next {
    color: #00807F;
    font-size: 10pt;
}
.pagination li a.prev:hover, .pagination li a.next:hover {
    background: none;
    font-weight: normal;
}

.mesaj-text {
    font-size: 10pt;
    font-family: Arial;
    line-height: 20px;
    color: #272727;
}

.mesaj-text a {
    font-size: 10pt;
    text-decoration: underline;
    font-style: italic;
}

.formerror {
    color: #C80000;
    float: right;
    font: 8pt Arial;
    margin-left: 70px;
    position: absolute;
}
.h-uye {
    float: right;
    margin-top: 37px;
}
.h-uye p {
    float: left;
    font-size: 9pt;
    margin-top: 12px;
    margin-right: 5px;
    color:#999;
}
.h-uye p span {
    color:#00807C;
    font-weight: bold;
}
.h-uye .profile {
    float: right;
}
.h-uye .profile a {
    background: url("../images/cat-repeat.png") repeat-x;
    float: left;
    width: 60px;
    text-align: center;
    padding: 7pt 0 6pt 0;
    margin-top: 0;
    margin-left: 8px;
    color: #fff;
    font:9pt Arial;
}

/********* YAZARLAR *************/

.article-list-boxes{
    width: 666px;
    float: left;
    margin-top: 15px;
}
.alb-tit, .alb-tit2{
    width: 608px;
    height: 40px;
    float: left;
    background-color: #00807a;
    padding: 0 29px;
    color: #fff;
    line-height: 40px;
    font-size: 11pt;
}
.alb-tit2{
    width: 606px;
}
.alb-cont{
    width: 610px;
    float: left;
    padding: 16px 27px;
    background-color: #ffffff;
    border: 1px solid #cccbcb;
    border-top: none;
}
.alb-cont > li{
    width: 610px;
    float: left;
    padding: 16px 0;
    position: relative;
    border-bottom: 1px dashed #e3e3e3;
}
.alb-cont > li:last-child {
    border-bottom: none;
}
.alb-cont > li img{
    width: 96px;
    height: 119px;
    float: left;
    margin-right: 20px;
}
.alb-cont > li .text{
    width: 494px;
    float: left;
}
.alb-cont > li .t1, .alb-cont > li .t2, .alb-cont > li .t3, .alb-cont > li .t4{
    clear: both;
    float: left;
    font-size: 11pt;
    line-height: 14pt;
}
.alb-cont > li .t1{
    color: #00807a;
}
.alb-cont > li .t1:hover, .alb-cont > li .t2:hover{
    color: #F68A25;
}
.alb-cont > li .t2{
    color: #484848;
    font-size: 9pt;
    margin-top: 3px;
}
.alb-cont > li .t3{
    color: #484848;
    margin-top: 20px;
}
.alb-cont > li .t4{
    color: #797979;
    font-size: 10pt;
    margin-top: 3px;
}
.alb-cont > li .t3:hover, .alb-cont > li .t4:hover{
    color: #00807a;
}
.alb-cont > li .det-btn{
    height: 25px;
    float: left;
    padding-left: 16px;
    padding-right: 7px;
    background-color: #e2e0e0;
    position: absolute;
    right: 0;
    top: 15px;
}
.alb-cont > li .det-btn span{
    float: left;
    font-size: 9pt;
    line-height: 25px;
    color: #797777;
}
.alb-cont > li .det-btn:hover span{
    color: #484848;
}
.alb-cont > li .det-btn em{
    width: 6px;
    height: 11px;
    float: left;
    background: url(../images/sprite.png) -80px -222px;
    margin-left: 9px;
    margin-top: 7px;
}
.article-box{
    width: 664px;
    float: left;
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #cccbcb;
}
.article-box .info{
    width: 608px;
    height: 125px;
    padding: 16px 28px;
    float: left;
    position: relative;
    background-color: #f6f5f5;
}
.article-box .info img{
    width: 96px;
    height: 119px;
    float: left;
    margin-top: 6px;
}
.article-box .info .i1,.article-box .info .i3{
    float: left;
    margin-top: 110px;
    margin-left: 20px;
    font-size: 11pt;
    line-height: 11pt;
    color: #484848;
}
.article-box .info .i3{
    color: #00807a;
}
.article-box .info .i2{
    float: right;
    margin-top: 110px;
    color: #484848;
    font-size: 9pt;
    line-height: 11pt;
}
.article-box .info .i4{
    position: absolute;
    left: 144px;
    top: 100px;
    color: #7e7e7e;
    font-size: 11pt;
    line-height: 11pt;
}
.article-box .info .i2:hover{
    color: #00807a;
}
.social-bar{
    width: 608px;
    height: 40px;
    padding: 0 28px;
    float: left;
    background-color: #eeeded;
}
.social-bar .date{
    height: 20px;
    float: left;
    margin-top: 10px;
    color: #484848;
    font-size: 8pt;
    line-height: 20px;
}
.social-bar .sb-right{
    height: 20px;
    float: right;
    margin-top: 5px;
}
.social-bar .min-btn{
    width: 7px;
    height: 7px;
    float: left;
    margin: 0 7px;
    margin-top: 9px;
    background: url(../images/sprite.png) -88px -223px;
}
.social-bar .max-btn{
    width: 14px;
    height: 14px;
    float: left;
    margin-top: 5px;
    background: url(../images/sprite.png) -95px -219px;
}
.article-text{
    width: 606px;
    float: left;
    padding: 29px;
    background-color: #fff;
    font-size: 11pt;
    line-height: 14pt;
    color: #797979;
}
.at-tit{
    width: 606px;
    float: left;
    padding: 10px 0;
    font-size: 13pt;
    line-height: 16pt;
    color: #484848;
}
.other-articles{
    width: 610px;
    float: left;
    padding: 15px 27px;
}
.other-articles > li{
    width: 610px;
    float: left;
    padding: 10px 0;
    border-bottom: 1px dashed #E3E3E3;
}
.other-articles > li .tit, .other-articles > li .date{
    color: #484848;
    float: left;
    margin: 0 10px;
    line-height: 13pt;
}
.other-articles > li .tit{
    width: 400px;
    font-size: 11pt;
}
.other-articles > li .date{
    width: 170px;
    float: left;
    font-size: 9pt;
    text-align: right;
}
.other-articles > li .tit:hover{
    color: #202021;
}
.all-art-btn{
    clear: both;
    float: left;
    background-color: #eaeaea;
    padding-right: 17px;
    margin-left: 28px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.all-art-btn span{
    height: 33px;
    float: left;
    color: #7a7878;
    font-size: 9pt;
    line-height: 33px;
    padding-left: 20px;
    padding-right: 14px;
}
.all-art-btn span:hover{
    color: #202021;
}
.all-art-btn em{
    width: 6px;
    height: 11px;
    float: left;
    background: url(../images/sprite.png) -80px -222px;
    margin-top: 10px;
}
.all-articles{
    width: 608px;
    float: left;
    background-color: #fff;
    padding: 10px 28px;
}
.all-articles > li{
    width: 608px;
    float: left;
    padding: 15px 0;
    border-bottom: 1px dashed #E3E3E3;
}
.all-articles > li:last-child {
    border-bottom: 0;
}
.all-articles > li .tit, .all-articles > li .date{
    float: left;
    color: #484848;
    line-height: 15pt;
}
.all-articles > li .tit{
    width: 400px;
    font-size: 12pt;
}
.all-articles > li .tit a{
    color:#484848;
}
.all-articles > li .tit a:hover{
    color:#00807a;
}
.all-articles > li .date{
    width: 200px;
    text-align: right;
    font-size: 9pt;
}
.all-articles > li .sum{
    width: 608px;
    float: left;
    margin-top: 20px;
    color: #797979;
    font-size: 10.5pt;
    line-height: 14pt;
}
.all-articles > li .more-btn{
    height: 24px;
    clear: both;
    float: left;
    margin-top: 15px;
    line-height: 24px;
    font-size: 10pt;
    color: #797777;
    background-color: #e2e0e0;
    padding: 0 15px;
}

/***************** *****************/

.user_left {
    float: left;
    margin-right: 20px;
    width: 250px;
    background: #fff;
}

#userMenu {
    border: 1px solid #efefef;
    float: left;
    min-height: 242px;
    width: 248px;
}

#userMenu a {
    color: #7f7f7f;
    font-size: 14px;
    font-weight: bold;
}

#userMenu li.title {
    background: #00807C;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 15px 20px;
    border-bottom: 0;
}

#userMenu li.title:hover {
    background: #00807C;
}

#userMenu li {
    background: none repeat scroll 0 0 #e3e3e3;
    cursor: pointer;
    margin: 10px 0;
    padding: 10px 20px;
    width: 208px;
}

#userMenu li:hover {
    background: none repeat scroll 0 0 #c8c8c8;
}

.user_right {
    float: left;
    min-height: 450px;
    width: 710px;
    background: #fff;
}

#userContainer {
    border: 1px solid #efefef;
    float: left;
    min-height: 448px;
    width: 708px;
}

#userContainer .title {
    background: url("../images/nok.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #a8062f;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 14px;
    margin-top: 3px;
    padding:13px 0;
    padding-left: 20px;
    width: 663px;
    border-bottom: 1px solid #e4dad2;
}

/***************** *****************/

.profil {
    float: left;
    padding:10px 14px;
    width: 680px;
}

.profil > .detail {
    float: left;
}

.profil > .detail > .title_p {
    display: block;
    font-size: 13pt;
    font-weight: bold;
    color: #00807C;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-left: 2px;
}

.profil > .detail > .blok {
    background: #F1F1F1;
    border-radius: 3px;
    float: left;
    margin-top: 10px;
    padding: 1px;
    position: relative;
    width: 678px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
}

.profil > .detail > .blok > .one {
    color: #A8062F;
    float: left;
    padding: 10px 0;
    text-align: right;
    width: 196px;
}

.profil > .detail > .blok > .two {
    float: left;
    padding: 10px 0;
    margin-left: 10px;
    width: 470px;
}

.new-bar{
    width: 100%;
    height: 31px;
    float: left;
    margin-bottom: 10px;
    background-color: #ffddc0;
}
.new-bar .ico{
    width: 23px;
    height: 23px;
    float: left;
    margin: 4px 0 0 19px;
    background: url(../images/sprite.png);
}
.new-bar .ico.i1{
    background-position: -20px -235px;
}
.new-bar .ico.i2{
    background-position: -43px -235px;
}
.new-bar .t1{
    width: 126px;
    height: 23px;
    float: left;
    margin: 4px 0 0 14px;
    font-size: 10pt;
    line-height: 23px;
    color: #453d3d;
    border-right: 1px solid #cdc3bb;
}
.new-bar .t2{
    width: 455px;
    height: 23px;
    float: left;
    margin: 4px 0 0 21px;
    font-size: 10pt;
    line-height: 23px;
    color: #453d3d;
}
.files-list{
    width: 300px;
    float: left;
    margin-top: 15px;
    position: relative;
    background: #f5f5f5 url(../images/quest.jpg) no-repeat left bottom;
} 
.fl-ico{
    width: 41px;
    height: 32px;
    float: left;
    background: url(../images/fl-ico.png) no-repeat;
    position: absolute;
    z-index: 2;
    right: 17px;
    top: 5px;
}
.fl-tit{
    width: 300px;
    height: 43px;
    float: left;
    position: relative;
    z-index: 1;
    font-size: 10pt;
    line-height: 48px;
    text-indent: 26px;
    border-bottom: 1px solid #dbdbdb;
}
.fl-list{
    width: 276px;
    float: left;
    padding: 10px 12px;
}
.fl-list > li, .fl-list > li > a{
    width: 276px;
    float: left;
}
.fl-list > li > a{
    font-size: 10pt;
    line-height: 16pt;
    font-weight: 700;
    color: #008783;
}
.fl-sub, .fl-sub > li{
    width: 260px;
    float: left;
    padding-left: 5px;
}
.fl-sub > li > a{
    float: left;
    font-size: 10pt;
    line-height: 16pt;
    color: #010101;
}
.fl-sub > li > a:hover {
    color:#5a5a5a;
}
.fl-sub > li > em{
    float: left;
    font-size: 10pt;
    line-height: 16pt;
    color: #010101;
    margin-right: 5px;
}

.yasaluyari {
    float: left;
    margin: 10px 0;
    font-family: arial;
    font-size: 8pt;
    color: #999;
    font-weight: bold;
    line-height: 16px;
}
.weather-conditions{
    width: 100%;
    float: left;
}
.weather-conditions .tit{
    width: 100%;
    height: 35px;
    float: left;
    margin: 12px 0;
    background-color: #f4f2f1;
    text-indent: 18px;
    color: #453d3d;
    font-size: 12pt;
    line-height: 35px;
}
.weather-conditions .selectbox{
    width: 188px;
    height: 35px;
    float: left;
    background-color: #f4f2f1;
    position: relative;
}
.weather-conditions .selectbox .txt{
    width: 160px;
    height: 35px;
    float: left;    
    position: relative;
    z-index: 1;
    line-height: 35px;
    text-indent: 15px;
    color: #453d3d;
    font-size: 10pt;
}
.weather-conditions .selectbox .ico{
    width: 23px;
    height: 14px;
    float: left;
    background: url(../images/sprite.png) -43px -221px;
    margin-top: 10px;
    position: relative;
    z-index: 1;
}
#selectbox1{
    width: 188px;
    height: 35px;
    float: left;
    background-color: #f4f2f1;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */ 
}
#selectbox1 select, #selectbox1 select option{
    color: #453d3d;
    font-size: 10pt;
    line-height: 13pt;
}
.weather-conditions .infobox{
    width: 600px;
    height: 35px;
    float: right;
    text-align: right;
    color: #453d3d;
    font-size: 12pt;
    line-height: 35px;
}
.weather-conditions .weekly{
    width: 100%;
    float: left;
    margin-top: 17px;
}
.weather-conditions .weekly > li{
    width: 188px;
    height: 253px;
    float: left;
    background-color: #e8fafa;
    margin-left: 10px;
}
.weather-conditions .weekly > li:first-child{
    margin-left: 0;
}
.weather-conditions .weekly > li .date{
    width: 187px;
    height: 40px;
    float: left;
    border-bottom: 1px solid #c8f2f1;
    border-right: 1px solid #c8f2f1;
    background-color: #6fdcda;
    text-align: center;
    color: #fff;
    font-size: 11pt;
    line-height: 40px;
}
.weather-conditions .weekly > li img{
    width: 100px;
    height: 95px;
    float: left;
    margin: 11px 44px;
}
.weather-conditions .weekly > li .status{
    width: 188px;
    height: 26px;
    float: left;
    text-align: center;
    color: #128f8c;
    font-size: 10pt;
    line-height: 26px;
}
.weather-conditions .weekly > li .min, .weather-conditions .weekly > li .max{
    width: 93px;
    height: 43px;
    float: left;
    margin-top: 22px;
    color: #433d3d;
    font-size: 10pt;
    line-height: 13pt;
    text-align: center;
}
.weather-conditions .weekly > li .min{
    border-right: 1px dashed #cdedec;
}
.weather-conditions .weekly > li .max{
    border-left: 1px dashed #a3d8d7;
}
.weather-conditions .weekly > li .min strong, .weather-conditions .weekly > li .max strong{
    font-size: 14pt;
    line-height: 28px;
}
.allcities{
    width: 100%;
    float: left;
}
.allcities .tit{
    width: 100%;
    height: 20px;
    float: left;
    margin:  15px 0;
    font-size: 11pt;
    line-height: 20px;
    color: #433d3d; 
}
.allcities ul{
    width: 133px;
    float: left;
}
.allcities ul > li{
    width: 133px;
    float: left;
}
.allcities ul > li > a{
    width: 133px;
    float: left;
    font-size: 10pt;
    line-height: 20px;
    color: #433d3d; 
}

.allcities ul > li > a.active , .allcities ul > li > a:hover {
    color:#00807a;
    font-weight: bold;
}

.relatived-news{
    width: 100%;
    float: left;
    margin: 15px 0;
}
.relatived-news .title{
    width: 100%;
    height: 31px;
    float: left;
    background: url(../images/scoring-repeat.png) repeat-x;
    color: #666;
    text-indent: 15px;
    font-size: 11pt;
    line-height: 33px;
}
.relatived-news ul{
    width: 698px;
    float: left;
    margin-left: -31px;
}
.relatived-news ul > li{
    width: 200px;
    float: left;
    margin: 18px 0 0 32px;
}
.relatived-news ul > li img{
    width: 200px;
    height: 128px;
    float: left;
}
.relatived-news ul > li .sum{
    width: 100%;
    height: 40px;
    float: left;
    overflow: hidden;
    color: #666;
    font-size: 11pt;
    line-height: 20px;
}

.design {
    background: url("../images/kolektif-logo2.png") no-repeat right top;
    height: 12px;
    float: right;
    padding-right: 68px;
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
    color: #90caca;
    line-height: 16px;
    margin-top: 8px;
}

.etiketler {
    float: left;
    width: 666px;
    margin-top: 3px;
    font-size: 9pt;
}
.etiketler > li {
    float: left;
    margin: 5px;
    background: #00807f;
}
.etiketler > li.title {
    color: #00807f;
    font-weight: bold;
    background: none;
    padding-top: 6px;
}
.etiketler > li > a {
    display: inline-block;
    font-size: 9pt;
    color: #fff;
    padding: 5px;
}
.etiketler > li > a:hover {
    color: #2a2a2a;
}

.wikeles {
    width: 300px;
    float: left;
    margin-top: 15px;
}

.wikeles > a > img {
    border: 1px solid #b2d9d7;
}

.r-ilanlar{
    width: 100%;
    float: left;
}
.r-ilanlar .r-title{
    width: 100%;
    height: 35px;
    float: left;
    margin: 15px 0;
    background-color: #00807a;
    text-indent: 15px;
    color: #fff;
    font-size: 10pt;
    line-height: 35px;
    font-weight: 700;
}
.r-ilanlar .rtable{
    width: 100%;
    float: left;
}
.r-ilanlar .rtable-title, .r-ilanlar .rtable > li{
    width: 100%;
    height: 35px;
    float: left;
    font-size: 10pt;
    line-height: 35px;
    background-color: #d3d4d5;
    color: #000;
}
.r-ilanlar .rtable-title{
    font-weight: 700;
}
.r-ilanlar .rtable > li{
    background-color: #f7f5f5;
    color: #433d3d;
    margin: 1px 0;
}
.r-ilanlar .rtable > li a{
    color: #433d3d;
}
.r-ilanlar .rtable > li a:hover{
    color: #000000;
    font-weight: 700;
}
.r-ilanlar .rtable > li:gover{
    background-color: #eff0f1;
}
.r-ilanlar .rtable-title .col1, .r-ilanlar .rtable > li .col1{
    width: 740px;
    height: 35px;
    float: left;
    margin-left:  15px;
}
.r-ilanlar .rtable-title .col2, .r-ilanlar .rtable > li .col2{
    width: 100px;
    height: 35px;
    float: left;
    text-align: center;
}
.r-ilanlar .rtable-title .col3, .r-ilanlar .rtable > li .col3{
    width: 100px;
    height: 35px;
    float: left;
    text-align: center;
}

.r-ilanlar .r-image {
    float: left;
    width: 980px;
    text-align: center;
}
.r-ilanlar .r-tarih {
    float: left;
    width: 980px;
    text-align: center;
    margin-bottom: 12px;
    font-family:Arial;
    font-weight: bold;
    font-size:14pt;
}

.resmi-ilanlar {
    float:left;
    width: 298px;
    text-align: center;
    border:1px solid #b2d9d7;
    margin-top: 15px;
}

.resmi-ilanlar > a {
    display: block;
    width: 298px;
    padding: 12px 0 10px;
    font-family: Arial;
    font-size: 16pt;
    font-weight: bold;
    letter-spacing: 1px;
    color:#006966;
}
.home-writer {
    float: left;
    width: 298px;
    border:1px solid #ececec;
    margin-top: 14px;
}

.home-writer > img {
    color:#06475f;
}

.home-writer > img {
    float: left;
    margin: 10px 2px 10px 10px;
}

.home-writer > .home-w-t {
    float: left;
    width: 243px;
}

.home-w-t-c {
    float: left;
    width: 243px;
    margin-top: 12px;
}

.home-writer > .home-w-t > .home-w-t-c > .name {
    float: left;
    color: #000;
    font-weight: bold;
    font-size: 10pt;
    margin: 5px 5px 0 10px;
}
.home-writer > .home-w-t > .home-w-t-c > .w-t-kose {
    float: right;
    color: #535252;
    font-size: 8pt;
    margin: 6px 5px 0 10px;
    font-weight: bold;
}
.home-writer > .home-w-t > .w-t-baslik {
    color: #a3a3a3;
    font-size: 9pt;
    margin: 10px 5px 0 10px;
    float: left;
}
.home-writer > .home-w-t > .w-t-baslik:hover {
    color: #535252;
}
.right-box {
    float:left;
    width: 300px;
    margin-top: 15px;
    background: #f4f7f9;
}
.right-box > .g-title {
    width: 292px;
    float: left;
    font-size: 14pt;
    font-family: Arial;
    color:#fff;
    background: #00807a;
    line-height: 34px;
    padding-left: 8px;
}
.right-box > ul {
    float: left;
    width: 300px;
}
.right-box > ul > li {
    float: left;
    width: 300px;
    
}
.right-box > ul > li:hover {
    background: #e5ecf0;
}
.right-box > ul > li > a {
    display: block;
    line-height: 18px;
    font-size: 9pt;
    font-weight: bold;
    padding: 8px 10px;
    color: #5e5d5d;
    border-bottom: 1px solid #b2d9d7;
}
.twitter_yasak {
    margin-top: 15px;
    float:left;
    width: 300px;
    height: 90px;
}
.y-menu {
	float:left;
	width:300px;
	margin-top:20px;
}
.y-menu > li {
	display:block;
	width:300px;
}
.y-menu > li  > a {
	width: 292px;
    float: left;
    font-size: 12pt;
    font-family: Arial;
    color:#fff;
    background: #eeeded;
    line-height: 34px;
    padding:8px 0 8px 8px;
}
.y-menu > li  > a:hover {
    background: #dedede;
}

.y-right {
	width: 665px;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
}

.y-right > .yazi {
    float:left;
    width: 640px;
    margin: 5px 0;
}

.y-right > .list {
    float: left;
    width: 640px;
    padding: 5px 0;
}

.y-right > .list > a.yz1 {
    display: block;
    color: #0000FF;
    font-size: 10pt;
}

.y-right > .list > a.yz2 {
    display: block;
    color: #000;
    font-size: 10pt;
}