body	{
	font-family:  'Trebuchet MS', Verdana, 'Geneva CE', Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-size:0.8em;
	margin: 0px;
	padding: 0px;
  background: url(../img/bcg_body2.gif) repeat-x top left ;
}

/* --- odkazy --- */
a 						  {color: #003366; text-decoration: underline;}
a:hover 				{color: #003366; text-decoration: none;}
a.mail 					{background: url(../img/ico_mailanchor2.png) no-repeat right 0.3em; padding-right: 20px;}
a.out					  {background: url(../img/ico_outanchor.gif) no-repeat right 0.3em; padding-right: 13px;}
a.print 				{background: url(../img/ico_print.gif) no-repeat left 0.2em; padding-left: 20px;}
a.favourites 		{background: url(../img/ico_favourites.gif) no-repeat left 0em; padding-left: 18px;}
a.map 					{background: url(../img/ico_map.gif) no-repeat left 0em; padding-left: 18px;}
a.rss 					{background: url(../img/ico_rss.gif) no-repeat left 0em; padding-left: 18px;}
a.map 					{background: url(../img/ico_map.png) no-repeat left 0.2em; padding-left: 20px;}
a.adresy        {font-size: 1em; color: #9E9E9E; text-decoration:none;}
/* --- zakladni html prvky ---*/
hr						{display: block; clear: both; color: #666666;	height: 1px;	border-width: 0px;}
p 						{text-align: justify; margin: 0px 0px 1.9em 0px; line-height: 1.4em;font-size:1.1em;}
ul						{list-style-type:none; margin: 0px; padding: 0px; text-align: left;}
li    				{padding: 5px;}
code 					{font-size: 140%; font-weight: bold;}

/* --- obrazky --- */
img 					{border: 0px;}
img.ramecek 		{padding: 0px; margin: 0px; border: 5px solid #373737;}
img.border	 		{padding: 0px; margin: 0px; border: 1px solid #dddddd;}
img.ikonka			{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.galerie 		{padding: 0px; margin: 2px; border: 1px solid #666666;}
img.doleva			{margin-right: 10px;}
img.doprava			{margin-left: 10px;}

/* --- nadpisy --- */
h1, h2, h3, h4, h5, h6 		{clear: both; color: #003366; font-size: 1.3em; margin: 0px;}
h1									{display: none;}
h2									{padding: 0px;	margin: 10px 0px 5px 0px; font-size: 1.45em;}
h3 								  {margin: 0px; font-size: 1.25em;}
h3.smaller							  {font-size: 1.2em;}
h4                  {font-size: 1.15em;}

/* --- seznamy --- */
ul.sipka					{margin: 10px 0px 10px 3px;}
ul.sipka li				{background: url(../img/bcg_sipka.gif) no-repeat 0px 0.6em; list-style: none; padding: 0px 0px 0px 15px;}
ul.sipka.bez_mezery			{margin: 0px;}


/* --- tridy --- */
.skryt 				{display:none;}
.mensi				{font-size:1em;}
.mensi2				{font-size:1em; margin-bottom:13px;}
.smaller			{font-size:0.85em;}
.small 				{font-size:0.8em;}
.tucne 				{font-weight:bold;}
.red 				{color: #ff3900;}
.orange 			{color: #ff6600;}
.svmodra 			{color: #0099cc;}
.green				{color: #008040;}
.gray				{color: #dbdbdb;}
.ram_top 			{border:5px solid #f0f0f0;background: #ffffff url(../img/bcg_mid_top.gif) repeat-x top left;}
.ram_bottom 		{border:5px solid #373737;background:url(../img/bcg_mid_bot.gif) repeat-x top left ;}
.oramovani			{display:block; border:5px solid #f0f0f0;background:#373737;color:#ffffff;padding-left:5px;font-size:0.85em;width:191px;}
.cms, .shop			{border-right:none;}
.dvd				{border-left:none;}
.cms p, .shop p 	{text-align:left;margin:2px;}
.dvd p				{text-align:right;margin:2px;}
.pole				{width:100%;}
.clear				{clear: both;}
.border				{border: 1px solid #dddddd;}
.center				{text-align: center;}
.left				{text-align: left;}
.toblock			{text-align: justify;}
.toleft				{display: block; float: left;	text-align: left;}
.toright			{display: block; float: right; text-align: left;}
.nomargin			{margin: 0px;}
.nobold				{font-weight: normal;}
.noborder			{border-width: 0px;}
.nobackground		{background: none;}
.error				{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a			{color: #000000;}
.hidden				{display: none;}
.bad				{background-color: #ff0000; color: #ffffff; padding: 2px 3px 2px 3px;}
.bad a				{color: #ffffff;}
.team_foto			{display: block; float: left; width: 130px; margin-right: 10px;}
.team_text			{display: block; float: right; width: 400px;}
.team				{display: block; clear: both; margin: 0px 0px 10px 0px; height: 155px;}
.banner				{display: block; clear: both; padding: 0px 0px 15px 0px;}
.banner_podstranka	{display: block; clear: both; padding: 15px 0px 0px 0px;}
.imageOver			{background: url(../img/zoom.gif) no-repeat 50% 50%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}


/* --- tabulky --- */
table							{font-size: 0.9em;}
table.nice						{width: 470px; font-size: 0.9em;}
table.nice tr td 				{padding: 3px;	font-size: 1em; border: 1px solid #dddddd;}
table.nice tr td.item			{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 100px;}
table.nice tr th				{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 120px;}
table.nice tr td.long			{width: 250px;}
table.short						{width: 270px;}

/* --- formulare --- */
input, textarea					{font-family:  'Trebuchet MS', Verdana, 'Geneva CE', Arial, Helvetica, sans-serif; font-size: 0.95em;}
input							{border: 1px solid #ff3f00; margin-bottom: 5px; padding: 3px; background: #fafafa;}
input.submit					{background: url(../img/bcg_mid_top.gif) repeat-x top; border: 1px solid #ff3f00; width: 150px; height: 25px; font-size: 0.90em; padding: 0px 0px 2px 0px; color: #000000; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: normal; cursor: pointer;}
input.radio						{vertical-align: -6px;}
input.checkbox					{border: 0px;}
textarea						{border: 1px solid #ff3f00; margin-bottom: 5px; padding: 3px;  background: #fafafa;}
form							{margin: 0px; padding: 0px;}
legend							{background: url(../img/bcg_mid_top.gif) no-repeat top; border: 1px solid #0d6a06; background: #269411; color: #ffffff; font-weight: bold; padding: 2px 10px 2px 10px;}
label 							{margin: 4px 10px 3px 10px; width: 140px; float: left; text-align: right;}
label.kratsi 					{width: 80px;}
label.pravy 					{margin: 4px 10px 3px 10px; width: 100px; float: right; text-align: left;}
label.povinny 					{color: #004080;}


#main {
	margin: auto;
	text-align: center;
	width: 950px;
}

#main_in {
	text-align: left;
}
/*****top + menu*****/
#top {
	width:950px;
  height:152px;
  background: url(../img/bcg_top.gif) no-repeat top left;
	margin:0px;
	padding:0px;
	
}

#top_image {
	float:left;
	width: 280px;
	height: 150px;
}

#top_menu {
	float:right;
	top:0px;
	width:660px;
	height:150px;
}

ul#top_menu {
  position:relative;
  top:70px;
  height:80px;
	white-space:normal;
	
}

ul#top_menu li{
	float: left;
	display:inline;
	white-space:nowrap;
	margin-right: 13px;
	padding-right: 13px;
	text-align: right;
}

ul#top_menu li ol{
   display: block;
   visibility: hidden;
   position: absolute;
   left: 0px;
   top: 55px;
   padding: 0px;
   margin: 0px;
   list-style:none;
   border:1px solid white;
}
ul#top_menu li ol li {
  display:block;
  float: none;
  padding:0px;
  margin: 0px;
  
  }
  
ul#top_menu li ol#submenu1 {left: 0px;}
ul#top_menu li ol#submenu2 {left: 77px;}
ul#top_menu li ol#submenu3 {left: 197px;}
ul#top_menu li ol#submenu4 {left: 331px;}
ul#top_menu li ol#submenu5 {left: 432px; border:none;}
ul#top_menu li ol#submenu6 {left: 518px;}

ul#top_menu li ol#submenu1 li{width: 140px;}
ul#top_menu li ol#submenu2 li{width: 160px;}
ul#top_menu li ol#submenu3 li{width: 185px;}
ul#top_menu li ol#submenu4 li{width: 145px;}
ul#top_menu li ol#submenu6 li{width: 140px;}

ul#top_menu li ol#submenu1 li a, ul#top_menu li ol#submenu2 li a, ul#top_menu li ol#submenu3 li a, ul#top_menu li ol#submenu4 li a, ul#top_menu li ol#submenu6 li a{
  text-transform: none;
  background-color:#FF6600;
  color:white;
  font-size:0.85em;
  font-weight:normal;
  height: 25px;
  line-height:25px;
  display:block;
  padding-left:10px;
  text-align:left;
  border-bottom:1px solid white;
}
ul#top_menu li ol#submenu1 li a:hover, ul#top_menu li ol#submenu2 li a:hover, ul#top_menu li ol#submenu3 li a:hover, ul#top_menu li ol#submenu4 li a:hover, ul#top_menu li ol#submenu6 li a:hover{
  background-color:#ff9000;
  text-decoration:underline;
}
  
ul#top_menu li a {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	text-decoration:none;
}
ul#top_menu li a:hover {
	color: #f0f0f0;
}
ul#top_menu li.kontakty{
	margin-right:0;
	padding-right:0;
	border:none;
}
ul#top_menu li.o_nas{
	margin-left:1em;
	padding-left:1em;
}
/******zacina horni polovina content v indexu*****/
#middle_top{
	clear: both;
	width: 910px;
	margin-top: 20px; 
	padding: 0px 20px 18px 20px;
}
.float_left{
	width:580px;
	margin:0px;
	float:left;
	text-align:left;
}
.float_right{
	width: 281px;
	margin: 0px 0px 0px 20px;
	float: left;
}
.float_left_bottom{
	width:580px;
	float:left;
	text-align:left;
	margin: 20px 0px 0px 0px;
}

.float_right_bottom{
	width: 281px;
	float: left;
	margin: 20px 0px 0px 20px;
}

#middle_top_left{
	float: left;
	width: 320px;
	height: 350px;
	margin: 0px;
	padding: 0px;
}
#middle_top_left_in{
	margin:0px;
	padding:0px 20px;
}

#middle_top_left_in h2{
	font-size: 1.3em;
	margin-bottom: 10px;
}


#middle_top_center{
	float:left;
	width:220px;
	height:350px;
	margin-left:20px;
}
#middle_top_center #horni{
	float:left;
	width:220px;
	height:175px;
	margin:0px;
	margin-bottom:20px;
}
#horni_in{
  margin:0px;
	padding:0px 10px;
}

#middle_top_center #horni ul.sipka{
	margin-top: 0px;
}

#middle_top_center #horni h2{
	font-size: 1.3em;
}
#middle_top_center #spodni{
  float:left;
	width:220px;
	height:145px;
	margin:0px;
}
#spodni_in{
  margin:0px;
  padding:0px 10px;
}
#middle_top_right{
  float:right;
	width:281px;
	height:360px;
}

#middle_top_right a{
	color: #ff6648;
	text-decoration: none;
	padding-left: 5px;
}
#cms, #dvd, #shop{
width:281px;
height:121px;
margin:0px;
}

#cms{
background:url(../img/cms.gif) no-repeat right top;
}
#dvd{
background:url(../img/dvd.gif) no-repeat left top;
float:right;
}
#shop{
background:url(../img/shop.gif) no-repeat right top;
float:right;
}
#dvd .oramovani{
margin-left:80px;
padding-right:5px;
}
#dvd h3{
text-align:right;
margin-right:5px;
}
/******spodni polovina content v indexu*****/
#middle_bottom{
  clear: both;
  width: 950px;
  margin: 0px;
  padding: 0px 20px 0px 20px;
  background: #252525;
 }

#middle_bottom_left{
	float: left;
	width: 220px;
	height: 350px;
	margin: 0px 19px 0px 0px;
	padding: 0px;
	background-color: #ffffff;
}
#middle_bottom_left_in{
  margin: 0px;
  padding: 0px 20px 0px 20px;
}

#middle_bottom_left_in h3{
	margin-top: 5px;
	font-size: 1.15em;
}
#middle_bottom_left_in a{
  color: #000000;
  font-size:0.95em;
}
#middle_bottom_center{
	float:left;
	width: 320px;
	height: 350px;
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
}
#middle_bottom_center_in{
  padding:0px 20px;
}
#middle_bottom_center_in h3{
	font-size: 1.15em;
}
#middle_bottom_center_in div{
  font-size: 0.95em;
}
#middle_bottom_right{
  float:left;
	width:281px;
	height:360px;
	margin:0px;
	padding:0px;
}

#middle_bottom_right_top{
  float:left;
	width:271px;
	height:200px;
	margin:0px;
	border:5px solid #373737;
}
#middle_bottom_right_bottom{
  float:left;
	width:281px;
	margin:0px;
}
/****prihlaseni
#zalozky{
  width:271px;
  height:30px;
  margin:0px;
  padding:0px;
  border-bottom:2px solid #ffffff;
  background-color:#d8d8d8;
}
#zalozky li{
  float:left;
  width:132.5px;
  display:inline;
  text-align:center;
  border-left:2px solid #ffffff;
  color:#003366;
  font-weight: bold;
  font-size:1.25em;
  line-height:30px;
  padding: 0px;
  background-color:#d8d8d8;
  
  }
#zalozky li.active{
  height:32px;
  width:135px;
  position:relative;
  top:0px;
  background:#b2b2b2;
  border:none;
  }
#list{
  clear:left;
  width:auto;
  height:170px;
  background:#ffffff url(../img/bcg_mid_bot.gif) repeat-x top left ;
  }	
#listin{
  height:140px;
  padding:10px 20px;
  line-height:2em;
 }	
#listin span{
  font-weight: bold;
}	
#listin input.button{
  float:right;
  margin-top:1em;
  cursor:pointer;
}	
******/
/*****paticka*****/
#bottom{
  clear: both;
  background: #525252 url(../img/bcg_bottom.gif) repeat-x top left ;
  color:#ffffff;
  font-size:0.85em;
  margin: 20px 0px 0px 0px;
  padding: 1px 0px;
}	
#bottom_in{
  line-height:2em;
  text-align:center;
  }	
  
  #bottom_in a{
  	color: #ffffff;
  }
form#hledani {
  display:inline;
  vertical-align:middle;
}	
form#hledani p{
  display:inline;
}	
#bottom_in img{
margin: 0px 2px;
}

#bottomhref {
  clear: both;
  color: #b5b5b5;
  font-size: 0.85em;
  text-align: center;
}	

#bottomhref a {
  color: #b5b5b5;
}	

#bottomhref span.strong a {
  color: #252525;
}	


/****sablona pro ostatni stranky****/
#content{
margin: 0px;
padding: 0px;
} 
#content_left_in{
  padding: 0px 20px 5px 20px;
min-height: 778px;
} 
#odkazy{
  float: right;
	width: 271px;
  margin: 30px 0px 0px 0px;
  font-weight: bold;
	font-size: 0.9em;
}

#odkazy h2 {
	margin-top: 0px;
}


#odkazy_in{
  padding: 0px 15px 5px 15px;
}

#odkazy_in img{
  margin-right:3px;
 
}

#content_left_in li{
  padding: 0px;
}
#content_left_in p{
  font-size: 1em;
}

#content_left_in h2{
  margin-bottom: 10px;
} 
#content_left_in ul.sipka li{
  padding-left: 15px;
}
/*****reference*****/
#content_left_in .reference{
  height: 170px;
  border-bottom: 5px solid #f0f0f0;
  margin-top:15px;
}
#content_left_in .nahled{
  float: left;
  width: 180px;
  height: 120px;
  overflow: hidden;
}  
#content_left_in .popis{
  float: right;
  width: 340px;
  margin-left: 15px;
}  
#content_left_in .mensi{
  font-size:0.95em;
}  
#content_left_in .reference_loga{
  height: 137px;
  border-bottom: 5px solid #f0f0f0;
  margin-top:15px;
}
#content_left_in .nahled_loga{
  float: left;
  width: 260px;
}  
#content_left_in .popis_loga{
  float: right;
  width: 260px;
  margin-left: 15px;
}  

#content_left_in .clanky{
  height: 210px;
  border-bottom: 5px solid #f0f0f0;
  margin-top:15px;
}
#route{
  margin-top: 10px;
  color:#ff6600;
}

#route a{
  font-weight:bold;
  color:#ff6600;
}

#route a:hover{
  font-weight:bold;
  color:#ff6600;
}

/*#odkazy a{
	color: #ffffff;
	display:block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	text-decoration:none;
	padding-left:10px;
	line-height:1.5em;
	letter-spacing:1px;
	border-bottom:2px solid #ffffff;
}
#odkazy a:hover{
  color: #ff6600;
  border-bottom:2px solid #ff6600;
}*/

#ovce{
  display: block;
  clear: both;
  text-align: center;
  width: 281px;
  padding-top: 15px;
}


/* --- lightbox --- */

#lightbox {
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0px;
	margin-top: 0px;
	cursor: pointer;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	top: 0px;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: auto;
	margin-top: 0px;
}

#outerImageContainer img {
		border: 1px solid #000000;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background: url(lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer {
	font-family:  "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}

#imageData {padding: 0px 10px 0px 10px; color: #666; height: 40px;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 120px; float: right;  padding-bottom: 0.7em;}	

		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000;
}