/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, label, blockquote { padding: 0px; margin: 0px; }

body {
  font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
	background: none; 
}

address { font-style: normal; padding: 0px; margin: 0px; }

blockquote { font-style: italic; padding-bottom: 0.5em; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.red { color: #CC0000; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }
.note { font-size: 12px; font-weight: bold; line-height: 140%; }

img { border: none; }
a img { border: none; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }

.sup { font-size: 80%; position: relative; top: -5px; text-decoration: none; }
a .sup { text-decoration: none !important; }

.caps { font-variant: small-caps; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #FFFFFF url(/img/body-bg.gif) repeat-x left top; color: #011423;  }
h1 { font-size: 36px; font-weight: normal; color: #ED1C24; line-height: 36px; padding-bottom: 6px;  }
h1 .sup { line-height: 36px; font-size: 50%; top: -20px; }
h2 { font-size: 14px; font-weight: bold; color: #011423; padding: 12px 0px; }
h3 { font-size: 12px; font-weight: bold; }
p { padding-bottom: 18px; }
a { color: #000000; text-decoration: underline; }
sup { line-height: 50%; }
ul { padding-left: 11px; padding-bottom: 1em; padding-left: 20px; }
ul li { list-style: square; }
ol { margin-left: 2em; margin-bottom: 1em;  }

.aquablock { text-transform: capitalize;}

.layout-2-columns h2 { padding-top: 0px; padding-bottom: 6px; }

table { /*font-size: 11px;*/ line-height: 18px; margin-bottom: 1em; border-collapse: collapse; }
td { padding: 0px 5px; vertical-align: top; }
th { padding: 0px 5px 0px 0px; text-align: left; vertical-align: top; }

table.documents { width: 100%; }
table.documents caption { border-bottom: 1px solid #CCCCCC; font-weight: bold; text-align: left; padding: 2px 5px 2px 5px; background-color: #F4F4F4; }
table.documents td { padding: 2px 5px 3px 5px; border-bottom: 1px solid #CCCCCC; }
table.documents img { padding-top: 3px;}

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#page-wrapper { text-align: left; width: 1000px; margin: 0 auto; position: relative; }

.page-layout {}
.page-layout-column1 { width: 700px; float: left; margin-right: 30px; }
.page-layout-column2 { width: 270px; float: left; }
.page-layout .padding { padding-left: 10px; }

.layout-2-columns .column1,
.layout-2-columns .column2 { width: 47%; float: left; }
.layout-2-columns .column1 { margin-right: 5%; }

#page-homepage .page-layout-column1 { width: 650px; }
#page-homepage .page-layout-column2 { width: 320px; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 200px; padding-top: 69px; }

#logo { display: block; width: 176px; height: 45px; margin: 0px; padding: 0px; position: absolute; top: 18px; right: 77px; }
#henkel { padding: 0px; margin: 0px; display: block; width: 720px; height: 34px; background: url(/img/henkel-bg.gif) repeat-x left top; overflow: hidden; position: absolute; top: 18px; left: 0px; }
#henkel img { margin-left: 344px; }
#title { height: 200px; background: #011423 url(/img/header-img.jpg) no-repeat left top; }
#title img { float: right; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { color: #999999; font-size: 11px; padding: 19px 15px 0px 15px; border-top: 1px solid #ED1C24; margin-top: 20px; }
#footer a { color: #999999; text-decoration: none; }
#giant { float: right; }
#giant img { vertical-align: middle; }
#copyright { font-weight: bold; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { padding: 0px; margin: 0px 0px 20px 0px; height: 36px; overflow: hidden; background-color: #ED1C24; }
#menu li { list-style: none; margin: 0px; padding: 0px 2px 0px 0px; background: url(/img/menu-separator.gif) no-repeat right top; float: left; }
#menu li a { display: block; height: 36px; text-align: center; color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: normal; text-align: center; line-height: 34px; }
#menu li a span { height: 36px; }

#menu #menu-cimsec a { height: 30px; background-color: #FFFFFF; color: #ED1C24; line-height: 30px; }
#menu #menu-postup,
#menu #menu-cimsec { padding: 0px; background: none; }
#menu #menu-cimsec { padding: 3px 0px 0px 16px; }

#menu-predstaveni * { width: 294px; }
#menu-technicky-list * { width: 229px; }
#menu-postup * { width: 243px; }
#menu-cimsec * { width: 210px; height: 30px; }
#menu-cimsec strong { display: inline; height: auto; width: auto; position: static; }

#menu-predstaveni span { background-image: url(/img/menu-predstaveni.gif); }
#menu-technicky-list span { background-image: url(/img/menu-technicky-list.gif); }
#menu-postup span { background-image: url(/img/menu-postup.gif); }
#menu-cimsec span { background-image: url(/img/menu-cimsec.gif); }


/*******************************************************************/
/*                                                    PAGE CONTENT */
/*******************************************************************/
.intro { font-size: 14px; font-weight: bold; }

.page-layout-column2 { font-size: 11px; line-height: 15px; }
.page-layout-column2 h2 { padding-top: 0px; line-height: 18px; }

#postup {}
#postup .step { width: 220px; float: left; }
#postup .step.odd { margin-right: 25px; }
#postup p { clear: both; padding: 8px 5px 20px 20px; text-indent: -18px; }
#postup p strong { padding-right: 5px; }

#page-postup h2 { font-size: 22px; font-weight: normal; color: #ED1C24; padding-bottom: 12px; }

/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
.page-layout-column2 .red-heading,
.page-layout-column2 .red-block h2 { color: #fff; background: #ed1c24; font-weight: normal; padding: 6px 8px; width: 304px; font-size: 16px; }
.page-layout-column2 .red-block { background: #fde8e9; margin: 15px 0 0 0; }
.page-layout-column2 .red-block p { font-size: 12px; padding: 10px; line-height: 1.5; }
.page-layout-column2 .red-block h2.external-link { background-image: url(/img/h2-external-link.gif); background-position: 296px 4px; background-repeat: no-repeat; }
.page-layout-column2 .red-block img.left { margin: 10px; }
.page-layout-column2 .gray-block { background: #f5f5f5; padding: 10px; margin: 15px 0 0 0; }
.page-layout-column2 .gray-block h2 { padding: 0 0 10px 0; margin: 0; }
.page-layout-column2 .gray-block p { line-height: 1.5; padding: 0; }
#videoprezentace *,
#seznam-prodejcu *,
#letak-ke-stazeni * { height: 30px; width: 320px; }
#videoprezentace span { background-image: url(/img/title-videoprezentace.png); }
#seznam-prodejcu span { background-image: url(/img/title-seznam-prodejcu.png); }
#letak-ke-stazeni span { background-image: url(/img/title-letak-ke-stazeni.png); }