/* Global */
* {margin:0; padding:0; font-family:arial; }
html, body {width:100%; height:100%;font-size:13px;}
html { background:url(../img/bg.png) repeat-x top #F7F7F7;}
input, button, textarea, select {font: normal 12px "arial", sans-serif; vertical-align: middle; outline:none; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal;}
table { border-collapse: collapse; border:0; font-family:arial; }
hr { display: none; }
img {border: none;}

/*---------------------------------
	HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
line-height:140%;
margin:0 0 0.7em 0;
color:#333;
}

h1{
font-size:20px; font-weight:normal;
}

h2{
font-size:18px;
}

h3{
font-size:16px;
line-height:130%;
}

h4{
font-size:14px;
font-weight:bold;
}


p, ol, blockquote, pre{ margin:0 0 1.2em 0; line-height:1.5em;}
a {}
a:hover {}
div.clear {clear: both !important;visibility: hidden !important;margin:0 !important;overflow: hidden;font-size:1px;}




/*BUTTON*/
.oplata_btn {
width: 170px;
height: 20px;
display: block;
background: #feb565;
background-image: -webkit-linear-gradient(top, #feb565, #fd3e00);
background-image: -moz-linear-gradient(top, #feb565, #fd3e00);
background-image: -ms-linear-gradient(top, #feb565, #fd3e00);
background-image: -o-linear-gradient(top, #feb565, #fd3e00);
background-image: linear-gradient(to bottom, #feb565, #fd3e00);
-webkit-border-radius: 14;
-moz-border-radius: 14;
border-radius: 14px;
font-family: Arial;
color: #ffffff;
font-size: 18px;
padding: 15px 25px 15px 25px;
text-decoration: none;
text-transform: uppercase;
}

.oplata_btn:hover {
  background: #fed999;
  background-image: -webkit-linear-gradient(top, #fed999, #fd5f05);
  background-image: -moz-linear-gradient(top, #fed999, #fd5f05);
  background-image: -ms-linear-gradient(top, #fed999, #fd5f05);
  background-image: -o-linear-gradient(top, #fed999, #fd5f05);
  background-image: linear-gradient(to bottom, #fed999, #fd5f05);
  text-decoration: none;
}





/* CSS Document */
#container {min-height:100%; position:relative;}
#header { overflow:hidden; position:relative;}
#body {padding:14px 0 220px 0;}
#body a { color:#007DB6;}
#body a:hover { color:#666}
#footer {position:absolute; bottom:0; width:100%; height:150px;} 

.wrap { width:940px; margin:0 auto; }


/* header */
#header { padding-top:30px;}
.logo { width:213px; height:80px; float:left; margin-right:70px;}
.phone { width:250px; float:left; color:#666; padding-top:25px; margin-right:25px;}
.phone span { color:#333; font-size:18px; font-weight:bold;}
.tv { width:75px; height:48px; float:left;padding-top:22px;}
.oao { width:214px; height:77px; float:right;}

/* top menu */
.topmenubox { width:940px; height:81px; background:url(../img/topmenubg.png) 0 0 no-repeat; position:relative;}

.voiti { position:absolute; top:0; right:0; display:block; padding-top:4px;padding-left:16px;  background:url(../img/arr.gif) 0 8px no-repeat;}
.voiti a { font-weight:bold; color:#007DB6; border-bottom:1px dotted #007DB6; text-decoration:none;}
.voiti a:hover { color:#333;border-bottom:1px dotted #333;}


a.but_internet { display:block; width:125px; height:28px; background:url(../img/but_internet.png) 0 -28px no-repeat; text-indent:-9999px;}
a.but_internet:hover { background:url(../img/but_internet.png) 0 0 no-repeat;}
a.active { background:url(../img/but_internet.png) 0 0 no-repeat;}

a.but_telef { display:block; width:125px; height:28px; background:url(../img/but_telef.png) 0 -28px no-repeat; text-indent:-9999px;}
a.but_telef:hover { background:url(../img/but_telef.png) 0 0 no-repeat;}

a.but_klientam { display:block; width:125px; height:28px; background:url(../img/but_klientam.png) 0 -28px no-repeat; text-indent:-9999px;}
a.but_klientam:hover { background:url(../img/but_klientam.png) 0 0 no-repeat;}

a.but_okomp { display:block; width:125px; height:28px; background:url(../img/but_okomp.png) 0 -28px no-repeat; text-indent:-9999px;}
a.but_okomp:hover { background:url(../img/but_okomp.png) 0 0 no-repeat;}


/* slider box  */
.sliderbox { height:281px;}
.sbox { width:700px; float:left; position:relative;}
.ribox { width:220px; float:right;}
.libox { width:680px; float:left;}

/*right box */
.searchbox { position:relative; margin-bottom:20px;}
.searchbox input { border:1px solid #B7B7B7; background:#FFF; outline:none; width:206px; padding:5px 6px;}
.searchbut { position:absolute; top:5px; right:9px; width:13px; height:16px; display:block;}

.local { margin-bottom:41px;}
.local span { font-size:14px; font-weight:bold; color:#333; display:block; margin-bottom:10px;}
.local a { color:#007DB6; line-height:25px; padding-left:28px; font-size:14px;}
.local a:hover { color:#004364;}
.file { background:url(../img/file.gif) 0 3px no-repeat;}
.forum { background:url(../img/forum.gif) 0 0 no-repeat;}
.setev { background:url(../img/setev.gif) 0 1px no-repeat;}

a.otpr { width:220px; height:69px; background:url(../img/otpr.png) 0 0 no-repeat; text-indent:-9999px; display:block;}
a.otpr:hover {background:url(../img/otpr.png) 0 -69px no-repeat;}

/* four */
.four { margin-bottom:30px;}
a.tarif_plany { width:220px; height:89px; background:url(../img/tarif_plany.png) 0 0 no-repeat; float:left; margin-right:20px; text-indent:-9999px; display:block;}
a.tarif_plany:hover { background:url(../img/tarif_plany.png) 0 -89px no-repeat;}

a.kak_podkl { width:220px; height:89px; background:url(../img/kak_podkl.png) 0 0 no-repeat; float:left; margin-right:20px; text-indent:-9999px; display:block;}
a.kak_podkl:hover { background:url(../img/kak_podkl.png) 0 -89px no-repeat;}

a.kak_opl { width:220px; height:89px; background:url(../img/kak_opl.png) 0 0 no-repeat; float:left; margin-right:20px; text-indent:-9999px; display:block;}
a.kak_opl:hover { background:url(../img/kak_opl.png) 0 -89px no-repeat;}

a.tehpod { width:220px; height:89px; background:url(../img/tehpod.png) 0 0 no-repeat; float:left; text-indent:-9999px; display:block;}
a.tehpod:hover { background:url(../img/tehpod.png) 0 -89px no-repeat;}



/* cont box */
.contbox {}
.news { width:560px; float:left;}
.info { width:340px; float:right; }

a.nlink { font-size:20px; color:#333;}
a.nlink:hover { color:#007DB6;}
img.rss { vertical-align: middle; margin-left:10px;}
.ntitle { margin-bottom:25px;}

.nbox { margin-bottom:35px;}
.npic { width:120px; float:left; margin-right:25px;}
.npic img { border:5px solid #CCCCCC;}
.newsb {float:left; width:410px;color:#666; line-height:1.4em;}
.newsс {float:left; width:530px; color:#666; line-height:1.4em; }
.newsb a { color:#007DB6;}
.newsb a:hover { color:#666}
.ndate { color:#666; font-weight:bold;}
.date { color:#666; font-weight:bold; display:block;}

.address { width:339px; background:url(../img/corn3.png) repeat-y;}
.corn1 { background:url(../img/corn1.png) top no-repeat;}
.corn2 { background:url(../img/corn2.png) bottom no-repeat; padding-bottom:10px; }
.corn2 span { display:block; background:url(../img/add.png) 15px 17px no-repeat; padding:15px 15px 5px 48px; line-height:18px;}


/* forma */
.forma { width:556px; background:url(../img/for2.png) 0 0 repeat-y; margin:0 auto;}
.for1 { background:url(../img/for1.png) top no-repeat; padding-top:27px;}
.for2 { background:url(../img/for3.png) bottom no-repeat; padding:27px 70px 54px 70px;}

.for2 span { font-size:24px; display:block; text-align:center;}

.line { margin-bottom:10px;}
.line2 { float:left; margin-right:15px;}
.input1 { width:390px; padding:6px 10px; border:1px solid #B7B7B7; margin-top:4px;}
.input2 { width:105px; padding:6px 10px; border:1px solid #B7B7B7; margin-top:4px;}

.ot { padding-top:20px; text-align:center;}



/* footer */
#footer .wrap { border-top:1px #CCC solid; padding-top:20px;}

.fmenu {width:600px; float:left;}
.fmenu ul { float:left; margin-right:70px;}
.fmenu ul li { line-height:24px;}
.fmenu ul li a, .copy a { color:#666; font-size:11px;}
.fmenu ul li a:hover, .copy a:hover { color:#333}

.copy { width:330px; float:right; text-align:right;font-size:11px; color:#666;}
.copy p{}


.antarion { display:block; float:right; padding-left:35px;  background:url(../img/antarion.png) 0 0 no-repeat; width:164px; text-align:left;}




/* images */ 
img.align-left{float:left;margin:0 15px 15px 0;}
img.align-right{float:right;margin:0 0 15px 15px;}
img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}

/* crumbs */
#crumbs { color:#535353; font-size:11px; padding: 0 0 10px 0}
#crumbs a { color:#535353;}
#crumbs a:hover { color:#333}



/*---------------------------------
	LISTS
-----------------------------------*/
.libox ul, .libox ol{
padding:0;
margin:0 0 20px 25px;
}

.libox ul{ list-style-type:disc}

	.libox li {
	padding:5px 0;
	margin:0;
	}
	
.libox ul.checks{
padding:0;
margin:0 0 20px 0;
}

	.libox ul.checks li{
	list-style-type:none;
	margin:0;
	background:url(../img/icon-check.png) no-repeat 5px 0.5em;
	padding-left:30px;
	}

.libox ul.alt{
padding:0;
margin:0 0 20px 0;
}

	.libox ul.alt li{
	list-style-type:none;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #ccc;
	margin:0 0 -1px 0;
	background:url(../img/icon-arrow-right.png) no-repeat 5px 0.7em;
	padding-left:20px;
	}




/* page navigation */
.paginav { text-align:center; font-size:13px;}
.navig { color:#666; display:block; margin-bottom:10px;}
.navig a {color:#4F4F4F}
#dk {margin:0;}
#dk a {padding:3px 6px; color:#4F4F4F}
#dk a:hover { color:#fff; background:#9F9F9F;text-shadow:0 -1px 0px #606060;}
.dm, a.dm:hover {background:none repeat scroll 0 0 #9F9F9F; color:#fff !important;cursor:default;font-weight:400;padding:3px 6px; text-decoration:none; text-shadow:0 -1px 0px #606060;}



/* forma zakazt zvonok */
.layer {display: none; position: absolute; z-index: 200;  left: 50%; top: 100px; margin-left: -250px; width: 500px }
.layer a.close {display: block; cursor: pointer; position: absolute !important; height: 17px !important; width: 17px !important; overflow: hidden; text-indent: -9999px; top: 20px; right: 20px; z-index: 99; background:url(../img/close.gif) no-repeat;}
* html .layer a.close { background:url(../img/close.gif) no-repeat; }
.layer .box { background-color: #fff; clear: both; position: relative; height: auto !important; height: 1%;
 -moz-box-shadow: 0 10px 20px #333; -webkit-box-shadow: 0 10px 20px #333; -o-box-shadow: 0 10px 20px #333; box-shadow: 0 10px 20px #333; text-shadow:0 1px 0px #fff; behavior: url("../css/PIE.htc"); /* -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; */ }
.layer .box2 { height: 1%; overflow: hidden; padding: 25px 40px 40px }
.layer .box h2.title { font-size: 38px; color:#3786A2; font-weight:normal; padding: 25px 40px 0px }
.layer img.loader { margin: 15px 0 0 15px }
.polya { padding-bottom:10px;}
.cont-input { padding:7px 45px; font-size:14px;}
.cont-input label { display:block; float:left; line-height:30px;}
.cont-input label span { color:#3786A2}
.cont-input input { display:block; float:right; padding:7px 9px; width:300px; font-size:14px; border:1px solid #ccc;background:#fff;}
.cont-input input:focus { padding:7px 9px;font-size:14px; border:1px solid #999; background:#fff;}
.cont-btn { display:block; text-align:right;padding:15px 45px;}
button.button { padding:4px 9px; font-size:18px;}
.zab { display:block; padding:10px 0 0 134px;}
.zab a {color:#007DB6;}
.zab a:hover {color:#666}



.site_form {
    width: 100%;
    position: relative;
    clear: both;
}
.site_form table {
    width: 100%;
}
.site_form table td.name {width: 150px;}
.site_form table td.tip {width: 100px;}
.site_form table td.value input {
    width: 90%;
    height: 16px;
    background: #ffffff;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    margin: 3px 0;
}

.menubtn {
	height: 12px;
	width:105px;
  -webkit-border-top-left-radius: 10;
  -moz-border-top-left-radius: 10;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10;
  -moz-border-top-right-radius: 10;
  border-top-right-radius: 10px;
  font-family: Arial;
  color: #666666;
  font-size: 14px;
  background: #cccccc;
  padding: 8px 10px 8px 10px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

.menubtn:hover {
  background: #49aecf;
  background-image: -webkit-linear-gradient(top, #49aecf, #3097b8);
  background-image: -moz-linear-gradient(top, #49aecf, #3097b8);
  background-image: -ms-linear-gradient(top, #49aecf, #3097b8);
  background-image: -o-linear-gradient(top, #49aecf, #3097b8);
  background-image: linear-gradient(to bottom, #49aecf, #3097b8);
  text-decoration: none;
  color: #ffffff;
  text-shadow: none;
}