@font-face {
  font-family: "Century Gothic";
  src: url(../fonts/century.ttf ) format("truetype");
}

/* grid */
body{
	background:  #f0f0f0  url(../images/backgrounds/body.jpg) no-repeat center bottom;
	color:#666;
}
#main_container {
	/*background: url(../images/backgrounds/header_shades.png) no-repeat scroll 0 top;*/
	width: 960px;
	/*stycky*/
	height:auto !important;
	margin: 0 auto;
	min-height: 100%;
}
.container{
	padding:0 0 70px;
}

#header {
	padding: 6px 0 0 0;
	height: 205px;

	overflow: hidden;
	background: url(../images/logo.png) no-repeat 50px 0px;
}
#header.bg { background: url(../images/logo.png) no-repeat 50px 0px; }
#header.en { background: url(../images/logo_en.png) no-repeat 50px 0px; }
#header .lang{
	padding: 0 0 0 48px;
}
#header h1{
	float: left;
	width: 253px;
	height: 85px;
	text-indent: -9999px;
	padding: 0 0 0 35px;
	margin: 0;
}
.logo{
	display: block;
	width: 253px;
	height: 85px;
	position: relative;
	overflow: hidden;
}
.logo img{
	position: absolute;
	top: 12px;
	left: 14px;
}
#header h2{
	float: left;
	width: 253px;
	height: 85px;
	text-indent: -9999px;
	margin: 0;
}
#header h2 img {
	left: 200px;
	position:absolute;
	top: 41px;
}
.clip{
	clip:rect( 0 776px 85px 244px);
}
.top_bar{
	overflow: hidden;
	font-size: 0.91em
}
.top_bar ul{
	float: left;
}
.top_bar li{
	float: left;
	border-right: 1px solid #90cbfa;
	padding: 0 20px;
}
.top_bar a{
	color: #90cbfa;
}
.navigation {
	width: 886px;
	height: 77px;
	background: url(../images/backgrounds/nav_bg.png) no-repeat right 0;
	margin: 19px 0 0 20px;
	float: left;
}
.navigation li{
	background: #45181b;
	float: left;
	display: inline-block;
	height: 57px;
}
.navigation li a{
	font-family: Century Gothic;
	text-align: center;
	color: #fff;
	max-width: 106px;
	height: 36px;
	display: block;
	font-size: 1.09em;
	padding: 21px 10px 0 10px;
	border-right: 1px solid #582f33;
}

.navigation .long_text a{
	height: 45px;
	padding: 12px 0 0 0;
	width: 106px;
}
.navigation  li a:hover, .navigation  li a.active{
	background: #fff;
	color: #45181b;
	border-right: 1px solid #d4d4d4;
}
.navigation  li a.first{
	padding: 21px 10px 0px 49px;
}

.content{
	padding: 0 0 0 47px;
	width: 546px;
    float: left;
    margin-right: 110px;
}

.sidebar { float: left; margin-top: 40px; }
.sidebar .telephones { width: 204px; height: 64px; margin-bottom: 5px; text-indent: -9999px; overflow: hidden; background: transparent url("../images/telephones.png") no-repeat; }
.sidebar a#our_contacts { display: block; width: 204px; height: 58px; background: transparent url("../images/emails.png") no-repeat; background-position: 0px -58px; text-indent: -9999px; overflow: hidden; }
.sidebar a#our_contacts:hover { background-position: 0px 0px; }

.main_content{
	width: 558px;
	float: left;
	padding: 20px 0 0 0;
}

/* buttons */
.button {
  display:block;

  margin: 0.7em 0.5em 0.7em 0;
  padding: 2px 5px 5px 5px;   /* Links */
  height: 20px;
  border: none;

  background-color:#131313;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height: 1.1em;

  color:#90cbfa;

  cursor:pointer;
  overflow:visible;
  float: right;
}

/* text from text editor */
.client_text{
	clear: left;
	padding: 10px 0;
}
.client_text  p{
	margin-bottom: 15px ;
}
.client_text a{
	text-decoration: underline;
	color: #45181b;
}
.client_text ul, .client_text ol{
	padding: 5px 0 10px 0;
	list-style-position:inside;
}
.client_text ol{
	list-style-type: decimal;
}
.client_text ul li, .client_text ol li{
	padding: 5px 0 0 32px;
	background: url(../images/dash.jpg) no-repeat 0 13px;
}
.client_text h1, .client_text h2 , .client_text h3, .client_text h4, .client_text h5, .client_text h6{
	font-family: Century Gothic;
	padding: 0 0 9px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #cecece;
	color: #671d1d;
    clear: both;
}
.client_text h1 {
	font-size: 2em;
}
.client_text h2 {
	font-size: 1.82em;
}
.client_text h3 {
	font-size: 1.5em;
}
.client_text h4 {
	font-size: 1.4em;
}
.client_text h5 {
	font-size: 1.2em;
}
.client_text h6 {
	font-size: 1.1em;
}

.client_text img { margin-right: 10px; margin-bottom: 10px; }

.normalText{
    font-size: 1em;
}
.bigText{
    font-size: 1.091em;
}
.bigerText{
    font-size: 1.182em;
}

/* tabele from timymce*/
.editor_table{
	width: 95%;
	margin: 5px 0;
}

.editor_table td{
	padding: 2px 5px;
}

.editor_table th{
	background:#000;
	padding: 5px;
	color: #fff;
}
.odd_row{
	background: #3c3c3c;
	color: #fff;
}

.client_text table { border: 1px solid #cecece; color: #333; }
.client_text table thead {  }
.client_text table tbody {  }
.client_text table tbody tr {  }
.client_text table tbody tr td { padding: 5px; }


/* end style from text editor */


#footer{
	height: 50px;
	color:#fff;
	font-size: 0.83em;
	overflow: hidden;
	width: 911px;
	background: url(../images/backgrounds/footer_bg.png) no-repeat right 1px;
	margin: 0 auto;
}
#footer a{
	color:#fff;
}

.footer_contacts{
	background: #45181b;
	overflow: hidden;
	height: 18px;
	padding: 3px 0 0 48px;
	margin: 10px 0 0 0;
}
#footer .fright{
	padding: 0 5px 0 0;
}
#footer ul {
	float: left;
	margin: 3px 0 10px 41px;
}
#footer ul li{
	display: inline-block;
	float: left;

}
#footer ul li a{
	border-right: 1px solid #8a8a8a;
	color: #8a8a8a;
	padding: 0 6px 0 7px;
}

#footer a.author{
	display: block;
	margin: 3px 0 0 0;
	color: #8a8a8a;
	float: right;
	padding: 0 5px 0 0;
}

.navigation li ul { position: absolute; border-top: 1px solid #dadada; }
.navigation li ul li { float: none; display: block; background-color: #fff; border-bottom: 1px solid #dadada; height: 45px; z-index: 100; position: relative; }
.navigation li ul li a { color: #45181b; padding-top: 15px !important; overflow: hidden; display: block; }
.navigation li ul li a, .navigation li ul li a:hover { border: 0px; padding-top: 15px !important; height: 45px !important; border: 0px !important; }

#contacts { display: none; }
.shadow_wrapper { width: 553px; height: 453px; background: transparent url("../images/backgrounds/modal.png") no-repeat; padding: 33px 40px 40px 33px; }
.modal { width: 459px; height: 358px; padding: 10px; }
.head { border-bottom: 1px solid #dadada; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; }
.head h2 { float: left; font-family: "Century Gothic", sans-serif; color: #525252; font-size: 2.2em; margin: 0px; }
.head a, .modal button { float: right; display: block; padding: 3px 5px; background-color: #45181b; color: #fff; }

.modal form { margin-bottom: 8px; overflow: hidden; }
.modal form input { width: 150px; height: 19px; font-size: 0.98em; line-height: 0.98em; padding: 3px 0 0 3px; margin-bottom: 8px; background: #e7e7e7 url("../images/backgrounds/input_bg.png") repeat-x; color: #8f8f8f; border: 0px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; }
.modal form textarea { width: 455px; height: 125px; font-size: 0.98em; line-height: 0.98em; padding: 3px 0 0 3px; margin-bottom: 8px; background: #e7e7e7 url("../images/backgrounds/textarea_bg.png") repeat-x; color: #8f8f8f; border: 0px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; font-family: Tahoma, Arial, sans-serif; }
.modal button { border: 0px; font-family: "Century Gothic", sans-serif; font-size: 1em; margin-left: 8px; cursor: pointer; }

.modal .error { border: 1px solid #45181b; }

.foot { border-top: 1px solid #dadada; clear: both; padding-top: 8px; font-size: 0.9em; line-height: 1.4em; color: #8f8f8f; overflow: hidden; }
.addr { float: left; }
.cont { float: right; text-align: right; }

.login { width: 230px; margin: 50px auto; padding: 15px; background-color: #45181b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.login h2 { margin-bottom: 15px; font-size: 20px; color: #fff; }
.login label { display: block; float: left; width: 70px; color: #fff; line-height: 20px; }
.login input {  }
.login br { margin-bottom: 10px; }
.login button { margin-top: 10px; margin-left: 70px; padding: 5px; border: 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; color: #45181b; cursor: pointer; }

#header div { position: relative; }
#ata { display: block; position: absolute; top: 42px; right: 50px; width: 125px; height: 55px; text-indent: -9999px; overflow: hidden; background: transparent url("../images/logo-ata.png") no-repeat }

#book { margin-top: 25px; }
#book span { display: block; margin: 15px 0; color: #45181B; font-size: 14px; }

.books {  }
.books h2 { border-bottom: 0px; margin-bottom: 20px; }
.books .first { overflow: hidden; margin-bottom: 30px; }
.books .first a { text-decoration: none; }
.books .first a.img { display: block; float: left; }
.books .first img {  }
.books .first .info { float: left; width: 365px; margin-left: -15px; }
.books .first .info p { margin-bottom: 10px; text-align: justify; }
.books .first .info h3 { font-size: 16px; }
.books .first .info h3 em, .books h2 em { display: block; margin-top: 5px; font-size: 12px; }

.no-border { border: 0px !important; }
.mb20 { margin-bottom: 20px; }
.min-content { min-height: 600px; }
.client_text.min-content { min-height: 700px; }

.books-list { min-height: 350px; overflow: hidden; }
.book-item { float: left; margin-right: 15px; margin-bottom: 15px; }

.begin_flags { float: left; display: block; height: 40px; background: transparent url("../images/begin_flags.png") no-repeat; }
.end_flags { display: block; overflow: hidden; padding-left: 7px; padding-top: 18px; padding-right: 5px; background: transparent url("../images/end_flags.png") no-repeat right 11px; }
.end_flags img { display: block; float: left; margin-right: 5px; margin-bottom: 5px; }