html,body {padding:0px; margin:0px; font:normal normal 1em Arial, sans-serif; background:white url("imgs/prechod.gif") no-repeat center 242px; text-align:center;}
body {padding-top:8px;}
form {margin:0px;}
table {border:none; margin:auto;}
#obsah td {_font-size:12px; _color:#6E523B}
img {border:none; vertical-align:middle}
input {vertical-align:middle;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.tvetsi {font-size:120%;}
.tmensi {font-size:80%;}
.al {text-align:left}
.aj {text-align:justify}
.ac {text-align:center}
.ar {text-align:right}
.fl {float:left;}
.fr {float:right;}
.inv {display:none;}
.obrl {float:left; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both}
.vyrazny {color:#AD0E0A;}
.full {width:100%;}
#levy .full {_width:93%;}
.nic {font-size:1px;}
.obsah_menu a, .obsah a {color:black;}
.obsah_menu a:hover, .obsah a:hover {color:#AD0E0A;}
.vyrazny a {color:#AD0E0A;}
.vyraznyt td {background-color:#CF7674;}

.separator1 {border-bottom:solid 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator2 {border-bottom:dotted 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator3 {border-bottom:double 3px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator4 {border-bottom:solid 1px #d90000; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}

.sloupec1 {float:left; width:47%; _width:46%;}
.sloupec2 {float:right; width:47%; _width:46%;}
.pod {padding-top:10px; clear:both;}

h1 {font:normal bold 180% Garamond, serif; margin:0px; padding:15px 0px 15px 30px; color:black; font-weight:bold;}
h2 {font:normal bold 170% Garamond, serif; margin:0px; padding:10px 0px 10px 0px; color:#D90000; font-weight:bold;}
h3 {font:normal bold 140% Garamond,serif; margin:0px; padding:10px 0px 10px 0px; color:#D90000; font-weight:bold;}

.c {width:180px;}
.c2 {width:100px;}
.sloupec1 .c,.sloupec2 .c {width:140px;}
.sloupec1 .c2,.sloupec2 .c2 {width:70px;}
.input {width:100%; background:white; border:solid 1px #B31D17; font:normal normal 11px Tahoma,sans-serif; color:black; margin-bottom:1px; margin-top:1px;}
.input_mini {width:25px;}
a.button {padding:2px 5px 2px 5px}
.button {background-color:#B31D17; color:white !important; font:normal normal 11px Arial,sans-serif; text-transform:uppercase; border:none; _padding:0px 4px 0px 4px;}
.x, a.button:hover {color:white; background-color:black; cursor:pointer; text-decoration: none;}
.mensi {width:120px;}
.kal {text-align:center}
.kal2 {cursor:pointer; background-color:#2A7C87; color:white;}



#modal_container {
	border: 0;
	font-family:"Lucida Grande",Verdana;
	font-size:12px;
	color:#333;
	text-align:left;
	z-index: 9999;
	margin: 20px;
	width: 90%;
}

#modal_custom {
position: absolute;
top: -10px;
left: -10px;
width: 481px;
height: 345px;	
background-image: url(/admin/medias/elts/modal_002_bg.png);
background-repeat: no-repeat;
background-position: top left;
}

#modal_custom h1 {
padding: 0; margin: 0pt;
font-size: 24px;
color: #a80101;
line-height: 18px;
letter-spacing: 0;
margin-top: 30px;
}

#modal_custom .subH1 {
padding: 0; margin: 0pt;
font-size: 12px;
color: #000;
letter-spacing: 0;
}


#modal_overlay {
	background-color:#000;
	opacity: 0.5;
	filter:alpha(opacity=50);		
}

#header_modal {
position: relative;
padding-top: 5px; 
padding-bottom: 5px;
margin: 0;
width: 100%;
height: 30px;
background-color: #000;
}

/* ============================================ */

#header_modal_prod {
position: relative;
padding-top: 5px; 
padding-bottom: 5px;
margin: 0;
width: 100%;
height: 30px;
background-color: #ff6600;
}

#button_close_prod {
position: absolute;
top: -7px;
left: -7px;
}


/* ============================================ */

#url_export {
position:relative; 
margin:auto;
margin-top:20px;
width:90%;
height:60px;
background-color:#F5F5F5;
border:1px solid #cecece;
padding-top:10px;
}

#url_export a {
font-weight: bold;
font-size:14px;
}



.contentdiv {
position: relative;
padding: 0;
margin: 0;
width: 95%;
margin-bottom:10px;
padding-top:10px;
text-align: left !important;
}

.sliderwrapper{
position: relative; /*leave as is*/

/*border: 1px solid #cecece;*/
width: 270px; /*width of featured content slider*/
height:210px;
}

.slider_section {
background-image: url(imgs/tile_news.png);
background-repeat: repeat-x;
background-position: top left;
width:290px;
}

.slider_vip_title {
width: 90%;
font-size: 24px;
color: #000;
font-weight: bold;
}


.sliderwrapper .contentdiv{
/*visibility: hidden; /*leave as is*/
visibility: visible;
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
/*background: #cecece;*/
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;*/
font-size: 11px;
}

.pagination{
width: 100%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
background-color: #FFF;
margin: 0;
margin-top: 0;
}

#paginate-slider1, #paginate-slider2 {
position: relative;
width: 290px;
height: 30px;
background-color: #a80101;
text-align: right;
}

.pagination a{
padding: 5px 5px;
text-decoration: none; 
color: #fff;
background: #A80101;
font-size: 10px;
}

.pagination a:hover, .pagination a.selected{
color: #FFF;
background-color: #000;
}

body {
padding: 0;margin: 0;
background-color: #fff;
font-family: Helvetica, Tahoma, Arial, san-serif;
color: #000;
height: 100%;
text-align: center;
background: #fff url(imgs/tile_bg2.jpg) repeat-x top left;
}

img, a img, :link img, :visited img {
	border: 0;
}

object {
	outline: none; /* fix for FF3 */
}

td, tr {
	padding: 0; margin:0;
}

a {
text-decoration: none;
}

a:hover {
color:#B31D17
}

#type7 {
	font-family: Helvetica, Arial, san-serif;
	font-size: 1.8em
}

/*--- headings ------------*/

h1 {
	/*font-family: "Calibri", "Arial", "Helvetica", "Nimbus Sans L", sans-serif;*/
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	font-size: 3em;
	font-weight: normal;
	/*color: #c5e2b5;*/
	/*letter-spacing:-2px !important;*/
}

.MainTitle {
	font-size:1em !important;color:#c5e2b5;padding:0;margin:0;
}

.MainTitle2 {
	font-size:1.8em !important;color:#DA241C;padding:0;margin:0;
}

.SubTitle  {
	padding:0;margin:0;font-size:0.4em !important;color:#fff;
}

h2, h3, h4, h5 {
	/*font-family: "Calibri", "Arial", "Helvetica", "Nimbus Sans L", sans-serif;*/
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	line-height: 0.9em;
	font-weight: normal;
}

h2 {
	margin: 0.1em 0 0.6em 0;
	font-size: 1.5em;
	color: #cecece;
}

.h3_sepPage {
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;padding: 0;
}

.lay_h3_head {
	font-size:0.7em;color:#666;
	/*letter-spacing:-1px !important;*/
	font-weight: bold;
	text-transform:uppercase;
	margin-bottom: 45px;
}


h4,
.header_rub,
.h4_sepPage {
	margin: 0 0 0.2em 0;
	font-size: 0.8em;
	font-weight: bold;
	/*color: #a1ff66; /*b0e194*/
	color: #A80101;
	/*letter-spacing: -1px;*/
	
}

.h4_sepPage {
	/*letter-spacing: -1px;*/
}

h5 {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px !important;
}

h2 a:hover, h3 a:hover, h4 a:hover {
	color: #b0e194;
}

h2 a:active, h3 a:active, h4 a:active {
	color: #79ff25;
}

.txt_type4 {
	font-size: 0.9em !important;
}


#dynH1 {
font-weight: normal;
/*letter-spacing: -1px;*/
font-size: 1.7em;
font-weight: bold;
color: #B31D17;
padding: 0;margin: 0;
margin-bottom: 5px;
padding-top: 10px;
}

#dynH2 {
padding: 0;margin: 0;
font-weight: lighter;
font-size: 1em;
line-height: 1.2em;
color: #999;
}

#dynH3 {
padding: 0;margin: 0;
font-weight: bold;
font-size: 1em;
line-height: 1.2em;
color: #000;
}

.txt_type1 {
font-size: 0.9em !important;
font-weight: bold;
}

.txt_type4 {
 font-size: 0.6em !important;
 color: #666;
}

#fx {
background: url(imgs/tiletest.jpg) repeat-x top right;
position: absolute;
width: 100%;
height: 60px;
top:365px;
}


#logo_ct {
float: right;
margin-top: 12px;
margin-right: 25px;
}

#lang_ct {
/*
float: position;
margin-top: 10px;
margin-right: 25px;
margin-left: 15px;
*/
position: absolute;
top:10px;
left: 650px;
width: 270px;
height: 15px;
padding: 3px;
z-index: 2000;
font-family: Arial, san-serif;
font-size: 0.6em;
font-weight: bold;
text-align: right;
color: #666;
}

#lang_ct a {
color: #666;
}

#lang_ct a:hover {
color: #000;
}

.langLink {
border: 1px solid #fff;
margin-bottom: 2px;
}


#lay_nav_header {
position: relative;
padding: 0; margin: auto;
width: 950px;
height: 70px;
text-align: left;
}

/*#lay_wrapper_08 {
z-index: 1;
position: relative;
padding: 0; margin: auto;
width: 950px;
height: auto;
text-align: left;
background: #fff url(/vola/medias/layout/top_right.jpg) no-repeat top right;
}*/

#lay_wrapper_08 {
z-index: 1;
position: relative;
padding: 0; margin: auto;
width: 950px;
text-align: left;
background: #fff url(imgs/top_right2.jpg) no-repeat top right;
}

#lay_top_gfx {
position: absolute;
padding: 0;margin: 0;
top: 0;
width: 100%;
height: 40px;
background-color: #000;
}

#shad {
z-index: 0;
width: 21px;
height: 350px;
position: absolute;
top: 0; left: 951px;
background: transparent url(imgs/shadow.png) no-repeat top left;
}

#lay_sub_nav {
position: relative;
width: auto;
margin-left: 20px;
z-index: 1500;
height:55px;
}


/* ------------------------------------------------------- */
/*  */
/* ------------------------------------------------------- */

/*
#lay_gfx_holder {
height:300px;
width:95%;
background-color:#000;
margin-left:25px;
margin-bottom:40px;
overflow:hidden;
}
*/

#lay_root_nav {
position: absolute;
top: 28px;
left: 16px;
width: 750px;
}

#lay_root_nav ul li {
float: left;
position:relative;
list-style: none;
}

#lay_root_nav ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}

#lay_root_nav li a, #lay_root_nav li a:visited {
display:block; text-decoration:none; color:#999; 
float:left; padding-right:1em; height:3em; line-height:3em;
/*letter-spacing: -0.1em;*/
font-size: 1.5em;
/* color:#909; */
}

#lay_root_nav li a.active {
color: #fff;
}

.arrow_active {
position: absolute;
padding: 0;margin: 0;
top: 45px;
left: 30%;
background-image: url(imgs/arrow_up.png);
background-repeat: no-repeat;
background-position: bottom center;
}

#lay_root_nav li a:hover {
color: #000;
}

/* ------------------------------------------------------- */
/*  */
/* ------------------------------------------------------- */

#lay_header_08 {
	position: relative;
	width: 55%;
	padding-left: 30px;
	padding-bottom: 10px;
	z-index: 1;
}

#lay_header_08_table {
	position: relative;
	width: 95%;
	padding-bottom: 10px;
}

#lay_tmpl_01_target {
	position:relative;
	width:55% !important;
	padding-top:25px;
}

#lay_map_holder {
width:450px;
height:480px;
top: 0;
left: 0;
background-image: url(imgs/infos_bg.png);
background-repeat: no-repeat;
background-position: top left;
}


#tmpl5_gfx_holder {
	position:absolute;top:50px;left:45%;width:500px;height:320px;background-color:#000;
}

#tmpl5_gfx_holder2 {
	position:relative;width:500px;height:320px;
}

#lay_infos_holder {
	position:absolute;
	top:50px;
	width:450px;
	left:490px;
	height:480px;
	background-image: url(imgs/infos_bg.png);
	background-repeat: no-repeat;
}

#lay_infos_holder_tmpld {
	position: relative;
	width:450px;
	height:480px;
	background-image: url(imgs/infos_bg.png);
	background-repeat: no-repeat;
}

#lay_inner_infos {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 420px;
	height: 450px;
	background-color: #f5f5f5;
	background-image: url(imgs/infos_bg2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#gfx_container {
position: absolute;
padding: 0;margin: 0;
top: 0;
left: 0;
width:420px;min-height:280px;
}

#tmpl02_gfx {
	float: right;
	margin-top: 10px;
	margin-right: 25px;
	margin-left: 10px;
	margin-bottom: 15px;
}

/* ------------------------------------------------------- */
/*  */
/* ------------------------------------------------------- */

.txt_section {
position: relative;
}

#lay_content_main {
position: relative;
width: auto;
height: 100%;
padding-left: 30px;
padding-top:55px;
margin-bottom: 20px;
/*border: 1px solid #cecece;*/
}

#lay_main_table {
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
}

#left_content {
padding: 0;margin: 0;
width: 70%;
}

#right_content {
padding: 0;margin: 0;
width: 30%;
}

#left_content_tmpl2 {
padding: 0;margin: 0;
width: 60%;
padding-right: 30px;
}

#right_content_tmpl2 {
padding: 0;margin: 0;
width: 40%;
}


#left_content_tmpld {
padding: 0;margin: 0;
width: 50%;
padding-right: 30px;
}

#right_content_tmpld {
padding: 0;margin: 0;
width: 50%;
}

#lay_footer_08 {
position: relative;
width: auto;
height: 100px;
margin-top: 50px;
border-top: 1px solid #cecece;
width:100%;
text-align: left;
background:url(imgs/top_tile.jpg) repeat-x top left;*/
}

#lay_foot_txt {
position: relative;
padding: 10px;
padding-top: 30px;
padding-bottom: 50px;
}

#lay_foot_legal {
position: absolute;
top: 65px;
left: 20px;
text-align: left;
}

#lay_foot_txt p,
#lay_foot_legal a {
font-family: Arial, Helvetica, tahoma, san-serif;
padding: 0;margin: 0;
color: #666;
text-align: left;
}

#lay_foot_legal a {
letter-spacing:0;
}
#lay_foot_txt p {
letter-spacing:0;
font-size: 9px !important;
}
#lay_foot_legal a:hover {
color:#B31D17;
}

#lay_foot_txt strong {
font-weight: bold;
}

#lay_foot_subNav {
position: absolute;
top: 135px;
left:0px;
height: 25px;
width: 100%;
}

/* ------------------------------------------------------- */
/*  */
/* ------------------------------------------------------- */

.block {
float: left;
width: 295px;
height: 130px;
border: 1px solid #cecece;
margin-right: 5px;
margin-bottom: 5px;
}

.lay_seps {
position: relative;width:98%;height:20px;
}
.lay_sep1 {
margin-top: 0px;
border-top: 1px solid #cecece;
position:relative;width:100%;height:25px;background:url(imgs/top_tile.jpg) repeat-x top left;*/
}


#bullets ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}

#bullets ul li.header_rub_off a {
color:#cecece;
font-size: 0.8em;
}

#bullets ul li.header_rub_off a:hover {
color:#B31D17;
}

.lay_dyn_ct {
position: relative;
width: 55%;
margin-bottom: 30px;
}


.return_topBt {
position: relative;
width: 100%;
text-align: right;
}

.ReturnTopTxt,
.sl_link {
color: #666;
font-size: 0.7em;
text-align: right;
}

.sl_link:hover {
color:#B31D17
}


/* ------------------------------------------------------- */
/*  */
/* ------------------------------------------------------- */

.tableEmail {
width: 95%;
}

.tableEmail td {
font-size: 0.8em;
color: #666;
}

.InputTxtForms,
.tableEmail .ctc_form {
width: 100%;
padding: 3px;
font-size: 12px !important;
font-weight: bold;
border: 1px solid #999;
background-color: #333;
color: #FFF;
margin-top: 3px;
}


#target_dwnl_ct {
position: absolute;
top: 0px;left: 0;
top:0;
left: 0;
height: 100% !important;
width:100%;
background-color:#FFF;
overflow: hidden;
z-index: 10001;
text-align: left;
visibility: hidden;
}

#target_dwnl {
height: 850px;
}

#target_dwl_pct {
width: 420px;
margin-right: 40px;
z-index: 6;
}

#target_dwl_head {
position: absolute;
top: 220px;
width: 50%;
height: 80px;
}

#target_dwnl {
width: 100%;
left: 0;
}

#target_results {
position: absolute;
top: 0; 
left: 20px;
width: 350px;
height: 200px;
background-color: #cecece;
}

#target_dwl_info {
position: absolute;
top:50px;
left: 40%;
width:585px;
height:547px;
background-image: url(imgs/infos_bg3.png);
background-repeat: no-repeat;
background-position: top left;
}

#target_dwl_info h3 {
font-size: 0.8em;
}

#target_dwl_info table,
#target_dwl_info td,
#target_dwl_info tr {
font-size: 10px;
padding-top: 3px;
}

#target_dwl_info p {
font-size: 0.8em;
}

#callback_login,
#callback_dwl {
font-family: Arial, san-serif;
font-size: 0.7em;
color: #000;
}

#lay_inner_infos {
position: absolute;
top: 15px;
left: 15px;
width: 420px;
height: 450px;
background-color: #f5f5f5;
background-image: url(imgs/infos_bg2.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#user_login_ct,
#user_login_ct3,
#user_login_ct4 {
position: absolute;
top: 180px;
width: 85%;
height: 280px;
margin-left: 25px;
margin-right: 25px;
}


#user_login_ct2 {
/*display: none;*/
position: absolute;
top:160px;
width: 85%;
height: 180px;
margin-left: 25px;
margin-right: 25px;
}





#galCt_0, #galCt_1, #galCt_2, #galCt_3, #galCt_4, #galCt_5, #galCt_6, #galCt_7 {
position: absolute;
visibility: hidden;
width: 100%;
padding-left: 15px;
display: block;
}

#galCt_0 {
visibility: visible;

}

.gallery_ct {
/*border: 3px solid #A80101;*/
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

#mainNav_holder {
position: absolute;
margin: auto;
top:5px;
left: 25px;
width: 700px;
height: 40px;
z-index: 2000;
/*background-color: #000;*/
}


#mainNav_holder_top {
text-align:left; font-family: Helvetica, Tahoma, Arial, san-serif;
position:relative;height:2.5em; margin:0 ;
padding:0; 
list-style-type:none;
}

#mainNav a {
text-decoration: none;
color: #666;
}

#mainNav a:hover {
text-decoration: none;
color: #000 !important;
}


#mainNav {
text-align:left; font-family: Helvetica, Tahoma, Arial, san-serif;
position:relative;height:2.5em; margin:0 ;
padding:0; 
list-style-type:none;
}
#mainNav ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
#mainNav li {
float:left; position:relative;
}
#mainNav li a, #mainNav li a:visited {
display:block; text-decoration:none; color:#000; float:left; padding-right:1em; height:27px; padding-top:10px;
/* color:#909; */
}

#mainNav li a.active {
color: #B31D17 !important;
 font-size:0.8em;
}

.step1 {
font-size:0.8em;
}

.step2 {
font-size:0.5em;
}


#mainNav li a.active:hover {
color: #000;
}


/** html #mainNav li a, #mainNav li a:visited {
width:7em; width:6em; /* hack for IE5.5 */
/*}*/

#mainNav li a.drop, #mainNav li a.drop:visited {
font-weight:bold;
}
#mainNav li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
z-index: 1000;
}
#mainNav table {
margin:-1px; border-collapse:collapse; font-size:0.9em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
#mainNav li:hover a,
#mainNav li a:hover {
border:0;
}
#mainNav li:hover ul,
#mainNav li a:hover ul {
visibility:visible; height:auto; width:20em; background:#fff; border:1px solid #ddd; left:0; top:2.5em; overflow:visible;
padding: 0.6em;
}
#mainNav li:hover ul li a,
#mainNav li a:hover ul li a {
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1em; padding:0.1em;
width:20em;
font-size: 0.9em;
}

#mainNav li:hover ul li a.drop,
#mainNav li a:hover ul li a.drop {
font-weight:bold;
}
#mainNav li:hover ul li ul,
#mainNav li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
#mainNav li:hover ul li a:hover,
#mainNav li a:hover ul li a:hover {
/*text-decoration:underline;*/
padding-left: 8px;
color: #B31D17;
background: url(/vola/medias/elts/arrow.gif) no-repeat 2px left;
}
#mainNav li:hover ul li:hover ul,
#mainNav li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;
} 
#mainNav li:hover ul li:hover ul.left,
#mainNav li a:hover ul li a:hover ul.left {
left:-9.3em;
}
#mainNav li:hover ul li:hover ul li a,
#mainNav li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
#mainNav li:hover ul li:hover ul li:hover a,
#mainNav li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}
/* ------------------------------------------------------- */
/*  */
/* ------------------------------------------------------- */

#subnav_blocks {
position: relative;
width: 100%;
height: 220px;
}

.block_intro {
float:left;
width:290px;
height:300px;
/*background-color:#DDD;*/
margin-right:10px;
}

.block_intro .block_pct {
position:relative;
width:290px;
height:150px;
/*background-color:#000;*/
}

.block_intro .block_paraf {
position:relative;
width:270px;
height:150px;
padding-top: 20px;
}


.block_intro2 {
float:left;
width:200px;
height:250px;
padding: 3px;
/*background-color:#DDD;*/
margin-right:5px;
}

/*
.block_intro2:hover {
background-color: #000;
}
*/


.block_intro2 .block_pct {
position:relative;
width:200px;
height:100px;
/*background-color:#000;*/
}

.block_intro2 .block_paraf {
position:relative;
width:180px;padding-left: 5px;
height:150px;
padding-top: 20px;
}

#block_keywords li a {
color: #cecece;
font-size: 16px;
font-weight: bold;
}

#block_keywords li a:hover {
color: #000;
}



.h2_section {
font-size:1.4em;
color:#B31D17;
font-weight: bold;
padding: 0;margin: 0;
/*letter-spacing: -0.1em;*/
}

.h3_section {
font-size:0.8em;
color:#666;
font-weight: bold;
padding: 0;margin: 0;
}




.block_sublinks {
float:left;
width:220px;
height:auto;
padding-bottom: 30px;
/*background-color:#DDD;*/
margin-right:20px;
}


#block_sublinks_s1,
#block_sublinks_s2,
#block_sublinks_s3 {
position: absolute;
width:220px;
height:210px;
padding-bottom: 30px;
/*background-color:#DDD;*/
margin-right:20px;
}

#block_sublinks_s2 {
left: 200px;
}

#block_sublinks_s3 {
left: 400px;
}



#block_sublinks_v1,
#block_sublinks_v2 {
position: absolute;
width:220px;
height:210px;
padding-bottom: 30px;
/*background-color:#DDD;*/
margin-right:20px;
}

#block_sublinks_v2 {
left: 280px;
}

.tmpl02_ul {
padding:0; margin:0; 
list-style-type:none; /* for Firefox */
margin-top: 15px;
width: 220px;
}

.tmpl02_ul li {
display:block; position:relative;
height:0.8em; line-height:0.8em;
padding: 0;margin: 0;
}

.tmpl02_ul li a, .tmpl02_ul li a:visited {
display:block; 
text-decoration:none; padding-right:1em;
font-size: 0.8em;
color: #666;
padding:0.1em;
/*letter-spacing: -1px;*/
/* color:#909; */
}

.tmpl02_ul li a:hover {
font-size:1em;
 color:#B31D17;
 font-weight: bold;
}


.block_infos_paraf {
background-color: #000;
position:relative;
width:280px;
padding: 20px 0px 20px 10px;
height:auto;
margin-top: 5px;
/*border:1px solid #cecece;*/
}

.block_infos_paraf .txt_type1,
.block_infos_paraf a.upl_link {
 color:#B31D17;
}

.block_infos_paraf h4 {
color: #666;
}

.block_infos_paraf a.upl_link:hover {
 color:#666;
}

#modal_container {
	border: 0;
	font-family:"Lucida Grande",Verdana;
	font-size:12px;
	color:#333;
	text-align:left;
	z-index: 9999;
	margin: 20px;
	width: 90%;
}

#modal_custom {
position: absolute;
top: -10px;
left: -10px;
width: 481px;
height: 345px;	
background-image: url(/admin/medias/elts/modal_002_bg.png);
background-repeat: no-repeat;
background-position: top left;
}

#modal_custom h1 {
padding: 0; margin: 0pt;
font-size: 24px;
color: #a80101;
line-height: 18px;
letter-spacing: 0;
margin-top: 30px;
}

#modal_custom .subH1 {
padding: 0; margin: 0pt;
font-size: 12px;
color: #000;
letter-spacing: 0;
}


#modal_overlay {
	background-color:#000;
	opacity: 0.5;
	filter:alpha(opacity=50);		
}

#header_modal {
position: relative;
padding-top: 5px; 
padding-bottom: 5px;
margin: 0;
width: 100%;
height: 30px;
background-color: #000;
}

/* ============================================ */

#header_modal_prod {
position: relative;
padding-top: 5px; 
padding-bottom: 5px;
margin: 0;
width: 100%;
height: 30px;
background-color: #ff6600;
}

#button_close_prod {
position: absolute;
top: -7px;
left: -7px;
}


/* ============================================ */

#url_export {
position:relative; 
margin:auto;
margin-top:20px;
width:90%;
height:60px;
background-color:#F5F5F5;
border:1px solid #cecece;
padding-top:10px;
}

#url_export a {
font-weight: bold;
font-size:14px;
}
/* ------------------------------------------------- */
/* TABLE PRODS
/* ------------------------------------------------- */

.main_cell_prod,
.main_cellOver_prod,
.main_cellVip_prod,
.main_cellVip_prod {
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 11px;
}

.main_cell_prod {
	border: 1px solid #cecece;
}

.main_cellOver_prod {
	border: 1px solid #cecece;
	background-color: #f5f5f5;	
}

.main_cellVip_prod {
	border: 1px solid #cecece;
	background-color: #A80101;
}

.main_cellVipOver_prod {
	border: 1px solid #cecece;
	background-color: #a80101;
/*border-bottom: 1px solid #fff !important;*/
}

/* ------------------------------------------------- */
/* FLOATING PRODS
/* ------------------------------------------------- */

.main_div_prod,
.main_divOver_prod,
.main_divVip_prod,
.main_divVipOver_prod {
float: left;
width: 270px;
margin-right: 5px;
margin-bottom: 5px;
padding: 11px;
}

.main_div_prod {
border: 1px solid #cecece;
/*background-color: #000;*/
}

.main_divOver_prod {
background-color: #333;
border: 1px solid #cecece;
/*background-color: #f5f5f5;*/
background-color: #f0000e;
}

.main_divVip_prod {
border: 1px solid #f0000e;
background-color: #FFF;
}

.main_divVipOver_prod {
border: 1px solid #f0000e;
background-color: #f0000e;
/*border-bottom: 1px solid #fff !important;*/
}


.main_div_prod,
.main_divOver_prod,
.main_divVip_prod,
.main_divVipOver_prod {
cursor: pointer;
}

.main_divVipOver_prod h4,
.main_divOver_prod h4 {
color: #FFF;
}

.prodTitle_h4 {
font-size:0.8em;padding:0;margin:0;margin-bottom:10px;
}

.main_div_prod .hgl,
.main_divOver_prod .hgl,
.main_divVip_prod .hgl,
.main_divVipOver_prod .hgl,
.main_cell_prod .hgl,
.main_cellOver_prod .hgl,
.main_cellVip_prod .hgl,
.main_cellVip_prod .hgl{
font-weight: bold;
color: #000;
font-size: 0.8em;
}

/* ------------------------------------------------- */
/* FX IMGS
/* ------------------------------------------------- */

.bg_img {
position: relative;
padding: 0; margin: 0;
width: 110px;
height: 100px;
background-image: url(imgs/bg_img.png);
background-repeat: no-repeat;
background-position: top left;
}

.display_img {
padding: 0;margin: 0;
width: 88px;
height: 79px;
position: absolute;
top: 9px;
left: 10px;
cursor: pointer;
background-position: -1px 0px;
background-repeat: no-repeat;
}


.bg_img_lg {
position: relative;
padding: 0; margin: 0;
width: 285px;
height: 254px;
background-image: url(imgs/bg_large.png);
background-repeat: no-repeat;
background-position: top left;
}

.display_img_lg {
width: 269px;
height: 240px;
position: absolute;
top: 5px;
left: 5px;
}



.bg_img_vip {
position: relative;
padding: 0; margin: 0;
width: 170px;
height: 117px;
background-image: url(imgs/bg_img_vip.png);
background-repeat: no-repeat;
background-position: top left;
}

.display_img_vip {
padding: 0;margin: 0;
width: 149px;
height: 99px;
position: absolute;
top: 8px;
left: 8px;
cursor: pointer;
background-position: -1px 0px;
background-repeat: no-repeat;
}


/* ======================================= */
/* -- DYNAMIC TABS ------ */
/* ======================================= */

#Pra_BlocksTitle {
position: relative;
width: 100%;
text-align: left;
}

#tabmenu {
padding: 0; margin: 0;
}

#tabmenu li {
display: inline;
font-size: 10px;
margin-right: 2px;
cursor: pointer;
}


#tabmenu li a {
color: #666;
padding: 5px 5px 5px 5px;
background-color: #c5e2b5;
font-weight: bold;
}

#tabmenu li a.active,
#tabmenu li:hover a {
color: #fff;
background-color: #000;
}

#tabmenu li a.active{
color: #fff;
background-color: #000;
}

#content_PraBlock p {
color: #000;
}

/* ======================================= */
/* -- DYNAMIC TABS ------ */
/* ======================================= */


#prod_infos_table {
margin-left:15px !important;
width: 97%;
}

#prod_col1 {
padding-right: 20px;
}

#prod_col2 {
width: 300px;
}

#prod_col1 p {
font-size: 1.1em;
}

#prod_col3 {
width: 25%;
padding-left: 20px;
}


/* ======================================= */
/* -- DYNAMIC TABS ------ */
/* ======================================= */


#ficheTech_table {
width: 100%;
border-collapse: collapse;
}

#ficheTech_table tr {
border-top: 1px solid #999;
}

#ficheTech_table td {
border-top: 1px solid #999;
padding: 5px;
}

.label {
font-weight: bold;
width:50%;
color: #666;
font-size: 0.7em;
}

.inputField {
color: #000;
width: 50%;
font-size: 0.7em;
}


/* ======================================= */
/* -- DYNAMIC TABS ------ */
/* ======================================= */


#table_paraf_ct {
margin: 0;
margin-bottom:20px !important;
padding: 0;
}


.h3_dynParafs {
	margin: 0.2em 0 0.5em 0;
	font-size: 1em;
	font-weight: 800;
	color: #B31D17;
}

.upl_link {
	margin: 0.2em 0 0.5em 0;
	font-size: 0.8em;
	color: #000;
}

.step1 {padding:0px 6px 0px 0px; letter-spacing: -0.4px;}
.step1 a {text-transform:uppercase; font-weight:bold; color:#D9241D;}
.step1 .on , .step1 a:hover {color:red !important; text-decoration:underline;}
#mainNav_holder {width:100%}

#lay_footer_08 {font-size:10px; font-weight:normal; color:#666666; clear:both;}
#lay_footer_08 a {color:#666666;}
#lay_footer_08 a:hover {color:red;}

/*Layout*/
#telo {min-height:300px;}
#katalog_menu {width:250px; float:left;}
.rozbalicka {background:no-repeat left 7px url("imgs/sipecka1.png");}
.otevricka {background:no-repeat left 7px url("imgs/sipecka2.png");}
.menu_uroven_1 {font-size:0.9em; color:#B31D17; font-weight: bold; padding: 0; margin: 0; letter-spacing: -0.5px; padding-top:5px; display:block; padding-left:15px;}
.menu_uroven_1 a {color:#B31D17;}
.menu_uroven_2 {padding-left:15px; background-position:left 4px;}
.menu_uroven_2 a {text-decoration:none; font-size: 0.7em; color: #666; line-height:17px;}
.menu_uroven_2 .on {text-decoration:underline; color:#B31D17;}
.menu_uroven_3 {padding-left:23px; background-position:10px 4px;}
.menu_uroven_3 a {text-decoration:none; font-size: 0.7em; color: #666; line-height:17px; }
.menu_uroven_3 .on {text-decoration:underline; color:#B31D17;}
.menu_uroven_4 {padding-left:35px; background-position:20px 4px;}
.menu_uroven_4 a {text-decoration:none; font-size: 0.7em; color: #666; line-height:17px; }
.menu_uroven_4 .on {text-decoration:underline; color:#B31D17;}
.menu_uroven_5 {padding-left:48px; background-position:30px 4px;}
.menu_uroven_5 a {text-decoration:none; font-size: 0.7em; color: #666; line-height:17px; }
.menu_uroven_5 .on {text-decoration:underline; color:#B31D17;}
.menu_uroven_6 {padding-left:60px; background-position:40px 4px;}
.menu_uroven_6 a {text-decoration:none; font-size: 0.7em; color: #666; line-height:17px; }
.menu_uroven_6 .on {text-decoration:underline; color:#B31D17;}

#katalog_menu .vyrazny {font-weight:bold; text-decoration:underline;}
.obsah_menu {float:left; width:640px; font-size:12px; padding-top:3px; }
#obsah {font-size:12px; padding:20px 25px 0px 0px; min-height: 750px;}
#obsah.obsah_menu {padding-top:3px;}
#lay_nav_header img {position:absolute; left:20px;}

#drobecky {left:240px; top:0px; font-size:10px; color:#666; padding-bottom:15px;}
.obsah_menu #drobecky {padding-bottom:25px;}
#drobecky a {color:#666; text-decoration:none;}
#drobecky a:hover {color:red; text-decoration:underline;}
#dynH1 {padding:0px; margin:0px;}
#uzivatel {position:absolute; right:15px; top:-30px; font-size:12px; color:white; z-index:10; text-align:right;}
#uzivatel a {color:white;}

#prepnilang {position:absolute; top:5px; right:15px; font-size:12px;}
#prepnilang a {color:white;}
#prepnilang a:hover {color:black; text-decoration:none;}
#prepnilang img {position:static; margin-right:10px;}


/*Kategorie*/
.popis_kategorie {font-size:12px; color:#666; padding-bottom:15px; font-weight:bold; margin-bottom:20px;}
.produkt {float:left; width:190px; margin-right:10px; border:solid 1px #ccc; padding:5px; display:block; text-decoration:none; color:black; margin-bottom:10px; background:white;}
.produkt:nth-child(3n+1) {clear: both;}
.produkt:hover {border:solid 1px red; text-decoration:none;}
.produkt_obrazek {display:block; float:left; margin-right:5px;}
.produkt_nazev {font-weight:bold; font-size:12px; display:block;}
.produkt_kod {display:block; font-size:10px; color:#666; padding-top:4px; clear: left;}
.produkt_cena {display:block; font-size:13px; color:black; float:right; font-weight: bold; padding-right: 5px; padding-left: 10px;}
.produkt .cleaner {display: block; clear: both;}

.vypis_podkategorii {padding-bottom:20px; color:#DC2D1C; font-weight:bold; padding-left:40px;}
.podkategorie {display:block; float:left; width:150px; padding:8px 10px 8px 10px; border:solid 1px #DC2D1C; margin:4px;}
a.podkategorie:hover {text-decoration:none; color: black;}
.podkategorie:hover {border-color:red; background: #f9dddb;}

.vypis_podkategorii_box {
	display: flex;
	flex-wrap: wrap;
}

.vypis_podkategorii_box .podkategorie {
	float: none;
	transition: all 0.3s;
}

a.added-podkategorie {
	background: #DC2D1C;
	color: white;
}

a.added-podkategorie:hover {
	background: black;
	border-color: black;
	color: white;
}


/*detail*/
.detail_obrazek {float:right; width:300px; padding:5px; border:solid 1px #ccc;}
.detail_param {clear:left; border-top:solid 1px #666; width:310px; color:#666;}
.detail_param_nazev {float:left; padding:3px 0px 3px 3px; width:150px;}
.detail_param_hodnota {float:left; padding:3px 0px 3px 3px; color:black;}
.detail_popis {width:310px;}
.detail_cena {font-size:14px; font-weight:bold; color:#B31D17; text-align:right; padding-bottom:18px;}
h4 {font-size:12px; text-transform:uppercase; letter-spacing:0px; padding-bottom:8px; padding-top:3px;}
#techdoc img {margin-right:0px;}
#techdoc>div {width: 650px;}
#techdoc .tile {vertical-align: middle; margin-right: 5px; display: inline-block;}
#techdoc .tile:last-child {margin-right: 0;}
#techdoc a:hover img { opacity: 0.8;}
.rozsireny-popis {clear:both; padding:20px 0px 20px 0px;}
.buy-button {padding: 10px 20px; font-size: 18px; font-weight: bold;}
.back-button {background-color: #888;}
.puvodni-cena {color: #888; font-size:12px; font-weight: normal; padding-bottom: 8px;}
.puvodni-cena .cenovka {font-weight: bold; text-decoration: line-through;}

/*auto stránky eshopu*/
.kosik_tabulka td, td.kosik_nadpis, div.kosik_nadpis {padding:2px 5px 2px 5px;}
tr.kosik_nadpis td {border-bottom: solid 1px #555;}
.kosik_nadpis, .kosik_nadpis td {background: #e5e5e5;}
tr.kosik-radek-produkt td, tr.kosik-radek-doprava td, tr.kosik-radek-platba td, tr.kosik_nadpis td  {padding: 5px 4px;}
tr.kosik_dole td {padding-top:15px;}
.kosik_zpusob td {padding:1px 0px 6px 0px;}
.sipecka {padding:5px 5px 2px 10px; background:url("imgs/sipecka.gif") no-repeat left 8px;}
.kosik_dole a.forward-button { padding: 10px 15px; font-weight: font-weight: bold; font-size: 15px; display: block;}

/*Titulka*/
.home_obsah {padding-top:20px; clear:both;}
#home_navi {}
.katalog_home_sloupec {float:left; padding-top:3px; padding-right:23px; min-width:140px;}
#home_navi .katalog_home_sloupec a {display:block;}
#home_navi .menu_uroven_1 a {letter-spacing:-0.3px !important;}
#home_navi a.menu_uroven_2 {color:black; }
#home_navi a.menu_uroven_2:hover {color:red;}
.home_obsah .obrr div a, .home_obsah .obrl div a {display:block; color:black; font-size:85%; padding-top:5px;}

/*Deneriaz*/
.deneriaz {background-image:url("imgs/tile_bg2d.png");}
.deneriaz .on , .deneriaz .step1 a:hover {color:#9D7D40 !important;}
.deneriaz .vyrazny {color:#9D7D40;}
.deneriaz a:hover {color:#9D7D40;}
.deneriaz a.menu_uroven_1, .deneriaz .menu_uroven_1 a {color:#9D7D40;}
.deneriaz #dynH1, .deneriaz h4 {color:#9D7D40;}
.deneriaz .detail_cena {color:#9D7D40;}
.deneriaz .button {background-color:#9D7D40;}
.deneriaz .produkt:hover {border-color:#9D7D40;}
.deneriaz .vypis_podkategorii {color:#9D7D40;}
.deneriaz .podkategorie {border-color:#9D7D40;}


/*SPM*/
.spm {background-image:url("imgs/tile_bg2spm.png");}
.spm .on , .spm .step1 a:hover {color:#144579 !important;}
.spm .vyrazny {color:#144579;}
.spm a:hover {color:#144579;}
.spm a.menu_uroven_1, .spm .menu_uroven_1 a {color:#144579;}
.spm #dynH1, .spm h4 {color:#144579;}
.spm .detail_cena {color:#144579;}
.spm .button {background-color:#144579;}
.spm .produkt:hover {border-color:#144579;}
.spm .vypis_podkategorii {color:#144579;}
.spm .podkategorie {border-color:#144579;}
.spm .podkategorie:hover {background: #bfcfe0;}

/*Energia*/
.energia {
	background-image:url("imgs/tile_bg2d.png"), linear-gradient(to bottom, black, white);
	background-size: auto, 100% 200px;
}


/* HeatPaxx */
.heatpaxx {
	background: url("imgs/heatpaxx.png") left top repeat-x #FF9700;
	background-size: 5px 100%;
}
.heatpaxx #lay_footer_08 {
	border: none;
	background: none;
}
.heatpaxx #lay_foot_txt {
	color: black;
}
.heatpaxx #uzivatel a, .heatpaxx #uzivatel {
	color: black;
}
.heatpaxx #uzivatel a:hover {
	color: #A90000;
}

.heatpaxx #lay_foot_txt a {
	color: black;
	text-decoration: underline;
}

.heatpaxx #lay_nav_header img {
	max-height: 60px;
}

.heatpaxx #logo_ct {
	margin-top: 5px;
}

/* Horní nav */

#topnav_holder {
	position: absolute;
	right: 0px;
	top: -70px;	
}

#topnav_holder ul li {
	display: inline-block;
	list-style-type: none;
	margin-left: 10px;	
}

#topnav_holder ul li a {
	color: black;
	text-decoration: none;
	font-size: 12px;
}

#topnav_holder ul li a:hover {
	text-decoration: underline;
}
.fb-like-box { position: relative; margin-top: 30px; left: -20px;}
.produkt-sleva-kategorie {display: block; color: #888; text-decoration: line-through; margin-bottom: 5px; font-size: 12px; font-weight: normal;}

.energia #topnav_holder ul li a {
	color: white;
}


.homepage-hpbnr {
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
}

.hpbnr {
	position: relative;	
	text-align: center;
}

.hpbnr .text {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	line-height: 18px;
	padding: 8px 16px;
}

.hpbnr .text:empty {
	display: none;	
}

.banners-buttons {
	text-align: center;
	padding-top: 6px;
}

.banners-buttons a {
	display: inline-block;
	background: black;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	margin-right: 8px;
}

.banners-buttons a.on {
	background-color: #D90000;
}

#home_navi {
	display: flex;
	width: 880px;
	padding: 20px 0;
	justify-content: space-between;
}

#home_navi a {
	display: block;
	text-align: center;
	color: black;
	text-align: center;	
	text-decoration: none;
	font-size: 15px;
	margin: 0 12px;
	flex-shrink: 1;
	width: 130px;
}

#home_navi a:first-child {
	margin-left: 0;
}
#home_navi a:last-child {
	margin-right: 0;
}

#home_navi a:hover {
	text-decoration: underline;
}

#home_navi a .img {
	margin-bottom: 20px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#home_navi a .img>div {
	max-width: 100%;
}

#home_navi img {
	max-width: 110px;
}


#logo_ct img {
	max-height: 45px;
}


.search {
	position: absolute;
	right: 480px;
	top: 23px;
	width: 200px;
}

.search form {
	display: flex;	
}

.search .input {
	flex: 1 1 0;
	width: auto;
	height: 21px;
	border: none;
	box-sizing: border-box;	
	background: white url('imgs/search.svg') no-repeat 3px 3px;
	background-size: 14px 14px;
} 

.search .input:focus {
	background: white;
}

.search .button {
	flex: 0 0 auto;
	box-sizing: border-box;	
}

ul.ui-widget {
	font-size: 12px;
	font-family: inherit;
	max-height: 250px;
	overflow: auto;
}

ul.ui-corner-all {
	border-radius: 0;
}

ul.ui-widget-content {
	border: solid 1px #D90000;
	background: white;
}

ul.ui-menu.ui-widget-content a.ui-state-hover {
	border: none;
	border-radius: 0;
	background: #D90000;
	margin: 0;
	color: white;
}

.eshop-fulltext-search-text {
	margin-bottom: 1em;
	color: #888;
}

.eshop-fulltext-znovu {
	width: 300px;
	margin-bottom: 20px;
}

.eshop-fulltext-znovu form {
	display: flex;	
}

.eshop-fulltext-znovu .button {
	margin-left: 10px
}

.eshop-fulltext-kategorie-wrapper {
	margin: 2em 0;
}

.eshop-fulltext-kategorie-nadpis {
	font-weight: bold;
	margin-bottom: 0.5em
}

.eshop-fulltext-kategorie {
	padding-left: 1em;
	margin-bottom: 0.25em;
}



/* Massi */
.massi {
	background: #f9f9f9;
}

.massi #logo_ct img {
	width: 200px;
	top: 22px;
}

.massi #lay_wrapper_08 {
	background: white url('imgs/massi-bg.webp') -20px top no-repeat;
	background-size: 550px auto;
}

.massi #uzivatel a {
	color:  #555;
}


/*
.heatpaxx #lay_footer_08 {
	border: none;
	background: none;
}
.heatpaxx #lay_foot_txt {
	color: black;
}
.heatpaxx #uzivatel a, .heatpaxx #uzivatel {
	color: black;
}
.heatpaxx #uzivatel a:hover {
	color: #A90000;
}

.heatpaxx #lay_foot_txt a {
	color: black;
	text-decoration: underline;
}

.heatpaxx #lay_nav_header img {
	max-height: 60px;
}

.heatpaxx #logo_ct {
	margin-top: 5px;
}
*/

.lp-body, .lp-html {
	background: #090909;
	padding: 0;
	margin: 0;
	color: white;
	font-family: Roboto,sans-serif;
	letter-spacing: 1px;
}

.lp-main {
	min-height: 100svh;
	display: flex;
	flex-direction: column;	
}

.lp-header {
	flex: 0 0 100px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 32px;
}

.lp-center {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 20px;
}

.lp-content {
	width: 390px;
	max-width: 90%;
	border: solid 1px #e20714;
	padding: 40px 40px 30px;
	font-size: 15px;
	box-sizing: border-box;
}

.lp-h1 {
    color: #fff;
    line-height: 1.333;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 20px;
    line-height: 1;
    font-weight: 700;
    font-size: 50px;
    margin: 0 0 50px 0;
    padding: 0;

}

.lp-content table {
	margin-bottom: 20px;
}

.lp-content td {
	padding-bottom: 10px;
}

.lp-content .button-cell {
	padding-top: 10px;
	text-align: left;
}

.lp-content .c {
	text-align: right;
	width: 100px;
	padding-right: 25px;
	text-transform: uppercase;
}

.lp-content .sipecka {
	background: none;
	padding: 0;
	text-align: left;
}


.lp-content .sipecka a {
	display: block;
	padding: 5px 0;
	margin-top: 10px;
	color: white;
	font-size: 15px;
	text-transform: uppercase;
}

.lp-content .sipecka a:hover {
	text-decoration: underline;
	color: white;
}


.lp-content .input {
	font-size: 16px;
	letter-spacing: 1px;
	height: 36px;
	border: none;
	border-bottom: solid 1px #e20714;
	background: transparent;
	color: white;
	transition: all 0.2s;
	font-family: inherit;
	padding-left: 5px;
	border-radius: 0;
	box-shadow: none;

}

.lp-content .button {
	font-size: 15px;
	font-family: inherit;
	height: 44px;
	border: solid 1px #e20714;
	background: transparent;
	color: white;
	text-transform: uppercase;
	padding-inline: 20px;
	border-radius: 3px;
	transition: all 0.3s;
}

.lp-content .good {
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 15px;
}

.lp-content .button:hover, .lp-content .button:focus {
	background: #e20714;
}

.lp-content .input:hover, .lp-content .input:focus {
	border-bottom: solid 1px white;	
	outline: none;
}

.lp-logo {
	margin-left: 30px;
	margin-right: 30px;
	max-height: 60px;
	width: auto;
} 

.lp-logo--1 {
	height: 50px;
	width: auto;
}

.lp-logo--2 {
	height: 23px;
	width: auto;
}

.lp-logo--3 {
	height: 50px;
	width: auto;
}

.lp-logo--4 {
	height: 40px;
	width: auto;
}

.lp-logo--5 {
	height: 40px;
	width: auto;
}

.lp-content .vyzva-zapomenute-heslo {
	margin-bottom: 24px;
}

@media screen and (max-width: 1130px) {

	.lp-content {
		padding: 25px;
	}

	.lp-header {
		padding-top: 20px;
		padding-left: 0px;
		padding-right: 0px;			
		/*
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: auto auto;
		gap: 18px;
		align-items: center;
		justify-items: center;
		*/
	}

	.lp-logos-group {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		margin-bottom: 35px;
	}

	.lp-content	 .c {
		width: 60px;
	}
	
	.lp-logo {
		margin: 0;
	}


	.lp-logo--5 {
		margin-right: 15px;
		
	}

}

@media screen and (max-width: 600px) {

	.lp-logos-group {
		margin-bottom: 20px;
	}



	.lp-logo--1 {
		height: 25px;
		width: auto;
	}

	.lp-logo--2 {
		height: 14px;
		width: auto;
	}

	.lp-logo--3 {
		height: 25px;
		width: auto;
	}

	.lp-logo--4 {
		height: 20px;
		width: auto;
	}

	.lp-logo--5 {
		height: 20px;
		width: auto;
		
	}

}

@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");