/* ---------------------------------------------------------------------------------  
ÎÑÍÎÂÍÛÅ 
Please note that not all these styles may be necessary for your use of Coda-Slider, so feel free to take out what you don't need.
--------------------------------------------------------------------------------- */
.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 5px 0 5px;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 5px;
position: relative;
width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: none; overflow: scroll}
.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: 900px; /* Øèðèíà ñàìîãî òåêñòà. Also specified in  .stripViewer .panelContainer .panel  below */
hei===ght: 460px;
clear: both;
background: #; /* Öâåò èëè ïðîçðà÷íîñòü îñíîâíîãî îêíà */
}
.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: 900px; /* Øèðèíà îñíîâíîãî áëîêà ÂÑÅÃÎ. Also specified in  .stripViewer  above */
border: 0px solid #000; 
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
}


/* ---------------------------------------------------------------------------------  
ÌÅÍÞ ÂÛÁÎÐÀ 
--------------------------------------------------------------------------------- */
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: 0 auto;
height: 30px;
border-bottom: 2px solid #746956;
}
.stripNav ul { /* The auto-generated set of links */
list-style: none;
display: inline;
}
.stripNav ul li {
float: left;
}
/* Ñàìè ññûëêè */
.stripNav a { 
width: 280px;
text-align:center;
font-size: 120%;
font-weight: bold;
line-height: 30px;
background: none ;
color: #0490EB;
text-decoration: none;
display: block;
padding: 0 2px;
border: 0px solid #F00;
}

/* Öâåò âêëàäîê ïðè íàâåäåíèè */
.stripNav li a:hover {
background: none;
color: #0381BE;
}
/* Öâåò âêëàäîê ÀÊÒÈÂÍÛÕ */
.stripNav li a.current {
background: #none;
color: #F00;
font-size: 150%;
}
/* Öâåò âêëàäîê ÀÊÒÈÂÍÛÕ */
.stripNav li a.current:hover {
color: #F00;
}




/* ÑÒÐÅËÎ×ÊÈ ÂÏÐÀÂÎ È ÂËÅÂÎ */
.stripNavL, .stripNavR { 
position: absolute;
top: 200px;
text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
display: block;
height: 48px;
width: 48px;
}
.stripNavL {
left: -20px;
background: url("../i/icon/arrow-left.gif") no-repeat center;
}
.stripNavR {
right: -20px;
background: url("../i/icon/arrow-right.gif") no-repeat center;
}

/* ---------------------------------------------------------------------------------  
ÒÎÏ-ÌÅÍÞ ÍÀÄ ÒÀÁËÈÖÅÉ
--------------------------------------------------------------------------------- */
#top_menu { 
background: #0490EB; 
width: 100%; 
height: 40px; /* âûñîòà ñàìîé ñèíåé ïîëîñêè - íåáî òèïà */
z-index: 100; 
}
#top_menu ul { 
list-style-type: none; 
list-style-image: none; 
list-style-position: outside; 
font-size: 90%; 
position: absolute; 
left: 0; 
top: 0; 
margin-top: -1px; /* ÷òîáû íå ñïîëçàëî â î âñåõ êðîìå IE */
}
#top_menu li { 
float: left; 
}
#top_menu li a { 
padding: 0px 10px; /* øèðèíà îäíîãî ïóíêòà */
background: #0490EB; 
display: block; 
text-decoration: undegraund; 
float: left; 
height: 40px; 
line-height: 40px; 
color: #FFF;  
font-weight: bold;
}