/* container for slides */
	.images {

		position:relative;	
		width:550px;
		height:367px;	
		float:left;	
		cursor:pointer;
	}

	/* single slide */
	div .images > div {
		display:none;
		position:absolute;
		top:0;
		left:0;		
		margin:0px;
		height:367px;	
		width: 550px;
		font-size:12px;
	}

	/* header */
	.images h3 {
		font-size:22px;
		font-weight:normal;
		margin:0 0 20px 0;
		color:#456;
	}

	/* tabs (those little circles below slides) */
	.tabs {
		position:relative;
		clear:both;
		background: #aaa;
		height: 31px;
		margin-bottom: 14px;
		width: 550px;
		top: -1px;
	}

	/* single tab */
	.tabs a {


		height:23px;
		float:left;
		background:#aaa;
		display:block;
		font-size:13px;		
		color: #fff;
text-align: center;
padding-top: 8px;
text-decoration: none;

	}

	/* mouseover state */
	.tabs a:hover {
		background: #456;      
text-decoration: none;
	}

	/* active state (current page state) */
	.tabs a.current {   
		background: #2aa7de; 
text-decoration: none;
	} 	


/* root element for tabs  */
ul.css-tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:36px;
}


/* single tab */
ul.css-tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.css-tabs a.left { 
	background: url(../images/righttab.png) no-repeat;
	font-size:11px;
	display:block;
	height: 36px;  
	line-height:30px;
	width: 185px;
	text-align:center;	
	text-decoration:none;
	color:#444;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;

  color: #444;
	
	}


	
ul.css-tabs a.right { 
	background: url(../images/righttabr.png) no-repeat;
	font-size:11px;
	display:block;
	height: 36px;  
	line-height:30px;
	width: 185px;
	text-align:center;	
	text-decoration:none;
	color:#444;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;

  color: #444;
	
	}

	ul.css-tabs a:active {
	outline:none;	

  color: #0071b8	
}

/* when mouse enters the tab move the background image */
ul.css-tabs a:hover {
color: #0071b8	}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.css-tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {

	cursor:default !important; 
	color:#0071b8	 !important;
		font-weight: bold;
}




ul.css-tabs a.left.current  { 	background: url(../images/righttab_over.png) no-repeat;
background-position: right;
	font-weight: bold;
color: #0071b8;
 }



ul.css-tabs a.right.current  { 	background: url(../images/righttabr_over.png) no-repeat;	
font-weight: bold;
color: #0071b8; }







div.wrap {
	width:370px;
margin-bottom: 20px;
     }

div.css-panes div {

     width: 370px;
	display:none;
	padding-top: 15px;
    color:#fff;     
   
    background: #e6e6e6 url(../images/bg_righttab.jpg) repeat-x; 


}
	
.css-panes ol  {
	margin: 5 9 16 0px; 
	padding: 0 25px;
	text-align: right;
		color: #0071b8; 
}



.css-panes ol li {
width: 280px;
height: 15px;
text-align: left;
padding: 3 0px;
vertical-align: middle;
}
.css-panes ul {</div>
	list-style-image: url(dot.gif); 
	margin: 5 9 16 0px; 
	padding: 0 25px;
}
.css-panes  ul li {
width: 280px;
height: 15px;
text-align: left;
padding: 3 0px;
vertical-align: middle;
}

.css-panes  a, .pane a {
text-decoration: none;
}

.css-panes a:hover {
text-decoration: none;
}



.pane {

     width: 310px;
	display:none;
	padding-top:15px;
	
    color:#fff;     
    background: #e6e6e6 url(../images/bg_righttab.jpg) repeat-x; 
     
     
    /* IE6 does not support PNG24 images natively */ 


}
	
.pane ol  {
	margin: 5 9 16 0px; 
	padding: 0 25px;
	text-align: right;
		color: #0071b8; 
}



.pane ol li {
width: 280px;
height: 15px;
text-align: left;
padding: 3 0px;
vertical-align: middle;
}
.pane ul {
	list-style-image: url(dot.gif); 
	margin: 5 9 16 0px; 
	padding: 0 25px;
}
.pane  ul li {
width: 280px;
height: 15px;
text-align: left;
padding: 3 0px;
vertical-align: middle;
}


.css-pane  a {
text-decoration: none;
}

.css-pane a:hover {
text-decoration: none;
}


#flowtabs {
	
	/* dimensions */
	width:550px;
	height:36px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	display:block;
	height: 36px;   
	width: 110px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#444;
	font-size:12px;
	line-height:31px;
	text-align:center;
	text-decoration:none;
background: url(../images/tabber_unselected.png);
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{  }
#flowtabs #t2 			{  }
#flowtabs #t3 			{  }
#flowtabs #t4 			{  }
#flowtabs #t5 			{  }
 
/* mouseover state */
#flowtabs a:hover 		{   }
#flowtabs #t1:hover 	{ color:#0071b8;}
#flowtabs #t2:hover 	{ color:#0071b8;}
#flowtabs #t3:hover 	{ color:#0071b8;}
#flowtabs #t4:hover 	{ color:#0071b8;}
#flowtabs #t5:hover 	{ color:#0071b8;}

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#0071b8; line-height:31px; font-weight: bold;}
#flowtabs #t1.current {  background: url(../images/tabber_selected_first.png);}
#flowtabs #t2.current {  background: url(../images/tabber_selected.png);}
#flowtabs #t3.current {  background: url(../images/tabber_selected.png);}
#flowtabs #t4.current {  background: url(../images/tabber_selected.png);}
#flowtabs #t5.current {  background: url(../images/tabber_selected_last.png);}


/* panes */
#flowpanes {	
	width:550px;
	height:1545px;	
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

#flowpanes a {
	color:#cc9;		
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	color:#ccc;		
}





	.tabs1 {
		position:relative;
		clear:both;
		height: 41px;
	}

	/* single tab */
	.tabs1 a {


		height:22px;
		float:left;
		background:#555;
		display:block;
		font-size:13px;		
		color: #000;
text-align: center;
	}

	/* mouseover state */
	.tabs1 a:hover {   

	color:#0071b8	 !important;
	}

	/* active state (current page state) */
	.tabs1 a.current { 

	color:#0071b8	 !important;
		font-weight: bold;
	} 	





ul.tabs1 { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:36px;
}


/* single tab */
ul.tabs1 li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs1 a.left { 
	background: url(../images/righttab.png) no-repeat;
background-position: right;
	font-size:11px;
	display:block;
	height: 36px;  
	line-height:30px;
	width: 155px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;

  color: #000;
	
	}

	.tabs1 {
		position:relative;
		clear:both;
		height: 41px;
	}

	/* single tab */
	.tabs1 a {


		height:22px;
		float:left;
		background:#555;
		display:block;
		font-size:13px;		
		color: #000;
		text-align: center;
	}

	/* mouseover state */
	.tabs1 a:hover {   
	}

	/* active state (current page state) */
	.tabs1 a.left.current {  
	} 	

	
ul.tabs1 a.right { 
	background: url(../images/righttab2r.png) no-repeat;
	font-size:11px;
	display:block;
	height: 36px;  
	line-height:30px;
	width: 155px;
	text-align:center;	
	text-decoration:none;
	color:#444;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;

  color: #444;
	
	}

	ul.tabs1 a:active {
	outline:none;	


  color: #0071b8	
}

/* when mouse enters the tab move the background image */
ul.tabs1 a:hover {
color: #0071b8	}

ul.tabs1 a.left.current  { 	background: url(../images/righttab3_over.png) no-repeat;
color: #0071b8
background-position: right;
font-weight: bold;
background-position: right;
 }



ul.tabs1 a.right.current  { 	background: url(../images/righttab3r_over.png) no-repeat;
color: #0071b8 
font-weight: bold;
}

#zcierni0 {margin-top: 290px; background: url(../images/70.png) repeat;   color: #fff;}
#zcierni1 {margin-top: 290px; background:  url(../images/70.png) repeat;  color: #fff;}
#zcierni2 {margin-top: 290px; background:  url(../images/70.png) repeat;  color: #fff;}
#zcierni3 {margin-top: 290px; background: url(../images/70.png) repeat;  color: #fff;}
#zcierni4 {margin-top: 290px; background:  url(../images/70.png) repeat; color: #fff;}

#zcierni0.entered {background: #000;}
#zcierni1.entered {background: #000;}
#zcierni2.entered {background: #000;}
#zcierni3.entered {background: #000;}
#zcierni4.entered {background: #000;}


.poll {
  width:100%;
  font-size:1em;
  margin:0;
  padding:0;
}
.poll_container {
  width:100%;
  background-color:#c6c981;
  color:black;
  border:1px solid black;
  padding-top:0.5em;
  padding-bottom:0.5em;
  margin-left:auto;
  margin-right:auto;
}
.poll_question {
  width:100%;
  text-align:center;
}
.poll_row_container {
  width:100%;
  padding:.1em 0;
}
.poll_choice {
  width:30%;
  float:left;
  text-align:left;
  padding-left:0em;
}
.poll_votes {
  width:15%;
  float:left;
  padding-right:.5em;
  text-align:right;
}
.poll_bar_container {
  width:35%;
  height:.98em;
  background-color:#c6c981;
  border:1px solid black;
  float:left;
  margin:.1em;
}
.poll_bar {
  height:.98em;
  background-color:#FF3366;
  float:left;
  margin:0;
  padding:0;
}
.poll_percent {
  text-align:right;
  padding-right:1em;
  margin-left:auto;
  margin-right:auto;
}
.poll_totalvotes {
  width:45%;
  text-align:right;
}
.float_left_text_right {
  width:50%;
  float:left;
  text-align:right;
  margin:0;
  padding:0;
}
.float_right_text_left {
  width:50%;
  float:right;
  text-align:left;
  margin:0;
  padding:0;
}
.space_line {
  clear: both; margin: 0; padding: 0; width: 90%;
}