html{ height:100%}

    html, body {position:relative; margin:0;padding:0;width:100%;height:100%; background: #636363; color:#333333; font:12px Verdana;}
    #contents {position:relative; min-height:100%;height:auto !important;height:100%; background2: url(/i/fon.gif) repeat-x left bottom; width: 980px; margin: 0px auto;}
    #contents .empty {height:20px; }
    #footer {position:relative; margin-top:-30px; height:30px; width:100%;}

li {color:#fff;}
DIV {font:12px Verdana;}   
TABLE {border-collapse: collapse;}
td{margin: 0px;	padding: 0px; vertical-align: top; font:12px Verdana;}
img{ border:0px;}
br.clear{clear:both}
h1 {
font-size:10px;
display:inline;
margin:0px;
padding:0px;
color:#222;
font-weight:normal;
}
h2 {
font-size:10px;
display:inline;
margin:0px;
padding:0px;
font-weight:normal;
color:#222;

}

a{color:#999999; text-decoration:underline}
a:hover{color:#f00; text-decoration:none}

.menu {float:left; padding: 0px 0px 0px 0px; width:150px; font-size:14px; font-weight:bold; font-family:'Times New Roman'}
.menu p a {color:#c7c7c7; text-decoration:none;}
.menu p {margin: 0px 0px 2px 0px;}


.cat-item {list-style-type:none; margin:0px; padding: 5px 0px 0px 0px; border:0px solid #f00;}
#categories{margin:0px; padding: 0px;}


.zapisi {margin: 20px 0px 0px 0px;}
.zapisi a {color:#adebef; font-size:16px;}

.vitrina {float:left; width:100px; height:120px; margin: 0px 45px 20px 0px; border:0px solid #f00; font-size:10px;}
.vitrina a {color:#333;}
.vitrina img {border:1px solid #333;}

.uslugi_table td {text-align:center; padding: 10px 0px 10px 0px; vertical-align:middle;}
.uslugi_table td a {font-size:11px; color:#000;}


.blago_table {width:100%}
.blago_table td {padding: 0px 0px 0px 0px; vercical-align:middle; text-align:center; border:0px solid #f00;}


/************************************************************************************************/
.characters{width: 880px; overflow: hidden; margin: 0px auto;}
a#characters_l{display:none; position: absolute; left: 0px; top: 125px; background: transparent url(/i/scroller-arrows.png) no-repeat 0px 0px; width:42px; height:42px;}
a#characters_l:hover{background: transparent url(/i/scroller-arrows.png) no-repeat 0px -42px;}
a#characters_r{position: absolute;right: 0px;top: 125px;background: transparent url(/i/scroller-arrows.png) no-repeat -42px 0px;width:42px;height:42px;}
a#characters_r:hover{background: transparent url(/i/scroller-arrows.png) no-repeat -42px -42px;}
.characters .container{width: 1000%;}
.characters .container div{float: left;width: 10%;border:0px solid #f00; position2:relative;}
.characters .container div img, .othercharacters img{width: 100%;height: 330px;}
/*******************************************************************************************/


#pane1 {HEIGHT: 190px; width:530px;}
.winXP .jScrollPaneTrack {BACKGROUND: url(/i/prokrutka/windows_track.gif) repeat-y}
.winXP .jScrollPaneDrag {BACKGROUND: url(/i/prokrutka/windows_drag_middle.gif) no-repeat 0px 50%}
.winXP .jScrollPaneDragTop {BACKGROUND: url(/i/prokrutka/windows_drag_top.gif) no-repeat; HEIGHT: 4px}
.winXP .jScrollPaneDragBottom {BACKGROUND: url(/i/prokrutka/windows_drag_bottom.gif) no-repeat; HEIGHT: 4px}
.winXP A.jScrollArrowUp {BACKGROUND: url(/i/prokrutka/windows_arrow_up.gif) no-repeat 0px 0px; HEIGHT: 17px}
.winXP A.jScrollArrowUp:hover {BACKGROUND-POSITION: 0px -20px}
.winXP A.jScrollArrowDown {BACKGROUND: url(/i/prokrutka/windows_arrow_down.gif) no-repeat 0px 0px; HEIGHT: 17px}
.winXP A.jScrollArrowDown:hover {BACKGROUND-POSITION: 0px -20px}
.winXP A.jScrollActiveArrowButton {BACKGROUND-POSITION: 0px -40px}
.winXP A.jScrollActiveArrowButton:hover {BACKGROUND-POSITION: 0px -40px}
/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {bottom: -1px;}
/* /IE SPECIFIC HACKED STYLES */

#scrol_href p {margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; font-size:12px; }
.scrol_href_on {font-weight:bold;}
.scrol_href_off {cursor: pointer; cursor: hand; font-weight:normal; border-bottom: 1px dashed #000;}

.holder {FLOAT: left; MARGIN: 10px 0px 0px 0px;}
.scroll-pane {BACKGROUND: #fff; FLOAT: left; OVERFLOW: auto; WIDTH: 100%; HEIGHT: 180px; padding-right:0px; font-size:12px;}
//.wide {WIDTH: 400px}
//.super-wide {WIDTH: 700px}
//.tall {HEIGHT: 400px}

.jScrollPaneContainer {Z-INDEX: 1; OVERFLOW: hidden; POSITION: relative}
.jScrollPaneTrack {RIGHT: 0px; BACKGROUND: #aaa; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 100%}
.jScrollPaneDrag {BACKGROUND: #666; OVERFLOW: hidden; CURSOR: pointer; POSITION: absolute}
.jScrollPaneDragTop {LEFT: 0px; OVERFLOW: hidden; POSITION: absolute; TOP: 0px}
.jScrollPaneDragBottom {LEFT: 0px; OVERFLOW: hidden; BOTTOM: 0px; POSITION: absolute}
A.jScrollArrowUp {DISPLAY: block; Z-INDEX: 1; RIGHT: 0px; OVERFLOW: hidden; TEXT-INDENT: -2000px; POSITION: absolute; TOP: 0px; HEIGHT: 9px}
A.jScrollArrowUp:hover {}
A.jScrollArrowDown {DISPLAY: block; Z-INDEX: 1; RIGHT: 0px; OVERFLOW: hidden; BOTTOM: 0px; TEXT-INDENT: -2000px; POSITION: absolute; HEIGHT: 9px}
A.jScrollArrowDown:hover {}
A.jScrollActiveArrowButton {}
A.jScrollActiveArrowButton:hover {}






#slideshow {
    position:relative;
    height:330px;
    width:250px; 
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 330px;
    background-color: #FFF;
    width:250px; 
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 330px;
    display: block;
    border: 0;
    margin-bottom: 0px;
    width:250px; 
}









		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			width: 980px; margin: 0px auto; border:0px solid #f00; position:relative;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 880px; height: 330px; overflow2: scroll; display:none;}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 880px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 330px;
			clear: both;
			//background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 880px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			display:none; position: absolute; left: 0px; top: 125px; background: transparent url(/i/scroller-arrows.png) no-repeat 0px 0px; width:42px; height:42px;
		}	
				
		.stripNavL a:hover{background: transparent url(/i/scroller-arrows.png) no-repeat 0px -42px;}

		.stripNavR {
			position: absolute; right: 0px;top: 125px;background: transparent url(/i/scroller-arrows.png) no-repeat -42px 0px;width:42px;height:42px;
		}
		.stripNavR a:hover{background: transparent url(/i/scroller-arrows.png) no-repeat -42px -42px;}
		
		.nd_i {float:left;}
.nd_i img {border:0px;}
.nd_t {float:right; font:13px Georgia; color:#fff; padding: 1px 0px 0px 10px;}
.nd_t a {color:#fff;}
.nd_t a:hover {color:#fff; text-decoration:underline}