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


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; outline: none; }

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

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          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: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }


img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; }
a:hover { color: #7B7466; }

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; }

/***************/
/* 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; }

/********/
/* FORM */
/********/
form {}
form * { font-family: Arial, Helvetica, sans-serif; vertical-align: middle; }
form .input, textarea { padding: 2px 7px; }
form .input, select, textarea { border: 1px solid #CCCCCC; color: #000000; }
form fieldset { border: none; padding: 0px; margin: 0px; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #050609 url(/img/page-bg.png) no-repeat left top; color: #000000; }
body.plain { background: #050609; visibility: hidden;  }
h1 { font-size: 20px; font-weight: bold; color: #FFFFFF; text-transform: lowercase; }
h2 { text-transform: lowercase; font-size: 16px; padding: 3px 0px 3px 0px; }
p { padding-bottom: 12px; }
ul { padding-bottom: 12px; }
a { color: #A59E92; }
sup { vertical-align: text-bottom; position: relative; top: -0.4em; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
html, body { min-height: 100%; height: 100%; }

#page-wrapper { min-height: 100%;  min-width: 980px; background:  url(/img/page-wrapper-bg.png) no-repeat left top;  }

#image { background: url(/img/delete-me.jpg) no-repeat 1000px 0px; width: 100%; }
#image-mask { background: url(/img/image-mask.png) no-repeat 1000px 0px; width: 100%; }


/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header {}

/********/
/* LOGO */
/********/
#logo { position: absolute; top: 20px; left: 115px; }
#logo,
#logo * { display: block; width: 120px; height: 88px;  overflow: hidden; margin: 0px; padding: 0px; }
#logo a { background: url(/img/logo-xlmedia.png) no-repeat left top; }
#logo img { visibility: hidden; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { font-size: 11px; color: #424345; position: absolute; top: 515px; left: 1030px; text-align: right; width: 200px; }
#footer img { vertical-align: middle; }
#footer a { color: #424345; text-decoration: none; }
#footer p { padding-bottom: 5px; }

#footer.narrow { left: 480px; top: 588px; width: 500px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { margin: 0px; padding: 0px; }
#menu li { list-style: none; color: #FFFFFF; font-size: 20px; font-weight: bold; text-transform: lowercase; letter-spacing: -1px; position: absolute; display: block; width: 250px; height: 251px; padding: 0px; margin: 0px; background-position: left top; background-repeat: no-repeat; }
#menu a { color: #FFFFFF; text-decoration: none; height: 24px; line-height: 24px; position: absolute; }
#menu a span { height: 24px; width: 100%; }

/* basic grid 250x251 */
#menu-about-us { top: 0px; left: 250px; }
#menu-napsali { top: 251px; left: 250px; }
#menu-map { top: 0px; left: 750px; }
#menu-references { top: 0px; left: 250px; }
#menu-bluecasting { top: 502px; left: 250px; }
#menu-contact { top: 252px; left: 0px; }

#menu-about-us * { width: 57px; }
#menu-napsali * { width: 160px; }
#menu-map * { width: 129px; }
#menu-references * { width: 93px; }
#menu-bluecasting * { width: 110px; }
#menu-contact * { width: 76px; }

#menu-about-us a { top: 5px; left: 180px; z-index: 99; }
#menu-napsali a { left: 83px; top: 8px; }
#menu-map a { top: 6px; left: 109px; }
#menu-references a { left: 9px; bottom: 5px; }
#menu-bluecasting a { left: 129px; top: 5px; }
#menu-contact a { left: 16px; top: 220px; }

#menu-about-us span { background-image: url(/img/menu-about-us.png); }
#menu-napsali span { background-image: url(/img/menu-napsali.png); }
#menu-map span { background-image: url(/img/menu-map.png); }
#menu-references span { background-image: url(/img/menu-references.png); }
#menu-bluecasting span { background-image: url(/img/menu-bluecasting.png); }
#menu-contact span { background-image: url(/img/menu-contact.png); }

/* ACTIVE MENU ITEMS */
.section-about-us #menu-about-us { background-image: url(/img/menu-about-us-active.png); background-position: 0px 1px; }
.section-about-us #menu-about-us span { background-position: left bottom; }
.section-map #menu-map { background-image: url(/img/menu-map-active.png); }
.section-map #menu-map span { background-position: left bottom; }
.section-references #menu-references { background-image: url(/img/menu-references-active.png); }
.section-references #menu-references span { background-position: left bottom; }
.section-bluecasting #menu-bluecasting { background-image: url(/img/menu-bluecasting-active.png); }
.section-bluecasting #menu-bluecasting span { background-position: left bottom; }
.section-napsali #menu-napsali { background-image: url(/img/menu-napsali-active.png); }
.section-napsali #menu-napsali span { background-position: left bottom; }
.section-contact #menu-contact { background-image: url(/img/menu-contact-active.png); }
.section-contact #menu-contact span { background-position: left bottom; }

/* CUSTOM REFERENCE ITEM HEIGHT */
/*#menu #menu-references { height: 50px; }*/
.section-references #menu #menu-references { height: 251px; }

#o-nas-fake { position: absolute; top: 5px; display: block; left: 403px; height: 24px; width: 85px; z-index: 999; }

/**/
#menu li#menu-about-us { display: block; }
#menu li#menu-napsali { display: block; }
#menu li#menu-map { display: block; }
#menu li#menu-references { display: block; }
#menu li#menu-bluecasting { display: block; }

/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content { width: 496px; position: relative; color: #FFFFFF; margin-left: 500px; }

.erplc { unicode-bidi: bidi-override; direction: rtl; }

/*********/
/* FLASH */
/*********/
#flash { float: left;}
#flash,
#flash * { width: 500px; height: 502px; overflow: hidden; }
/*#flash-rplc { background: url(/img/flash-bg.jpg) no-repeat left top; }*/
#flash-mask { background: url(/img/flash-mask.png) no-repeat left top; position: absolute; top: 0px; left: 0px; }

/***********/
/* CONTACT */
/***********/
#contact { width: 250px; position: absolute; top: 502px; left: 0px; text-align: right; font-size: 11px; line-height: 16px; color: #B4B5B6; }
#contact h2 { color: #FFFFFF; font-size: 20px; font-weight: bold; letter-spacing: -1px; text-transform: lowercase; padding: 0px; margin: 0px; height: 24px; width: 76px; line-height: 24px; text-align: left; position: absolute; top: -29px; left: 16px; }
#contact h2 span { width: 100%; height: 24px; background-image: url(/img/title-contact.png); }
#contact address { padding: 7px 14px 0px 0px; }
#contact a { color: #B4B5B6; }

/*********************/
/* SECTION: ABOUT US */
/*********************/
.section-about-us #main-content { color: #B7DA00; padding: 15px 0px 0px 22px; width: 228px;  }
.section-about-us h1 { height: 23px; line-height: 23px; font-size: 19px; color: #B7DA00; width: 62px; }
.section-about-us h1 span { width: 62px; height: 23px; background-image: url(/img/title-about-us.png);  }

/*********************/
/* SECTION: SERVICES */
/*********************/
.section-napsali #main-content { padding: 224px 0px 0px 22px; width: 474px; color: #FD007A; }
.section-napsali #main-content h1 { font-size: 19px; color: #FD007A; height: 23px; line-height: 21px; padding: 0px; margin: 0px 0px 4px 0px; }
.section-napsali #main-content h1 span { height: 23px; width: 268px; background-image: url(/img/title-napsali.png); }

/***********************/
/* SECTION: REFERENCES */
/***********************/
.section-references #main-content { padding: 224px 0px 0px 22px; width: 474px; color: #0066B8; }
.section-references #main-content h1 { font-size: 19px; color: #0066B8; height: 23px; line-height: 21px; padding: 0px; margin: 0px 0px 4px 0px; }
.section-references #main-content h1 span { height: 23px; width: 268px; background-image: url(/img/title-references.png); }

/************************/
/* SECTION: BLUECASTING */
/************************/
.section-bluecasting #main-content { padding: 224px 0px 0px 22px; width: 474px; color: #FFFFFF; }
.section-bluecasting #main-content h1 { font-size: 19px; color: #0066B8; height: 23px; line-height: 21px; padding: 0px; margin: 0px 0px 4px 0px; text-transform: lowercase; }
.section-bluecasting #main-content h1 span { height: 23px; width: 268px; background-image: url(/img/title-bluecasting.png); }

/****************/
/* SECTION: MAP */
/****************/
.section-map {}
.section-map a { color: #FFBF00; text-decoration: none; }
.section-map a:hover { color: #FFBF00; text-decoration: underline; }

/********************/
/* SECTION: CONTACT */
/********************/
.section-contact #main-content { padding: 10px 22px 0px 22px; width: 452px; }
.section-contact #main-content h1 { font-size: 19px; color: #FE6E00; height: 23px; line-height: 19px; padding: 0px; margin: 0px 0px 4px 0px; }
.section-contact #main-content h1 span { height: 23px; width: 268px; background-image: url(/img/title-contact.png); }
.section-contact #main-content a { color: #FE6E00; }
.section-contact #main-content address { height: 213px; border-bottom: 1px solid #273445; margin-bottom: 20px; }

/****************/
/* FORM CONTACT */
/****************/
#form-contact { padding-top: 5px; }
#form-contact .input,
#form-contact textarea { background-color: #10131C; border-color: #253141; padding: 5px; color: #FFFFFF; }
#form-contact .input { width: 170px; }
#form-contact textarea { overflow: auto; width: 405px; height: 100px; }
#form-contact label { display: block; }
#form-contact p { padding-bottom: 20px; }
#form-contact p.column1 { width: 235px; float: left; }
#form-contact p.center { width: 415px; }
#form-contact .referrer { display: none; }

.section-contact #error { border: 1px solid #FE6E00; color: #FE6E00; background-color: #331600; padding: 5px; margin-bottom: 10px; margin-top: 10px; width: 405px; }
.section-contact #error li { list-style: none; }

/***********/
/* CONTENT */
/***********/
.section-map .content { padding: 12px 0px 0px 28px; }
.section-map .content h1 { font-size: 19px; height: 23px; line-height: 21px; text-transform: none; margin-bottom: 8px; }
.section-map .content h1 strong { display: inline; color: #FFBF00; }
.section-map .content h1.overlap span { width: 100%; height: 23px; }
.section-map .content p { padding-right: 28px; }

/***************/
/* PAGE TITLES */
/***************/
#pt-01 span { background-image: url(/img/pt-01.png); }
#pt-02 span { background-image: url(/img/pt-02.png); }

/*******/
/* MAP */
/*******/
#map { padding-top: 11px; height: 234px; padding-left: 12px; }
#mapa-cr { width: 275px; height: 170px; background: url(/img/mapa.png) no-repeat left top; position: relative; z-index: 10; margin: 14px 0px 0px 33px; }
#mapa-cr-wrapper { margin: 0px; width: 275px; height: 170px; background: url(/img/mapa-cr-sprite.png) no-repeat left top; position: relative; z-index: 0; }
#mapa-cr-wrapper .bubble { display: block; width: 200px; height: 26px; background: url(/img/bubble.png) no-repeat 0px bottom; position: absolute; top: 33px; left: 0px; line-height: 27px; z-index: 0; }
#mapa-cr-wrapper .bubble span { background-color: #C19200; color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 7px 10px; white-space: nowrap; }
#mapa-cr-wrapper img { position: relative; z-index: 10; }

#title-vyberte-kraj { font-size: 19px; font-weight: bold; text-transform: lowercase; color: #FFBF00; height: 23px; line-height: 21px; width: 117px; padding: 0px; margin: 0px; }
#title-vyberte-kraj span { width: 117px; height: 23px; background-image: url(/img/title-vyberte-kraj.png); }

/*****************/
/* SLIDE CHANGER */
/*****************/
#slide-changer { position: absolute; top: 250px; left: 0px; width: 500px; height: 502px; overflow: hidden; }
#main-slide { padding: 9px 0px 0px 22px; width: 478px; height: 493px; position: absolute; top: 0px; left: 0px; background-color: #050609; }
#slide-changer .slide { width: 456px; height: 493px; padding: 9px 22px 0px 22px; position: absolute; top: 0px; left: 0px; background-color: #050609; display: none; }
#slide-changer .slide h2 { padding-bottom: 10px; }
#slide-changer .slide .back { color: #FFBF00; font-size: 11px; }
#slide-changer .slide .back a { color: #FFBF00; }
#slide-changer .slide h3 { font-size: 12px; }
#slide-changer .slide ul { padding-left: 20px; }

/*******************/
/* REFERENCES LIST */
/*******************/
.references-list { margin-top: 25px; padding-bottom: 30px; }
.references-list .item { width: 139px; height: 117px; padding: 0px 0px 0px 85px; overflow: hidden; float: left; position: relative; line-height: 16px; font-size: 11px; }
.references-list .img { position: absolute; top: 0px; left: 0px; width: 75px; height: 75px; overflow: hidden; background-color: #12151F; }
.references-list .img span { display: block; width: 75px; height: 75px; background: url(/img/references-item-mask.png) no-repeat right top; position: absolute; top: 0px; left: 0px; }
.references-list h2 { font-size: 15px; text-transform: none; text-indent: -12px; padding: 0px 0px 6px 0px; margin: 0px; position: relative; z-index: 1; }
.references-list ul { margin: 0px; padding: 0px; }
.references-list li { list-style: none; padding: 0px; margin: 0px; }
.references-list .more { color: #FFBF00; padding-top: 1px; }

.reference-img { float: left; padding: 29px; padding-top: 20px; }
.no-padding-r { padding-right: 0px; }

/***********/
/* GALLERY */
/***********/
.gallery a { display: inline-block; margin-right: 30px; }

/**********************/
/* NAPSALI O NAS LIST */
/**********************/
.napsali-list { margin-top: 25px; padding-bottom: 30px; color: #FFFFFF; }
.napsali-list .item { padding: 0px 0px 0px 85px; overflow: hidden; float: left; position: relative; line-height: 16px; font-size: 11px; }
.napsali-list .img { position: absolute; top: 0px; left: 0px; width: 75px; height: 75px; overflow: hidden; background-color: #12151F; }
.napsali-list .img span { display: block; width: 75px; height: 75px; background: url(/img/references-item-mask.png) no-repeat right top; position: absolute; top: 0px; left: 0px; }
.napsali-list h2 { font-size: 15px; text-transform: none; text-indent: -12px; padding: 0px 0px 6px 0px; margin: 0px; position: relative; z-index: 1; }
.napsali-list ul { margin: 0px; padding: 0px; }
.napsali-list li { list-style: none; padding: 0px; margin: 0px; }
.napsali-list .more { color: #FFBF00; padding-top: 1px; }


/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
#homepage-flash { overflow: hidden; position: absolute;	top: 0px;	left: 0px; right: 0px; bottom: 0px; z-index: 99; }
/*#homepage-flash #flash-source { width: 2000px; height: 1000px; }*/ 

.section-homepage #main-content { padding-top: 69px; padding-left: 40px; width: 430px; }
.section-homepage h1 { font-size: 15px; font-weight: bold; height: 63px; line-height: 20px; width: 430px; }
.section-homepage h1 strong { font-size: 30px; padding-top: 5px; line-height: 26px; height: 15px; overflow: visible; }
.section-homepage h1 span { width: 430px; height: 63px; background-image: url(/img/homepage-title.png); }