/*
	BARVY: 
	10 grays: #374853 #595a5e #371d52 #65269b #888 #bdc2c9 #d2b7ee #AFC6EF #e5e6e7 #f1f2f4
	4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630
	2 yellows: #f8e1a0 #f9e400
	1 green: #488c40
	1 red: #961900
	#0033ff	- modrá
	#888888 - tmavěšedý titulek
	#abcdef - pozadí

	#0063B6 - barva RUCK
	#cffbfa - barva RUCK - světlá

	#FFCE39 - barva FIRMA žlutá
	#FFDE49 - barva FIRMA žlutá světlejší

	font-weight: bold;
*/




* {
	padding:0;
	margin:0;
}

body {
	margin: 0px auto 0px auto;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	text-align:center;
}

input {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 2px;
	background-color: #f0f0f0;
}

textarea {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	background-color: #f0f0f0;
}



td {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}


#table_ramecek {
	border: 3px solid #0063B6;
}

#table_ramecek_nahled {
	margin: -10px;
	padding: 0px;
	background-color: #f0f0f0;
	border: 0px solid #0063B6;
	box-shadow: 0px 0px 1px 1px #e0e0e0;
}

#table_ramecek_nahled td H4 a:hover {
	color: #000000;
	background-color: #aaaaaa;
}


#table_podrubriky {
	margin:  0px;
	margin-left:  10px;
	padding: 0px;
}

#table_podrubriky td a {
    text-decoration: none;
    text-align: left;
    font-size: 11pt;
    color: #000000;
}
#table_podrubriky td a:hover {
    text-decoration: none;
    color: #0000AA;
}


#paticka_menu td a {
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    text-align: left;
    font-size: 14pt;
    font-weight: bold;
    color: #ffffff;
}
#paticka_menu td a:hover {
    text-decoration: none;
    color: #FFDE49;
}




#table_odkazy table {
	margin:  0px;
	padding: 0px;
	text-align: center;
}

#table_odkazy td a {
	text-decoration: none;
	text-align: left;
	height: 30px;
	font-size: 14pt;
	color: #0063B6;
}
#table_odkazy td a:hover {
	text-decoration: none;
	color: #0000ff;
}



#eshopy_titulni{
	margin-top: -85px;
	border: 0px solid #0063B6;
}


#web_page {
	width: 1250px;
	min-height: 650px;
	margin: 0px auto 0px auto;
	padding: 5px;
	background-color: #ffffff;
	text-align:center;
}



.form-submit-button {
	background: #888888;
	color: white;
	border-radius: 10px;
	border-color: #a0a0a0;
	height: 30px;
	width: 95%;
	font: bold 15px arial, sans-serif;
	margin-bottom: 10px;
}

.form-submit-button:hover {
	color: white;
	border-color: #000000;
	border-radius: 10px;
	border-image: none; box-shadow: 0px 0px 2px 2px gray;
}


.form-submit-button-2 {
	margin-top: 5px;
	background: #888888;
	color: white;
	border-radius: 5px;
	border-color: #a0a0a0;
	height: 25px;
	width: 80%;
	font: bold 15px arial, sans-serif;
}

.form-submit-button-2:hover {
	color: white;
	border-color: #000000;
	border-radius: 5px;
	border-image: none; box-shadow: 0px 0px 2px 2px gray;
}




table.table_header {
	padding : 0px;
	margin  : 0px;
	margin-top : -16px;
	width:  100%;
	height: 100px;
	vertical-align: top;		
	background-color: #FFFFBF;
	// background-image: url("WEB/image/Titulek-podklad.jpg");
	background-repeat: no-repeat;
	background-size: 100% 150; 
	border: 0px solid #000000;
}



#header_user {
  float: right;
  width:  270px;
  height: 70px;
  text-align: left;
  margin: 0px;
  margin-top: 5px;
  margin-right: 5px;
  padding: 5px 5px 5px 5px;
  color: #000000;
  font-size: 14px;
  border:  1px solid #000000;		
  border-radius: 5px 5px 5px 5px;
}
#header_user td a {
	height: 20px;
	font-size: 13px;
	color: #000000;
}
#header_user h5 {
	margin-top: 0px;
	margin-left: 0px;
	width: 120px;
	height: 20px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
	color: #000000;
	background-color: #e0e0e0;
	border:    1px solid #000000;
	border-radius: 5px 5px 5px 5px;
}


#line_top {
    width: 100%;
    height: 28px;
    margin: 0px;
    margin-top: 0px;
    padding: 0px;
    float: left;
    background-color: #0063B6;
    color: #ffffff;
}
#line_top td {
    height: 28px;
    margin:  0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
}




#line_menu1 {
    margin-top: -9px;
    float: left;
    width: 100%;
    height: 27px;
}

#line_menu1 tr {
    height: 30px;
    background-color: #0063B6;
    padding: 0px;
    color: #a0e0FF;
    border:  0px solid #0063B6;
}
#line_menu1 td {
    margin:  0px;
    padding: 0px;
    padding-top: 2px;
    font-size: 12pt;
    font-weight: bold;
    color: #ffffff;
    border:  1px solid #0063B6;
}

#line_menu1 td a {
    height: 25px;
    background-color: #0063B6;
    padding: 4px;
    text-decoration: none;
    text-align: left;
    font-size: 12pt;
    color: #ffffff;
    border:    1px solid #0063B6;
    /* border-radius:5px 5px 5px 5px; */
}
#line_menu1 td a:hover {
    background-color: #0063B6;
    text-decoration: none;
    color: #FFDE49;
}



#line_menu2 {
    margin-top: 8px;
    margin-left: 8px;
    float: left;
    height: 34px;
}

#line_menu2 a {
    color: #0063B6;
    text-decoration: none;
}

#line_menu2 tr {
    margin-top: 0px;
    height: 32px;
    background-color: #0063B6;
    padding: 0px;
    color: #a0e0FF;
    border:  0px solid #0063B6;
}
#line_menu2 td {
    margin:  0px;
    margin-top: 1px;
    padding: 0px;
    font-size: 12pt;
    color: #ffffff;
    border:  1px solid #0063B6;
}

#line_menu2 td a {
    margin-top: 1px;
    height: 26px;
    background-color: #0063B6;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    text-decoration: none;
    text-align: left;
    font-size: 14pt;
    color: #ffffff;
    font-weight: bold;
}
#line_menu2 td a:hover {
    margin-top: 1px;
    color: #FFDE49;
    text-decoration: none;
    border: 0px solid #000000;
}




#web_strana {
	width: 100%;
	min-height: 650px;
	background-color: #ffffff;
	margin: 0px;
	margin-top: -25px;
	margin-left: 0px;
	padding: 0px;
	text-align:center;
}


#web_paticka {
	width: 99%;
	height: 40px;
	margin: 10px auto 0px auto;
	padding: 15px 0px 0px 0px;
	background-color: #ffffff;
	text-align:center;
}




#levy_sloupec {
	width : 240px;
}



#hlavni_sloupec {
	width: 1000px;
	float: left;
	background-color: #ffffff;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-left: 5px;
}

#hlavni_sloupec H1 {
	width: 95%;
	height: 40px;
	float:left;
	font-size: 30px;
	border-radius:5px 5px 5px 5px;
}


#hlavni_sloupec h2 {
	width: 100%; background-color: #0063B6;
	color: #ffffff;
	padding-left: 0px; text-align: left; clear: both; 
	text-align: center; border-radius: 2px;
	border: 1px solid gray; border-image: none; box-shadow: 0px 0px 2px 2px gray;
}


#hlavni_sloupec H3 {
	width: 99%;
	height: 22px;
	background-color: #0063B6;
	color: #ffffff;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	border-radius:5px 5px 5px 5px;
}


#hlavni_sloupec td a {
	text-decoration: none;
}




#menu_vlevo {
    clear: both;
    float: left;
    display: inline-block;
    margin-top: 0px;
}
#menu_vlevo ul {
    margin-top: 0px;
    color: #0063B6;
    font-size: 12pt;
    font-weight: bold;
    list-style-type: none;
    text-align: left;
    border: 0px solid #000000;
}
#menu_vlevo li a {
    width: 220px;
    list-style-type: none;
    margin: 0px;
    padding: 5px;
    text-decoration: none;
    text-align: left;
    font-size: 12pt;
    color: #0063B6;
    display: inline-block;
    border: 0px solid #000000;
}
#menu_vlevo li a:hover {
    background-color: #ffffff;
    color: #0080a0;
}

#menu_vlevo h4 {
	width: 238px;
	margin-top : 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	height: 20px;
	padding-top : 5px;
	padding-left: 0px;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFDE49;
	background-color: #3246B4;
	border-radius:5px 5px 5px 5px;
}




.multimenu{
		width:80px;
		position:relative;
		text-decoration:none;		
		line-height:15px;
}
.multimenu__list{padding:0;margin:0;list-style:none;float:left;text-decoration:none;}
.multimenu__list__item{float:left;position:relative;text-decoration:none;}
@media screen and (min-width:200px){
	.list-dropdown {
		position:absolute;
		top:20px;
		left:0px;
		width:180px;
		margin:0px;
		display:none;
		padding:0px;
		z-index: 5;
		text-align:center;
		line-height:25px;
	}
	.list-dropdown__wrap:hover .list-dropdown{display:block;color: #000000;}
	.list-dropdown__wrap{display:inline-block;position:relative;color: #000000;}
	.list-dropdown__item {
		display:block;
		z-index: 5;
		margin-bottom:0px;
		font-size:14px;
		line-height:25px;
		text-decoration:none;
	}
	.list-dropdown__item a {
		display:block;
		line-height:25px;
		text-decoration:none;
		color: #000000;
		background:#DCEBFF;
	}
	.list-dropdown__item a:hover {
		line-height:25px;
		text-decoration:none;
		color: #000000;
		background:#B3E3FF;
	}
}




#center_strana {
	width: 1000px;
	padding-left: 0px;
	margin-top: 0px;
	text-align: left;
}

#center_strana_bunka {
	float:left;
	width: 152px;
	height: 170px;
	margin-left:  5px;
	margin-right: 6px;
	margin-bottom: 10px;
	padding: 0px;
	background-color: #ffffff;
	text-align:center;
	border: 1px solid #e0e0e0;
	border-radius: 2px 2px 2px 2px;
}

#center_strana_bunka H4 {
	background-color:#0063B6;
	color: #ffffff;
	height: 25px;
	font-size:12px;
	margin: 0px;
	margin-bottom: 1px;
	padding-top: 1px;
	vertical-align: middle;
	border-radius: 2px 2px 0px 0px;
}

#center_strana_bunka a {
	text-decoration: none;
}
#center_strana_bunka a:hover H4 {
	color:#FFDE49;
	text-decoration: none;
}













#center_strana_karta_nahled2 {
	float:left;
	width: 490px;
	height: 320px;
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 0px;
	background-color: #ffffff;
	text-align: left;
	border: 0px solid #0063B6;
}

#center_strana_karta_nahled2 a {
	text-decoration: none;
}
#center_strana_karta_nahled2 H4 {
	width: 490px;
	height: 48px;
	background-color:#0063B6;
	color: #ffffff;
	font-size:18px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-top: -15px;
	display: table-cell;
	vertical-align: middle;
	border:  1px solid #000000;
	border-radius: 5px 5px 5px 5px;
}
#center_strana_karta_nahled2 a:hover H4 {
	color:#FFDE49;
}
#center_strana_karta_nahled2 h5 {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:center;
	color: #ffffff;
	background-color: #888888;
	border:    1px solid #000000;
	border-radius: 5px 5px 5px 5px;
}
#center_strana_karta_nahled2 a:hover H5 {
	color:#FFDE49;
}




#center_strana_karta_nahled3 {
	float:left;
	width: 400px;
	height: 300px;
	margin: 0px;
	margin-left: 16px;
	margin-bottom: 20px;
	padding: 0px;
	background-color: #ffffff;
	text-align: left;
	border: 0px solid #0063B6;
}

#center_strana_karta_nahled3 a {
	text-decoration: none;
}
#center_strana_karta_nahled3 H4 {
	width: 400px;
	height: 48px;
	background-color:#0063B6;
	color: #ffffff;
	font-size:18px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-top: -15px;
	display: table-cell;
	vertical-align: middle;
	border:  1px solid #000000;
	border-radius: 5px 5px 5px 5px;
}
#center_strana_karta_nahled3 a:hover H4 {
	color:#FFDE49;
}
#center_strana_karta_nahled3 h5 {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:center;
	color: #ffffff;
	background-color: #888888;
	border:    1px solid #000000;
	border-radius: 5px 5px 5px 5px;
}
#center_strana_karta_nahled3 a:hover H5 {
	color:#FFDE49;
}



#center_strana_karta_detail a {
	text-decoration: none;
}
#center_strana_karta_detail H4 {
	width: 1000px;
	height: 24px;
	background-color:#0063B6;
	color: #ffffff;
	font-size:18px;
	margin-top: -6px;
	margin-left: 0px;
	padding-top: 4px;
	padding-left: 5px;
	display: table-cell;
	vertical-align: middle;
	border:    1px solid #000000;
	border-radius:5px 5px 5px 5px;
}
#center_strana_karta_detail a:hover H4 {
	color:#FFDE49;
}

#center_strana_karta_detail h5 {
	margin-top: 0px;
	margin-left: 0px;
	width: 250px;
	height: 22px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:center;
	color: #ffffff;
	background-color: #0063B6;
	border:    1px solid #000000;
	border-radius:5px 5px 5px 5px;
}
#center_strana_karta_detail a:hover H5 {
	color:#FFDE49;
}

#center_strana_karta_detail h6 {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
	height: 20px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:center;
	color: #ffffff;
	background-color: #0063B6;
	border:    1px solid #000000;
	border-radius:5px 5px 5px 5px;
}
#center_strana_karta_detail a:hover H6 {
	color:#FFDE49;
}





.open_window{ float:none; position:relative; text-decoration:none; }
.open_window_wrap-1:hover .list-open_window-1{display:block}
.open_window_wrap-2:hover .list-open_window-2{display:block}
.open_window_wrap-3:hover .list-open_window-3{display:block}
.open_window_wrap-4:hover .list-open_window-4{display:block}
.open_window_wrap-5:hover .list-open_window-5{display:block}
.open_window_wrap-1{display:inline-block;position:relative}
.open_window_wrap-2{display:inline-block;position:relative}
.open_window_wrap-3{display:inline-block;position:relative}
.open_window_wrap-4{display:inline-block;position:relative}
.open_window_wrap-5{display:inline-block;position:relative}

.open_window_titul{
	display:block;
	margin-bottom:5px;
	font-size:18px;
	font-weight: bold;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	background:#0085C8;
	border-top:    1px solid #888888;
	border-bottom: 1px solid #888888;
	border-left:   1px solid #888888;
	border-right:  1px solid #888888;
	color: #ffffff;
	border-radius:8px 8px 8px 8px;
}


.list-open_window-1{
	position:absolute;
	float:none;
	top:-10px;
	margin-left:110px;
	z-index:10;
	display:none;
	width:500px;
	height:500px;
	background:#A0DAFF;
	padding: 5px;
        border-top:    2px solid #0000aa;
	border-bottom: 2px solid #0000aa;
	border-left:   2px solid #0000aa;
	border-right:  2px solid #0000aa;		
	border-radius: 5px 5px 5px 5px;
}

.list-open_window-2{
	position:absolute;
	float:none;
	top:-120px;
	margin-left:110px;
	z-index:10;
	display:none;
	width:500px;
	height:500px;
	background:#A0DAFF;
	padding: 5px;
        border-top:    2px solid #0000aa;
	border-bottom: 2px solid #0000aa;
	border-left:   2px solid #0000aa;
	border-right:  2px solid #0000aa;		
	border-radius: 5px 5px 5px 5px;
}

.list-open_window-3{
	position:absolute;
	float:none;
	top:-230px;
	margin-left:110px;
	z-index:10;
	display:none;
	width:500px;
	height:500px;
	background:#A0DAFF;
	padding: 5px;
        border-top:    2px solid #0000aa;
	border-bottom: 2px solid #0000aa;
	border-left:   2px solid #0000aa;
	border-right:  2px solid #0000aa;		
	border-radius: 5px 5px 5px 5px;
}

.list-open_window-4{
	position:absolute;
	float:none;
	top:-340px;
	margin-left:110px;
	z-index:10;
	display:none;
	width:500px;
	height:500px;
	background:#A0DAFF;
	padding: 5px;
        border-top:    2px solid #0000aa;
	border-bottom: 2px solid #0000aa;
	border-left:   2px solid #0000aa;
	border-right:  2px solid #0000aa;		
	border-radius: 5px 5px 5px 5px;
}

.list-open_window-5{
	position:absolute;
	float:none;
	top:-450px;
	margin-left:110px;
	z-index:10;
	display:none;
	width:500px;
	height:500px;
	background:#A0DAFF;
	padding: 5px;
        border-top:    2px solid #0000aa;
	border-bottom: 2px solid #0000aa;
	border-left:   2px solid #0000aa;
	border-right:  2px solid #0000aa;		
	border-radius: 5px 5px 5px 5px;
}



.form-control {
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	width: 200px;
	height: 24px;
	font-family: Verdana, Sans-serif; font-size: 16px;
}

.btn-submit {
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 28px;
	font-family: Verdana, Sans-serif; font-size: 16px;
}



.odkaz-name a {
	padding: 5px 0px 0px; width: 100%; text-align: center; color: rgb(244, 134, 37);
	font-size: 16px;
	text-decoration: none;
}
.odkaz-name a:hover {
	color: rgb(180, 90, 0);
}


#center_strana_clanek td {
	line-height: 24px;
}

#center_strana_clanek p {
	line-height: 24px;
}

#center_strana_clanek span {
	line-height: 24px;
}

#center_strana_clanek strong {
	line-height: 24px;
}



.open_window3{float:center;position:relative;text-decoration:none;}
.open_window_wrap3:hover .list-open_window3{display:block}
.open_window_wrap3{display:inline-block;position:relative}
.list-open_window3{
	position:absolute;
	float:left;
	top: 132px;
	z-index:10;
	display:none;
	width:  530px;
	height: 530px;
	margin-left: -70px;
	background:#A0DAFF;
	padding:10px;
	text-align:left;
	line-height:25px;
        border-top:    2px solid #0000aa;
	border-bottom: 2px solid #0000aa;
	border-left:   2px solid #0000aa;
	border-right:  2px solid #0000aa;		
	border-radius:10px 10px 10px 10px;
}


.open_window_vlevo{float:center;position:relative;text-decoration:none;}
.open_window_wrap_vlevo:hover .list-open_window_vlevo{display:block}
.open_window_wrap_vlevo{display:inline-block;position:relative}
.list-open_window_vlevo{
	position:absolute;
	float:left;
	top: -110px;
	margin-left: -570px;
	z-index:10;
	display:none;
	width:  530px;
	height: 530px;
	background:#A0DAFF;
	padding:10px;
	text-align:left;
	line-height:25px;
        border-top:    2px solid #0000aa;
	border-bottom: 2px solid #0000aa;
	border-left:   2px solid #0000aa;
	border-right:  2px solid #0000aa;		
	border-radius:10px 10px 10px 10px;
}


.open_window_vpravo{float:center;position:relative;text-decoration:none;}
.open_window_wrap_vpravo:hover .list-open_window_vpravo{display:block}
.open_window_wrap_vpravo{display:inline-block;position:relative}
.list-open_window_vpravo{
	position:absolute;
	float:left;
	top: -110px;
	margin-left: 150px;
	z-index:10;
	display:none;
	width:  530px;
	height: 530px;
	background:#A0DAFF;
	padding:10px;
	text-align:left;
	line-height:25px;
        border-top:    2px solid #0000aa;
	border-bottom: 2px solid #0000aa;
	border-left:   2px solid #0000aa;
	border-right:  2px solid #0000aa;		
	border-radius:10px 10px 10px 10px;
}