/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
  margin: 40px auto;
	width: 1024px;
	font: normal 12px Arial;
	color: #000;
	background-color: #ccc;
	/*border: 1px #000 solid;*/
}


h1 {
	font: bold 18px Arial;
	color: #EC1C24;
}

h2 {
	font: bold 14px Arial;
	color: #00984B;
}

h3 {
	font: bold 14px Arial;
	color: #00ADEE;
}

p {
	margin-bottom: 15px;
	line-height: 1.6em;
}

a:link, a:visited, a:hover {
  text-decoration: none;
  color: #000;
}

#vlajky_logo {
  float: none;
	width: 1024px;
	height: 150px;
	margin: 0 auto;
}

/* LOGO a casti loga */
div#logo {
  width: 802px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
}

.logo_lsprod {
	font: bold 25px Arial;
	color: #000;
}

.digital {
	font: normal 17px Arial;
	color: #000;
}

.carky {
	font: normal 25px Arial;
	color: #000;
}

.rovnitko_c {
	font: bold 25px Arial;
	color: #EC1C24;
}

.rovnitko_z {
	font: bold 25px Arial;
	color: #00984B;
}

.rovnitko_m {
	font: bold 25px Arial;
	color: #00ADEE;
}

a.logo_filmprint, a.logo_filmprint:link, a.logo_filmprint:hover, a.logo_filmprint:active {
	text-decoration: none;
	color: #000;
}

/* VLAJKY */
div#vlajky {
  width: 222px;
	float: left;
	font: normal 11px Arial;
	color: #000;	
	/*border: 1px #000 solid;*/
}

a div.box_cz {
	width: 30px;
	height: 16px; 
	background-color: #ccc;
	text-align: center;
	position: relative;
	color: #000;	
	top: 2px;
}

a:hover div.box_cz {
	background-color: #666;
	color: #fff;	
}

a.active div.box_cz {
	background-color: #666;
	color: #fff;	
}

div.box_cz span {
  font-weight: bold;
	position: relative;
	top: 1px;  
}

a div.box_en {
	width: 30px;
	height: 16px; 
	background-color: #ccc;
	text-align: center;
	position: relative;
	top: 2px;
}

a:hover div.box_en {
	background-color: #666;
	color: #fff;	
}

a.active div.box_en {
	background-color: #666;
	color: #fff;	
}

div.box_en span {
  font-weight: bold;
	position: relative;
	top: 1px;  
}

/* PAGE */
#page {
  float: left
}


/* SIDEBAR */
div#sidebar {
  font: normal 11px Arial;
	text-align: right;
	float: left;
	line-height: 20px;
	/*width: 230px;*/
	/*border: 1px #000 solid;*/
}

div#sidebar a:hover {
  color: #fff;
  background-color: #666;
  border: 3px #666 solid;
}

/* CONTENT */
div#content {
  float: left;
  width: 760px;
  /*border: 1px #000 solid;*/
}

div#content {
  float: left;
  width: 540px;
  /*border: 1px #000 solid;*/
}

.carky_content {
	font: normal 20px Arial;
	color: #666;
}

div#story {
  /*max-width: 470px;*/
  width: 470px;
  padding: 10px 30px 15px 30px;
  /*margin: 10px 30px 15px 30px;*/
  text-align: justify;
  /*border: 1px #000 solid;*/
}

.carky_podtrzeni {
  margin-top: -16px;
  margin-bottom: -5px;
	font: normal 20px Arial;
	color: #666;
}

.obrazek {
  text-align: right;
}

.carky_obrazek {
	font: bold 15px Arial;
	color: #989898;
}

/* FOOTER */
#footer {
  font: normal 11px Arial;
  margin-top: 20px;
  margin-left: 210px;
  float: left;
}

.carky_footer {
	font: normal 20px Arial;
	color: #999;
}

.rovnitko_c_footer {
	font: normal 20px Arial;
	color: #EC1C24;
	opacity: 0.5;
	filter:alpha(opacity=50);		
}

.rovnitko_z_footer {
	font: normal 20px Arial;
	color: #00984B;
	opacity: 0.5;
	filter:alpha(opacity=50);	
}

.rovnitko_m_footer {
	font: normal 20px Arial;
	color: #00ADEE;
	opacity: 0.5;
	filter:alpha(opacity=50);	
}