@charset "utf-8";
/* CSS Document */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption { padding: 0px; margin: 0px; outline: none; background-position: left top; background-repeat: no-repeat; }

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

blockquote, address { font-style: normal; }

* { outline: none; }

img,
a img { border: none; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 150%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }

img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; outline: 0px !important; }
a:active { outline: none !important; }

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: #E7E7E7; }

.no-screen { position: absolute; top: -10000px; }

/***************/
/* 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-color: #DBDBDB; font-size: 13px; line-height: 20px; color: #444444; min-width: 980px; overflow-x: hidden; }

h1,
h2.level-up { font-size: 20px; color: #0A4D9B; line-height: 22px; text-transform: uppercase; font-weight: normal; background: url(/images/title-bg.png) no-repeat left bottom; padding: 0px 0px 16px 0px; margin: 0px 0px 15px 0px; }
h2 { font-size: 15px; color: #074797; margin-top: 30px; }
h3 { font-size: 13px; font-weight: bold; color: #074797; margin-top: 15px; }

h4 { font-size: 13px; font-weight: bold; }

p { margin-top: 18px; }
p.intro { font-size: 15px; line-height: 22px; }

ul { margin-top: 18px; }
ul li { list-style: none; background: url(/images/li-bg.png) no-repeat 1px 14px; padding: 6px 0px 0px 16px; }

sup { vertical-align: baseline; position: relative; top: -4px; }
sub { vertical-align: baseline; position: relative; bottom: -4px; }

a { color: #074797; }

table { margin-top: 20px; border-collapse: collapse; font-size: 12px; width: 100%; }
caption { font-size: 15px; color: #074797; font-weight: bold; text-align: left; padding: 0px 0px 5px 0px; }
td, th { padding: 6px 8px 5px 10px; vertical-align: top; font-weight: normal; }
th { text-align: left; }
thead th { background: #094998 url(/images/thead-bg.png) repeat-x left top; color: #FFFFFF; font-weight: bold; } 
thead th.subth { background: #094998; }
tfoot td,
tbody td,
tbody th { border: 1px solid #DBDBDB; border-top: none; }
thead th { border-left: 1px solid #2860A5; border-right: 1px solid #094998; }
tfoot td.empty { border: none; }
td.image { text-align: center; vertical-align: middle; }
tr.even td,
tr.even th { background-color: #F9F9F9; }
td.middle { vertical-align: middle; }


/* SPACING */
h1 + p,
h1 + h2,
h1 + ul,
h1 + ol,
h2 + h2,
h3 + ul,
h3 + p,
h3 + ol,
h3 + table,
p + ul { margin-top: 0px; }

h2 + p,
h2 + ol,
h2 + table { margin-top: 10px; }

h2 + ul,
table + p.note { margin-top: 4px; }

fieldset { border: none; }
fieldset p { margin: 0px 0px 13px 0px; position: relative; }
label { display: block; font-size: 12px; color: #707070; padding: 0px 0px 2px 0px; font-weight: bold; }
.hide-label label { display: none; }
input, select, textarea { color: #707070; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
button { font-family: Arial, Helvetica, sans-serif; }
input, textarea { padding: 10px 8px; width: 311px; }
textarea { height: 120px; resize: vertical; max-height: 240px; }
button { font-size: 14px; color: #5e462f; background: none; padding: 0px; margin: 0px; border: none; cursor: pointer; }
button span { border-bottom: 1px solid #C4A27B; background: #FFA234 url(/images/form-button-bg.png) no-repeat right top; display: inline-block; height: 45px; line-height: 49px; padding: 0px 73px 0px 17px; font-weight: bold; cursor: pointer; }
input, textarea { background: #F6F6F6 url(/images/field-bg.png) repeat-x left top; border: 1px solid #DCDCDC; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body {}

#body { width: 980px; margin: 0 auto; padding: 20px 0px 35px 0px; position: relative; }
#body-wrapper { background-color: #FFFFFF; }

#right-column { width: 329px; padding: 0px 0px 0px 21px; float: left; }

#main-content { border-right: 1px solid #F3F3F3; padding: 0px 21px 0px 0px; width: 608px; float: left; }

.column { width: 50%; float: left; }

#main-content .wide-content { width: 980px; margin: -5x -372px 0px 0px; background-color: #FFFFFF; padding: 5px 0px 10px 0px; }


/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { border-bottom: 1px solid #C6C6C6; background: #DBDBDB url(/images/header-bg.png) repeat-x left top; }
#header-content-wrapper { background: url(/images/header-wrapper-bg.jpg) no-repeat center top;   }
#header-content { width: 980px; height: 206px; position: relative; margin: 0 auto; }

#header p { margin: 0px; }

#logo { padding: 34px 0px 0px 26px; }

#languages { font-size: 14px; position: absolute; top: 0px; right: 0px; padding: 0px; margin: 0px; height: 38px; line-height: 38px; color: #074797; font-weight: bold; }
#languages .separator { color: #ACACAC; position: relative; top: -1px; padding: 0px 7px; }
#languages a { color: #231F1F; text-decoration: none; }
#languages a:hover { text-decoration: underline; }

/***********/
/* SECTION */
/***********/
#section { background: #084898 url(/images/section-bg.jpg) no-repeat left top; height: 125px; position: absolute; top: -166px; right: 0px; width: 850px; color: #BAD1EE; font-size: 15px; }
#section .section-image { position: absolute; top: 0px; right: 0px; width: 384px; height: 125px; overflow: hidden; z-index:0; }
#section .section-image img { position: absolute; top: 0px; left: 0px; }
#section .section-image .section-image-mask { position: absolute; top: 0px; left: 0px; background: url(/images/section-image-mask.png) no-repeat left top; width: 384px; height: 125px; z-index: 99; }
#section h2 { font-size: 35px; line-height: 52px; color: #FFFFFF; margin: 0px 0px 10px 0px; padding: 0px; font-weight: normal; text-transform: uppercase; height: 45px; position: relative; overflow: hidden; }
#section h2 span { display: block; width: 300px; height: 45px; position: absolute; top: 0px; left: 0px; background-position: left top; background-repeat: no-repeat; }
#section p { padding: 0px 0px 0px 17px; margin: 0px; }
#section .section-content { padding: 18px 20px 0px 55px; position: relative; z-index: 10; }

/* SECTION TITLES */
#section-title-en span { background-image:  url(/images/section-title-en.png); }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { border-top: 1px solid #C6C6C6; background-color: #DBDBDB; color: #2E2E2E; font-size: 12px; padding-top: 47px; }
#footer a { color: #2E2E2E; }

#footer-content { margin: 0 auto; width: 980px; background: url(/images/footer-bg.png) no-repeat left bottom; }

#footer p { margin: 0px; }

#copyright { height: 47px; line-height: 47px; padding: 0px 0px 0px 25px; }

#giant { float: right; height: 47px; line-height: 47px; padding: 0px 30px 0px 0px; }
#giant a { text-decoration: none; }
#giant img { vertical-align: middle; }

#brands { padding: 45px 0px 40px 0px; margin: 0px; }
#brands img { margin-right: 50px; vertical-align: middle; opacity: 0.5; }
#brands a:hover img { opacity: 1; }
#brands img.last { margin-right: 0px; }


/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column {}

.block { height: 121px; background: url(/images/block-bg.png) no-repeat right top; margin: 0px 0px 28px 0px; color: #575757; font-size: 12px; position: relative; }
.block:hover { background-position: right -121px; }

.block h2 { margin: 0px; padding: 0px; font-size: 30px; line-height: 40px; font-weight: normal; text-transform: uppercase; position: relative; letter-spacing: -1px; }
.block h2 strong { font-size: 17px; font-weight: bold; color: #afafaf; display: block; line-height: 18px; padding: 0px 0px 0px 0px; }
.block h2 span { position: absolute; top: 0px; left: 0px; width: 165px; height: 60px; }
.block h2 a span { cursor: pointer; }
.block p { padding-right: 160px; line-height: 18px; }
.block .block-content { padding: 8px 0px 0px 21px; position: relative; z-index: 1; }
.block .block-icon { position: absolute; top: 0px; z-index: 0; }

.block-lease h2 span { background-image: url(/images/block-title-lease.png); }
.block-lease .block-icon { width: 104px; height: 103px; background-image: url(/images/block-icon-5.png); right: 55px; top: 43px; }
.block-bazaar h2 span { background-image: url(/images/block-title-bazaar.png); }
.block-bazaar .block-icon { width: 106px; height: 121px; background-image: url(/images/block-icon-4.png); right: 61px; top: 18px; }
.block-order h2 span { background-image: url(/images/block-title-order.png); }
.block-order .block-icon { width: 89px; height: 96px; background-image: url(/images/block-icon-3.png); right: 55px; top: 34px; }

#right-column form { padding-bottom: 50px; }

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content {}

.note { font-size: 11px; }

.unavailable { background: url(/images/obrazek-nedostupny.png) no-repeat center 5px; padding: 100px 0px 0px 0px; display: inline-block; color: #86A5CC; }

.zoom { display: none; height: 37px; width: 37px; background: url(/images/zoom.png) no-repeat left top; position: absolute; top: 50%; left: 50%; margin: -18px 0px 0px -18px; }
a:hover .zoom { display: block; }

.offset-parent { position: relative; padding-bottom: 10px; }

address { margin-bottom: 15px; }
.contact {}
.contact dt { float: left; margin-right: 3px; }

a span { cursor: pointer; }

.brand-list {}
.brand-list li { background: none; padding: 0px 0px 15px 95px; margin: 0px; line-height: 18px; min-height: 30px; position: relative; }
.brand-list strong,
.brand-list span { display: block; margin: 0px; }
.brand-list span { font-size: 12px; line-height: 16px; padding: 2px 0px 0px 0px; }
.brand-list img { position: absolute; top: 0px; left: 0px; }

/********/
/* LOGO */
/********/
.logo { border: 1px solid #D9D9D9; padding: 0px; float: left; margin: 0px 22px 10px 0px; }


/**********************/
/* DOCUUMENT DOWNLOAD */
/**********************/
ul.document-download { list-style: none; overflow: auto; margin-bottom: 60px; }
ul.document-download li { float: left; width: 304px; padding: 10px 0; background: none; }
ul.document-download li p.cover { float: left; margin: 0 15px 0 0; }
ul.document-download li p.cover img { border: 1px solid #dbdbdb; display: block; }
ul.document-download li p.title { margin: 0 10px 0 0; }
ul.document-download li p.title a { font-size: 14px; text-decoration: none; color: #000; display: block; }
ul.document-download li p.title a:hover { text-decoration: underline; }
ul.document-download li p.info { margin-top: 10px; }
ul.document-download li p.info span.ico.pdf { background: url(/images/pdf_ico.gif) 0% 50% no-repeat; padding-left: 20px; display: inline-block; }
ul.document-download li {}