@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#262626 }
html { padding:0; margin:0; }
/* main */
.main { width:100%; padding:0; margin:0 auto; }
/********** header **********/
.header { background:#2e2e2e; border-bottom:4px solid #fff; }
.block_header { margin:0 auto; width:1000px; }
/* logo */
.logo { padding:0; margin:0 0 0 20px; width:352px; float:left; }
/* menu */	
.menu { padding:7px 0 0 0; margin:6px 0 0 0; width:550px; float: right; }
.menu ul li { float:left; margin:0; padding:0 3px; border:0; list-style:none; }
.menu ul li a { float:left; margin:0 1px 0 0; padding:15px 0; color:#c1c1c1; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { padding:15px 10px; background:none; }
.menu ul li a:hover { background:url(images/r_menu.gif) no-repeat right top; }
.menu ul li a:hover span { background: url(images/l_menu.gif) no-repeat left top; }
.menu ul li a.active { background:url(images/r_menu.gif) no-repeat right top; }
.menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left top; }
/***********twitter*********/
.twitter { width:180px; float: right; padding:5px 5px; margin:0; }
.twitter p { font:bold 11px Tahoma, Geneva, sans-serif; color:#097a9a; padding:10px 10px; margin:0; }
.twitter img { margin:5px; padding:0; float:left; }
/***************main_body******************/
.main_body_resize { background:url(images/bg_simple.gif) top repeat-x; margin:0; padding:0; border-bottom:4px solid #fff; }
.main_body_resize2 { background:url(images/bg_simple2.gif) top repeat-x; margin:0; padding:0; border-bottom:4px solid #fff; height:163px; }
.main_body { width:1000px; margin:0 auto 0 auto; padding:0; }
.main_body img { margin:0; padding:0; }
/********** slider **********/
.slider { margin:0 auto; padding:0; height:314px; }
.slider2 { background:url(images/bg_main_body2.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.slider2 .text2 { width:600px; float:right; margin:80px 40px 0 0 !important; margin:80px 20px 0 0; color:#fff; font:italic 13px Arial, Helvetica, sans-serif; }
.sliderkabinet{ background:url(images/kabinet.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.sliderpravila{ background:url(images/pravila.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.slidervideo{ background:url(images/video.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.sliderinformator{ background:url(images/informator.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }

.slidergr{ background:url(images/grafics.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.sliderfaq{ background:url(images/faq.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.slidergr .text2 { width:600px; float:right; margin:92px -290px 0 0 !important; margin:80px 120px 0 0; color:#fff; font:italic 13px Arial, Helvetica, sans-serif; }

.slidertv{ background:url(images/tvonline.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.sliderlab{ background:url(images/systems.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.sliderfiles{ background:url(images/files.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.sliderschet{ background:url(images/schet2.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.sliderconf{ background:url(images/videoconf.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.slideredu{ background:url(images/edu.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }
.sliderarticles{ background:url(images/articles.jpg) top no-repeat; height:163px; margin:0 auto; padding:0; }


.slidertv .text2 { width:600px; float:right; margin:92px -320px 0 0 !important; margin:80px 120px 0 0; color:#fff; font:italic 13px Arial, Helvetica, sans-serif; }
.sliderkabinet .text2 { width:600px; float:right; margin:85px -80px 0 0 !important; margin:80px 20px 0 0; color:#fff; font:italic 23px Arial, Helvetica, sans-serif; }
.sliderpravila .text2 { width:600px; float:right; margin:92px -220px 0 0 !important; margin:80px 120px 0 0; color:#fff; font:italic 13px Arial, Helvetica, sans-serif; }
.slider .head_title { background:url(images/h2_simple_text.jpg) no-repeat left 40px; margin:0 0 0 45px; padding:77px 10px 0 160px; width:475px; height:43px; color:#FFF; font:italic 13px Arial, Helvetica, sans-serif; }
.slider .head_title2 { background:url(images/h2_simple_textBr.jpg) no-repeat left 40px; margin:0 0 0 45px; padding:77px 10px 0 210px; width:475px; height:43px; color:#FFF; font:italic 13px Arial, Helvetica, sans-serif; }
.slider .head_title0 { background:url(images/h2_simple_text_11.jpg) no-repeat left 40px; margin:0 0 0 15px; padding:77px 10px 0 210px; width:475px; height:43px; color:#FFF; font:italic 13px Arial, Helvetica, sans-serif; }
.slider .box_text { padding:30px 50px 0 50px; width:590px; }
.slider .box_text .box { float:left; width:50%; }
.slider .box_text .box p { padding:5px 10px; margin:0; color:#FFF; font:normal 13px Arial, Helvetica, sans-serif; line-height:1.8em; }
.slider .box_text .box .img { float:left; margin:0 10px; }
/******butons****/
.buttons { background:#e6e6e6; border-bottom:1px solid #cdcdcd; height:46px; margin:0 auto; padding:0;}
.buttons ul { margin:0; padding:12px 0; list-style:none; width:1000px; float:right; }
.buttons li { float:left; padding:0 20px; margin:0; border-right:1px dashed #a1a1a1; }
.buttons a { font:bold 11px Tahoma, Geneva, sans-serif; color:#646464; text-decoration:none; padding:0; }
.buttons a:hover { color:#899a22; text-decoration:underline; }
/********** block index **********/
.body_resize { background:#fff; margin:0; padding:0; border-bottom:1px solid #d2d2d2; }
.body { width:1000px; margin:0 auto; padding:0 0 40px 0; }
.body h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#4e4a38; padding:15px 0; margin:0; border-bottom:1px solid #b2b2b2; }
.body h3 { font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c; border-bottom:1px solid #d2d2d2; padding:10px 0; margin:0; }
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#414141; line-height:1.8em; padding:5px; margin:0; }
.body span { color:#898989; font:normal 15px Arial, Helvetica, sans-serif; line-height:1.6em; }
.body a { color:#8f9f23; }
/********Overview***/
.Overview,
.What,
.News { width:300px; float:left; margin:5px 10px; padding:5px; }
.News .data { font: normal 15px Arial, Helvetica, sans-serif; color:#768a1d; line-height:1.6em; padding:5px; margin:0; }
.Overview ul { list-style:none; margin:0; padding:0; }
.Overview li { background:url(images/ul_li.gif) left no-repeat; padding:5px 0 5px 25px; margin:0 10px; }
.Overview a { font:normal 11px Arial, Helvetica, sans-serif; color:#8f9f23; text-decoration:none; }
.Overview a:hover { text-decoration:underline; }
/************Portfolio********************/
.Portfolio { width:1000px; margin:0 auto; padding:0; }
.Portfolio h2 { }
.Portfolio span { font:bold italic 15px Arial, Helvetica, sans-serif; color:#898989; }
.Portfolio img { float:none; margin:5px 5px; padding:0; }
.Portfolio .box { width:500px; float:left; margin:5px 0; padding:0; }
.Portfolio .box img { float:none; margin:5px 5px; padding:0; }
.Portfolio .but { width:300px; float:right; padding:20px 0 0 0;}
.Portfolio .but ul { list-style:none; margin:0; padding:0; float:right; width:200px; }
.Portfolio .but ul li { margin:0; padding:0; background:none; float:left;}
.Portfolio .but ul li a { display:block; margin:0 3px; padding:0; height:20px; width:20px; text-align:center; color:#82941f; background:#f6ffa0; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.Portfolio .but ul li a:hover { background:#82941f; color:#f6ffa0; text-decoration:underline;}
.Portfolio .but ul li a.active { background:#82941f; color:#f6ffa0;}
/**************************services*****************/
.services { width:1000px; margin:0 auto; padding:0; }
.services img { float: left; margin:5px 5px; padding:0; }
.services span { font:bold italic 15px Arial, Helvetica, sans-serif; color:#898989; }
.services a { font:normal 11px Arial, Helvetica, sans-serif; color:#8f9f23; text-decoration:none; }
.services a:hover { text-decoration:underline; }
/********** contact**********/
.Contact { width:670px; margin:0 auto; padding:0; float:left; }
.Sub { width:250px; height:550px; float:left; margin:0 10px; padding:50px 10px 0 50px; }
.Sub ul { margin:0 auto; border:3px solid #d9dfbe; font:normal 13px Arial, Helvetica, sans-serif; color:#4c4c4c; list-style:none; padding:20px 10px; }
.Sub li {background:url(images/ul_li.gif) left no-repeat; padding:0 0 5px 20px; margin:0; }
.Sub a { font:normal 11px Arial, Helvetica, sans-serif; color:#8f9f23; text-decoration:none; }
.Sub a:hover { text-decoration:underline; }
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#6e6e6e; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; }
#contactform li.buttons { margin:5px 0 5px 20px; }
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left; }
#contactform label span { color:#6e6e6e; }
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left; }
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:2px; background:#f5f5f5; float:left; }
#contactform li.buttons input { padding:3px 0; margin:20px 0 20px 90px; border:0; color:#FFF; float:left; }
p.response { text-align:center; color:#6e6e6e; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto; }
/*******************************FBG************************/
.FBG { background:#ececec; }
.FBG h2 { font:bold 16px Tahoma, Geneva, sans-serif; color:#4e4a38; padding:5px 5px; }
.FBG p { font:normal 11px Tahoma, Geneva, sans-serif; color:#575757; line-height:1.8em; }
.FBG ul { list-style:none; margin:0; padding:0 0 0 10px; }
.FBG li { background:url(images/FBG_ul_li.gif) left no-repeat; padding:0 0 5px 20px; margin:0; }
.FBG a { font:normal 11px Arial, Helvetica, sans-serif; color:#8f9f23; text-decoration:none; }
.FBG a:hover { text-decoration:underline; }
.FBG_resize { width:1000px; margin:0 auto; padding:0; }
.blog { height:217px; border-right:1px solid #dbdbdb; width:180px; margin:5px 10px; padding:5px 10px; float:left; }
.Subsribe { width:259px; margin:5px 10px; padding:5px 10px; float:left; }
.Subsribe p { margin:0; padding:3px 10px; text-align:left; }
.Subsribe span.bg1 { display:block; background: url(images/bg_form_l.gif) no-repeat left; height:20px; width:200px; }
.Subsribe span.bg1 span { display:block; background: url(images/bg_form_r.gif) no-repeat right; height:20px; padding:0 5px; }
.Subsribe span input { background:none; border:0; margin:0; padding:2px 0; width:190px; }
/********** footer **********/
.footer { background:#dbdbdb; padding:20px 0; margin:0 auto; }
.footer .resize p.footer_logo { float:right; padding:0; margin:0 10px; }
.footer .resize div { width:1000px; color:#7f7f7f; font:normal 11px Tahoma, Geneva, sans-serif; text-align: left; margin:0 auto; }
.footer .resize div p { padding:0; margin:0; }
.footer .resize div img { float:right; }
.footer .resize div a { color:#8f9f23; font:normal 11px Tahoma, Geneva, sans-serif; padding:0 1px; }
.text_left { text-align: left; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
li.bg,
.bg { clear:both; border-top:1px solid #e2e2e2; padding:0; margin:5px 0; background:none; }

.blockq
{
/*	background: url(images/quote_bg.png) 5px 5px no-repeat #ffffff;*/

border: dotted #666 1px;
border-left:solid #889A24 5px;
margin: 10px 0px 10px 0px;
padding:15px;
color:#333;
font-style:italic;
font-size:14px;
/*
	border: 1px solid #AAA;
	margin: 1px;
	padding: 5px 5px 5px 28px;
	font-size: x-small;
	line-height: 1.4em;*/
}


#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {font-size:13px; display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


.error_bbc, .warning_bbc, .okay_bbc, .info_bbc {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #444
}

.error_bbc    {background: #fbe3e4 url(images/mBox/error.png) 2.2em center no-repeat; border-color: #e0011b}
.error_bbc a  {color: #d12f19}

.warning_bbc    {background: #fff6bf url(images/mBox/warning.png) 2.2em center no-repeat; border-color: #ffd324}
.warning_bbc a  {color: #817134}

.okay_bbc   {background: #e9ffdd url(images/mBox/okay.png) 2.2em center no-repeat; border-color: #72c868}
.okay_bbc a {color: #529214}

.info_bbc   {background: #e2ecee url(images/mBox/info.png) 2.2em center no-repeat; border-color: #9ddae6}
.info_bbc a {color: #2d7ba2}


/* Lists */
.error_bbc ul, .warning_bbc ul, .okay_bbc ul, .info_bbc ul {
    list-style: none;
    margin: 1.3em 1.5em
}
.error_bbc ul li, .warning_bbc ul li, .okay_bbc ul li, .info_bbc ul li {
    padding-left: 1.3em
}
.error_bbc ul li  { background: url(images/mBox/error-bullet.png)  0 0.55em no-repeat }
.warning_bbc ul li  { background: url(images/mBox/warning-bullet.png)  0 0.55em no-repeat }
.okay_bbc ul li { background: url(images/mBox/okay-bullet.png) 0 0.55em no-repeat }
.info_bbc ul li { background: url(images/mBox/info-bullet.png) 0 0.55em no-repeat }/* A quote, perhaps from another post. */

h1
{color:#bbbbbb; font:normal 16px Tahoma, Geneva, sans-serif; padding:0 1px;}

blockquote
{
	background: url(images/quote_bg.png) 5px 5px no-repeat #F0F3FC;

border: dotted #666 1px;
border-left:solid #ff5a00 5px;
margin: 10px 0px 10px 0px;
padding:15px;
color:#333;
font-style:italic;
font-size:14px;
/*
	border: 1px solid #AAA;
	margin: 1px;
	padding: 5px 5px 5px 28px;
	font-size: x-small;
	line-height: 1.4em;*/
}

/* A code block - maybe even PHP ;). */
code
{
	color: #000000;
	background-color: #d8e2ee;
	display: block;
	font-family: "courier new", "times new roman", monospace;
	font-size: x-small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #000000;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	overflow: auto;
	white-space: nowrap;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}