/*
Название сайта: Байкос
Начало разработки: 2009.хх.хх
Верстальщик: G.Kozlovski
*/

/*------------------DEFAULTS------------------*/

/*standart*/
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:0px; padding:0px; outline:0px; font-size:100%; vertical-align:baseline; background:transparent;}
#site {max-width:1280px; min-width:950px; background:#fff; min-height:100%; height:100%; margin:0px auto; font:75%/1.2em Arial;}
html {height:100%; background:url(../images/bg.gif);}
table {border-collapse:collapse; border-spacing:0;}
ul {list-style:none;}
:focus {outline:0;}
div {zoom:1;}

/*links*/
a {text-decoration:underline; cursor:pointer; color:#009cff;}
a:hover {text-decoration:none;;}
.more, .back {font:0.92em Arial; color:#1c568d;}
.more:hover, .back:hover {color:#6a6464;}
.more {padding-right:10px; background:url(../images/more.gif) right 6px no-repeat;}
.more:hover {background:url(../images/more-h.gif) right 6px no-repeat;}
.back {padding-left:10px; background:url(../images/back.gif) left 6px no-repeat;}
.back:hover {background:url(../images/back-h.gif) left 6px no-repeat;}
.big-link {text-transform:uppercase; font-size:0.86em;}

/*hacks*/
.clear {clear:both; height:1px; overflow:hidden;}
.zoom1 {overflow:auto;}
.hidd {display:none;}

/*text align*/
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}
.taj {text-align:justify;}

/*floats*/
.floatLeft {float:left;}
.floatRight {float:right;}
.floatCenter {margin:0px auto;}

/*------------------MARKING------------------*/
/*main*/
#main {min-height:100%; _height:100%; background:url(../images/right-bottom.jpg) 707px bottom no-repeat #fff; position:relative;}

/*header*/
#header {height:175px; background:url(../images/right-top.jpg) 748px top no-repeat;}

/*content*/
#container {width:100%; padding-bottom:90px; background:url(../images/right-top-bottom.jpg) 748px top no-repeat;}
#content {width:100%; float:left; background:url(../images/left-top-bottom.jpg) left top no-repeat;}
#text {margin:0px 25px 0px 340px; padding:20px 60px 0px 0px; background:url(../images/text.gif) right top no-repeat; position:relative;}

/*left part*/
#left {float:left; width:210px; padding:0px 85px 0px 45px; margin-left:-100%;}

/*footer*/
#footer {height:90px; margin-top:-90px; position:relative; width:100%; font-size:0.90em; background:url(../images/footer.jpg) left top no-repeat;}

/*------------------CONTENT------------------*/
h1, h3, h4 {color:#000;}
h2, h5, h6 {color:#1b63a8;}

h2, h3, h4, h5, h6 {margin:15px 0px 10px;}

h1 {font-size:1.33em; margin-bottom:20px; text-transform:uppercase; height:20px; padding-top:3px;}
	h1 span {color:#2d659a;}
	h1 img {left:10px; position:relative; top:-20px; vertical-align:top;}
h2 {font-size:1.5em;}
h3 {font-size:1.42em;}
h4 {font-size:1.25em;}
h5 {font-size:1.08em;}
	h5 a {color:#1b63a8;}
h6 {font-size:0.92em;}

#text { min-height:500px; }
#text p {margin-bottom:5px;}
#text p strong {color:#1b63a8; font-size:0.92em;}
#text p img, #text p a img {border:1px solid #dbdbdb;}

#text table {margin:10px 0px 20px;}
	#text td, #text th {border:1px solid #b6c5e4;}
	#text th {background:#ccebff; color:#1b63a8; font-size:0.92em; padding:7px 10px;}
	#text td {padding:5px 10px;}

#text table.zero {margin:0px 0px 10px;}
	#text table.zero td, #text table.zero th {border:0px;}
	#text table.zero th {background:none; color:#1b63a8; font-size:0.92em; padding:7px 5px; text-align:left;}
	#text table.zero td {padding:5px 10px;}

#text ol {margin:10px 0px 15px 2.5em;}
	#text ol li {}

#text ul {margin:10px 0px 15px;}
	#text ul li {padding-left:10px; background:url(../images/ul-li.gif) left 5px no-repeat; zoom:1;}
	#text ol li a, #text ul li a {color:#1b63a8;}

/*------------------DEFAULT BLOCKS------------------*/
/*logo*/
#logo {width:397px; height:72px; background:url(../images/logo.png); margin-left:260px;}
	#logo a {display:block; width:397px; height:72px;}

/*min-panel*/
#min-panel {position:absolute; top:5px; right:0px; width:60px; height:20px; background:url(../images/min-panel.gif) center center no-repeat;}
	#min-panel a {display:block; float:left; width:30px; height:20px;}
	#min-panel #home {background:url(../images/home.gif) center center no-repeat;}
	#min-panel #home:hover {background:url(../images/home-h.gif) center center no-repeat;}
	#min-panel #mail {background:url(../images/mail.gif) center center no-repeat;}
	#min-panel #mail:hover {background:url(../images/mail-h.gif) center center no-repeat;}

/*feedback*/
#feedback {width:400px; margin-bottom:50px;}
	#feedback label {color:#6a6464; font-size:0.92em;}
	#feedback input.text, #feedback textarea {width:400px; border:1px solid #b3b9c3; margin:5px 0px 10px; color:#009cff;}
	#feedback textarea {height:100px;}
	#feedback img {float:right}
	#feedback input.submit {float:right;}

.error {background:#b2e1ff; border:2px solid #009cff; padding:10px; color:#1c568d; margin-top:40px; display:none;}
	.error label {color:#1c568d;}

/*listing*/
#listing {margin:15px 0px 30px; padding-bottom:3px;}
	#listing span {padding:0px 3px; color:#000; border-bottom:2px solid #009cff;font:bold 0.92em Arial;}
	#listing a {text-decoration:none; color:#1c568d; padding:0px 3px; font-size:1.08em; font:bold 0.92em Arial;}
	#listing a:hover {color:#000;}
	#listing a.back-list, #listing a.forward-list {font-weight:normal; color:#1c568d; text-decoration:underline; border:0px;}
	#listing a.back-list:hover, #listing a.forward-list:hover {color:#6a6464; text-decoration:none;}
	#listing a.back-list {padding-left:10px; background:url(../images/back.gif) left 6px no-repeat;}
	#listing a.back-list:hover {background:url(../images/back-h.gif) left 6px no-repeat;}
	#listing a.forward-list {padding-right:10px; background:url(../images/more.gif) right 6px no-repeat;}
	#listing a.forward-list:hover {padding-right:10px; background:url(../images/more-h.gif) right 6px no-repeat;}

/*gallery*/
#text .gallery li {*width:200px; min-height:135px; display:-moz-inline-box; display:inline-block; vertical-align:top; margin:0px 10px 20px; zoom:1; *display:inline; _height:135px; background:none; padding:0px; text-align:center;}
	.gallery li img {border:1px solid #cfcfcf; margin-bottom:10px;}
	.gallery li span {width:150px; display:block; margin:0px auto;}
	.gallery li a {display:block;}

/*menu*/
.folding {margin:20px 0px 20px 0px; width:200px;}
	.folding li {padding:0px 0px 7px 0px; background:url(../images/folding-li.gif) left bottom no-repeat;}
	.folding li a {color:#6a6464; text-decoration:none; text-transform:uppercase; font-weight:bold; display:block; zoom:1; padding:5px 0px 0px 30px; min-height:20px; _height:20px; width:165px;}
	.folding li a.first {background:url(../images/folding-a-1.gif) 3px 5px no-repeat;}
	.folding li a.second {background:url(../images/folding-a-2.gif) 3px 5px no-repeat;}
	.folding li a.third {background:url(../images/folding-a-3.gif) 3px 5px no-repeat;}
	.folding li a.fourth {background:url(../images/folding-a-4.gif) 3px 5px no-repeat;}
	.folding li.opened a, .folding li a:hover {color:#5e89b2;}

.folding ul {margin:5px 0px;}
	.folding li li, .folding li.opened li {padding-left:7px; background:url(../images/folding-li-2.gif) left 6px no-repeat;}
	.folding li li a, .folding li.opened li a {color:#00377a; text-decoration:underline;}
	.folding li.opened li.opened a, .folding li.opened li a:hover, .folding li li a:hover {color:#b45d15; text-decoration:none;}

/*news*/
.news-block {overflow:auto; margin:0px 0px 20px; border-bottom:1px dashed #6f6f6f; padding-bottom:10px;}
	.news-block img {float:left; margin:0px 10px 10px 0px; border:1px solid #dbdbdb;}
	.news-block p strong {padding-left:15px; background:url(../images/news-strong.gif) left 4px no-repeat; margin-bottom:10px; display:block;}
	.news-block h5 {margin-top:0px;}

/*------------------OTHER BLOCKS------------------*/
/*header*/
#header-in {height:145px; padding:30px 0px 0px 80px; background:url(../images/left-top.jpg) left top no-repeat;}

#navigation {margin:25px 0px 0px 260px; overflow:auto; zoom:1;}
	#navigation li {display:block; float:left; height:20px; padding:8px 15px 0px 25px; background:url(../images/navigation.gif) left top no-repeat #e2e2e2;}
	#navigation li.first {background:url(../images/navigation-1.gif) left top no-repeat #e2e2e2; padding:8px 15px 0px 15px;}
	#navigation li a {color:#2d659a; font-size:0.92em; text-transform:uppercase; text-decoration:none; display:block;}
	#navigation li a:hover {border-bottom:2px solid #009cff; color:#000;}
	#navigation li a.opened {border-bottom:2px solid #009cff; color:#000; cursor:default;}

/*content*/
#text-right {position:absolute; top:0px; right:-5px; width:5px; height:150px; background:url(../images/text-right.gif) left top no-repeat;}

.license {overflow:auto; margin:10px 0px 20px;}
	.license img {float:left; border:1px solid #dbdbdb;}
	.license p {margin-left:140px;}

/*left*/
#left h1 {padding-left:5px; _margin-bottom:0px;}

.left-news {background:url(../images/left-news-bg.gif) left top no-repeat; min-height:115px; _height:115px; padding:12px 10px 0px 15px; width:170px;}
	.left-news strong {padding-left:10px; color:#1b63a8; font-size:0.92em;}
	.left-news p {margin:5px 0px 10px;}
	.left-news p.tar {padding:0px;}
	
#left .clear {border-top:1px dashed #a9a9a9; margin:10px 0px;}
#left .tar {padding-right:30px;}
#left .left-news p.tar {padding:0px;}

/*footer*/
#footer-coll {position:absolute; left:237px; top:-235px; width:103px; height:235px; background:url(../images/footer-coll.jpg) left top no-repeat;}

.floatLeft {background:url(../images/footer-left.gif) left 43px no-repeat; padding:40px 0px 0px 15px; width:195px;}
	.floatLeft a {color:#000; padding-top:40px;}

.floatCenter {width:525px; background:url(../images/footer-center.gif) 237px 15px no-repeat; padding-top:25px; height:65px; overflow:auto; padding-right:70px;}
	.floatCenter div {float:left; color:#2197c0; font-size:1.33em; height:65px;}
	.adress {width:185px; padding-left:80px; background:url(../images/adress.gif) left top no-repeat; height:65px;}
	.tel-fax {padding-left:75px; background:url(../images/tel-fax.gif) left top no-repeat; text-align:right;}