/* ==== KZ, Almaty, NetStyle. Olga Tsepilova [Bormotuha] - 19.01.2010 ====*/

/* ===  === reset ===  === */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
html, body  {  height: 100%;}
body {text-align: center; background-color: #E5EAEC; }
body div, table td {text-align: left;}
table{ border: 0; border-collapse: collapse;}
table td {	padding: 0;	vertical-align: top;} 
img {border: none;}
:focus { outline: 0;} 
ol, ul { list-style: none;} 
input, select, textarea{	display: inline;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

.clear {display: block; clear: both; width:100%;}
/* ===  === / reset ===  === */

/* === tipografika === */
body {font: normal normal 62.5%/150% Tahoma, Arial, Verdana, Geneva,  Helvetica, sans-serif;	color: #000;}
#navigation, #content, #addinfo{ font-size: 1.2em;}

h2 {display: block; clear: both; position: relative; height: 9px; text-transform: uppercase; font-weight: bold; z-index: 10;}
h2 span {display: block; position: absolute; top: 0; left: 13px; padding: 0 10px; top: -3px;}
#navigation h2 {background-color: #3B759F; color: #3B759F;}
#navigation h2 span{background-color: #E5EAEC;}
#navigation #subscribe-news h2 {color: #3C3C3C; padding: 12px 0 20px 40px; background-color: transparent;}

#addinfo h2 { color: #275475; background-color: #275475;}
#addinfo h2 span {	background-color: #FFF; left: 0; padding: 0 10px 0 0;}

#addinfo #interview-box h2 {padding: 5px 0 10px 36px; background-color: transparent;}

#content h2 { color: #275475; background-color: #275475; margin-bottom: 20px;}
#content h2  span {background-color: #FFF;}

#content h3 {display: block; clear: both; margin: 10px 0 30px 0; color: #275475;font-weight: bold;}

/* === tipografika === */


/* ===  === sturture === === */
#contentbox {width:100%; height: 100%; }
#navigation, #content, #addinfo {height: 100%;}
#navigation {background: url(search-bg.jpg) no-repeat 0 0; padding: 0 11px 0 13px;}
#content {width: 100%; background-color: #FFF; padding: 30px 25px 30px 25px;}
#addinfo {width: 225px; background-color: #FFF; padding: 30px 18px 0 25px;}
/* ===  === sturture === === */

/* header */
#header { width: 100%; height: 163px;background: #A2DDF1 url(header-bg.png) repeat-x 0 0; position: relative; z-index: 500;}
#headerh1 /* site logotipe  */{display: block; width: 492px; height: 163px; float: left; background: url(header-left-bg.jpg) no-repeat 0 0;}
#headerh1 img  /* site logotipe  */{display: block; margin: 32px 0 0 16px;}

#header-text /* header text */ {width: 456px; height: 163px;  float: right; background: url(header-right.jpg)  no-repeat 0 0; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.2em; font-style: italic;line-height: 150%; color: #004B72; } 
#quote, #author {display: block; clear: both; position: relative; }
#quote {padding:30px 0 15px 20px; font-weight: bold;}
#author  {padding: 0 0 0 132px;} 
#author strong {font-size: 1.1em;}
/* /header */

/* !!! navigation !!! */
#orgnavigation {display: block; width: 100%; position: relative; height: 71px; background: url(orgnavigation-bg.png) repeat-x 0 0; font-size: 1.3em; z-index: 501;}
#orgnavigation a{color: #014B7F; text-decoration: none; text-transform: lowercase; font-weight: bold;}
#orgnavigation a:hover, #orgnavigation a:active{color: #014B7F; text-decoration: underline;}

/* left meny  - vertical*/
ul.dropdown-vertical  { position: relative; z-index: 500;margin: 20px 0;}
ul.dropdown-vertical li {line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 3px 0 3px 13px;	color: #193950; font-size: 12px; background: #E5EAEC url(nav-arror.gif) no-repeat 2px 7px; cursor: pointer;	}
ul.dropdown-vertical  li.hover,ul.dropdown-vertical li:hover { position: relative; z-index: 499; cursor:  pointer; background-color: #D0D6D9;	 color: #193950;}
ul.dropdown-vertical ul {visibility: hidden; position: absolute; top: 0; left: 210px; z-index: 498; width: 250px; border-bottom: 1px solid #FFF;}
ul.dropdown-vertical ul li {float: none;}
ul.dropdown-vertical ul ul {top: 1px; left: 99%;}
ul.dropdown-vertical li:hover > ul {visibility: visible;}
ul.dropdown-vertical *.dir {background: url(nav-arror.gif) no-repeat 2px 7px;	}
ul.dropdown-vertical  li  li {background-image: none; width: 250px; background-color: #EAEEEF; padding: 0;}
ul.dropdown-vertical a {color: #000; text-decoration: none;}
ul.dropdown-vertical a:hover, ul.dropdown-vertical a:active {color: #000;text-decoration:  underline;}

ul.dropdown-vertical ul a {width: 235px;background-color: #EAEEEF;	border: 1px solid #FFF;border-bottom:none; display: block;color: #000; text-decoration: none;padding: 3px 0 3px 13px;}
ul.dropdown-vertical ul a:hover, ul.dropdown-vertical ul a:active  {background-color: #D0D6D9;	 color: #193950; text-decoration: none;}



/*  top meny  - horizontal */
ul.dropdown-horizontal { position: relative; z-index: 99999; float: left; background: url(aboutmvdnav-left-bg.jpg) no-repeat 0 0; padding: 0 0 0 17px; height: 49px; z-index: 510;}
ul.dropdown-horizontal li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;}
ul.dropdown-horizontal li.hover,ul.dropdown-horizontal li:hover { position: relative; z-index: 99998; cursor:  pointer;}
ul.dropdown-horizontal ul {visibility: hidden; position: absolute;top: 100%; left: 0; z-index: 99997; width: 250px;}
ul.dropdown-horizontal ul li {float: none;}
ul.dropdown-horizontal ul ul {top: 1px; left: 99%;}
ul.dropdown-horizontal li:hover > ul {visibility: visible;}
ul.dropdown-horizontal a{display: block; float: left; position: relative;height: 45px; padding: 0 15px; line-height: 45px;}
ul.dropdown-horizontal a:hover, ul.dropdown-horizontal a:active {background: url(aboutmvdnav-hover.jpg) repeat-x 0 0;}
ul.dropdown-horizontal b {display: block; position: absolute; top: 0; right: 0; width: 4px; height: 45px;}
ul.dropdown-horizontal a:hover b, ul.dropdown-horizontal a:active b, ul.dropdown-horizontal li:hover b {background: url(aboutmvdnav-hover-right.jpg) no-repeat 0 0;}
ul.dropdown-horizontal li:hover,	ul.dropdown-horizontal  li:hover {background: url(aboutmvdnav-hover.jpg) repeat-x 0 0;	}
ul.dropdown-horizontal ul a{background-image: none; width: 250px; padding: 0;  height: auto; padding: 5px 3px; background-color: #E8F2F4;line-height: normal; border:1px solid #FFF; border-top: none; }
ul.dropdown-horizontal ul  a:hover, ul.dropdown-horizontal ul a:active,ul.dropdown-horizontal ul  li:hover {background-image: none; background-color: #C6E0EC; font-weight:normal;}
ul.dropdown-horizontal ul  li {height: auto; clear: both; background-color: #E5EAEC; }

#orgnavigation .dropdown-horizontal ul  a {font-weight: normal;}
#orgnavigation .dropdown-horizontal ul   a:hover,#orgnavigation .dropdown-horizontal ul   a:active{text-decoration: none;}
/* !!! /  navigation !!! */







/* langnav */
#langnav {display: block; float:  right; height: 45px; background: url(langnav-right-bg.png)no-repeat right top; padding: 0 18px 0 0;}
#langnav li {display: block; float: left; padding: 14px 5px 0 0; color: #014B7F; font-weight: bold;}
#langnav li span {color: #000;}
/* /langnav */

/* search box */
#search-box {display: block; width: 254px; position: relative; margin: 0 -11px 90px -13px; z-index: 10;}
#search-box input {display: block; position: absolute;}
.index_search {top: 21px; left: 21px; width: 172px; height: 20px; background-color: #FFF; border: 1px solid  #9D9D9D; color: #014B7F; padding: 0 0 0 3px;z-index: 5;}
.index_search:focus {border-color: #014B7F;}
.index_search_batton { top: 11px; right: 17px;	width: 35px; height: 35px;  border: none;  cursor: pointer; background: transparent;}
/* / search box */


/* subscribe news */
#subscribe-news {margin: 0 13px 20px 0; background: url(subscribe-news-bg.jpg) no-repeat 0 0;}
.subscribe-enter, .subscribe_batton {display: block; float: left; margin-top: 5px; margin-bottom: 10px;}
.subscribe-enter {display: block; float: left; width: 170px; height: 20px; background-color: #FFF; border: 1px solid #A1A1A1;}
.subscribe-enter:focus{	border-color:#3B759F;}
.subscribe_batton {	padding: 0 5px; text-transform: uppercase;  background: #90999C url(subscribe_batton-bg.gif)repeat-x 0 0; color: #FFF; border: 1px solid #FFF; height: 24px; cursor: pointer; margin-left: 5px;}
#subscribe-news label {display: block; clear: both; margin: 0 0 0 30px;}
#subscribe-news  strong {color: red;}
/* subscribe news */

/* banner box*/
#banner-list {margin: 20px 0;}
#banner-list li {display: block; clear: both; text-align: center; padding: 0 0 10px 0;}
/* /banner box*/

.blog-minister {width:207px; text-align: center; background-color: #EBEEEF; padding: 20px 0; margin: 20px 0;}

/* interview-box */
#interview-box {margin: 10px 0; background: url(interview-box-bg.jpg) no-repeat 0 0;}
#interview-box div {clear: both; padding: 15px 0; color: #282828; font-weight:bold;}
#interview-box label {display: block; clear: both; padding: 0 10px 8px 25px;}
#interview-box label input {display: block; float: left;  margin-left: -25px;}
.interview_batton {border: none; background-color: transparent; color: #004A7E; cursor: pointer; border-bottom: 1px solid #004A7E; padding: 0; font-weight: bold;}
a.interview-voteLink {color: #004A7E; text-decoration: underline; display: block; clear: both;margin: 15px 0 0 0;}	
a.interview-voteLink:hover, a.interview-voteLink:active {text-decoration: none; color: #000; }
/* /interview-box */

/*  calendar */
.calendarbox {width: 206px; margin: 20px 0}
.calendarbox-selectdate {width:200px; float: right;}
.calendarbox-selectdate td { background-color: #D7DEE0; padding: 5px 0 ;}
.calendarbox-selectdate select {display: block; margin: 0 0 0 10px;}
.calendar-month {width: 80px; height: 21px;}
.calendar-year {width: 64px; height: 21px;}
.calend {padding: 0 0 5px 7px;}
.calend td {text-align:center;  vertical-align: middle; width:29px; height:29px; font-size: 12px;}
.days td {background-color:#BEC4C6; color: #275475;width:29px; height:29px;}
.days .c-holiday {color: #0089CF;}

.calend a {display:block; background-color:#FFF; color:#275475;text-decoration:none; text-align: center;  padding: 3px;}
.calend a:hover, .calend a:active {color:#FFF; background-color: #0089CF;}
.calend .c-holiday, .calend .c-holiday a, .calend .c-holiday a:visited {color: #0088CE;}
.calend .c-holiday a:hover, .calend .c-holiday a:active {color:#FFF; background-color: #0089CF;}
/*  calendar */

/* bottom-partner-list */
#bottom-partner-list {text-align: center; padding: 10px;}
#bottom-partner-list img, #bottom-partner-list  object {margin: 0 15px;}
/* /bottom-partner-list */

/* footer */
#footer {padding: 0 10px; font-size:1.2em;}
.vcard { padding: 10px 10px 20px;}
.org {display: inline;}
.email, .adr, .tel {display: none;}
.vcard  a {color: #FFF; text-decoration: underline;}
.vcard  a:hover, .vcard  a:active  {color: #FFF; text-decoration: none;}
/* /footer  */




/* internal pages style*/
.txt {clear: both; text-align: justify;}
.txt a{color: #275475; text-decoration: underline;}
.txt a:hover, .txt a:active {color: #275475; text-decoration: none;}

.ulnorm li, .ullist .ulnorm li { margin: 0.3em 0 0.5em 0;}
.ulnorm ol, .ulnorm ul {margin: 1em 4em;}
.ulnorm ol li {list-style-type: decimal;}
.ulnorm ul li { list-style-type: disc;}

.imgl, .ullistimg img { float: left; margin: 0.2em 0.5em 0 0;}
.imgr { float: right; margin: 0.2em 0 0 0.5em;}
.imgc {	clear: both;	text-align: center; margin: 0.5em 0;}
.txt .txtc {text-align: center;}
.txt .txtr {text-align: right;}

.infolist {margin: 0 0 20px 0;}
.date-info {color: #3F3F3F; display: block; clear: both; margin: 0 0 10px 0;}
.title-info {font-weight:normal;}

.error-box {background-color: #29779C; color: #FFF;text-transform: uppercase;	font-weight: bold; padding: 10px;}
.error-redbox {background-color: red; color: #FFF; text-transform: uppercase;	font-weight: bold; padding: 10px;}
.error-whitebox {background-color: white; color: #000; font-weight: normal; padding: 10px;}

.tz  {font-weight: bold; color: #005F7D; padding: 5px 0;text-transform: uppercase; width: 96%; clear: both;  }

.imgrightlist {display: block; float: right; margin: 0 0 0 10px;}
.imgrightlist li {display: block; clear: both; text-align: center; padding: 0 0 15px 0;}

.dateselected {color: #29779C;}

a.more {color: #EE9000; font-size:1.1em; padding: 5px 0 2px 0; text-decoration: underline;}
a.more:hover, a.more:active {color: #EE9000;text-decoration: none;}


.inrazdel-list {margin-left: 40px;}
.inrazdel-list li {color: #29779C; padding: 0 0 5px 0; list-style-type:  disc;}

a.razdel {color: #005F7D; padding: 2px 5px; text-decoration: none;}
a.razdel:hover, a.razdel:active {color: #005F7D; padding: 2px 5px; text-decoration: underline;}

.rozisk { display: block; clear: both;}
.rozisk li {display: block; clear: both; padding: 0 0 30px 0;}
.rozisk .rozisk-img {padding: 0 0 30px 260px;}
.rozisk .rozisk-img img {display: block; float: left; margin: 0 0 0 -260px;}
.rozisk-title {text-transform: uppercase;}

.conf-select {display: block; clear: both; margin: 0 0 30px 0; text-align: right;}
.conf-answer-info {display: block; clear: both; text-align: left;}
.conf-answer-info img {display: block; float: right; margin: 0 0 0 15px;}
.conf-select select {	font-size: 11px; width: 300px;}

.error, .man_form_error {font-weight: bold;color:#F00;padding-left: 20px; text-align: center; clear: both;}


.form-conf, .form-conf-check, .form-conf-batton {display: block; clear: both; width: 450px; margin: 10px 0 0 0;}
.form-conf label, .form-conf-check label {display: block; clear: both; padding: 0 0 10px 0; position: relative;}
.form-conf input, .form-conf-check-text {display: block; float: right; width: 270px;	height: 17px;color: #000000;  border: 1px solid #9D9D9D;}
.form-conf textarea {display: block; float: right; width: 270px;	height: 90px;color: #000000;  border: 1px solid #9D9D9D;}
.form-conf input:focus, .form-conf textarea:focus,.form-conf-check-text:focus {border-color:red;}
.form-conf-check div {width: 270px; float: right; position: relative; text-align: right;}
.form-conf-check strong {display: block; width: 270px; color: red; clear: both; text-align: center; padding: 5px 0;}

.form-conf-submit, .form-conf-reset {display: block; width: 200px; text-align: center; cursor: pointer; background-color:#275475; color: #FFF; font-weight:bold;  text-transform: uppercase; border: none; padding: 5px 0; margin: 10px 0 0 0; }
.form-conf-submit {float: left;}
.form-conf-reset  {float:right;}

.bannerboxtab {width: 100%;}
.bannerboxtab td {width: 25%; text-align: center; padding: 0 5px 20px 5px;}

.resurs-pages {clear: both; text-align: center;}

.txtVote {color: #000;	padding: 0 5px;}

input.hotline{ border: 1px solid #9D9D9D;  color: #000;	width: 200px;	height: 17px;	background-color: #FFF;}
input.vote { background-color: #D4D0C8;border: 1px solid #9D9D9D; color: #000;  width: 78px; height: 20px;	cursor: pointer;}

.phone-box {width: 80%;}


.hotlinegroup-tabsel{ display: block; clear: both; text-align: right; margin: 0 0 10px 0;}
 .hotlinegroup-tabsearch, .hotlinegroup-tabsearch p, .hotlinegroup-tabsearch fieldset  {display: block; float: right; width: 300px;}
.hotlinegroup-tabsel select {min-width: 300px;}
 


/* new  section - obrashenie grazhdan - 07/102/008*/
.man_form_cont {text-align: center;}
.man_form {width:450px; margin: 0 auto;}
.man_form li {list-style: none;	padding: 10px 0 10px 0;	margin: 0 0 10px 0;text-align: left;}
.man_form .man_form_zag {text-align: center;}
.man_form input {border-style: solid;   border: 1px solid #9D9D9D;  color: #000; width: 200px;   background-color: #FFF;  margin-right: 10px;}
.man_form input:focus {border-color:red;}
.man_form  .man_form_cont-bat {width: 200px; text-align: center; cursor: pointer; background-color:#275475; color: #FFF; font-weight:bold;  text-transform: uppercase; border: none; padding: 5px 0; display: block; float: left;}
.man_form_bat {text-align: right;}
.man_form_bat input { background-color: #D4D0C8;  width: 100px; border-color: #D4D0C8  #404040 #404040 #D4D0C8;	    cursor: pointer;}
.man_form_error {color:#FF0000;}
.man_form_error input {border: 1px solid #FF0000;}
.man_form_tab caption {font-size: 12px; font-weight: bold; padding: 0 0 10px 0;}
.man_form_tab { border: 0; border-collapse: collapse; margin: 0 auto; } 
.man_form_tab td {	padding: 0;	vertical-align: top;font-size:12px;border: 1px solid #29779C; padding: 5px; width: 250px;} 
.man_form_pages {color: #005F7D; font-weight: bold;}
.man_form_pages span {color: #FF8000;}
.man_form_pages a{color:#005F7D;}
.man_form_pages a:hover, .man_form_pages a:active {color:#005F7D; text-decoration: none;}
.man_form_rd {width:300px; }
.man_form_rd li {margin: 5px 0;}
.man_form_rd input {width: 20px;height: 15px;border: none;	display: inline;}
.man_form_date {margin: 5px 0 0 0;}
.man_form_date li {display: inline}
.man_form_date input {width: 50px; margin: 0 10 0 2px;}
.man_form_resser td{text-align: center;font-weight: bold;}


.forpages {color: #29779C; text-align: center; clear: both;}

/* vote */
.vote-page-l {display: block; clear: both; text-align: right; padding: 5px 3px;}
.vote-page-l a {color: #005F7D;text-decoration: underline;}
.vote-page-l a:hover,.vote-page-l active {color: #005F7D;text-decoration: none;}

.vote-res-box {width: 500px; margin: 0 0 30px 0; }
.votetxt {color: #29779C;  text-align: justify; padding: 10px 0;}

.vote-question {width: 200px; text-align: justify; padding: 10px 0; border-bottom: 1px solid #EEE;}
.vote-question-figures { padding: 10px 0 10px 10px; border-bottom: 1px solid #EEE;}
.vote-question-figures span {display: block; float: left; height: 12px; margin-right: 5px;  background-color: #57C1EA; }

.vote-answ {padding: 20px 0 0 0; font-weight:bold;}

/* /vote */

/* video */
.video-box {width: 322px; height: 290px;}
.video-box-title {width:322px; padding: 10px 0;}


/* fotogallery */
.photogal,.videogal {display: block; clear: both; margin: 0 0 10px 0;}
.photogal li {display: block; float: left; width: 180px; text-align: center; margin: 0 10px 5px 0; padding: 0 10px}
.photogal p {display: block; clear: both; text-align: left; height: 50px; overflow:  auto; width: 180px; padding: 0 10px; font-size: 0.9em;}
.photogal strong {text-align: left; padding: 5px 10px; width: 180px;}
.photogal img {background: url(load.gif) no-repeat center;}


.videogal li { display: block; position: relative; padding: 0 0 50px 0; min-height: 280px;}
* html .videogal li { height: 280px;}
.videogal object {display: block; position: absolute; top: 2.1em; left: 0;}
.videogal p {display: block; clear: both; padding: 0 0 0 330px;}