/* 
   Reset (http://meyerweb.com/eric/tools/css/reset/)
------------------------------------------------------------------- */

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, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0; 
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*
 * General  ------------------------------------------------
 */

html {
	height: 100%;
}

body {
    line-height: 1.5em;
    background: #fff;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 100%;
    background: #ffffff url('../images/bg.gif') repeat;
}

/*
 * Links  ------------------------------------------------
 */

a, a:visited {
	color: #1358A5;
	text-decoration: underline;
}
a:hover {
    color: #FFB90F;
    text-decoration: underline;
}

a.text, a.text:visited {
    color: #333;
    text-decoration: none;
}
a.text:hover {
    color: #333;
    text-decoration: underline;
}

a.black, a.black:visited {
    color: #000;
    text-decoration: underline;
}
a.black:hover {
    color: #000;
    text-decoration: underline;
}

/*
 * Floats  ------------------------------------------------
 */

.left, .alignleft {
    float: left;
}
.right, .alignright {
    float: right;
}
.center, .aligncenter {
    margin: 0 auto;
}

.clear, .clearer {
    clear: both;
}
.clearer {
    display: block;
    font-size: 0;
    line-height: 0; 
}

/*
 * Typography  ------------------------------------------------
 */

p {
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: normal;
}

h1 {
    font-size: 160%;
	padding-bottom: 16px;
}
h2 {
    font-size: 140%;
}
h3 {
    font-size: 140%;
}
h4 {
    font-size: 120%;
}
h5 {
    font-size: 120%;
}
h6 {
    font-size: 110%;
    font-weight: bold;
}

/*blockquote {
    background: #F6F6F6 url('../images/quote.gif') no-repeat;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
    color: #332;
    display: block;
    margin: 0.6em 0 1.6em;
    padding: 0.8em 1em 0.2em 46px;
}*/

/*
 * Images  ------------------------------------------------
 */

img.bordered, img.alignleft, img.alignright, img.aligncenter {
    background-color: #FFF;
    border: 1px solid #DDD;
    padding: 3px;
}

img.left,img.alignleft {
    margin: 0 15px 12px 0;
}

img.right,img.alignright {
    margin: 0 0 15px 12px;
}

/*
 * Main, Body  ------------------------------------------------
 */

.page-wrapper {
	min-height: 500px;
}
.main-column {
    margin: 0 auto;
    width: 900px;
    min-height: 900px;
}
.content-wraper {
    padding-top: 16px;
    background-color: #ffffff;
}
.content {
    width: 670px;
    float: right;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.main {
    margin: 0 auto;
    min-height: 417px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 20px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #ffffff;
}
.breadcrumbs {
    padding: 11px;
    margin: 0 auto;
    margin-top: 6px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #ffffff;
}

.main p {
    padding-bottom: 17px;
}
.indent p {
    text-indent: 17pt;
}
.indent-std {
    text-indent: 17pt;
}
.justify p {
    text-align: justify;
}
.main ul {
    list-style: disc outside;
    margin-left: 30px;
}
.main ol {
    list-style: decimal;
    margin-left: 30px;
}
.main ul li {
    margin-bottom: 7px;
}
.main ol li {
    margin-bottom: 12px;
}
.main h2, .main h3 {
    padding-bottom: 16px;
}

/*
 * Language switch  ------------------------------------------------
 */

.language-en, .language-ru {
    float: right;
    width: 121px;
    text-align: center;
    padding-top: 4px;
    height: 26px;
}
.language {
    padding-right: 25px;
}
.language .active {
    color: #fff;
    text-decoration: none;
    background: url(../images/active-lang.png) no-repeat top left;
}
.flag {
    margin-right: 6px;  
}

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

.header {
    margin-top: 6px;
    height: 320px;
    background: url(../images/header-bg.jpg) no-repeat top left;
}
.header-top {
    clear: both;
    height: 30px;
    text-align: right;
    background-color: #fff;
}
.logo {
    height: 130px;
}

/*
 * Footer  ------------------------------------------------
 */

.footer-wrapper {
    font-size: 90%;
    padding-top: 16px;
    margin-bottom: 6px;
    clear: both;
}
.footer {
    /*border-top: 3px solid #EBEBEB;
    clear: both;*/
    background: url('../images/footer-bg.jpg') no-repeat top left;
    height: 80px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -khtml-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.footer-bottom {
    padding-top: 8px;
    padding-left: 22px;
}
.left-col {
    float: left;
    padding-left: 16px;
    padding-top: 19px;
    width: 660px;
    height: 61px;
}
.right-col {
    float: left;
    width: 208px;
    text-align: right;
    padding-top: 16px;
    padding-right: 16px;
    height: 64px;
}
.credits, .counter {
    line-height: 1.3em;
    font-size: 70%;
}


/*
 * Sidebar  ------------------------------------------------
 */

.sidebar-wraper, .sidebar-right-wraper {
    background: #f3f3f3 url(../images/sidebar-head-bg.png) no-repeat top left;
    width: 230px;
    min-height: 300px;
    height: 100%;
    float: left;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-right: -24px;
}
.sidebar-right-wraper {
    margin-left: 19px;
    float: right;
}
.sidebar {
    padding-top: 0px;
}

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

#breadcrumbs ul {
    list-style: none;
    margin: 0;
}
.nav-menu, .navigation {
    font-size: 115%;
    line-height: 40px;
}
.menu-vertical {
    padding-top: 21px;
    padding-bottom: 15px;
    height: 100%;
}
.menu-vertical ul {
    
}
.menu-vertical ul li a {
    display: block;
    line-height: 40px;
    padding-left: 23px;
    padding-right: 8px;
}
.menu-vertical ul li.active {
    background: url(../images/menu-active-bg.png) repeat-x bottom left;
}
.menu-vertical ul li.active a {
    color: #fff;
    text-decoration: none;
}
.menu-vertical ul li a:hover {
    color: #fff;
    text-decoration: none;
    background: url(../images/menu-active-bg.png) repeat-x bottom left;
}


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

.ap-page {
    color: #777;
    overflow: visible;
    line-height: 25px;
    text-align: left;
}
.ap-page a, .ap-page span.current, .ap-page a:hover {
    font-size: 90%;
    font-weight: bold;
    background-color: #f3f3f3;
    padding: 9px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 1px;
    text-decoration: none;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.ap-page a:hover {
    color: #fff;
    background-color: #6495ED;
    border: 1px solid #6495ED;
}
.ap-page span.current {
    color: #fff;
    background-color: #1358A5;
    border: 1px solid #fff;
}
.ap-page span.page-info {
    margin-right: 6px;
    font-size: 90%;
    font-weight: bold;
}

/*
 * Widgets  ------------------------------------------------
 */

.widget, .widget-news {
    background: url('../images/sidebar-hr.png') no-repeat top left;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 23px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.widget-news .news-date {
    font-weight: bold;
    font-size: 80%;
    padding-top: 16px;
}
.widget-news h3, .widget-news h2 {
    padding-bottom: 0px;
}
.news-date {
    color: #999;
}
.news-text {
    padding-left: 15px;
    padding-bottom: 16px;
}
.news-body {
    font-size: 85%;
    padding-left: 12px;
    padding-right: 30px;
    line-height: 1.3em;
}
.show-all {
    padding-top: 10px;
    font-size: 90%;
}

a.sb, a.sb:visited {
    color: #83989E;
    text-decoration: none;
}
a.sb:hover {
    color: #83989E;
    text-decoration: underline;
}

.tourism-order-status {
    padding-right: 23px;
}
.tourism-order-status .form input {
    font-size: 90%;
}
.tourism-order-status .submit {
    padding-top: 9px;
}

.user-login {
    padding-right: 23px;
}
.user-login .form input {
    font-size: 90%;
}
.user-login .password, .user-login .submit, .user-login .links {
    padding-top: 9px;
}
#widget-user-profile .user-menu {
    clear: both;
    font-size: 90%;
    padding-top: 7px;
}
#widget-user-profile .user-logout {
    font-size: 90%;
    padding-top: 16px;
}
#widget-user-profile .user-name a, #widget-user-profile .user-name a:visited {
    text-decoration: none;
}
#widget-user-profile .user-avatar img {
    border: 3px solid #ccc;
    margin-right: 6px;
}

/*
 * Misc  ------------------------------------------------
 */

.wp10 {
    width: 10% !important;
}
.wp15 {
    width: 15% !important;
}
.wp20 {
    width: 20% !important;
}
.wp30 {
    width: 30% !important;
}
.wp40 {
    width: 40% !important;
}
.wp50 {
    width: 50% !important;
}
.wp60 {
    width: 60% !important;
}
.wp70 {
    width: 70% !important;
}
.wp80 {
    width: 80% !important;
}
.wp90 {
    width: 90% !important;
}
.wp95 {
    width: 95% !important;
}
.wpx30 {
    width: 30px !important;
}
.wpx60 {
    width: 60px !important;
}
.wpx130 {
    width: 130px !important;
}
.wpx165 {
    width: 165px !important;
}
.hpx38 {
    height: 38px !important;
}
.hpx100 {
    height: 100px !important;
}
.hpx200 {
    height: 200px !important;
}
.fsp120 {
    font-size: 120%;
}
.fsp125 {
    font-size: 125%;
}
.fsp130 {
    font-size: 130%;
}

.align-left {
    text-align: left !important;
}
.align-right {
    text-align: right !important;
}
.align-center {
    text-align: center !important;
}

.no-indent {
    text-indent: 0pt !important;
}
.pbpx11 {
    padding-bottom: 11px !important;
}

.hr {
    height: 30px;
    background: url(../images/hr.png) no-repeat 10% 80%;
}

.png {
	behavior: url('http://sananapa.ru/png.htc');
}

.load_indicator {
    vertical-align: middle;
    padding-left: 6px;
}

.rooms ol {
    padding-bottom: 4px;
}
.rooms .description {
    padding-bottom: 11px;
}
.rooms h3 {
    padding-top: 8px;
    padding-bottom: 0px;
}

.price {
    border: 1px solid #ccc;
    font-size: 80%;
    width: 100%;
}
.price tbody td {
    border-right: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}
.price thead td {
    color: #fff;
    border-right: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    background-color: #0097C4;
    text-align: center;
    padding: 5px;
    font-size: 120%;
    vertical-align: middle;
}
.price .podheadok td {
    background-color: #F7F7F7;
}
/*
 * Forms  ------------------------------------------------
 */

input[type="text"],
input[type="password"],
textarea {
    padding: 7px;
    color: #444;
    font: normal 110% Verdana, sans-serif;
    width: 90%;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
}


input[type="button"], button,
input[type="submit"] {
    font: normal 110% Verdana, sans-serif;
}

/* IE6 Hack */
#terms, #rememberme, .checkbox {
    font-size: 100%;
    width: auto;
    border: 0;
    padding: 1px;
}

input[type="checkbox"] {
    font-size: 100%;
    width: auto;
    border: 0;
    padding: 1px;
}

textarea {
	height: 70px;
    overflow: auto;
}

input.image {
    border: 0;
    padding: 0;
}

#participant dt, #presenter dt {
    font-size: 110%;
    padding-bottom: 5px;
}
#participant dd, #presenter dd {
    margin-bottom: 12px;
}
#participant fieldset legend, #presenter fieldset legend {
	font-size: 150%;
	padding-bottom: 25px;
	padding-top: 16px;
}
.big_button {
	padding: 36px;
	padding-top: 10px;
	padding-bottom: 10px;
}
span.required, .attention {
    color: #A80402;
}
p.description {
    clear: both;
    color: #777;
    padding: 0px;
    font-size: 90%;
}