@import 'reset.css';
@import 'global.css';
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic-ext);
@import url(//fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext);
@import url('//fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic-ext');
body {font-family:'PT Sans', sans-serif;font-size:13px;line-height:1.3;color:#222222;background:#FFF;}
a {outline:none;text-decoration:none;color:#222222;}
a:hover {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {
	margin:5px 0;
	text-align:left;
	font-weight:normal;
	color:#0fa5dc;
}
h1 {font-size: 22px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

#wrapper {min-width:1100px;	max-width:2000px;margin:0 auto;}
	.container{margin:0px auto;width:1100px;outline:0px solid red;}
#preheader{height:35px;background:#346ca7;}
#preheader .container ul.usefullinks {text-align:center;list-style:none;width:350px;float:left;margin-top:9px;}
#preheader .container ul.usefullinks li {display:inline;color:#FFF;}
#preheader .container ul.usefullinks li a{color:#FFF;font-size:12px;text-transform: uppercase;}
#preheader .container ul.usefullinks li a:hover{text-decoration:underline;}
#preheader .container ul.lang {text-align:center;width:400px;float:left;margin-top:9px;}
#preheader .container ul.lang li {display:inline;margin-right:2px;}
#preheader .container ul.lang li  a{
		font-size:12px;
		color:#fff;
		padding:2px 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px; 
		-khtml-border-radius: 5px; 
		border-radius: 5px;
}
#preheader .container ul.lang li  a.active{background-color: rgba(255,255,255,0.1);}
#preheader .container ul.lang li  a:hover{background-color: rgba(255,255,255,0.1);}
#preheader .container ul.search {text-align:center;width:350px;float:left;margin-top:9px;}
#preheader .container ul.search li {display:inline;color:#FFF;}
#preheader .container ul.search li a{color:#FFF;font-size:12px;text-transform:uppercase;}
#preheader .container ul.search li  a:hover{color:#0d9be7;}

#header {height:105px;background:#FFF;padding:5px 0px;}
#header .logo {width:103px;height:99px;background: no-repeat;}
#header table{width:100%;table-layout:fixed;}
#header table td {outline:0px solid red;vertical-align:middle;overflow: hidden;}
#header table td.lhd1{width:500px;}

#header table td.tdlogo{width:115px;}
#header table td.lhd{width:100%;text-align:right;}
#header table td.lhd  input{border-radius:10px;border:1px solid #7c7c7c;padding:4px 4px;width:200px;font-size:12px;outline: none;}
#header table td.lhd1 span{font-size:24px;color:#2b5d91;line-height:1.2;text-transform:uppercase;}
#header .container .search_form {text-align:right;}
#header .container .search_form .search_input{ width:250px;height:26px;background-color:#f0f0f0;border:none;padding:3px;}
#header .container .search_form .search_button{background:url(http://sobes.shymkent.gov.kz/assets/img/search_icon.png) #5287bd no-repeat center center;border:1px solid #5287bd;width:32px;height:32px;margin-left:-4px;cursor:pointer;}
/* NAVIGATION */
#nav{background:#2b5d91;height:50px;}
#nav .container{background:#5287bd;font-family: 'Open Sans', sans-serif;}
#drop-nav, #drop-nav ul {list-style: none;padding: 0px;margin: 0px;}
#drop-nav{margin:0 auto;padding:0px 4px;text-align:left;}
#drop-nav li {display: block;position: relative;float: left;margin:0px;padding: 0px 3px; }
#drop-nav li ul {display: none;}
#drop-nav li a {display: block;text-decoration:none;font-size:14px;color:#FFF;padding:15px 6px 13px 6px;font-family: 'Open Sans', sans-serif;text-transform:uppercase;}
#drop-nav ul li {padding:0px;}
#drop-nav li a:hover {color:#5d5d5d;}
#drop-nav li:hover ul {display:block;background-color:#346ca7;position:absolute;width:300px;padding-top:10px;top:50px;z-index:1;color:#FFF;}
#drop-nav li:hover li {float: none;}
#drop-nav li:hover a.navl1 {border-bottom:4px solid #fabf61;color:#fabf61;}
#drop-nav li ul li a{border:none;color:#FFF;text-transform:none;padding:10px;}
#drop-nav li:hover li a:hover {color:#fabf61;border-left:4px solid #fabf61;padding-left:6px;}
#drop-nav li ul li {border-top:0px;}
/* END NAVIGATION */

/* CONTENT */
#content .container{padding:15px;font-size:14px;font-family:Tahoma, Arial, sans-serif;min-height:400px;}
#content .container a{color:#0e689a;text-decoration:underline;}
#content .container p{text-align:justify;padding:5px 0px !important;}
#content .container ul,#content .container ol{margin-left:50px !important;}
#content .container h2{text-align:center;font-family:'Open Sans', Tahoma, Arial, sans-serif;color:#2b2c2c;font-size:24px;margin:20px 0px;}
#content .container h3{text-align:center;font-family:'Open Sans', Tahoma, Arial, sans-serif;color:#2b2c2c;}
#content .obutton{background: #ffc700;background-image: -webkit-linear-gradient(top, #ffc700, #ff8500);background-image: -moz-linear-gradient(top, #ffc700, #ff8500);background-image: -ms-linear-gradient(top, #ffc700, #ff8500);background-image: -o-linear-gradient(top, #ffc700, #ff8500);background-image: linear-gradient(to bottom, #ffc700, #ff8500); -webkit-border-radius:8; -moz-border-radius:8;border-radius: 8px;color: #ffffff;font-size: 14px;line-height:2;padding: 5px 10px 5px 10px;text-decoration: none;}
#content .obutton:hover{background: #ff8500;background-image: -webkit-linear-gradient(top, #ff8500, #f48207);background-image: -moz-linear-gradient(top, #ff8500, #f48207);background-image: -ms-linear-gradient(top, #ff8500, #f48207);background-image: -o-linear-gradient(top, #ff8500, #f48207);background-image: linear-gradient(to bottom, #ff8500, #f48207);text-decoration: none;}
#content .container table{border-collapse:collapse;}
#content .container table td{border:1px solid #B9B9B9;}
#content .container table.lnews{border-collapse:collapse;width:100%;}
#content .container table.lnews td{border:1px solid #B9B9B9;padding:10px;vertical-align:top;}
#content .container table.lnews td h3{text-align:left;font-size:18px;}
#content .container table.lnews td h3 a:hover{text-decoration:underline;}
#content .container table.lnews td  p.ndate {color:#5287bd}
#content .container h1{text-align:center;color:#2b2c2c;font-size:26px;margin:20px 0px;}



	/* REGISTRATION */
	
	#content .register table td, #content .profile table td{border:none;padding:5px 10px;font-size:14px;}
	#content .register table td input, #content .profile table td input{font-size:14px;padding:3px;}
	#content .register table td, #content .profile table td{border:none;vertical-align:top;}
	#content .register table td p span, #content .profile table td p span{color:#F00;}
	#content .register p.error, #content .profile p.error{color:#F00;font-size:10px;}
	/* END REGISTRATION */
/* END CONTENT */

#section2  div.akim{width:250px;height:425px;border:1px solid #d3d4d6;text-align:center;}
#section2  div.akim a img{vertical-align:top !important;}
#section2 div.akim  a.button{background:#5287bd;width:100%;padding:12px 0px;color:#FFF;text-align:center;display:block;font-size:14px;margin-top:12px;}
#section2 div.akim  a.button{width:220px;margin:0px auto;padding:8px 0px;}
#section2 div.akim  p{color:#214f7e;font-weight:bold;margin:5px 0px; font-size:16px;} 
h2.section_title{background:#5287bd;width:250px;padding:12px 0px;color:#FFF;text-align:center;display:block;font-size:14px;margin:0px;text-transform:uppercase;}
h2.section_title22{background:#5287bd;width:330px;padding:12px 0px;color:#FFF;text-align:center;display:block;font-size:14px;margin:0px;text-transform:uppercase;}
#section2 div.akim  h2 a{color:#FFF;}

#section2 .top_news {
	outline:1px solid #d3d4d6;
	width:820px;
	margin-right:23px;
	background:#fbfbfc;
}
#section2 .top_news div{width:240px;float:left;padding:15px;}
#section2 .top_news div h3{color:#2b2c2c;text-transform:uppercase;font-size:12px;font-weight:bold;height:40px;}
#section2 .top_news h3 a:hover{color:#5287bd;}
.button2 {background:#5287bd;width:100%;padding:10px 0px;color:#FFF;text-align:center;display:block;font-size:14px;margin-top:5px;}
#section3{margin:30px 0px;}
#section3 .top_news {
	outline:1px solid #d3d4d6;
	width:820px;
	margin-right:23px;
	background:#fbfbfc;
}
#section3 .top_news div{width:240px;float:left;padding:15px;text-align:center;height:210px;}
#section3 .top_news div h3{color:#2b2c2c;text-transform:uppercase;font-size:12px;font-weight:bold;text-align:center;}
#section3 .last_news{
	width:230px;
	padding:10px 10px;
	outline:1px solid #d3d4d6;
	background:#fbfbfc;
}
#section3 .last_news h3{color:#2b2c2c;text-transform:uppercase;font-size:16px;font-weight:bold; background-color:#000;padding:5px;}
#section3 .last_news p{margin-top:5px; font-size:14px;}
#section3 .last_news p a:hover{color:#5287bd;}

#section4{margin:30px 0px;}
#section4 img{margin:20px;}
#section5{margin:30px 0px;}
#section5 img {text-align:center;margin:5px 5px;cursor:pointer;box-shadow: 0 0 10px rgba(0,0,0,0.5);}

/* CABINET */
#section2 .profile h1 {font-size: 28px;text-align:center;}
#section2 .profile p.pi{font-size:18px;line-height:2;color:#5287bd;}
#section2 .profile p.pi span{color:#000;width:200px;display:inline-table;margin-left:20px;}
#section2  .profile table.virtual td{padding:5px 20px;}
#section2  .profile table.virtual p{font-size:14px;line-height:2;color:#000;}
#section2  .profile table.virtual p.error{font-size:12px;color:#F00;}
#section2 .profile  table.virtual p span{color:#F00;}
#section2  .profile table.virtual td input[type=text], #section2  .profile table.virtual td textarea{border:1px solid #5287bd;padding:5px;font-size:14px;width:600px;}
#section2  .profile .titlink a:hover{text-decoration:underline;color:#5287bd;}
/* END CABINET */

#content .tour {text-align:center;}

#content .tour  div{
	float:left;
	padding:10px;
	margin:15px;
	border:1px solid #d3d4d6;
	text-align:center;
	
}

	
/* SITEMAP */
#content #sitemap {margin-left:40px;}
#content #sitemap ul li {padding:5px 0px;margin-left:60px;}
#content #sitemap ul li a:hover{color:#5287bd;text-decoration:underline;}
/* END SITEMAP */

/*VACANCY*/
#marq1 .container {
    width: 1100px;
    background-color: #5287bd;
    height: 40px;
    margin-bottom: 35px;
	padding-top:1px;
}
#marq1 .container .adnews  {
	padding: 0 18px;
	margin-top: 10px;
	border-right: 1px solid rgba(255,255,255,0.1);}
#marq1 .marquee {
	overflow: hidden;
	height: 20px;
	line-height: 20px; 
	width: inherit;
	}
#marq1 .marquee  a {
    padding-left: 15px;
    margin-left: 10px;
    font-size: 16px;
    color: #fff;
    background-image: url(../img/li.png);
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
}
#marq1 .marquee  a:hover {text-decoration:underline;}
	
#footer {min-height:150px;background:#346ca7;padding:20px 0px;}
#footer .container div{
	float:left;
	width:350px;
}
#footer .container a{color:#fff;font-size:14px;}
#footer .container a:hover{text-decoration:underline;}
#footer .container a.navl1{color:#fabf61;font-size:18px;}
#footer .container a.navl1:hover{text-decoration:none;}