body, html {
   background: #fff;
   height: 100%;
  *overflow-x: hidden; 
}

#doc3 { 
   width: 100%;
   min-width: 1200px;
   /*	max-width: 1600px; */
   margin: 0px auto -62px;
   max-width: 1600px;

   /*вытягиваем в высоту*/  
   height:auto !important;
   height:100%;
   min-height:100%;
}

.yui-t3 .yui-b {
   width: 15.6923em; _width: 15.3em;
}

.yui-t3 .yui-main .yui-b {
   margin-left: 16em; _margin-left: 15.6em;
   width: auto;
}      

.clear {
   clear: both;
}


#hd {
   width: 100%;
   height: 185px;
   background: transparent url(img/head-bg.png) repeat-x left top;
}

#hd .background {
   width: 100%;
   height: 177px;
   background: transparent url(img/head.jpg) no-repeat left top;
}

#hd .flags {
   float: right;
   margin-right: 20px;
}

.icons {
   margin-right: 10px;
   padding-top: 11px;
   margin-bottom: 5px;
   display: inline-block;
}

.fb-like {
   float: right;
   position: relative;
   color: #0189bf;
   padding-left: 10px;
   font-size: 12px;
   margin-top: 12px;
   margin-right: 10px;
}

.facebook {
   float: right;
   color: #0189bf;
   background: url(img/facebook.png) no-repeat;
   width: 25px;
   height: 25px;
   font-size: 12px;
   margin-left: 5px;
}

.twitter {
   float: right;
}

.twitter a {
   background: url(img/twitter.png) no-repeat left bottom;
   width: 25px;
   height: 25px;
   display: block;
}

.facebook  a {
   color: #0189bf;
   width: 15px;
   display: block; 
   height: 16px;
   text-decoration: none;
}


#hd .menu {
   float: right;
}

#hd .menu ul {
   list-style: none outside none;
}

#hd .menu li {
   list-style: none outside none;     
   padding: 0em 0.35em;
   float: left;
}

#hd .menu td {
   padding: 0em 0.35em;
}

#hd .menu .separate {
   display: block;
   width: 3px;
   height: 21px;
   background: url(img/hd-menu-separate.gif) no-repeat center;
}

#hd .menu a {
   color: #fc7b20;
   font-size: 11pt;
   text-decoration: none;
   font-weight: bold;
}

#hd .menu a:hover {
   color: #0189BF;
}         

#hd .menu .line td {
   padding: 0px;
}

#hd .contacts {
   padding-top: 50px;
   position: relative;
   width: 200px;
   margin-left: auto;
   z-index: 10;
}

#hd .line-f {
   background:url("img/poloska.png") no-repeat; 
   height:9px;
   width:71px;
}

#hd .line-bg {
   background:url("img/poloska_px.png") repeat-x;
   height:9px;
}



.banner {
   text-align: center;
}


.g-gridright {
   width: 100%;
}

.g-gridright .l-mainblock {
   float:left;
   margin-right:-25em;
   width:100%;
}

.g-gridright .l-mainblock .content {
   margin:0 25.0769em 0 0; *margin: 0 23.4em 0 0;
   position:static;
}

.g-gridright .l-rightblock {
   float:right;
   position:relative;
   width: 24.5em; *width: 25em;
}

.l-rightblock .h-rightblock {
   margin: 0px 20px 0px 16px;
   padding: 0px 10px;
   background: url(img/rightblock.jpg) no-repeat center top;
}

.l-rightblock h3.title {
   margin: 0px;
   padding-top: 15px;
   color: 	#fc7b20;
   text-align: left;
   font-weight: bold;
}

.l-rightblock .line {
   color: #fa700b;
   height: 1px;
   width: 265px;
   position: relative;
   margin-left: -9px;
   /*	border-bottom: 1px solid #fa700b; */
}

.l-rightblock .newspaper {
   width: 270px;
}

.newspaper .news {
   padding-bottom: 10px;
   border-bottom: 1px solid #abcbf0;
   margin-top: 10px;  
}

.newspaper .lastnews {
   border-bottom: none;
}

.newspaper .news img {
   float: left;
   margin-right: 10px;
}

.newspaper .news .yellow {
   display: block;
   margin-top: 2px;
   margin-bottom: 5px;
   font-weight: bold;
   color: #fa700b;
}

.newspaper .news .more {
   display: block;
   position: relative;
   margin-top: -14px;
   text-indent: -9999px;
   width: 25px;
   height: 17px;
   background: url(img/news-more.png) no-repeat center;
   margin-left: auto;
}

#bd {
   padding-top: 10px;
}

#bd .l-leftblock {
   padding: 0px 25px;
}

.l-leftblock .contact {
   width: 153px;
   height: 154px;
   color: #0f5875;
   text-align: left;
   font-weight: bold;
   font-size: 9pt;
   background: url(img/left-contact.jpg) no-repeat center;
   margin-left: 10px;
}

.l-leftblock .contact .text {
   padding: 21px 8px 26px 6px;
}

.l-leftblock .lyyra {
   width: 102px;
   height: 56px;
   margin: auto;
   background: url(img/lyyra.jpg) no-repeat center;
}

#ft {
   position: relative;
   margin: auto;
   margin-top: -62px;
   background: url(img/ft-bg.png) repeat-x left bottom;
   height: 62px;
   min-width: 1200px;
   max-width: 1600px;
   width: 100%;
}

#ft .cards {
   height: 33px;
   overflow: hidden;
   text-align: center;
}

#ft .copyright {
   display: block;
   color: #00367e;
   margin-top: 7px;
   font-size: 10pt;
   text-align: center;
}

#maincontent table td {
   /*padding: 0px;*/
}

#bd table.title {
   width: 100%;
   height: 28px;
   margin-bottom: 20px;
}

#bd table.title td {
   padding: 0px;
}

#bd table.title .one {
   width: 10px;
   background: url(img/pl.png) no-repeat;
}

#bd table.title .two {
   width: auto;
   background: url(img/pc.png) repeat-x;
}

#bd table.title .three {
   width: 10px;
   background: url(img/pr.png) no-repeat;
}

#bd table.title h1 {
   color: #0b4d6b;
   font-size: 12pt;
   font-weight: bold;
   text-align: left;
   padding-left: 5px;
}

.empty {
   height: 80px;
   clear: both;
}

#maincontent {
   max-width: 950px;
   padding: 0px 10px;
   overflow: hidden;
   margin: auto;
}

#overlay table td {
   padding: 0px;
}

#overlay1 {
   position: absolute;
   left: 50%;
   margin-left: -300px;
   top: 250px;
}


#user_form2	table td {
   padding: 0.2em;
   color:#555555;
   font-family:tahoma;
   font-size:10pt;
   text-align: left;
}

#user_form2 table .button {
   margin-left: 378px;
}

.textf {
   margin-left: 2px;
}

.offer-text {
   font-family: Tahoma;
   color: #0746a5;
   font-size: 10pt;
   margin: 10px 0px;
   text-align: center;
}
b {
   font-weight: bold;
}
.offer {
   font-family: Tahoma;
   color: #fc6800;
   font-size: 14pt;
   font-weight: bold;
}
.price {
   color: #ff0000;
}
.offer .price {
   color: #fc6800;
   text-decoration: underline;
}

.th {
   background: #abcbf0;
   color: #0b4d6b;
   font-size: 10pt;
}
.content {
   font-family: Tahoma;
   color: #0b4d6b;  
   font-size: 10pt;
}  

.content  ul {
   text-align: left;
   margin-left: 40px;
}

.content .contact {
   font-family: Tahoma;
   color: #0b4d6b;  
   font-size: 10pt;
   font-weight: bold;
}

.regtext {
   text-align: left;
   color: #3e3f3f;
   font-style: italic;
   font-size: 8pt;
   margin: 12px 0px;
}	

.mytable {
   width: 100%;
}


.mytable td, .mytable th {
   padding: 0.3em;
   text-align: left;
   border: 1px solid #0b4d6b;
}

.mytable tr.title td {
   background: #abcbf0;
   color: #0b4d6b;
   font-size: 10pt;
   font-weight: bold;
}

.table-price {
   text-align: center;
}


a.more {
   display: block;
   font-size: 13pt;
   color: #ff0000;
   text-align: center;
}

.cabinet  {
   max-width: 700px;
   margin: auto;
}

.cabinet h2 {
   margin-top: 20px;
}

.cabinet h2, .cabinet h3 {
   color: #ff6602;
}

.cabinet .profile label {
   width: 49%;
   display: block;
   float: left;
   margin-top: 10px;
   color: #3f3f3f;
   font-size: 10pt;
}

.cabinet .profile .input {
   width: 48%;
   display: block;
   float: left;
   margin-top: 10px;
   color: #2c647d;
   font-size: 10pt;
   text-align: left;
}

.cabinet .orders {
   width: 100%;
}

.cabinet .orders .header td {
   text-align: center;
   padding-bottom: 10px;
}

.cabinet .orders .header td strong {
   font-size: 11pt;
   font-weight: bold;
}

.cabinet .orders td {
   padding: 5px;
   text-align: center;
   border: 1px solid #0c4d6d;
}

.cabinet .myprofile {
   display: block;
   height: 22px;
   background: url(img/cab-profile.png) no-repeat left bottom;
   padding-left: 25px;
   width: auto;
}

.cabinet .myedit {
   display: block;
   background: url(img/cab-more.gif) no-repeat right 60% transparent;
   padding-right: 20px;
   width: 75px;
   padding-top: 5px;
   color: #ff6602;
   text-transform: uppercase;
   font-size: 10pt;
   font-weight: bold;
   text-decoration: none;
}

.cabinet .editprofile {
   background: url(img/cab-edit.gif) no-repeat left top;
   padding-left: 30px;
   color: #ff6602;
   text-transform: uppercase;
   font-size: 10pt;
   font-weight: bold;
   text-decoration: none;
   height: 26px;
   display: block;
}

.cabinet .h-editprofile {
   padding-top: 7px;
   display: block;
}

.cabinet .delete {
   display: block;
   background:url("img/buttons.png") no-repeat scroll -3px -100px transparent;
   width: 25px;
   height: 25px;
   text-indent: -5000px;
   float: left;
}

.cabinet .delete:hover {
   background:url("img/buttons.png") no-repeat scroll -28px -100px transparent;
}

.cabinet .excursions_unactive {
   background: url("img/buttons.png") no-repeat scroll -2px -71px transparent;
   display: block;
   width: 25px;
   height: 25px;
   text-indent: -5000px;
   float: left;
}

.cabinet .excursions_unactive:hover {
   opacity: 0.6;
}

.cabinet .roomate_unctive {
   background: url("img/buttons.png") no-repeat scroll -83px -2px transparent;
   display: block;
   width: 30px;
   height: 25px;
   text-indent: -5000px;
   float: left;
}

.cabinet .roomate_unctive:hover {
   opacity: 0.6;  
}

.cabinet .peopls_unctive {
   background: url("img/buttons.png") no-repeat scroll -83px -27px transparent;
   display: block;
   width: 30px;
   height: 25px;
   text-indent: -5000px;
   float: left;
}

.cabinet .peopls_unctive:hover {
   opacity: 0.6;    
}

.cabinet .pay {
   background: url("img/buttons.png") no-repeat scroll -55px -78px transparent;
   display: block;
   width: 25px;
   height: 15px;
   margin-top: 5px;
   text-indent: -5000px;
   float: left;
}

.cabinet .pay:hover {
   background: url("img/buttons.png") no-repeat scroll -55px -92px transparent;      
}

.cabinet .roomate {
   background: url("img/buttons.png") no-repeat scroll -85px -102px transparent;
   display: block;
   width: 25px;
   height: 25px;
   text-indent: -5000px;
   float: left; 
}

.cabinet .roomate:hover {
   background: url("img/buttons.png") no-repeat scroll -85px -80px transparent;
   opacity: 0.7;
}

.cabinet .peopls {
   background: url("img/buttons.png") no-repeat scroll -85px -54px transparent;
   display: block;
   width: 30px;
   height: 25px;
   text-indent: -5000px;
   float: left; 
}

.cabinet .peopls:hover {
   opacity: 0.7;
}

.cabinet .excursions {
   background: url("img/buttons.png") no-repeat scroll -29px -70px transparent;
   display: block;
   width: 25px;
   height: 25px;
   text-indent: -5000px;
   float: left;
}

.cabinet .excursions:hover {
   opacity: 0.7;
}

.personal_adv {
   margin-top: 40px;
   width: 360px;
   margin: auto;
}

.personal_adv  b {
   display: block;
   color: red;
   text-align: center;
}  

table.title  .two form {
   float: right;
}

table.title  .two form input {
   background:url("img/buttons.png") no-repeat scroll -10px -10px transparent;
   border:0 none;
   height:21px;
   width:72px;;
}

table.title  .two form input:hover {
   background: url("img/buttons.png") no-repeat scroll -10px -44px transparent;
}




/* Tooltips */

.tip {
   width: 212px;
   padding-top: 37px;
   overflow: hidden;
   display: none;
   position: absolute;
   z-index: 500;
   background: transparent url(img/tipTop.png) no-repeat top;}

.tipMid {background: transparent url(img/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(img/tipBtm.png) no-repeat bottom; height: 32px;}


#navmagaz {
   margin-left: 15px;
}

#navmagaz ul {
        padding-top: 15px;
}

#navmagaz li ul {
   margin-left: 15px;
}

#navmagaz ul li a {
   font-size: 13px;
}

.h-rightblock #navmagaz ul li {
   width: 220px;
   line-height: 1.2;
   margin: 11px 0px;
}

#orderTable td{
	padding: 5px !important;
}

a.buy-book {
	background: url("img/buy-on.png") no-repeat center; 
	width: 127px; 
	height: 38px;
	display: block;
	position: relative; 
	color: #fff;
	top: -57px;
    width: 127px;
	text-align: center;
	margin-left: auto;
	text-decoration: none;
}
.buy-book span {
	line-height: 38px;
}
.books {
	text-align: center;
	max-width: 550px;
	margin: auto;
}
.books ul {
	margin-left: 170px;
	margin-top: -30px;
	margin-bottom: 20px;
	color: #000;
}
.books .photos img {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d6d6d6;
	margin: 3px;
}
.books .photos img:hover {  
	border: 1px solid #000; 
}