html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary {display:block}
meter,progress,mark, time {display:inline}
blockquote,q {quotes:none}
html,body {height:100%}
img {border:0;vertical-align:top;text-align:left}
object {vertical-align:top;outline:none}
table,table td {padding:0;border:none;border-collapse:collapse}
input,select,textarea {font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0}
textarea {overflow:auto}
* {margin:0; padding:0;}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}

h1, h2, h3 {font-weight: normal;}
a {color:#fff;  text-decoration:none;}
a:hover {color:#FFEA00;}
/**** START BASE LAYOUOT
==============================================================================================================****/
html {
	height:100%;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
	position:relative;
	min-height:100%;
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	line-height:16px;
	color:white;
	background:black;
	}

.width {width:960px;}	
	
#content {margin:0 auto;}
.content-column { padding:30px 20px; margin:0 auto 50px; border-radius:15px;  background:url(../images/bg.jpg) repeat 0 0; width:920px; float:left;}

.clearfix:after {
    clear: both;
    height: 0;
    visibility: hidden;
}

/* ------------------ General options ------------------ */
#wrapper-main {margin:0; width:100%; display:inline-block; padding:0;}

#header {margin:0 auto; padding:0; height:auto; }
#header .region-slider {height:330px; width:960px; float:left; margin:0;}		  
.region-language {float:right; width:50px; margin:0;}
.region-language .content li {width:22px; list-style:none; height:20px; padding:0 !important; border-bottom:2px solid black !important; margin:0 5px 0 0 !important;}
.region-language .content li.active {border-bottom:2px solid #fff !important;}
.region-language .content li a {float:left; width:22px !important; height:20px !important; font-weight:normal !important;}

.region-about {float:left; width:100%;}

/* ------------------ Header ------------------ */

/* --------------- Main Menu ------------ */

#main-menu {
  width:100%; display:inline-block; height:auto; margin:0; padding:10px 0 20px; 
  }
#main-menu ul{
	margin:0 auto; 
   }
.i18n-ru #main-menu ul{
	width:600px; 
   }
.i18n-uz #main-menu ul{
	width:700px; 
   }   
#main-menu li {
  float: left; list-style: none; padding:0 0 0 10px; margin:0;
}
#main-menu li a {
    display:inline-block; text-align:center;
    line-height:20px; margin:0; padding:0; 
    width:auto; color:white; height:20px;
    font-size:16px; font-weight:bold;
    font-family:'Times New Roman', sans-serif;
}
#main-menu li a:hover{color:#FFEA00}

/* ------------------- Content ------------------- */


h1#page-title {
  font-size:20px; float:left; width:100%; line-height:22px; color:#fff; padding:0; margin:0 0 15px; 
  font-family:'Times New Roman'; text-transform:uppercase;
} 

/* ------------------- Help ------------------- */

.region-help {
  border: 1px solid #d3d7d9;
  padding: 0 1.5em;
  margin-bottom: 30px;
}

/* ----------------- Footer ------------------ */
#footer {margin:0 auto; height:auto; clear:both;}


#footer .develop {float:left;}
#footer .develop a {color:#fff; text-decoration:underline;}
#footer .region-copyright {float:right; margin-left:5px;}
#footer .region-copyright p {float:left;}



/* --------------- Views  --------------- */



/* --------------- Nodes  --------------- */
.node-teaser {}
.node-teaser:last-child .news-teaser {border-bottom:none;}

.news-teaser {float:left; width:100%; margin:0 0 20px; padding-bottom:20px; border-bottom:1px solid white;}
.news-teaser h2 a {float:left; width:100%; text-align:center; line-height:20px; font-size:17px; margin:0 0 20px;}
.node-readmore a {float:left; width:100%; margin:10px 0 0;}
.node-readmore a:after {content: " »"; font-size: 16px;}

.anons {float:left; width:100%; clear:both; margin:0 0 30px;}
.anons .field-name-field-oblojka {float:left; border:2px solid #cfcfcf; margin:0 20px;}
.anons .field-name-field-oblojka:hover {border-color:#bbb;}
.anons .info {float:left; width:270px;}
.anons h2 a {float:left; font-family:'Times New Roman'; padding: 10px; min-width:110px; text-align:center; border-bottom: 1px solid #9FA5B1; border-top: 1px solid #9FA5B1; line-height:22px; font-size:18px; }
.anons .count {float:left; font-size:12px; clear:both; margin-top:7px;}


.content-full, .content-full .field-name-field-images {float:left; width:100%;}
.content-full .field-name-field-images .field-item {float:left; margin:0 20px 25px 6px; height:150px; padding:2px; border:2px solid #cfcfcf;}
.content-full .colorbox {float:left; width:100%; height:100%; position:relative;}
.content-full .colorbox:hover:before {position:absolute; z-index:99; content:''; top:0; left:0; width:100%; height:100%; background:url(../images/zoom.png) no-repeat center center;}


.albums {float:left; width:600px; margin:0 0 0 20px;}
.albums li.list {float:left; width:100%; margin:0 0 26px;}
.albums li.list .title-song {width:100%; font-size:14px;}

.video-anons {float:left; width:285px; margin:0 10px 20px 10px; position:relative;}
.video-anons .field-name-field-oblojka {float:left; border:2px solid #cfcfcf; position:relative; padding:2px; }
.video-anons h2 a{float:left; width:100%; line-height:16px; font-size:14px; font-weight:800; margin:5px 0 0;}
.video-anons #video {display:none;}
.video-anons a.oblojka {position:absolute; top:0; left:0; width:283px; height:213px; background: url(../images/play-icon.png) no-repeat center center; z-index:99;}


.contact {float:left; width:100%; margin:0;}
.contact  .field-name-body {float:left; width:100%; margin:0 0 10px;}
.contact  .field-name-body .field-item {font-size:17px; color:#fff; line-height:22px; float:left; width:100%;}

.contact-form {width:500px; float:left; margin:0 0 30px;}
.contact-form .form-item {float:left; margin:5px 0; width: 100%;}
.contact-form input, .contact-form textarea {float:left;  width:100%;  padding:0; }
.contact-form label {float:left; width:auto; font-size:15px; font-weight:normal; color:#fff; line-height:25px;}
.contact-form .grippie {clear:both;}


input[type=text], input[type=email], input[type=password], input[type=number], textarea {border:none; text-indent:10px; background:#eee; height:30px; 
-webkit-transition: all 0.2s linear 0s;
		-moz-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
		transition: all 0.2s linear 0s;}
textarea {min-height:200px; display:inline-block !important;}		
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus {background:#fff;}
#content input[type=submit], #user-login-form input[type=submit] {float:left; clear:both; margin-top:15px; width:auto !important; cursor:pointer; font-size:14px; line-height:19px; background:#FCBF03 url(../images/button.png) no-repeat 95% center; padding:10px 32px 10px 16px; color:#111; border:none;box-shadow: 0 4px #9e6802; outline: none; position:relative; text-transform:uppercase;
-webkit-transition: all 0.2s linear 0s;
		-moz-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
		transition: all 0.2s linear 0s;}
#content input[type=submit]:hover, #user-login-form input[type=submit]:hover {box-shadow: 0 2px #9e6802;}
#content input[type=submit]:active, #user-login-form input[type=submit]:active {box-shadow:none;}

		  

/* --------------- Pagination  --------------- */

.item-list .pager {
    clear: both; width:100%; padding:5px 0; margin-top:10px;
    text-align: left; float:left; border-top:1px solid #ddd; border-bottom:1px solid #ddd;
}
.item-list .pager li {
    background-image: none;
    display: inline; width:auto; height:28px;
    list-style-type: none; line-height:26px; text-align:center;
    padding:0; float:left;
}

.pager-current {
    
	color:white !important;
}
.pager .pager-next, .pager .pager-last {width:auto !important;}
.item-list .pager li a{display:block; width:100%; height:28px; text-align:center; line-height:26px; color:#888;}

/* --------------- System Tabs  --------------- */

.messages { margin:0 !important;}

.tabs {
  font-family:tahoma, sans-serif;
  width:100%; clear: both;
}
.tabs ul.primary {
  margin:10px 0 20px;
  float:left;
  overflow: hidden;
}
.tabs ul.primary li a.active {background:#f5f5f5; border:1px solid #aaa; border-bottom:none !important;}
/* -------------- Password Meter  ------------- */

#messages {width:100%; display:inline-block; clear:both; margin:20px 0; font-size:14px;}
#messages  a {font-weight:bold;}

.confirm-parent,
.password-parent {
  width: 34em;
}
.password-parent,
div.form-item div.password-suggestions {
  position: relative;
}
.password-strength-text,
.password-strength-title,
div.password-confirm {
  font-size: 0.82em;
}
.password-strength-text {
  margin-top: 0.2em;
}
div.password-confirm {
  margin-top: 2.2em;
  width: 20.73em;
}