html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, img, ins, kbd, q, s, samp, strong, sub, sup, 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; vertical-align: baseline; background: transparent; color:#000; font: 12px/15px Arial, sans-serif;}

ol, ul {list-style: none;}
:focus {outline: 0;}
table {border-collapse: collapse; border-spacing: 0;}
a {color: #666; outline: none; text-decoration: none; }
a:hover {color: red;}
img, textarea, input  {border: none;}
input {vertical-align: middle;}
.last {	margin-bottom: 0;}

.clear {clear:both;display:block;overflow:hidden;width:100%;height:1px;}
.clearing {height: 0;	clear: both;}

.border-red {border:1px solid red;}
.border {border:2px solid #888; -moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding:5px; background: #fff;
-webkit-box-shadow: 0 0 6px #666; -moz-box-shadow: 0 0 6px #666; box-shadow: 0 0 6px #666;}

.shadow {-webkit-box-shadow: 0 0 8px #ccc; -moz-box-shadow: 0 0 8px #ccc; box-shadow: 0 0 8px #ccc;}

body { background:silver; min-width: 1000px; max-width: 1300px; margin:0 auto; position:relative; }


#outer_wrapper {position:relative; margin:0 auto;background:#fff;}
#container {width: 100%; float: left; 	margin-right: -255px; padding:0 0 20px 0; background:#fff;}
#content {	margin-right: 255px; }
#main {margin-left: 310px;}
#left {	width: 310px; float: left;}
#sidebar {width: 255px; float: right;}


/*----------Header---------------*/  
#header {min-width: 1000px; max-width: 1300px; height:190px; background:#fff url(img/header.png) right top no-repeat; margin:0 auto;}
.header_logo {width: 220px;  height: 56px; position:absolute; top:30px; left:15px; background:#fff url(img/logo.png) 0 0 no-repeat;}

.top_menu {position:absolute; top:65px; left:250px; }
a.topmenu {font:11px/12px Verdana; color: #369; padding: 4px 2px; font-weight:bold; } 
a.topmenu:hover {color: #f00; border-top: 3px solid #f00;}
.tut {font:11px/12px Verdana; color: #f00; padding: 10px 2px; font-weight:bold; text-decoration: none; }
.tut:hover {color: #f00; }


#search {width: 210px;  height: 30px; background:transparent url(img/search.png) 0 0 no-repeat; position:absolute; top:-50px; right:25px; z-index:100;}
#text {width: 135px; height: 15px; position:absolute; top:7px; left:37px; float:left; }
#gosearch, #gosearch a {width: 30px!Important; height: 30px; position:relative; top:-180px; right:-180px;}


/*----------Top Menu--------------*/ 
#menu {position:absolute; top:115px; left:5px; z-index:100;}
#menu a {width:140px; height:25px; float:left; }

.spec_tech_top {height:25px; width:700px;  position:absolute; top:-75px; left:5px; background:#fff url(img/top_menu.png) 0 0 no-repeat;}
.vagon_top {height:25px; width:700px;  position:absolute; top:115px; left:5px; background:#fff url(img/top_menu.png) 0 -25px no-repeat;}
.modul_top {height:25px; width:700px;  position:absolute; top:115px; left:5px; background:#fff url(img/top_menu.png) 0 -50px no-repeat;}
.complex_top {height:25px; width:700px;  position:absolute; top:115px; left:5px; background:#fff url(img/top_menu.png) 0 -75px no-repeat;}
.hockey_top {height:25px; width:700px;  position:absolute; top:115px; left:5px; background:#fff url(img/top_menu.png) 0 -100px no-repeat;}

h1.h1_top {font:bold 12pt/17px Arial, sans-serif; text-align:left; color: #fff; position:absolute; top:-42px; left:10px; z-index:150; white-space:pre-line; }
h2.h2_top {font:14px/100% Arial, sans-serif;  text-align:left; color: #fff; position:absolute; top:-22px; left:10px;  z-index:150; white-space:pre-line; }



/*----------Footer---------------*/  
#footer {min-width: 1000px; max-width: 1300px; height:100px; background:#dbdbd6 url(img/footer.png) top left repeat-x; padding-top:5px; position:relative; margin:0 auto;}
#footer p {font:12px/120% Arial, sans-serif; color:6a6a6a; padding: 10px 20px; text-align:left;}

/*----------Content------------*/  

#main {padding: 15px 15px 0 0; margin:0 0 0 310px; white-space:pre-line; font:13px/16px Arial, sans-serif; color: #000;  text-align:justify;}
#main_01 {padding:0 10px; margin: 0 0 10px 0; white-space:pre-line; font:13px/16px Arial, sans-serif; color: #000;  text-align:justify; }
#main_full {margin:0 30px 0 20px; white-space:pre-line; font:13px/16px Arial, sans-serif; color: #000;  text-align:justify; }

/*----------Left---------------*/  
#left {width:310px; float:left; position:relative; }

#left span {width:310px; height:240px; background: url(/img/fon.png) left top no-repeat; display:block; padding:16px 0 0 12px; }
#left img {width:260px; height:195px; display:block; 
border:2px solid #888; -moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding:4px; background: #fff;
-webkit-box-shadow: 0 0 6px #666; -moz-box-shadow: 0 0 6px #666; box-shadow: 0 0 6px #666;}

span.fon_small {width:210px; height:165px; vertical-align: middle; background: url(img/fon_small.png) left top no-repeat; display:block; padding: 15px 0 0 0;}
span.fon_small img {padding:2px; border:1px solid #000;}

.sendmail {width:300px; height:20px; font:bold 12px/20px Arial, sans-serif; text-align:left; color: #369; text-indent:40px; margin: 10px 5px; background: url(/img/sendmail.png) left top no-repeat; display:block; }

/*----------Right- Nav--------------*/  
#sidebar {width:255px; white-space:normal; background:#e5e5e0 url(img/right_bottom.png) bottom left no-repeat; padding: 0 0 40px 0; float:right; position:relative;}

#sidebar a {font: bold 11px/14px Arial, sans-serif;  color: #369; padding: 5px; display:block; background: #e5e5e0; text-align:left;} 
#sidebar a:hover {color: #000;}
#sidebar a.tut {font: bold 11px/14px Arial, sans-serif;  color: #f00; padding: 5px; display:block; text-align:left;} 
#sidebar a.tut:hover {color: #f00;}


/*----------Текст-------------*/  

#main, #main p {font:13px/16px Arial, sans-serif; color: #000; padding: 5px 15px 0 0; text-align:justify; white-space:pre-line; }
#main p.bold, #main_full p.bold {font:bold 14px/16px Arial, sans-serif; color: #000; padding: 15px 15px 0 0; text-align:justify; white-space:pre-line; }


h3 {font:bold 14px/18px Arial, sans-serif; color: #666; padding: 10px 0 0 20px; }
h4 {font:16px/20px Arial, sans-serif; color: #369; margin:20px 0 0; text-align:left;}


#about {float:left;margin: 0 270px 40px 0; padding:15px;}
span.date {font:bold 11px/16px Arial, sans-serif; float:right; color:#369; margin:0 0 15px 0;}

#news_date1, #news_date2 {width:100%; font:bold 11px/16px Arial, sans-serif; text-align:right; color:#369; margin:0 0 15px 0; border-bottom:2px solid #369; margin:5px 0 35px 0; display:block;}
#news_text  {font:14px/18px Arial, sans-serif; color: #666; padding: 5px 15px 0 0; text-align:justify; white-space:pre-line; }
#news_text:first-line {font:bold 16px/18px Arial, sans-serif; color: #369; padding: 3px 0; font-weight:bold; margin:2px 0 10px 0;}

/* Ссылки
-----------------------------------------------------------------------------*/
.link_niz {font:bold 11px/20px Arial, sans-serif; text-align:center; color: #369; width:250px; height:20px; margin: 5px 10px; background: url(/img/link_niz.png) left top no-repeat; display:block;}
#sidebar a[href ^="mailto:"] {font:bold 14px/20px Arial, sans-serif; text-align:center; color: #369; padding:0 0 0 5px;  background:transparent;}
a:hover[href ^="mailto:"] {color:red;}

#main_full a[href ^="mailto:"] {font:bold 13px/20px Arial, sans-serif; text-align:left; color: #369; padding:0 0 0 5px;  background:transparent;}


.st_phone {position:absolute; top:56px; left: 18px; background:transparent;}
.hockey_phone {position:absolute; top:120px; left: 18px; background:transparent;}
.about_phone {font:bold 14px/20px Arial, sans-serif!Important; position:absolute; top:200px; left: 18px; background:transparent;}
.link_crock {font:bold 14px/20px Arial, sans-serif; text-align:left; color: #369; border-bottom:1px dotted #369;}
.doc  {font:bold 12px/16px Arial, sans-serif; text-align:left; color: #369; border-bottom:1px dotted #369; padding:2px 0;}
.map  {font:bold 13px/18px Arial, sans-serif; text-align:left; color: #369; padding:2px 0;}
.map1  {font:bold 11px/16px Arial, sans-serif; text-align:left; color: #000; padding:2px 0 0 5px; border-left: 2px solid #800;}

/* Списки
-----------------------------------------------------------------------------*/
ol { list-style-type:none; counter-reset: list 0; font: 13px/20px Arial, sans-serif; text-align:left; color:#666; counter-reset: list1; white-space:normal;} 
ol li {text-indent:-15px; }
ol li:before { counter-increment: list1; content: counter(list1) ".   "; color:#fff;  font:13px/20px Tahoma, sans-serif; padding: 0 5px;} 
ol ol li {font:13px/20px Verdana, sans-serif; text-indent:-22px; color:#16acd8;}
ol ol li:before { counter-increment: list2; content: counter(list1) ".   " counter(list2) ". "; color:orange;  font: 13px/20px Verdana, sans-serif; } 
ol ol { counter-reset: list2; } 

#main ul {white-space:normal;}
#main ul li {font: 13px/18px Verdana, sans-serif;  color:#369; padding:2px 15px; text-align:left;}
#main ul li:before {font: 13px/18px Verdana, sans-serif; background:red; width:6px; height:6px; content:"";  float:left; margin:7px 0 0 -12px; overflow:hidden;}



/* Таблица
-----------------------------------------------------------------------------*/

.tbl {width:96%; border-collapse:collapse; border-spacing:0; background:#f2f2f2; white-space:normal;}
th {font:bold 11px/14px Verdana, sans-serif; text-align: left; color:#fff; background:#369; vertical-align:middle; padding:5px 10px; border:1px solid #fff;}
th.th_small {font:10px/12px Arial, sans-serif; text-align: center; color:#fff; background:#666; vertical-align:middle; padding:3px 5px; border:1px solid #fff;}

.tbl td {font:11px/13px Arial, Helvetica, sans-serif; text-align:center; padding:3px 6px; border:1px solid #fff; vertical-align:middle;}
.tbl .td__name {width:350px; font:bold 11px/14px Arial, Helvetica, sans-serif; text-align:left; }
.tbl .td_name {width:220px; font:bold 11px/14px Arial, Helvetica, sans-serif; text-align:left; }
.tbl .td-name {width:100px; font:bold 11px/14px Arial, Helvetica, sans-serif; text-align:left; text-indent:5px;}
.size75 {width:75px;}
.size100 {width:100px;}
.size120 {width:120px;}
.size150 {width:150px;}
.size300 {width:300px;}

#table_spec_tech { position:relative; top:20px; left:20px; margin: 0 0 30px 0;}
#table_spec_tech td {font:11px/15px Arial, sans-serif; text-align:center; color:#000; vertical-align:top; border: solid #fff; border-width: 5px 0 0 5px; text-align:center; width:210px; }
#table_spec_tech img {border:2px solid #888; -moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding:4px; background: #fff;
-webkit-box-shadow: 0 0 6px #666; -moz-box-shadow: 0 0 6px #666; box-shadow: 0 0 6px #666;}
#table_spec_tech a {font:bold 12px/15px Arial, sans-serif; color:#369; text-align:center;}
#table_spec_tech .tabletext {font:11px/14px Arial, sans-serif; text-align:left; color:#000; padding:3px 5px; margin:0;}

#table_spec_tech span.fon_small {width:210px; height:165px; vertical-align: middle; background: url(img/fon_small.png) left top no-repeat; display:block; padding: 12px 0 0 0;}
#table_spec_tech span.fon_small img {padding:2px; border:1px solid #000;}
#table_spec_tech a:hover {color:red;}

.tbl_about {width:90%; border-collapse:collapse; border-spacing:0; margin: 5px 40px 5px 0; background:#f2f2f2; white-space:normal;}
.tbl_about td {font:13px/16px Arial, Helvetica, sans-serif; text-align:left; padding:3px 6px; border:1px solid #b7bfc2; vertical-align:middle;}
.tbl_price {width:86%; border-collapse:collapse; border-spacing:0; margin: 5px 40px 5px 0; background:#fff; white-space:normal;}
.tbl_price td {font:11px/14px Arial, Helvetica, sans-serif; text-align:left; padding:2px 2px; border:1px solid #b7bfc2; vertical-align:middle;}

/* Img
-----------------------------------------------------------------------------*/
.crock {width:300px; height:150px; float:left; margin:10px 5px; -webkit-box-shadow: 3px 3px 6px #888; -moz-box-shadow: 3px 3px 6px #888; box-shadow: 3px 3px 6px #888;}
.crock_02 {width:196px; float:left; 
border:2px solid #888; -moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding:4px; background: #fff;
-webkit-box-shadow: 0 0 6px #666; -moz-box-shadow: 0 0 6px #666; box-shadow: 0 0 6px #666;}
#left .left_90 {width:70px; height:70px; float:left; margin:5px 5px; -webkit-box-shadow: 3px 3px 6px #888; -moz-box-shadow: 3px 3px 6px #888; box-shadow: 3px 3px 6px #888;}
.hockey_link {margin: 10px 15px; border:2px solid #888; -moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding:4px; background: #fff;
-webkit-box-shadow: 0 0 6px #666; -moz-box-shadow: 0 0 6px #666; box-shadow: 0 0 6px #666;}

#YMapsID-256, #YMapsID-1141 {width:600px; height:550px; margin: 5px 0 10px;}


/*----------Diler------------*/  
.section {width:98%; margin:15px 0 30px;}
ul.tabs li a {font:bold 12px/16px Verdana, sans-serif;  color:#369; border-bottom:1px dotted #69;}

.box {  display: none;}
.box.visible {  display: block; margin:20px 0;}
ul.tabs li.current a {color:red;}


 /* Shadowbox
-----------------------------------------------------------------------------*/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message {font:Arial,sans-serif; color:#fff;}
#sb-container {position:fixed;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay {position:relative;height:100%;width:100%;}
#sb-wrapper {position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner {position:relative;overflow:hidden;height:100px; border:2px solid silver; -moz-border-radius: 2px;-webkit-border-radius: 3px; border-radius: 4px;}
#sb-body {position:relative;height:100%;}
#sb-body-inner {position:absolute;height:100%;width:100%;}
#sb-player.html {height:100%;overflow:auto;}
#sb-body img {border:none;}
#sb-loading {position:relative;height:100%;}
#sb-loading-inner {position:absolute;font-size:10px;line-height:24px;height:24px;top:50%;margin-top:-10px;width:100%;text-align:center;}
#sb-loading-inner span {background:#000 url(/img/load.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading {background:#060606; }
#sb-title,#sb-info {position:relative;overflow:hidden;}
#sb-title,#sb-title-inner {height:26px;font:bold 12px/26px Arial,sans-serif; }
#sb-info,#sb-info-inner {height:20px;line-height:20px;}
#sb-info-inner {font-size:12px;}
#sb-nav {float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a {display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}

#sb-nav-close {background:url(/img/icon_exit.png) left top no-repeat; }
#sb-nav-next {background:url(/img/icon_right.png) left top no-repeat; }
#sb-nav-previous {background:url(/img/icon_left.png) left top no-repeat; }
#sb-nav-play {background:url(/img/icon_start.png) left top no-repeat;}
#sb-nav-pause {background:url(/img/icon_paude.png) left top no-repeat;}

#sb-counter {float:left;width:45%;}
#sb-counter a {padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current {text-decoration:underline;}
div.sb-message {font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited {color:#fff;text-decoration:underline;}