* {padding:0; margin:0; outline:none;}
html {height:100%;}
body {position:relative; height:100%; _behavior:url("./css/csshover.htc"); background:url(../images/back.jpg) top repeat-x #e3e3e3; font-family:Trebuchet MS, Trebuchet MS, sans-serif; font-size:14px; color:#2f2f2f; text-shadow: 1px 1px 0px #f4f4f4}
img {border:0}
a {outline:none; color:#106cca;}
a:hover {text-decoration:none}
ul {list-style:none}
.clear{clear:both;}


/* Content */
.content {min-height:100%; _height:100%; width:960px; margin:0 auto;}
.empty {height:130px; clear:both}

/* Header */
.header{padding:105px 7px 26px 64px;}
.logo{float:left;}
.menu{background:url(../images/menu.jpg) top no-repeat; width:687px;  float:right; margin:3px 0 0 0; position:relative}
.menu .top_menu{padding:5px 0 0 10px; text-shadow:none;}
.top_menu li{float:left; height:35px}
.top_menu li a {color:#FFFFFF; text-decoration:none; padding:7px 32px 0 32px; height:28px; display:block; float:left; font-weight:bold; text-shadow: 1px 1px 0px #2f2f2f}
.top_menu li a.l1:hover {background:url(../images/l1.png) 0 0 no-repeat; position:relative; left:-7px; padding-left:39px; margin-right:-7px}
.top_menu li a.l2:hover {background:url(../images/l2.png) center 0 no-repeat}
.top_menu li a.l3:hover {background:url(../images/l3.png) center 0 no-repeat}
.top_menu li a.l4:hover {background:url(../images/l4.png) center 0 no-repeat}
.top_menu li a.l1.active:hover {background:url(../images/menu_hover.jpg) repeat-x; position:relative; left:0; padding-left:32px; margin-right:0}
.top_menu li a.l2.active:hover {background:url(../images/menu_hover.jpg) repeat-x}
.top_menu li a.l3.active:hover {background:url(../images/menu_hover.jpg) repeat-x}
.top_menu li a.l4.active:hover {background:url(../images/menu_hover.jpg) repeat-x}
.top_menu li a.active {background:url(../images/menu_hover.jpg) repeat-x}
.rss{position:absolute; right:10px; top:5px; padding:10px}
.menu_extra{clear:both; font-size:14px; font-weight:bold; padding:0 0 13px 146px; position:relative; top:13px}
.menu_extra li{display:inline;}
.menu_extra a{color:#484848; text-decoration:none;}
.menu_extra span{margin:0 21px 0 0;}
.menu_extra span:hover, .menu_extra span.active{text-decoration:underline;}

/* Main part */

.left_col{float:left; border:1pcx solid red; width:640px; overflow:hidden; padding:0 0 0 10px;}
.news_item{margin:0 0 10px 0;}
.news_title{font-size:24px; color:#000000; text-decoration:none; font-style:italic; text-shadow: 1px 1px 0px #fff}
.news_title:hover{text-decoration:underline;}
.bread{font-size:11px; font-style:italic; color:#444444; margin:5px 0 0 60px;}
.bread li{display:inline;}
.bread li a{color:#444444}
.bread li a:hover{text-decoration:none}
.news_text{text-align: justify; color:#2f2f2f; margin:9px 0 0 60px; line-height:1.6; background:url(../images/line.gif) bottom repeat-x; padding:0 0 18px 0;}
.news_text a{color:#106cca;}
.detail-link{text-align: right; padding-left: 495px}
.last{background:none;}
.show_all{margin:0 0 0 37px; padding:0 0 0 23px; background:url(../images/ar.gif) left no-repeat;}
.show_all a{color:#106cca;}

.right_col{float:right; width:255px; padding:0 10px 0 0;}
.blog{font-weight:bold; color:#2f2f2f; margin:8px 0 19px 33px;}
.twitter{background:url(../images/tw.jpg) top left no-repeat;}
/*.blog_unit{padding:0 0 0 30px; margin:0 0 11px 0;}*/
.tweet_odd {padding:0 0 0 30px; margin:0 0 11px 0; /*background:url(../images/dot.jpg) bottom repeat-x;*/}
.tweet_even {padding:0 0 0 30px; margin:0 0 11px 0; /*background:url(../images/dot.jpg) bottom repeat-x;*/}
.tweet_user {font-weight: bold; color: #2f2f2f; text-decoration: none}
.tweet_text { 
	white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, ??????? ? 1999 ???? */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}
.tweet_text a{color:#106cca;}
.tweet_text a.data{color:#595959; }
.tweet_avatar img{float: left; padding-right: 5px}

.facebook{background:url(../images/face.jpg) top left no-repeat;}


/* Detail */
.img{display:block; clear:both; float:right; margin:0 5px 20px 0; _margin:0 2px 20px 0; position:relative;}
.img img{border:4px solid #fff;}
.zoom{background:url(../images/zoom.png) no-repeat; width:19px; height:19px; overflow:hidden; right:10px; bottom:10px; position:absolute; z-index:2; cursor:pointer;}
.similar{margin: 8px 0 19px 60px;}
h1, .title{font-size:36px; font-style:italic; color:#000000; padding:0 0 5px 0; font-weight:bold; }
.nested{padding:0 10px;}
.detail{padding:0 0 30px 0;}
.list{padding:40px 0 0 17px;}
.list li{background:url(../images/list.gif) left top no-repeat; padding: 0 0 22px 43px; background-position:0 8px; line-height:1.4;}
.list li a{color:#106cca;}
.out{background:url(../images/out.gif) right no-repeat; padding:0 15px 0 0;}
.social li{display:inline; padding:0 22px 0 0; background:none;}
.social li img{vertical-align:middle;}
.sep{background:url(../images/line.gif) bottom repeat-x; height:15px;  margin:0 0 30px 60px;}
.screen{margin:30px 0 19px 33px;}
.video{margin:0 0 5px 33px;}

/* Logos */
.logos {padding:8px 0 0 75px; position:relative; _zoom:1;}
.logos li {float:left; height:100px; margin:20px 15px 0 0; width:200px; text-align:center;}
.logos li a {float:left; height:100px; width:200px}
.logos li a img.link_h, .logos li a:hover img, .logos li a.active img {display:none}
.logos li a:hover img.link_h, .logos li a.active img.link_h {display:block}
.zam{clear:both; background:url(../images/zam.gif) left top no-repeat; margin:54px 0 0 60px; padding:0 0 0 50px; height:50px;}

/* About */
.about{padding:20px 0 30px 60px; color:#2f2f2f; line-height:1.5;}
.contacts table{border-collapse:collapse; margin:8px 0 0 54px;}
.contacts table td{padding:6px 3px; vertical-align:top;}
.sert{padding:0 0 0 60px; overflow:hidden; *zoom:1; width:860px}
.sert-in {width:960px}
.sert a{float:left; clear:none; width:220px; height:162px; margin:20px 100px 0 0;}
.sert a.last{margin:0;}
.sert .img img{border:none; display:block}

.feed{padding:0 0 40px 68px;}
.select{background:url(../images/select.jpg) no-repeat; width:599px; height:34px; cursor:pointer; position:relative;}
.select p{width:500px; padding:7px 0 0 10px; color:#2f2f2f;}
.input{background:url(../images/input.jpg) no-repeat; width:264px; height:31px; overflow:hidden; float:left; margin:15px 31px 0 0; padding:3px 0 0 20px;}
.input input{font-family:Trebuchet MS, Trebuchet MS, sans-serif; font-size:14px; color:#b2b2b2; width:245px; height:25px; line-height:25px; border:none; border-color:transparent; background:transparent; font-style:italic; }
.button{background:url(../images/button.jpg) no-repeat; width:264px; height:31px; overflow:hidden; float:left; margin:15px 31px 0 0; padding:3px 0 0 20px;}
.button input{font-family:Trebuchet MS, Trebuchet MS, sans-serif; font-size:14px; color:#000000; width:245px; height:25px; line-height:25px; border:none; border-color:transparent; background:transparent; font-style:italic; }
.textarea{background:url(../images/textarea.jpg) no-repeat; width:579px; height:129px; overflow:hidden; margin:15px 0 0 0; padding:5px 0 0 20px;} 
.textarea textarea{font-family:Trebuchet MS, Trebuchet MS, sans-serif; font-size:14px; color:#2f2f2f; width:570px; height:115px; border:none; border-color:transparent; background:transparent; font-style:italic; color:#b2b2b2;}
.drop{position:absolute; z-index:10; background:#FFFFFF; top:34px; width:599px; color:#000000; display:none;}
.drop li a{display:block; width:589px; padding:0 0 0 10px; color:#000000; text-decoration:none;}
.drop li a:hover{background:#F8F8F8;}

.c-check, .p-check {background:url(../images/ln.gif) 0 100% repeat-x; padding:0 0 2px}
.c-uncheck, .p-uncheck {padding:0 0 2px; cursor:pointer; cursor: hand}


/* Footer */
.footer {height:103px; margin:-103px auto 0 auto; width:880px; background:url(../images/line.gif) top repeat-x; font-size:13px; font-weight:bold; color:#2f2f2f;}
.footer a{color:#106cca;}
.foot1{padding:34px 0 0 0; float:left;}
.foot2{float:left; padding:34px 0 0 0; margin:0 0 0 125px;}
.foot3{padding:34px 0 0 0; float:right;}
.foot3 a{margin:0 0 0 15px;}