/* These 2 lines specify style applied while slider is loading */
.csw {width: 700px; height: 400px; background: #fff; overflow: hidden}
.csw .loading {margin: 160px 0 200px 0; text-align: center}

.stripViewer .panelContainer .panel ul {text-align: left;margin: 0 15px 0 30px; }
/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
.slider-wrap { margin: 20px 0 0 35px; position: relative; width: 747px;	height: 446px;background-image:url(../images/bg_slider_new.gif);background-repeat:no-repeat;background-position:top left;background-color:transparent;}
/* This is the viewing window */
.stripViewer { margin: 0; position: relative;	overflow: hidden;
	border: 0px solid #000; /* this is the border. should have the same value for the links */
	width: 500px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 450px;float: left;
}
/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
.stripViewer .panelContainer { 
	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. */
}
/* Each panel is arranged end-to-end */
.stripViewer .panelContainer .panel { font-size:9px; line-height:16px;
	float:left;	height: 100%;	position: relative;
	width: 497px; /* Also specified in  .stripViewer  above */
}
/* Wrapper to give some padding in the panels, without messing with existing panel width */
.stripViewer .panelContainer .panel .wrapper { padding: 10px 0px 10px 10px}
/* This is the div to hold your nav (the UL generated at run time) */
.stripNav { float: right;position:relative; right:26px}
/* The auto-generated set of links */
.stripNav ul li { margin:3px 0 0 -2px; padding:0; list-style: none;	color: #FFF;	float: left;
/*	margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
/* The nav links */
.stripNav a { font-size: 10px;text-align: center;text-decoration:none; display: block;padding: 0 15px; }
.stripNav li.tab1 a, .stripNav li.tab2 a, .stripNav li.tab3 a, stripNav li.tab1 a:hover, stripNav li.tab2 a:hover, stripNav li.tab3 a:hover, .stripNav li.tab1 a.current, .stripNav li.tab2 a.current, .stripNav li.tab3 a.current {
	width:35px; height:440px;background-image:url(../images/chci_inst.gif);background-repeat:no-repeat;background-position:top left; background-color: #FFF; color: transparent; font-size:0px;}
.stripNav li.tab1 a {width:36px;background-image:url(../images/chci_inst.gif); background-position:-64px 0px; color:#AAE900; }
.stripNav li.tab2 a {background-image:url(../images/chci_shop.gif); background-position:-64px 0px;color:#F99300 }
.stripNav li.tab3 a {background-image:url(../images/chci_web.gif); background-position:-64px 0px;background-color:transparent; color:#10AFE9}
.stripNav li.tab1 a:hover, .stripNav li.tab1 a.current {width:36px;background-image:url(../images/chci_inst.gif);background-position:0px 0px;}
.stripNav li.tab2 a:hover, .stripNav li.tab2 a.current {background-image:url(../images/chci_shop.gif); background-position:0px 0px;}
.stripNav li.tab3 a:hover, .stripNav li.tab3 a.current {background-image:url(../images/chci_web.gif); background-position:0px 0px; background-color:transparent;}

/*  ----------------- Vnitřní slider 2 - instatní web ----------------------- */
.stripViewer2 {	position: relative;	overflow: hidden;	width: 485px; height: 400px; float: left; left:-7px }
.stripViewer2 .panelContainer2 { position: relative;	left: 0; top: 0; width: 100%;	list-style-type: none;}
.wrapper2 .box_inst_1, .wrapper2 .box_inst_2, .wrapper2 .box_inst_3 {padding-left:310px;position: relative; left:-10px;height:390px; background-repeat:no-repeat;background-position:bottom left;background-color:transparent;}
.wrapper2 .box_inst_1 {background-image:url(../images/bg_sl_inst_1.gif);}
.wrapper2 .box_inst_2 {background-image:url(../images/bg_sl_inst_2.gif);}
.wrapper2 .box_inst_3 {background-image:url(../images/bg_sl_inst_3.gif);}
.stripViewer2 .panelContainer2 .panel2 { float:left; height: 100%; position: relative; width: 500px; }
.stripViewer2 .panelContainer2 .panel2 .wrapper2 { padding: 10px; }
.stripNav2 { position: absolute; left:380px; top:370px; width: 170px !important; z-index:1}
.stripNav2 a { font-size: 10px; font-weight: bold; text-align: center; line-height: 15px;  text-decoration: underline;	display: block;	padding: 0 5px;}
.stripNav2 li.tab1 a, .stripNav2 li.tab2 a, .stripNav2 li.tab3 a {background: #FFF;  width: 10px; }
.stripNav2 li a:hover {text-decoration: none;}
.stripNav2 li a.current {text-decoration: none;	color: #000}

/*  ----------------- Vnitřní slider3 - instantní shop ----------------------- */
.stripViewer3 {	position: relative;	overflow: hidden;	width: 485px; height: 400px; float: left; left:-7px }
.stripViewer3 .panelContainer3 { position: relative; left: 0; top: 0; width: 100%; list-style-type: none;}
.wrapper3 .box_shop_1, .wrapper3 .box_shop_2, .wrapper3 .box_shop_3 {padding-left:310px;position: relative; left:-10px;height:390px; background-repeat:no-repeat;background-position:bottom left;background-color:transparent;}
.wrapper3 .box_shop_1 {background-image:url(../images/bg_sl_shop_1.gif);}
.wrapper3 .box_shop_2 {background-image:url(../images/bg_sl_shop_2.gif);}
.wrapper3 .box_shop_3 {background-image:url(../images/bg_sl_shop_3.gif);}
.stripViewer3 .panelContainer3 .panel3 { float:left; height: 100%; position: relative; width: 500px;}
.stripViewer3 .panelContainer3 .panel3 .wrapper3 { padding: 10px; }
.stripNav3 {position: absolute; left:380px; top:370px; width: 170px !important; z-index:1 }
.stripNav3 a {  font-size: 10px; font-weight: bold; text-align: center; line-height: 15px;  text-decoration: underline;	display: block;	padding: 0 5px;}
.stripNav3 li.tab1 a, .stripNav3 li.tab2 a, .stripNav3 li.tab3 a { background: #FFF; width: 10px; }
.stripNav3 li a:hover {text-decoration: none;}
.stripNav3 li a.current {text-decoration: none;	color: #000;}

/*  ----------------- Vnitřní slider4 - web na míru ----------------------- */
.stripViewer4 {	position: relative; overflow: hidden; width: 485px; height: 400px; float: left; left:-7px}
.stripViewer4 .panelContainer4 {position: relative; left: 0; top: 0; width: 100%; list-style-type: none;}
.wrapper4 .box_web_1, .wrapper4 .box_web_2, .wrapper4 .box_web_3 {padding-left:310px;position: relative; left:-10px;height:390px; background-repeat:no-repeat;background-position:bottom left;background-color:transparent;}
.wrapper4 .box_web_1 {background-image:url(../images/bg_sl_web_1.gif);}
.wrapper4 .box_web_2 {background-image:url(../images/bg_sl_web_2.gif);}
.wrapper4 .box_web_3 {background-image:url(../images/bg_sl_web_3.gif);}
.stripViewer4 .panelContainer4 .panel4 { float:left;height: 100%;position: relative; width: 500px;}
.stripViewer4 .panelContainer4 .panel4 .wrapper4 { padding: 10px;}
.stripNav4 { position: absolute; left:380px; top:370px; width: 170px !important; z-index:1}
.stripNav4 a { font-size: 10px; font-weight: bold; text-align: center; line-height: 15px;  text-decoration: underline;	display: block;	padding: 0 5px;}
.stripNav4 li.tab1 a, .stripNav4 li.tab2 a, .stripNav4 li.tab3 a {background: #FFF; width: 10px;}
.stripNav4 li a:hover {text-decoration: none;}
.stripNav4 li a.current {text-decoration: none;	color: #000;}

/*  ----------------- společné ----------------------- */
.stripNavL, .stripNavR, .stripNavL2, .stripNavR2, .stripNavL3, .stripNavR3, .stripNavL4, .stripNavR4 { display: none;} /* arrows vpřed a vzad mimo div */
.stripNav2 li.tab2, .stripNav2 li.tab3, .stripNav3 li.tab2, .stripNav3 li.tab3, .stripNav4 li.tab2, .stripNav4 li.tab3 {border-left: 1px solid #11A4E2}
.slider-wrap2, .slider-wrap3, .slider-wrap4 { margin:0; position:relative; height:370px;}
.stripNav2 ul, .stripNav3 ul, .stripNav4 ul { list-style:none;}
.stripNav2 ul li, .stripNav3 ul li, .stripNav4 ul li  {float: left; margin:0; padding:0;	margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}

/* spešl */
.hider { position:relative;float:left;width:26px;height:30px;border:0px solid red;left:755px;top:22px;cursor:pointer;z-index:1;}
.wrapper h2 {padding-left:10px}
/*#HideDiv { filter: alpha(opacity=0.8); -moz-opacity: 0.95;}*/

.stripNav2,.stripNav3,.stripNav4  { display:none}