body {
	margin: 0 auto;
/*centrovanie pre normalne prehliadace */
	text-align: center;
/*centrovanie pre IE */
	margin-top: 30px;
	font-family: tahoma;
	font-size: 70%;
}
img { border:0; }
a { outline:0; }
/* ==============================      hlavne prvky stranky =================================  */
#main_frame {
	width: 900px;
	margin: 0 auto;
}
#middle {
	width: 900px;3
	margin: 0 auto;
	background-image: url('../picture/middle.jpg');
}
#stred {
	width: 870px;
	margin: 0 0 0 10px;
}
html>body #stred {
	width: 870px;
	margin: 0 0 0 14px;
}
#logo_riadok {
	width: 868px;
	height: 85px;
	float: left;
	text-align: left;
	margin: 0 0 0 5px;
}
#logo {
	float: left;
}
#jazyk {
	float: right;
	margin: 37px 9px 0 0;
	color: #828282;
}
#menu_riadok {
	width: 870px;
	height: 62px;
	float: left;
	text-align: left;
}
#nosny_obrazok_riadok {
}
#obsah_riadok {
	width: 868px;
	float: left;
	margin: 12px 0 0 0;
}
#pata_riadok {
	width: 870px;
	height: 90px;
	margin: 15px 0 0 0;
}

#loga { float:left; margin-top:15px; padding-left:8px; }
#stred_pata { float:right; margin-top:3px; padding-right:10px;  }
#stred_pata table { text-align:left;  }
/* ==============================      inde stylizovanie stranky =================================  */
.lava_bublina_index {
	width: 293px;
	height: 174px;
	float: left;
	background-image: url('../picture/bublina.gif');
	background-repeat: no-repeat;
}
.stred_bublina_index {
	width: 292px;
	height: 174px;
	float: left;
	background-image: url('../picture/bublina.jpg');
	Background-repeat: no-repeat;
}
.prava_bublina_index {
	width: 283px;
	height: 174px;
	float: left;
	background-image: url('../picture/bublina.gif');
	Background-repeat: no-repeat;
}
.prava_bublina_obsah {
	width: 283px;
	height: 174px;
	float: right;
	background-image: url('../picture/bublina.gif');
	Background-repeat: no-repeat;
}
.prava_bublina_obsah_big {
	width: 283px;
	height: 288px;
	float: right;
	background-image: url('../picture/bublina_big.gif');
	Background-repeat: no-repeat;
}
.prava_bublina_obsah_projekt {
	width: 283px;
	height: 174px;
	float: right;
	background-image: url('../picture/bublina.gif');
	Background-repeat: no-repeat;
	margin-top: -20px;
}
html>body .prava_bublina_obsah_projekt {
	width: 283px;
	height: 174px;
	float: right;
	background-image: url('../picture/bublina.gif');
	Background-repeat: no-repeat;
	margin-top: 9px;
}

.aktuality {
	width: 263px;
	height: 175px;
	float: left;
	margin: 10px 0 0 10px;
}

html>body .aktuality {
	width: 263px;
	height: 175px;
	float: left;
	margin: 10px 0 0 10px;
}
.aktuality_big {
	width: 263px;
	height: 289px;
	float: left;
	margin: 10px 0 0 10px;
}

html>body #aktuality_big {
	width: 263px;
	height: 289px;
	float: left;
	margin: 10px 0 0 10px;
}
.aktualita {
	width: 240px;
	height: 45px;
	float: left;
	margin: 10px 0 0 0px;
}
.datum_kalendar {
	background-image: url('../picture/kalendar.jpg');
  background-repeat: no-repeat;
	width: 36px;
	height: 50px;
	float: left;
}
.kalendar {
	background-image: url('../picture/kalendar.jpg');
	background-repeat: no-repeat;
	width: 56px;
	height: 50px;
	float: left;
}
.kalendar_text {	width: 400px; list-style: none;}
#pdf {
	background-image: url('../picture/pdf.jpg');
	width: 36px;
	height: 50px;
	float: left;
}
#word {
	background-image: url('../picture/word.jpg');
	width: 36px;
	height: 50px;
	float: left;
}
.datum_text {
	margin: 12px 0 0 4px;
	float: left;
	font-family: tahoma;
	font-size: 100%;
	color: #000;
	text-align: center;
}
.text_aktualita {
	width: 190px;
	height: 50px;
	float: left;
	margin: 0 0 0 12px;
	font-family: tahoma;
	font-size: 100%;
	color: #2a2a2a;
	text-align: left;
}
#viac_green {
	position: relative;
	top: -40px;
	left: -5px;
	background-image: url('../picture/button_green.gif');
	background-repeat: no-repeat;
	width: 137px;
	height: 18px;
	float: right;
}
#viac_orange {
	position: relative;
	top: -40px;
	left: -5px;
	background-image: url('../picture/button_orange.gif');
	background-repeat: no-repeat;
	width: 137px;
	height: 18px;
	float: right;
}
#viac_blue {
	position: relative;
	top: -40px;
	left: -5px;
	background-image: url('../picture/button_blue.gif');
	background-repeat: no-repeat;
	width: 137px;
	height: 18px;
	float: right;
}
#viac_blue_x {
	position: relative;
	left: 30px;
	background-image: url('../picture/button_blue.gif');
	background-repeat: no-repeat;
	width: 137px;
	height: 18px;
	float: left;
}
#viac_nic {
	position: relative;
	top: -40px;
	left: -5px;
	width: 137px;
	height: 18px;
	float: right;
}
.button {
	margin: 2px 0 0 30px;
	float: left;
	text-align: left;
}
.ciara {
	float: left;
	background: url('../picture/ciara.gif') repeat-x;
	width: 100%;
	height: 1px;
	font-size: 0;
	margin: 0 0 8px 0;
}
#footer {
width: 900px;
height: 28px;
color: #3c3c3c;
font-size: 90%;
}
#lava_strana_obsah {
  float: left;
  width: 260px;
}
#prava_strana_obsah {
  float: left;
  width: 250px;
  margin-top: 2px;
}
/* ==============================      stylovanie podstranok =================================  */
#lavy_obsah {
	float: left;
	width: 530px;
	text-align: left;
	margin: 0 0 0 5px;
}
html>body #lavy_obsah {
	float: left;
	width: 530px;
	text-align: left;
	margin: 0 0 0 10px;
}
#pravy_obsah {
	float: right;
	width: 283px;
	margin: 17px 0 0 0;
}
#navigacia {
	float: left;
	width: 550px;
	height: 32px;
	text-align: left;
	margin: 8px 0 0 0;
	font-size: 95%;
	font-family: tahoma, sans-serif;
	color: #828282;
	line-height: 17px;
}
#submenu {
	float: left;
	width: 550px;
	height: 40px;
}
#submenu_1 {
	background-image: url('../picture/submenu_1.jpg');
	width: 168px;
	height: 40px;
	float: left;
}
#submenu_1x {
	background-image: url('../picture/submenu_1x.jpg');
	width: 168px;
	height: 40px;
	float: left;
}
#submenu_2 {
	background-image: url('../picture/submenu_2.jpg');
	width: 168px;
	height: 40px;
	float: left;
}
#submenu_2x {
	background-image: url('../picture/submenu_2x.jpg');
	width: 168px;
	height: 40px;
	float: left;
}
#submenu_3 {
	background-image: url('../picture/submenu_3.jpg');
	width: 214px;
	height: 40px;
	float: left;
}
#submenu_3x {
	background-image: url('../picture/submenu_3x.jpg');
	width: 214px;
	height: 40px;
	float: left;
}
.submenu_pozicia {
float: left;
margin: 12px 0 0 18px;
}
/* ==============================      texty =================================  */
h1 {
	font-family: arial;
	font-size: 140%;
	Letter-spacing: 1px;
	color: #0053c4;
	float: left;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h2.green {
	font-family: arial;
	font-size: 140%;
	Letter-spacing: 1px;
	color: #70a219;
	float: left;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
		width: 100%;
}
h2.orange {
	font-family: arial;
	font-size: 140%;
	Letter-spacing: 1px;
	color: #fa6a00;
	float: left;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h2.blue {
	font-family: arial;
	font-size: 140%;
	Letter-spacing: 1px;
	color: #0053c4;
	float: left;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 100%;
}
h2.blue_obsah {
	font-family: arial;
	font-size: 140%;
	Letter-spacing: 1px;
	color: #0053c4;
	float: left;
	text-align: left;
	font-weight: bold;
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
}
h3.black {
	font-family: arial;
	font-size: 130%;
	Letter-spacing: 1px;
	color: #151515;
	float: left;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 100%;
}
b.bigger {  
	font-family: arial;
	font-size: 120%;
	Letter-spacing: 1px;
	color: #151515;
	line-height:25px;
}
h3.blue {
	font-family: arial;
	font-size: 130%;
	Letter-spacing: 1px;
	color: #0486b7;
	float: left;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 100%;
}

p {
	font-family: tahoma;
	font-size: 100%;
	color: #2a2a2a;
	float: left;
	text-align: left;
	line-height: 16px;
	width: 500px;
	margin: 10px 0 15px 0;
	width: 100%;
}
p.blind {
	font-family: tahoma;
	font-size: 110%;
	color: #2a2a2a;
	float: left;
	text-align: left;
	line-height: 16px;
	width: 500px;
	margin: 10px 0 15px 0;
}
p.uvodny_text {
	font-family: tahoma;
	font-size: 100%;
	color: black;
	float: left;
	text-align: left;
	margin: 0;
	line-height: 16px;
	width: 250px;
	margin: 10px 0 0 0;
}
p.referencie {
	font-family: tahoma;
	font-size: 95%;
	color: black;
	float: left;
	text-align: left;
	line-height: 16px;
	margin-top: 5px;
}
p.hrubsie {
	font-family: arial;
	font-size: 100%;
	color: #2a2a2a;
	float: left;
	text-align: left;
	margin: 0;
	line-height: 16px;
}
p.short {
	font-family: arial;
	font-size: 100%;
	color: #2a2a2a;
	float: left;
	text-align: left;
	line-height: 16px;
	width: 170px;
}
option {
	font-family: tahoma;
	color: #2a2a2a;
}
.black {
	font-family: arial;
	font-size: 130%;
	Letter-spacing: 1px;
	color: #4d4d4d;
	float: left;
	text-align: left;
	font-weight: bold;
  width: 100%;
  margin: 0 0 5px 0;
}
.black_vedla_obrazku {
	font-family: arial;
	font-size: 130%;
	Letter-spacing: 1px;
	color: #4d4d4d;
	text-align: left;
	font-weight: bold;
}
.blue {
	font-family: arial;
	font-size: 140%;
	Letter-spacing: 1px;
	color: #0053c4;
	font-weight: bold;
}
.chyba {
	font-family: arial;
	font-size: 100%;
	Letter-spacing: 1px;
	color: #f8730d;
}
.super {
	font-family: arial;
	font-size: 100%;
	Letter-spacing: 1px;
	color: #70a219;
	font-weight: bold;
}
/* ==============================      Doplnky =================================  */
.referencia {
	float: left;
	width: 135px;
	height: 120px;
	text-align: center;
}
#sluzba {
	width: 320px;
	float: left;
}
#rychla_ponuka {
	margin: 0px 0 0 0;
	float: left;
	height: 105px;
}
html>body #rychla_ponuka {
	margin: 25px 0 0 0;
	float: left;
	height: 115px;
}
.tvorba_stranok {
	float: left;
	width: 100px;
	height: 120px;
}
.tvorba_stranok_text {
	float: left;
	width: 180px;
	height: 105px;
	text-align: left;
	line-height: 16px;
}
.web_marketing {
	float: left;
	width: 115px;
	height: 105px;
}
.web_marketing_text {
	float: left;
	width: 190px;
	height: 105px;
	text-align: left;
	line-height: 16px;
}
.zvysenie_navstevnosti {
	float: left;
	width: 110px;
	height: 105px;
}
.zvysenie_navstevnosti_text {
	float: left;
	width: 160px;
	height: 105px;
	text-align: left;
	line-height: 16px;
}
#left_margin {
float: left;
margin: 0 0 0 10px;
width: 500px;
}
.datum {
float: left;
width: 500px;
margin: 8px 0 0 0;
}
table{
float: left;
}
.mapa_main { float: left;}
.mapa_second { float: left; margin-left:30px;}

.img_border {
border: 1px solid #c8c8c8;
padding: 4px;
}

.na_stred {
text-align: center;
}

ul {float: left; margin: 10px 0 0 0 ; padding: 0;}
li.zoznam { list-style: none; padding-top: 10px;}
li.zoznam_text {list-style: none; padding: 7px 0 0  20px; line-height: 16px;}
select.otazky { width:250px; font-size:0.95em; }
/* ==============================      odkazy =================================  */
a.button {
	font-family: tahoma;
	font-size: 100%;
	color: black;
	text-decoration: underline;
}
a.button:hover {
	font-family: tahoma;
	font-size: 100%;
	color: black;
	text-decoration: none;
}
a.link {
	font-family: tahoma;
	font-size: 100%;
	color: black;
	text-align: center;
	text-decoration: underline;
}
a.link:hover {
	font-family: tahoma;
	font-size: 100%;
	color: black;
	text-align: center;
	text-decoration: none;
}
a.link_mapa {
	font-family: tahoma;
	font-size: 100%;
	color: black;
	text-align: center;
	text-decoration: underline;
	cursor:Default;
}
a.link_mapa:hover {
	font-family: tahoma;
	font-size: 100%;
	color: black;
	text-align: center;
	text-decoration: none;
	cursor:Default;
}
a.link_footer {
	font-family: tahoma;
	font-size: 90%;
	color: #3c3c3c;
	text-align: center;
	text-decoration: underline;
}
a.link_footer:hover {
	font-family: tahoma;
	font-size: 90%;
	color: #3c3c3c;
	text-align: center;
	text-decoration: none;
}
a.link_nolink {
	font-family: tahoma;
	font-size: 100%;
	color: black;
	text-align: center;
	text-decoration: none;
}
a.link_nolink:hover {
	font-family: tahoma;
	font-size: 100%;
	color: black;
	text-align: center;
	text-decoration: underline;
}
a.submenu_blue {
	font-family: arial;
	font-size: 140%;
	color: #0486b7;
	float: left;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 100%;
	text-decoration: none;
}
a.submenu_green {
	font-family: arial;
	font-size: 140%;
	color: #70a219;
	float: left;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 100%;
	text-decoration: none;
}
a.submenu_orange {
	font-family: arial;
	font-size: 140%;
	color: #fa6a00;
	float: left;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 100%;
	text-decoration: none;
}
a.navigacia_link {
	font: 11px/1 tahoma, serif;
	color: #828282;
	text-decoration: none;
	height: 20px;
	text-decoration: underline;
}
a.navigacia:hover {
	font: 11px/1 tahoma, serif;
	color: #828282;
	text-decoration: none;
}
input {
border: 1px solid black;
width: 251px;
background-image: url('../picture/prechod_formular.jpg');
}

input.doporucit {
border: 1px solid #828282;
width: 150px;
font-size: 0.95em;
background-image: url('../picture/prechod_formular.jpg');
}

input.odoslat {
border: 1px solid #828282;
width: 70px;
font-size: 0.95em;
background-image: url('../picture/prechod_formular.jpg');
}

select.cenovy_formular {
width: 255px;
border: 1px solid black;
font-size: 0.95em;
}
textarea {
border: 1px solid black;
width: 251px;
height: 100px;
background-image: url('../picture/prechod_formular_big.jpg');
}
td {
	line-height: 16px;
}

/* ==============================      menu =================================  */
#menu {
	height: 10px;
	margin: 1em 0;
	padding: 0 0em;
}
div.outer {
	float: left;
	width: 123px;
	height: 35px;
	margin: 0 1px 0 0;
	background: url( '../picture/pod_menu.jpg' ) 0 -50px no-repeat;
}
div.outer a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font: 11px/1 verdana, serif;
	color: black;
	text-decoration: none;
	background: url( '../picture/pod_menu.jpg' ) top left no-repeat;
}
div.outer span {
	display: block;
	margin: 0;
	padding: 7px 0 0 7px;
}
div.outer a:hover {
	background-image: none;
	color: black;
}
div.outer a:active {
	color: black;
}
/* ==============================      pata =================================  */
.stred_pata {
	float: left;
	width: 800px;
	text-align: left;
}
.pata_text {
	font-size: 95%;
	font-family: tahoma, sans-serif;
	color: #828282;
	line-height: 17px;
}
a.pata_link {
	font: 11px/1 tahoma, serif;
	color: #828282;
	text-decoration: none;
	height: 20px;
}
a.pata_link:hover {
	font: 11px/1 tahoma, serif;
	color: #828282;
	text-decoration: underline;
}
a.jazyk_link {
	font: 95% tahoma, serif;
	color: #828282;
	text-decoration: none;
	height: 20px;
}
a.jazyk_link:hover {
	font: 95% tahoma, serif;
	color: #828282;
	text-decoration: underline;
}
/* ==============================      referencie =================================  */
#referencia { float: left;  width: 866px; height: 280px; }