/* -----------------------------------------------------------------------

   BlueTrip CSS Framework

   Mike Crittenden
   mike@capsizedesigns.com
   Copyright 2008 Mike Crittenden

   License - MIT or GPL (whichever suits you better)

----------------------------------------------------------------------- */

/* MEYER RESET v1.0*/

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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}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}

/* BASIC TYPOGRAPHY */

html { font-size: 13px; font-family: Verdana, Geneva, Kalimati, sans-serif; }
strong, th, thead td { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
html {  overflow-x: auto; overflow-y: scroll; }


/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* FORMS */

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: normal; font-size: 14px; cursor: pointer; }
label:hover { color: #5EB3D0; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }

/* BASE SIZES */

.container { font-size: 1.2em; line-height: 1.6em; }
h1, h2, h3, h4, h5, h6 { font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Verdana, sans-serif; font-weight: normal; font-size-adjust: none; font-style: normal; font-variant: normal; }
h1 { font-size: 22px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

/* LISTS */

ul li { margin-left: .85em; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }

/* MARGINS & PADDINGS */

blockquote *:first-child { margin: .8em 0; }
hr, p, ul, ol, dl, pre, blockquote, address, table.normal, form { margin-bottom: 1.6em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin: 15px 0 20px;  }
h2 { margin: 1.07em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }

/* COLORS */

a:link, a:visited, a:active { text-decoration: underline; color: #269dc6; }
a:hover { text-decoration: underline; color: #c33; }
code, pre { color: #c33; }

/* TEXT CLASSES */

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin {font-weight: lighter;}
.error, .notice, .success { padding: 10px 10px 10px 40px; margin-bottom:1.6em; border: 2px solid #ddd; line-height: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-position: 10px 10px; background-repeat: no-repeat; }
.error { background-color: #ee9597; color:#9f3436; border-color:#c57475; background-image: url(../media/icons/actions/messagebox_warning.png); }
.notice { background-color: #e4db7d; color:#8f8124; border-color:#c7b851; background-image: url(../media/icons/actions/messagebox_info.png); }
.success { background-color: #86c16f; color:#2f7123; border-color:#5d9d51; background-image: url(../media/icons/actions/adept_commit.png); }
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center { text-align: center; }

/**
* Стили страницы
*/


/* Заголовки */
.titles { margin-left: 155px; margin-top: 20px; }
.titles, .titles div { display: block; width: 154px; height: 29px; }
.titles div { position: absolute; background-repeat: no-repeat; background-position: 0 0; visibility: hidden; }
.titles .otitle { background-image: url(../slides/otitle.png); }
.titles .stitle { background-image: url(../slides/stitle.png); }
.titles .ftitle { background-image: url(../slides/ftitle.png); }

.slideContainer a.hor { display: block; float: left; width: 22px; height: 22px; position: relative; }
.slideContainer a.tooltip { cursor: help; }

/* Слайды */
.slides, .slides .slide { display: block; width: 989px; height: 579px; }
.slides .slide { background-repeat: no-repeat; background-position: 0 0; position: relative; display: none; }
.slides { overflow: hidden; margin-top: 15px; }
.slides .slideContainer { display: block; height: 1158px; }

.slides .o1 { background-image: url(../slides/o1.png); }
.slides .o3 { background-image: url(../slides/o3.png); }
.slides .s1 { background-image: url(../slides/s1.png); }
.slides .s3 { background-image: url(../slides/s3.png); }
.slides .f1 { background-image: url(../slides/f1.png); }
.slides .f3 { background-image: url(../slides/f3.png); }

/* Кнопоньки */
a.smallBtnUp, a.smallBtnDown { display: block; width: 35px; height: 18px; background: 0 0 url(../slides/btnsmall.png) no-repeat; position: relative; float: left; }
a.smallBtnUp { background-position: 0 0; top: -597px; left: 16px; }
a.smallBtnUp:hover { background-position: -35px 0; }
a.smallBtnDown { background-position: 0 -18px; left: -89px; top: -23px; }
a.smallBtnDown:hover { background-position: -35px -18px; }
a.bigBtnUp, a.bigBtnDown { display: block; width: 70px; height: 35px; background: 0 0 url(../slides/bigbtn.png) no-repeat; position: relative; float: left; }
a.bigBtnUp { background-position: 0 0; top: -665px; left: 37px; }
a.bigBtnUp:hover { background-position: -70px 0; }
a.bigBtnDown { background-position: 0 -35px; left: -70px; top: -5px; }
a.bigBtnDown:hover { background-position: -70px -35px; }

.headerContainer { height: 80px; width: 100%; background-color: #002d57; }
.headerInner { width: 1000px; height: 80px; margin: 0px auto; background: url(../layout/slogan.gif) 221px 29px no-repeat; }
.headerContainer .logo { display: block; width: 118px; height: 59px; position: relative; left: 49px; top: 12px; background: url(../layout/logo.gif) no-repeat; }

.mainContainer { width: 1000px; margin: 0px auto; }
.mainInner { text-align: left; }

.downstream { bisplay: block; width: 979px; text-align: center; font-size: 10px; font-family: Tahoma, Verdana, sans-serif; float: left; color: #a9a9a9; margin-top: 10px; }
.downstream a { color: #759ec4 !important; }
.downstream a:hover { text-decoration: none; }

/* Однострочные кнопки */
.oneLine { line-height: 35px; }
.submenu .oneLine { line-height: 32px; }
.twoLines span { display: block; padding-top: 4px; }
.submenu .twoLines span { display: block; padding-top: 3px; }

/***/
.ttip { /* border: 1px #fd2802 solid; */ z-index: 1000; width: 40%; /*border: 2px #cccccc solid;*/ background-color: white; }
.tip-top { width: 22px; height: 11px; background-image: url(../layout/arrs2.gif); position: absolute; display: none; }
.tip-left { width: 11px; height: 22px; background-image: url(../layout/arrs2.gif); position: absolute; }
.tip-bottom { width: 22px; height: 11px; background: url(../layout/arrs2.gif) left bottom; position: absolute; }
.tip-right { width: 11px; height: 22px; background: url(../layout/arrs2.gif) right top; position: absolute; }

.ttip .tip { }
.ttip .tip-title { background-color: #cccccc; padding: 4px; font-weight: bold; }
.ttip .tip-text { padding: 4px; }

/* Стили ГП */
.ttip .tip { font-family: Tahoma, Verdana, sans-serif; font-size: 12px; line-height: 18px; }

.ttip .closer { display: block; width: 20px; height: 20px; background: url(../layout/closer.gif) no-repeat; margin-bottom: -20px; position: absolute; right: 8px; top: 8px; cursor: pointer; }
.ttip .closer:hover { background-position: 0px -20px; }

/* remooz */
.remooz-element { cursor: pointer; /*cursor: -moz-zoom-in;*/ }

/**
* Box layout
*/

html, body { height: 100%; }

.remooz-box { position: absolute; top: 0; left: 0; background: #fff no-repeat center; z-index: 100; }
.remooz-loading { background-image: url(../layout/spinner.gif); }
.remooz-body { width: 100%; height: 100%; }
.remooz-box-focus.remooz-type-image .remooz-body { cursor: -moz-zoom-out; }
.remooz-box-dragging .remooz-body { cursor: move; }

/**
* Close button
*/

.remooz-btn-close { position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; text-decoration: none; border: 0; background: url(../layout/closebox.png) no-repeat center; visibility: hidden; cursor: pointer; }
.remooz-engine-trident4 .remooz-btn-close { background-image: url(../layout/closebox.gif); }

/**
* Caption title
*/

.remooz-title { position: relative; left: 0; top: 15px; text-align: left; }
.remooz-title-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 99; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* shadow opacity differs from box shadow because its default set to opacity 0.8 */
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.9); }
.remooz-title-content { position: relative; padding: 5px 15px; color: #fff; z-index: 101; font: 11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif; }

.remooz-engine-trident4 .remooz-title-bg { display: none; }
.remooz-engine-trident4 .remooz-title-content { background-color: #333; }

.remooz-title-content h6 { font-size: 1.2em; font-weight: bold; color: #eee; }
.remooz-title-content p { color: #eee; }

/**
* Type specific
*/

.remooz-type-image img { display: block; border: 0; width: 100%; height: 100%; }

/**
* Shadow
*/

.remooz-bg { position: absolute; width: 33px; height: 40px; }

.remooz-bg-n { left: 0; top: -40px; width: 100%; background: url(../layout/remo_bg_n.png) repeat-x; }
.remooz-bg-ne { right: -33px; top: -40px; background: url(../layout/remo_bg_ne.png) no-repeat; }
.remooz-bg-e { right: -33px; top: 0; height: 100%; background: url(../layout/remo_bg_e.png) repeat-y; }
.remooz-bg-se { right: -33px; bottom: -40px; background: url(../layout/remo_bg_se.png) no-repeat; }
.remooz-bg-s { left: 0; bottom: -40px; width: 100%; background: url(../layout/remo_bg_s.png) repeat-x; }
.remooz-bg-sw { left: -33px; bottom: -40px; background: url(../layout/remo_bg_sw.png) no-repeat; }
.remooz-bg-w { left: -33px; top: 0; height: 100%; background: url(../layout/remo_bg_w.png) repeat-y; }
.remooz-bg-nw { left: -33px; top: -40px; background: url(../layout/remo_bg_nw.png) no-repeat; }