/* 
==================================
Дизайн студии ELCREATIVO
Автор: Aizek
Url: http://elcreativo.ru
Icq: 592935761
==================================
Назначение: Стили страницы и элементов.
*/

.page{background:url("../images/pagefoto.jpg")  repeat-x scroll 0 0 #CEE1EA;}
.wrapp{height:auto;width:1000px;overflow:hidden; background:url("../images/bg.png") repeat-y; margin: 0 auto;}
.header, .content{ margin:0 5px 0 5px; background-color:#ffffff;}

/* Шапка сайта */
.header{height:367px;}
.headerline{height:3px; background:#5e7875 url("../images/headerline.png") no-repeat 50%;}
.hdleft, .hdright, .hdtop, .hdbtm{height:86px;}
.hdleft{background: url("../images/hdleft.png") no-repeat 0 0;}
.hdright{background: url("../images/hdright.png") no-repeat  100% 0;}
.hdtop{ background:url("../images/hdtop.png") no-repeat 50% 0;}
.hdbtm{background:url("../images/hdbt.png") no-repeat 50% 100%;}

.logotype{ height:72px;width:562px; float:left; background:url("../images/logotype.png") no-repeat; margin:8px 0 0 17px;} .logotype a{ height:72px;width:562px; display:block;text-indent:-666666px;}
.searchbox{ float:right; margin:31px 17px;}
.searchbox form{height:25px; width:340px; background:#cbcbcb url("../images/searchbox.png") no-repeat;}
.searchbox form input.sfield{background:transparent; border:none; height:15px; color:#FFFFFF; margin:5px 0 0 30px; line-height:15px; font-size:1em; width:272px;}
.searchbox form input.sbtn{background:#3199c2 url("../images/searchbox.png") no-repeat 0 -25px; height:15px; width:29px; float:right; margin:5px 3px; border:none; cursor:pointer; position:absolute; color:#ffffff;}

.presentbox{height:220px; background:#3199c2 url("../images/presentbox.png") repeat-x;}
.pbleft, .pbright, .pbtop{height:220px;}
.pbleft{background:url("../images/pbleft.png") no-repeat 0 0;}
.pbright{background:url("../images/pbright.png") no-repeat 100% 0;}
.pbtop{background:url("../images/pbtop.png") no-repeat 50% 0;}
.pbtext{width:465px; height:220px; background:url("../images/pbpict.png") no-repeat 100% 100%; color:#FFFFFF;  font-size: 1.15em; float:left;}
.pbtext p{ line-height:20px;  padding:10px 0 5px 20px;}
.sliderbox{width:507px; float: right; padding-right:12px;}
.slide, .slideleft, .slidebtm{height:183px;}
.slide{width:507px; margin-top:10px;}
.slideleft{background:url("../images/sliderleftshd.png") no-repeat 0 0;}
.slidebtm{background:url("../images/sliderbtmshd.png") no-repeat 50% 100%;}
.slcont{padding-left:9px;} 


/* Слайдер */
#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ width:500px;height:175px;overflow:hidden;}		
/* numeric controls */	
ol#controls{margin:9px 0 0 200px;padding:0;height:17px;}
ol#controls li{margin:0 3px 0 0;float:left;list-style:none;height:17px;}
ol#controls li a{float:left;height:17px; width:18px; background:url("../images/slidenavi.png") no-repeat  -18px 0; text-indent:-666666px;}
ol#controls li.current a{background:url("../images/slidenavi.png") no-repeat; text-indent:-666666px;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


.toolbox{background:#dbe8ed url("../images/toolbox.png") repeat-x; height:58px;}
.tblight{background:url("../images/tblight.png") no-repeat 50% 100%; height:58px;}
.hmenu{float: left; margin-left:20px; font-size:1.1em;}
.hmenu ul{list-style-type:none;}
.hmenu ul li{float:left; padding-right:1px;}
.hmenu ul li a{background:#889e9e url("../images/mbtns.png") no-repeat 0 -43px; width:82px; height:43px; text-align:center; line-height:36px; color:#FFFFFF; display:block;}
.hmenu ul li a:hover{background-position: 0 0; text-decoration:none;}
.hmenu ul li.main a{background:#3199c2 url("../images/mbtns.png") no-repeat 0 0; width:82px; height:43px; text-align:center; line-height:36px; color:#FFFFFF; display:block;}

/* Логин */
.loginbox{float:right; width:535px;}
.loginform{ margin-top:14px;}
.loginform .links a{color:#46555a; text-align:left;}
.loginform .links{float:left;}
.loginform .login, .loginform .pass{ float: left; width: 160px; height: 25px; position: relative; margin-left:10px; }
.login .input, .pass .input{background:#f4f8f9 url("../images/loginbox.png") no-repeat; height:25px;}
.loginform .login input, .loginform .pass  input{background:transparent; border:none; margin:7px 0 0 10px; color:#8fa4a5;  height:12px; width:100px;}
.loginform .login input{background:url("../images/loginbox.png") no-repeat -125px -25px; padding-left:40px;}
.loginform .pass input{background:url("../images/loginbox.png") no-repeat -120px -36px; padding-left:46px;}
.loginform .lbtn { float:right; width:76px; height:30px; position:relative;}
.loginform .lbtn input.lbtn{background:#3199c2 url("../images/lbtn.png") no-repeat; height:30px; cursor:pointer;}
.loginform .lbtn input.lbtn:hover{background-position:0 -30px;}

/* Панель пользователя */
.loginform .profile a{color:#46555a; text-align:left;}
.loginform .profile ul.main{float:left; padding-right:6px; background:url("../images/profileline.png") no-repeat 100% 0;}
.loginform .profile ul.secnd{float:left; padding-right:6px; padding-left:6px; background:url("../images/profileline.png") no-repeat 100% 0;}
.loginform .lbtn { float:right; width:76px; height:29px; position:relative;}
.loginform .lbtn .lout img{background:url("../images/logout.png") no-repeat; height:29px; width:76px; display:block;}


/* Центр */
.content{width:990px;}
.leftcol{float:left; width:255px; padding-top:15px; }
.maincol{ float:left; width:735px; padding-top:15px;}
.contbg{background:url("../images/contbg.png") repeat-y;}
.contclip{background:url("../images/lcclip.png") no-repeat 0 100% ; width:990px;}


/*Новости*/
.maincont{padding-bottom:20px;}
.story{background:url("../images/sepline.png") repeat-x 0 100%; padding:0 0 20px 0; margin-bottom:15px;}
.ninfo{background:url("../images/ninfo.png") no-repeat 0 0; height:46px; padding-left:15px;}
.ntitle{ font-weight:600; text-transform:uppercase;padding:4px;}
.basinfo{padding:4px;}
.infocomm{height:46px; background:url("../images/infocomm.png") no-repeat 0 50%; height:46px; float:right; width:64px; line-height:40px; font-weight:bold; color:#FFFFFF; font-size:1.2em;}
.infocomm span{padding-left:18px;}
.slesh{background:url("../images/slesh.png") no-repeat 50% 50%; height:8px; padding:5px;}
.textshort{padding:10px 10px 20px 10px;}
.textfull{padding:10px 10px 20px 10px;}
.textshort img{float:left; border:4px #e2ecef solid; margin-right:10px;}
.newsbtm{height:31px; margin-left:10px;}
.rate{background:url("../images/rate.png") no-repeat; height:31px; width:94px; padding:6px 0 0 5px; float:left;}
.editstore, .favorite{float:left; height:24px; width:24px; padding-top:3px; margin-left:5px;}
.more{float:right; padding-right:10px; display:block;}
.more a img{height:30px; width:104px; background:#2d7d9c url("../images/nbtns.png") no-repeat;}
.more a img:hover{background-position:0 -30px;}
.more{float:right; padding-right:10px; display:block;}
.back {float:right; padding-right:10px; display:block;}
.back a img{height:30px; width:104px; background:url("../images/nbtns.png") no-repeat 0 -60px;}
.back a img:hover{background-position:0 -90px;}
.editdate{ font-size: 0.9em; text-align: right; color: #2d7d9c; }
.related{ padding-bottom:10px; background:url("../images/fullsep.png") repeat-x bottom;}
.dinfo{background:url("../images/ninfo.png") no-repeat 0 0; height:46px; padding-left:15px;}
.rltdtitle{ font-weight:600; text-transform:uppercase; font-size: 1.15em; line-height:42px; padding:5px;}
.related ul {padding-top:5px;}
.related ul li{ height:30px; background:url("../images/formsep.png") repeat-x 0 100%; padding-left:20px;} 
.related ul li a{ height:18px; line-height:20px; display:block; background:url("../images/related.png") no-repeat 0 0; padding-left:20px; color:#46555a;}
.related ul li a:hover{background-position: 0 -18px; color:#2d7d9c; text-decoration:none;}

/* Комментарии */
.bcomment{margin-bottom:15px; padding:0 10px 0 10px;}
.combg{background:#E2E7EB;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 
-webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;}
.commava{background:url("../images/commava.png") no-repeat 0 0; width:100px; float:left; padding:3px;margin-left:20px; margin-top:10px; }
.commava img{width:70px; border:2px solid #ffffff; margin-bottom:10px;}
.combg2{background:url("../images/combg.png") repeat-y 100% 0;}
.commtop{background:url("../images/comtop.png") no-repeat 100% 0;}
.commbtm{background:url("../images/combtm.png") no-repeat 100% 100% ;}
.comminfo{margin:10px 0 10px 10px; background:url("../images/dotted.png") repeat-x 0 100%; width:565px;}
.comminfo ul{margin-right:10px; float:left;}
.reply{float:left; margin:2px 0 0 5px;}
.reply a img{background: url("../images/reply.png") no-repeat; width:70px; height:24px;}
.comid{float:right; background:url("../images/comid.png") no-repeat; height:31px; width:30px; color:#FFFFFF; padding-top:7px; font-size:1.1em;font-weight:600;}
.comid span{ padding-left:10px;}
.comtext {margin-left:10px;}
.commbtm .padding{padding-bottom:10px; padding-right:10px;} 
.comleft{float:left;}

/* Голосование в новости */
.poll{background:#F4F8F9; padding:10px; margin:0 10px 10px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.poll h1{padding-bottom:10px;color:#2d7d9c;}
.poll span{line-height:20px;}

/* Формы */
.forms{ padding:10px 0 10px 0;}
.dinfo{background:url("../images/ninfo.png") no-repeat 0 0; height:46px; padding-left:15px; padding-bottom:10px;}
.formdtitle{ font-weight:600; text-transform:uppercase; font-size: 1.15em; line-height:42px; padding:5px;}

.tableform { width: 100%; padding: 10px 0 10px;}
.tableform td {padding:5px 10px 12px 10px; background: url("../images/formsep.png") repeat-x 0 100%; }
.tableform td.label { width: 130px; vertical-align: top; padding-right: 0; font-weight: bold; }
.fieldsubmit{ padding: 10px; padding-left:150px;}
.addnews { font-weight: bold; }
.impot { color: #ff0000; font-weight: normal; }
.checkbox { padding: 4px 0; line-height: 1em; }
.checkbox input { margin-top: -2px; vertical-align: middle; }
table.userstop, table.pm, table.tableform, table.calendar { border-collapse: collapse; border-spacing: 0;}
.ava{float:left; margin-left:20px;}
.ava img{ border:2px #e2ecef solid;}
.usermain{margin-left:140px; margin-right:20px; font-size:1.1em;}
.usermain ul li{ line-height:24px;}
.formsepline{background: url("../images/dotted.png") repeat-x 0 50%; height:10px;}
.errors{background:url("../images/sepline.png") repeat-x 0 100%; padding: 10px 10px 20px 10px; margin-bottom:15px;}
.err{background:url("../images/error.png") no-repeat 0 50%; min-height:33px; padding-left:50px;}
.static{background:url("../images/sepline.png") repeat-x 0 100%; padding:0 0 10px 0; margin-bottom:10px;}

.f_input { width: 300px; padding: 1px; }
.f_textarea { width: 458px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select { padding: 2px; background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; }
.f_textarea, .editor_button select { padding: 0; }
.textin { padding: 2px; }
.pmlinks{padding-bottom:10px; font-size:1.1em;}
.pmcntrl ul li{float:right;}
.pmcntrl ul{margin-right:10px;}


/* Поиск */
.qsearch{padding-bottom:15px;}
.searchtable{background:#F4F8F9; padding:10px; margin:0 10px 0 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/* Сортировка новостей */
.nsort{height:25px; border:1px solid #84999A; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:5px; text-align:center; line-height:25px; margin-bottom:15px;}

/* Спидбар */
.spdbar{padding:0 10px 10px 10px;}
.sdbrbg, .spdbleft, .spdbright, .spdbblick{height:41px;}
.sdbrbg{background:url("../images/speedbg.png") repeat-x;}
.spdbleft{background:url("../images/speedblr.png") no-repeat 0 0;}
.spdbright{background:url("../images/speedblr.png") no-repeat 100% -41px;}
.spdbblick{background:url("../images/speedblck.png") no-repeat 50% 0;}
.speedcont{ padding:10px 0 0 50px; color:#ffffff;}
.speedcont a {color:#ffffff;}


/* Навигация по страницам */
.navigation{padding-top: 15px;padding-bottom: 5px;}
.pprew, a .pprew,  a .pnext, .pnext{vertical-align:middle; background:url("../images/navi.png") no-repeat; height:25px; width:44px; display:inline-block; text-indent:-666666px;}
.pprew{ background-position: 0 0;}
a .pprew{background-position: 0 -25px;}
.pnext{background-position: 0 -50px;}
a .pnext{background-position: 0 -75px;}
.ppages {padding:10px; font-size:1.1em; font-weight:600;}


/* Левая колонка */
.block{width:237px; margin-left:9px; padding-bottom:10px;} 
.dtitle{background:#3199c2 url("../images/blocktitle.png") no-repeat; height:36px;}
.navi .dtitle{background-position:0 0;}
.nnews .dtitle{background-position:0 -36px;}
.vote .dtitle{background-position:0 -72px;}
.lesson .dtitle{background-position:0 -108px;}
.dcont{background:url("../images/blockbg.png") repeat-y;}
.dtop{background:url("../images/blocktop.png") no-repeat 0 0;}
.dbtm{background:url("../images/blockbtm.png") no-repeat 0 100%;}
.dinside{padding:10px 0 15px 0; color:#2d7d9c;}
.vote .dinside{padding-bottom:0;}
.lesson .dinside{padding:10px 10px 15px 10px;color:#2d7d9c;}

.vtitle{background:#d3e3e8; color:#2d7d9c; margin:0 1px 0 1px;}
.vtop{background:url("../images/votettop.png") no-repeat 0 0; padding:10px;}
.vico{background:url("../images/voteico.png") no-repeat 100% 100%;min-height:19px;}
.vico b{max-width:190px;}
.vote .padcont{color:#46555a; line-height:20px; padding-top:15px; background:url("../images/vlist.png") no-repeat 0 0;}

.vbtm{background:url("../images/votebottom.png") no-repeat 0 100%; height:80px;}
.vbtn{background:url("../images/vbtn.png") no-repeat; height:30px; margin-top:16px; border:none; cursor:pointer; width:104px;}
.reslt{padding-top:5px;}
.vresult { border: 0 none; background: none; cursor: pointer; color:#8AA09C;  font-size:0.9em;}

.lesson ul li{display:block; border-bottom:1px dotted #E2E7EB; line-height:24px; padding-top:5px;}



/* Блок меню */
.vmenu{font-size:1.1em; padding:5px 0 20px 0;}
.vmenu ul li{ list-style-type:none; position: relative;}
.vmenu ul li a{color:#46555a; display:block; background:url("../images/vmenu.png") no-repeat 0 -60px;; height:30px; line-height:24px; padding-left:30px;}
.vmenu ul li a:hover{ background-position:0 -30px; text-decoration:none;}
.vmenu ul li a.closed{color:#ffffff;display:block; text-decoration:none; background:url("../images/vmenu.png") no-repeat 0 0px; height:30px; line-height:24px; padding-left:30px;}
.vmenu ul li a.opened{ background-position: 0 -90px; color:#ffffff;}
.vmenu ul li a.closed:hover{ background-position: 0 -120px; color:#ffffff;}
.vmenu  .submenu { padding:4px;font-size:0.9em; list-style-type:disc; margin:0 1px 0 1px; position: absolute; left: 149px; top: 0; display: none;}
.vmenu  .submenu li a{ background: none; background:url("../images/list.gif") no-repeat 10px 50%;  height:22px; line-height:22px; border-bottom:1px dotted #d1dee3; color:#2d7d9c; display: block;}
.vmenu  .submenu li a:hover{color:#ffffff; background:#5db7da;}

/* Блок новых новостей */
.newnews {background:url("../images/sepline.png") repeat-x 0 100%; margin:1px; padding:0 10px 15px 10px;}
.newnews .title{background:url("../images/arrow.png") no-repeat; height:12px; font-size:1.1em; padding-left:25px;}
.newnews .short{padding:10px 0 0 0; font-size:1em; color:#46555a;}
.newnews .short img{float:left; padding-right:5px; height:50px;}
.newnews .nlinks a{background:url("../images/arrow.png") no-repeat 100% -11px; padding-right:25px; color:#2d7d9c; margin-left:130px;}

.newnews5 li {background:url("../images/sepline.png") repeat-x 0 100%; margin:1px; padding:0 10px 15px 10px;}

/* Футер */
.footer{height:121px; margin:0 auto; width:1000px; margin-bottom:15px;}
.ftopleft, .ftopright, .ftopcont, .ftoplight, .ftopblight{ height:61px;}
.ftopleft{background:url("../images/ftop.png") no-repeat 0 0;}
.ftopright{background:url("../images/ftop.png") no-repeat 100% -61px;}
.ftopcont{background:#dbe8ed url("../images/ftopbg.png") repeat-x; margin:0 20px 0 20px;}
.ftoplight{background:url("../images/tblight.png") no-repeat 50% 0;}
.ftopblight{ background:url("../images/ftopblight.png") no-repeat 50% 100%;}

.fbtm{ margin:0 16px 0 16px;}
.fbtmleft, .fbtmright, .fbtmshadow{ height:60px;}
.fbtmleft{background: url("../images/fbtm.png") no-repeat 0 0;}
.fbtmright{background:url("../images/fbtm.png") no-repeat 100% -60px;}
.fbtmshadow{background:url("../images/fbtmshadow.png") repeat-x 0 100%; margin:0 14px 0 14px;}
.fblickleft, .fblickright, .fblickct, .fbtmcont, .fblight{height:56px;}
.fbtmcont{background:#889e9e url("../images/fbtmbg.png") repeat-x;}
.fblickleft{background:url("../images/fblickl.png") no-repeat 0 100%;}
.fblickright{background:url("../images/fblickr.png") no-repeat 100% 100%;}
.fblickct{background:url("../images/fblickct.png") no-repeat 50% 100%;}
.fblight{ background:url("../images/fblight.png") no-repeat 50% 0;}

.footlinks{float:left; background:url("../images/footlinks.png") no-repeat; padding-left:20px; margin-top:20px;  height:20px;  list-style-type:none;}
.footlinks li {float:left; list-style-type:none; margin-left:5px; line-height:20px;}
.footlinks li a{ padding:5px; color:#46555a;}
.footlinks li a:hover{ background:#45A7CD; color:#ffffff; padding:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none;}
.footlinks li.small{font-size:0.5em;}
.totop{float:right; margin-left:5px;}
.totop a{ background:url("../images/totop.png") no-repeat; height:50px; width:219px; display:block; margin-top:7px;}
.totop a:hover{background-position:0 -50px;}
.design{float:right; margin-right:10px;}
.design a{text-indent:-666666px; background:url("../images/copy.png") no-repeat; margin-top:20px; width:82px; height:24px; display:block;}
.copy{float:left; margin:10px 0 0 10px; color:#ffffff;}
.copy a{color:#ffffff;}
.counter{float:right; margin:7px 0; padding-right:10px;}
.counter ul li{float:right; margin-left:5px; height:33px; width:90px; background:url("../images/counter.png") no-repeat;}
.counter ul li img{padding:1px;}
.line {	height: 5px;
	background-image: url("../images/line.png");
}

	#social-media{
		margin:5px 0px;
		padding:4px 5px 5px 5px;
	}
	#social-media a.social,
	#social-media span{
		display:-moz-inline-stack;
		display:inline-block;
		background-repeat:no-repeat;
		background-position:center;
		width:64px;
		height:64px;
		text-indent:-9999px;
		margin-right:3px;
		vertical-align:text-bottom;
	}
	#social-media span{
		text-indent:0px;
		vertical-align:bottom;
	}
	#social-media span.media-txt{
		width:200px;
		font-weight:bold;
		text-align:center;
	}
	#twitter{
		background-image:url("../ico/twitter.png");
	}
	#facebook{
		background-image:url("../ico/facebook.png");
	}
	#livejournal{
		background-image:url("../ico/livejournal.png");
	}
	#liveinternet{
		background-image:url("../ico/liveinternet.png");
	}
	#vkontakte{
		background-image:url("../ico/vkontakte.png");
	}
	#mailru{
		background-image:url("../ico/mailru.png");
	}