@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link {
	color: #c1162e;
}
a:visited {
	color: #c1162e;
}
a:hover {
	color: #C00;
}
#header {
	clear: both;
	}
#pictograms {
	background-color: #919191;
	text-align: center;
	float: left;
	width: 35px;
	height: 105px;
	border-left: 5px solid #c1162e;
	}
#pictograms img {
	padding: 10px;
	background-color: #c1162e;
}

#pictograms a img {
	padding: 10px;
	border-width: 0px;
	background-color: #919191;
}
#pictograms a img:hover {
	background-color: #c1162e;
}
#logo {
	width: 190px;
	height: 105px;
	float: left;
	padding: 0 25px;
	}
#top {
	background-color: #919191;
	height: 105px;
	margin: 0 0 0 280px;
	}
#navibar {
	font-size: 10px;
	color: #919191;
	height: 10px;
	padding: 10px 0 10px 280px;
	margin: 0px;
}
#navibar a {
	color: #919191;
}
#navibar a:hover {
	color: #C00;
}
#navibar a img {
	background-color: #919191;
}
#navibar a img:hover {
	background-color: #c1162e;
}





/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 600px; 
    height:230px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
	margin: 35px 0 0 0; padding: 0;
	text-align: center; width: 200px;
}
 
/* you may want to setup some decorations to active the item */ 
div.items div.active {
    background-color:#fff; 
}



/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/web-creator.ru/images/arrows.png) no-repeat;
	display: block; 
	height: 230px; 
	width: 30px;  
	float: left;
	margin: 0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right { background-position: bottom left; margin-right: 0px;}
a.right:hover { background-position: bottom center; }
a.right:active { background-position: bottom right; } 


/* left */
a.left { background-position: top left; margin-left: 0px; } 
a.left:hover { background-position: top center; }
a.left:active { background-position: top right; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}