H1 { 
	font-family: Arial, Helvetica, sans-serif; font-size: 12pt; 
	color:#FFFFFF; text-align: right; margin: 0px;  padding: 10px;
	}

H2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; 
	color:#000000; margin: 0px; padding: 0px;
	}
	
H3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; 
	color:#000000; margin: 0px; padding: 0px;
	}
	
body {
	background-color:#ffffff;
	background-image:url(../image/body_bg.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	margin: 0px; 
	padding: 0px;
	text-align: center;
}
.main {
	width: 980px;
	margin: auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
	text-align: left;
	background: #ffffff;
	background-image:url(../image/main_bg.jpg); background-position:center; background-repeat:repeat-y;
}

.hlavicka { 
	width: 980px; margin: 0px;  padding: 0px; background: #ffffff;
	background-image:url(../image/header_bg.jpg); 
	background-position:center;
	background-repeat:repeat-y;
}
.hlavicka .logo {width: 150px; float:left; margin: 5px 0px 5px 5px; border:none;}
.hlavicka h1 {float: right; width: 700px; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; 
	color:#ff6600; text-align: right; margin:10px 10px 0px 0px;  padding:0px;}

/* - - - - - horne menu - - - - - - - */
.menu {clear:both; background-color:#ff6600;}
.menu ul {margin: 0 0 0 0px;  padding: 0px; list-style: none;}
.menu li { 
float: right; width: 100px; background-color: #ff6600;   
margin: 0px;  padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; 
font-weight: bold; color: #000000; text-align: center; border-left:  1px solid #ffffff;
}
.menu a {display:block; padding: 0px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; 
font-weight: bold; color:#ffffff; text-align: center;}
.menu a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; 
font-weight: bold; background-color:#FF6600; color:#000000; text-align: center;}
/* - - - - - - - - - - - - - - - - - - - - - - */

.obsah {
	width:auto; margin: auto;  padding: 0px;
	background: white; 
	}

/*- - - - - lavy - - - - - - - */
.lavy { float: left; width: 200px; margin: auto; padding: 0px;}
.lavy_title {width: auto; margin: 5px; padding: 4px 2px 4px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color:#FFFFFF; background: gray url(../image/title_bg.jpg);  background-repeat:repeat-x; }
.lavy H3 {display:inline; font-size: 8pt; font-weight: bold;}
.lavy_box {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; 
	color:#000000;
	}
.lmenu_item_title{font-size: 12pt; color:#003366;}	
.lmenu_item { 
	width: auto;   
	margin: 0px;  padding: 5px 10px 10px 10px;
	border-bottom:1px dashed #cccccc;
 }

.lavy a {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color:#FF6600;}
.lavy a:hover {text-decoration: none; color:#000000;}
/*- - - - - lavy - - - - - - - */

/*- - - - - stred - - - - - - - - - */
.stred {float: left; width: 776px;  margin: auto; padding: 0px; border-left:  1px solid silver; }
.stred_title {width: auto; margin: 5px; padding: 4px 2px 4px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color:#FFFFFF; background: gray url(../image/title_bg.jpg);  background-repeat:repeat-x; }
.stred_box {
	width: auto; padding: 10px 10px 10px 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; 
	color:#000000;
	}
.stred_box {
	width: auto; padding: 10px 10px 10px 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; 
	color:#000000;
	}
	
.stred_box2 {
	width: auto; padding: 10px 10px 10px 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; 
	color:#000000;
	}	
	
.stred_box_center {
	width: 510px; margin: 0px; padding: 10px 10px 10px 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; 
	color:#000000; border:  1px solid red;
	}
.stred h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; 
	color:#000000; margin: 0px; padding: 0px;
	}		
.stred h3 {display:inline; font-size: 8pt; font-weight: bold; margin-right:0.5em;}		
.stred ul {margin: 0px;  padding: 0em 2em 0em 2em; list-style-image: url("../image/odrazka_modra.gif"); list-style-position: outside;}
.stred li {width: auto; margin: 0px;  padding: 0px 0px 10px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; 
font-weight: normal; text-align: justify; }
.stred a { padding: 0px; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; 
font-weight: bold; color:#FF6600; text-align: center;}
.stred a:hover {text-decoration: none; color:#000000;}

.stred .zoznam{
	margin-bottom:10px;
	list-style-image:none;
	list-style:square;
}
.stred .zoznam li{padding:0px 0px 0px 0px; margin-left:10px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-align: justify;}


.ico_box{
	width:auto;
}
.ico_item{
	width:162px;
	height:340px;
	float:left;
	text-align:left;
	margin:5px;
	padding:5px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	text-align:center;
	background-position:bottom right;
	background-repeat:no-repeat;
}
.ico_title{
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	padding:5px;
	background-image:url(../image/title_bg2.jpg);
	background-position:left;
	background-repeat:repeat-y;
}
.ico_item ul{list-style-position:outside; list-style-image:none; list-style:disc;}
.ico_item li{margin:0px; padding:0px; text-align:left;}
.ico_cena{
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	padding:5px;
	background-image:url(../image/title_bg2.jpg);
	background-position:left;
	background-repeat:repeat-y;
}

.info_ul{margin:0px 10px 10px 1em !important;}
.info_ol{
	margin-right:10px;
	margin-top:5px;
}

#info_minimum_web{
	width:400px;
	height:350px;
	position:relative;
	display:none;
	top:-280px;
	left:100px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	background-image:url(../image/ico_item_bg_black.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#info_optimum_web{
	width:400px;
	height:520px;
	position:relative;
	display:none;
	top:-280px;
	left:100px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	background-image:url(../image/ico_item_bg_navy.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#info_maximum_web{
	width:400px;
	height:350px;
	position:relative;
	display:none;
	top:-252px;
	left:-340px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	background-image:url(../image/ico_item_bg_blue.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#info_eshop_web{
	width:400px;
	height:380px;
	position:relative;
	display:none;
	top:-248px;
	left:-340px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	background-image:url(../image/ico_item_bg_yellow.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.ref_img{
	float: left;
	width: 93px;
	height:70px;
	margin: 5px 10px 5px 10px;
	border-bottom-style:none;
}

.odkaz_form{
	text-align:center;

}
.odkaz_form a{
	font-size:12pt;
	font-weight:bold;
}
.logo_ukazky{
	width:690px;
	height:170px;
	overflow:auto;
	border:1px solid #CCCCCC;
}

.logo_ukazky img{
	float:left;
	margin:auto 10px auto 10px;
	
}
.sluzby_title{
	font-size:32pt;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 10px 0px;
	color: #666666;
	font-family:"Times New Roman", Times, serif;
}
.sluzby_table{
	width:100%;
	border-collapse:collapse;
}
.sluzby_table_td1{
	width:40%;
	font-size:18pt;
	font-weight:bold;
	text-align:center;
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #999999;
	vertical-align:middle;
	color: #666666;
	background-image:url(../image/arrow_100.png);
	background-position:left;
	background-repeat:no-repeat;
}
.sluzby_table_td2{
	width:60%;
	padding:5px 0px 10px 0px;
	border-bottom:1px solid #999999;
	vertical-align:middle;
}

.sluzby_table_td2 a{
	
}

/*- - - - - stred - - - - - - - - - */


/*- - - - - pata - - - - - - - - - */
.pata {width: auto; padding: 0px; margin: 0px; 
	background-image:url(../image/header_bg.jpg); 
	background-position:center;
	background-repeat:repeat-y; }
.pata_box_left{
	width: 40%; float:left; margin: 0px; padding: 10px 0px 10px 20px; text-align: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; 
	color:#000000;
	}
.pata_box_right{
	width: 40%; float:right; margin: 0px; padding: 10px 20px 10px 0px; text-align: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; 
	color:#000000;
	}
.pata a {text-decoration: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000;}
.pata a:hover {text-decoration: underline; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color:#FF6600;}	
/*- - - - - pata - - - - - - - - - */

.cb {
clear: both;
}
.cb2 {
clear: both;
}
.cb3 {
clear: both;
}

/* - - - - texty - - - - - - - - - */ 

.text_center {text-align: center; color:#000000;}		
.text_center_orange {text-align: center; color:#FF6600;}	
em {color:#FF6600; font-style: normal; }
/* - - - - texty - - - - - - - - - */
.formbox { width: 500px; margin: 0px auto 0px auto; padding: 0px 0px 10px 0px;}

.cell_1_left, .cell_2_left {
float: left;
width: 150px; 
margin: 1px; 
padding: 5px; 
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
color:#000000; 
background-color:#EAEAEA; 
}

.cell_2_left {
background-color:#cccccc;
}

.cell_1_right, .cell_2_right {
float: left;
width: 320px; 
margin: 1px; 
padding: 5px; 
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
color:#000000; 
background-color: #EAEAEA; 
}

.cell_2_right { 
background-color:#cccccc;
}


.cell_2 {float: left;
width: 224px; margin: 0px; padding: 3px; font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 8pt; font-weight: bold; color:#000000; background: white; border-width: 1px 1px 0px 0px;
border-style: solid; border-color:#FF6600;
}

/* - - - - formular - - - - - - - - - */
.form_tabulka{
	width:500px;
	border:1px solid #CCCCCC;
	color:#ff6600;
	margin:0px auto 0px auto;
	border-collapse:separate;
}
.form_tabulka_hlavicka{
	text-align:center;
	background-color:#ff6600;
	color:#FFFFFF;
}

.form_td_title{
	font-weight:bold;
	background-color:#ff6600;
	color:#FFFFFF;
	padding:5px;
	text-align:left;
	font-size:10pt;
}
.form_td1{
	width:30%;
	background-color:#dfdfdf;
	padding:5px;
	text-align:left;
	color:#000000;
	border:1px solid #CCCCCC;
}
.form_td2{
	width:70%;
	background-color: #ffffff;
	padding:5px;
	vertical-align:top;
	text-align:left;
	color:#000000;
	border:1px solid #CCCCCC;
}

.form_td2 input, .form_td2 textarea, .form_td2 select{
	width:100%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	border:1px solid #999999;
}

.spam_kod{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	border:1px solid #999999;
	width:100px !important;
}
.form_tabulka_pata{
	text-align:center;
	border:1px solid #CCCCCC;
	padding:5px;
	color:#000000;
}
.form_tlacitko{
	width: 120px;
	font-weight:bold;
	background-color:#ff6600;
	padding:2px;
	text-align:center;
	color:#ffffff;
	font-size:8pt;
	
}

/* ****************** */
.button_style{
width: 100px; text-align: center; font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt; font-weight: bold; color:#FFFFFF; background: navy;
}

.warn_text {
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt; font-weight: bold; color: red;
}
/* ****************** */

/* - - - - formular - - - - - - - - - */

/* - - - - objednavka form - - - - - - */
.form_kalkulacia{
	border:1px solid #CCCCCC;

}
.form_kalkulacia input, .form_kalkulacia textarea, .form_kalkulacia select{
	width:90%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	border:1px solid #999999;
}
.c1{
	width:99%;
}
.c2_left {
	width:38%;
	background-color:#ff6600;
	color:#FFFFFF;
	padding:5px;
	font-weight:bold;
}
.c2_right{
	width:60%;
}
.cl_left{
	width:38%;
	vertical-align:top;
	background-color: #DFDFDF;
	padding:3px 0px 0px 5px;
}
.cl_right{
	width:60%;
	vertical-align:top;
}
.cl_1_right{
	width:30%;
	vertical-align:top;
	text-align:center;
}
.cl_2_right{
	width:30%;
	vertical-align:top;
	text-align:center;
}


#detailwin{
		background-color:#FFFFFF;
		background-image:url("/image/wait.png");
		background-position:center;
		background-repeat: no-repeat;
		display:none;
		position:absolute;
		top: 0px;
		left: 0px;
		width:640px;
		height:480px;
		background-position:center;
		background-repeat:no-repeat;
		border: #000000 1px solid;
		text-align:center;
		cursor:pointer;		
	}
.galeria_img{
	cursor:pointer;
	color:#FF6600;
}	

.podpora_table{
	width:100%;
	border-collapse:collapse;
}
.podpora_table th{
	border: 1px solid #CCCCCC;
	background-color:#999999;
}
.podpora_table td{
	border: 1px solid #CCCCCC;
}

.error_message{
	width:300px;
	background-color:#FF0000;	
	border:1px solid #000000;
	padding:5px;
	margin:5px auto 5px auto;
	text-align:center;
	color:#FFFFFF;
} 

.error_message a{
	color:#000000;
}

.info_message{
	width:300px;
	background-color: #CCCCCC;	
	border:1px solid #000000;
	padding:5px;
	margin:5px auto 5px auto;
	text-align:center;
	color:#000000;
}
	
#detailwin{
		background-color:#FFFFFF;
		background-image:url("/image/wait.png");
		background-position:center;
		background-repeat: no-repeat;
		display:none;
		position:absolute;
		top: 0px;
		left: 0px;
		width:640px;
		height:300px;
		background-position:center;
		background-repeat:no-repeat;
		border: #000000 1px solid;
		text-align:center;
		cursor:pointer;		
	}
	
.akcie_list{
	list-style:disc !important;
	list-style-image:none !important;
	color:#006600;
	font-size:10pt !important;
	margin:10px 0px 10px 0px !important;
}

.akcie_list li{
	padding-bottom:0px !important;
}


.flashgame_box{
	width:550px;
	height:400px;
	border:5px solid #FF9900;
	text-align:center;
	margin:0px auto 0px auto;
}

.flashgame_title{
	font-size:10pt;
	font-weight:bold;
	margin-top:10px;
}