body, div, p, html, form  { font-family:  Arial, Verdana, "Geneva CE", lucida, sans-serif;  font-size: 100%; margin: 0px; padding:0px; }
body  { background-image: url('img/back_repeat.png'); background-repeat: repeat-x; background-color: #C9D3EA; text-align: center; color: #DADADA; }


#all_mrak      {  width:1024px; margin: auto; background: url('img/back_mrak.jpg') no-repeat 0px 0px; }

#all      {  width:950px; margin: auto; text-align: left; }
#head     { height: 180px; }

#head_text     {

	height: 30px;
	font-size: 70%;
	color: #949FC5; 
	font-weight: bold;

}

#head_flash     {

	height: 37px;


}

#head_webdesign     {

	text-align: right;

}

#main
	{
  padding: 5px 0px 10px 0px;
  vertical-align: top;
	}

#main_obsah
	{
  padding: 0px 10px 10px 10px;
	}

#menu { width:210px;
	background: url('img/menu_back.png'); background-repeat: no-repeat;

	 }

.menu { width:210px;

	 }

#mezera
	{
	height: 25px;
	}

#mezera_02
	{
	height: 5px;
	}


#mezera_akt_proj, #mezera_akt_proj_02
	{
	height: 5px;
	}

#mezera_reference
	{
	height: 2px;
	}

#mezera_reference_02
	{
	height: 5px;
	}

#mezera_bottom
	{
	height: 5px;
	}

#akt_proj_01 
	{ 
	width:210px;
	height: 25px;
	background: url('img/akt_proj_01.png') no-repeat 0px 0px;
	padding: 0px 0px 0px 15px;
	font-size: 75%;
	color: white; 
	font-weight: bold;
	 }

#akt_proj_02 
	{ 
	width:210px;
	background-color: #37549C;
	padding: 5px 0px 0px 0px;
	text-align: center;
	 }

#akt_proj_03 
	{ 
	width:210px;
	height: 17px;
	background: url('img/akt_proj_03.png') no-repeat 0px 0px;
	font-size: 70%;
	text-align: center;
	 }

#akt_novinky_01 
	{ 
	width:200px;
	height: 25px;
	background: url('img/akt_novinky_01.png') no-repeat 0px 0px;
	padding: 0px 0px 0px 15px;
	font-size: 75%;
	color: white; 
	font-weight: bold;
	 }

#akt_novinky_02 
	{ 
	width:200px;
	height: 180px;
	background: url('img/akt_novinky_02.png') no-repeat 0px 0px;
	padding: 5px 0px 0px 0px;
	 }

#akt_novinky_02_nadpis, #akt_novinky_02_nadpis_02 
	{ 
	font-size: 80%;
	padding: 5px 10px 0px 10px;
	font-weight: bold;
	color: #C0C0C0; 
	 }

#akt_novinky_02_text, #akt_novinky_02_text_02
	{ 
	font-size: 85%;
	padding: 5px 10px 0px 10px;
	color: #C0C0C0; 
	 }

#vybrane_reference
	{ 
	background: url('img/vybrane_reference.png') no-repeat 0px 0px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	font-size: 80%;
	color: white; 
	 }

#logo_all
	{ 
	padding: 22px 0px 0px 0px;
	width: 700px;
	 }

#cenik_linka_01, #cenik_linka_02, #cenik_linka_03, #cenik_linka_04, #cenik_linka_05, #cenik_linka_06
	{ 
	background: url('img/cenik_linka.png') no-repeat 0px 15px;
	height: 30px;

	 }

#reference_linka_01, #reference_linka_02, #reference_linka_03, #reference_linka_04, #reference_linka_05, #reference_linka_06, #reference_linka_07, #reference_linka_08, #reference_linka_09, #reference_linka_10
	{ 
	background: url('img/cenik_linka_02.png') no-repeat 0px 15px;
	height: 30px;

	 }

#reference_linka_11, #reference_linka_12, #reference_linka_13, #reference_linka_14, #reference_linka_15, #reference_linka_16, #reference_linka_17, #reference_linka_18, #reference_linka_19, #reference_linka_20, #reference_linka_21, #reference_linka_22, #reference_linka_23, #reference_linka_24, #reference_linka_25, #reference_linka_26, #reference_linka_27, #reference_linka_28
	{ 
	background: url('img/cenik_linka_02.png') no-repeat 0px 15px;
	height: 30px;

	 }

.reference_linka_class
	{ 
	background: url('img/cenik_linka_02.png') no-repeat 0px 15px;
	height: 30px;

	 }


#main_mezera_01
	{
	height: 6px;
	}

#main_mezera_02
	{
	height: 30px;
	}

#main_mezera_menu
	{
	height: 14px;
	}

#main_popis
	{
	padding: 0px 0px 0px 0px;
	height: 35px;
	background: url('img/main_back_popis.png') no-repeat 0px 0px;
	font-size: 90%;
	}


.main_hlavni_top       { background-color: #212224; height: 1px; }
.main_hlavni_bot       { background-color: #212224; height: 1px; }

.main_hlavni_01	{ padding: 0px 10px 10px 0px; vertical-align: top; width:900px; }
.main_hlavni_02	{ padding: 0px 0px 0px 15px; vertical-align: top; }

.main_kontakty_01	{ padding: 0px 10px 10px 0px; vertical-align: top; width:200px; }
.main_kontakty_02	{ padding: 33px 0px 0px 50px; vertical-align: top; width:500px; }

#main_nadpis_01, #main_nadpis_02, #main_nadpis_03, #main_nadpis_04, #main_nadpis_05
	{
	font-size: 80%;
	color: white;
	font-weight: bold;
	}

#main_novinky_nadpis_001, #main_novinky_nadpis_002, #main_novinky_nadpis_003, #main_novinky_nadpis_004, #main_novinky_nadpis_005, #main_novinky_nadpis_006
	{
	font-size: 90%;
	color: #C40000;
	font-weight: bold;
	}

#reference_main
	{
	padding: 20px 0px 0px 10px;
	}


/* TABULKY */
table       { border-collapse: collapse; }
th, td      { padding: 0px; vertical-align: top; }

/* ODKAZY */
a:link, a:visited    {
 	text-decoration: none;
  color: #E3E3E3;
	}

a:hover    {
	text-decoration: none;
	color: white;
	}

a.reference:link, a.reference:visited    {
 	text-decoration: none;
  	color: #E3E3E3;
	font-weight: bold;
	}

a.reference:hover    {
	text-decoration: none;
	color: white;
	font-weight: bold;
	}

a.reference_02:link, a.reference_02:visited    {
 	text-decoration: none;
  	color: #213981;
	font-weight: bold;
	}

a.reference_02:hover    {
	text-decoration: none;
	color: #3157BF;
	font-weight: bold;
	}


p	{font-size: 80%;}
p.center {text-align:center;}
p.right {text-align:right;}
p.left {text-align:left;}


#main_nadpis	{
	font-size: 140%;
 	color: white;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	}

h1	{
	font-size: 120%;
	font-weight: bold;
 	color: white;
	padding:0px 0px;
	margin: 0px 0px 10px 0px;
	text-shadow: #000000 2px 2px 2px
	}

h2	{
	font-size: 100%;
	padding:0px 0px;
	margin: 0px 0px 0px 0px;
	color: white;
	}

h3	{
	font-size: 90%;
	padding:0px 0px;
	margin: 0px 0px 0px 0px;
	color: white;
	}

h4, h5	{
	font-size: 90%;
	padding:0px 0px;
	margin: 0px 0px 0px 0px;
	color: #254293;
	}

ul.cenik  { margin: 10px 0px 10px 10px; padding: 0px; }
ul.cenik li { font-size: 80%;  background: url('img/point_cinnosti.png') no-repeat left center; list-style: none; margin:0px 0px 0px 0px; padding: 2px 0px 2px 10px; }

ul.reference  { margin: 2px 0px 2px 5px; padding: 0px; }
ul.reference li { font-size: 80%;  background: url('img/point_cinnosti.png') no-repeat left center; list-style: none; margin:0px 0px 0px 0px; padding: 2px 0px 2px 10px; }

ul.reference_02  { margin: 2px 0px 2px 5px; padding: 0px; }
ul.reference_02 li { font-size: 80%; color: #213981;  background: url('img/point_cinnosti_02.png') no-repeat left center; list-style: none; margin:0px 0px 0px 0px; padding: 2px 0px 2px 10px; }


ul.tvorba  { margin: 10px 0px 0px 10px; padding: 0px; }
ul.tvorba li { font-size: 80%;  background: url('img/point_cinnosti.png') no-repeat left center; list-style: none; margin:0px 0px 0px 0px; padding: 2px 0px 2px 10px; }


img.left {float:left;margin-right:5px;}
img.bezram, img  { border: none; }

iframe.test {
	height: 15px;
	width: 25px;

}

#bottom
	{
  background-image: URL('img/bottom.png');
  height: 30px;
  text-align: center;
  padding: 0px 0px 0px 0px;

	}

.bottom_copy	{
  text-decoration: none;
	font-size: 60%;
	}

a.bottom_copy:link    {
 	text-decoration: none;
  color: #C0C0C0;
	}

a.bottom_copy:hover    {
	text-decoration: none;
	color: white;
	}

.galerie_bg
	{
  background-image: URL('img/ref_back.png');
  background-repeat: no-repeat;
  width: 235px;
  height: 170px;
  text-align: center;
  padding-top: 10px;
  padding-left: 1px;

	}

#menu01 a, #menu02 a, #menu03 a, #menu04 a, #menu05 a, #menu06 a, #menu07 a {
  border: 0;
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 75%;
  text-align: right;
  margin: 0px 0px 0px 0px;
	line-height: 22px;
	display: block;
	width: 210px;
	height: 22px;
	position: relative;
	top: 0px;
	left: 0px;
	background: url("img/menu01.png") 0 0 no-repeat;

	}
	
#menu01 a:hover, #menu02 a:hover, #menu03 a:hover, #menu04 a:hover, #menu05 a:hover, #menu06 a:hover, #menu07 a:hover {	
	background-position: -210px 0;
  color: #D2D8FF;
	}

#menu08 a {
  border: 0;
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 75%;
  text-align: right;
  margin: 0px 0px 0px 0px;
	line-height: 22px;
	display: block;
	width: 210px;
	height: 22px;
	position: relative;
	top: 0px;
	left: 0px;
	background: url("img/menu03.png") 0 0 no-repeat;

	}
	
#menu08 a:hover {	
	background-position: -210px 0;
  color: #D2D8FF;
	}