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


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

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

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 { color: #FFFFFF; background: #152630 url(img/body-bg.png) repeat left -580px; }
h1, h2 { font-weight: normal; font-size: 46px; text-transform: uppercase; letter-spacing: -2px; line-height: 1em; }
h1 {
	width: 300px;
	height: 50px;
	line-height: 45px;
	padding: 65px 0px 9px 0px;
	position: relative;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif, "微软雅黑";
}
h1 span { width: 300px; height: 50px; position: absolute; top: 60px; left: 0px; background: url(img/title-eg.png) no-repeat left top; }
h2 { border-left: 24px solid #FF3300; height: 34px; line-height: 34px; padding: 0px 0px 0px 7px; margin: 0px; width: 223px; overflow: hidden; position: relative; }
h2 span { position: absolute; top: 0px; left: 0px; background-position: 0px 0px; background-repeat: no-repeat; display: block; width: 230px; height: 34px; }
h3 { font-weight: normal; margin-bottom: 10px; font-size: 24px; text-transform: uppercase; letter-spacing: -2px; line-height: 1em; height: 28px; text-indent: -1000px; overflow: hidden; background-position: 0px 0px; background-repeat: no-repeat; }
p { padding-bottom: 12px; }
a { color: #FFFFFF; text-decoration: underline; }
ul li { list-style: none; background: url(img/li-bg.gif) no-repeat left 8px; padding: 0px 0px 0px 7px; }
a:hover { color: #FFFFFF; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
html, body { min-height: 100%; }
#page-wrapper { background: url(img/page-bg.jpg) repeat-y left -580px; min-height: 100%; width: 940px; padding: 0px 0px 0px 30px; }

.cell { height: 1160px; position: relative; }


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

#languages { position: absolute; top: 42px; right: 30px; padding: 0px; margin: 0px; width: 173px; }
#languages span,
#languages a { display: block; float: left; height: 21px; width: 200px; background: url(img/tel.png) no-repeat left top; text-indent: 0px; overflow: hidden; }
#languages span { width: 173px; }
#languages span.cz { background-position: 0px 0px; }
#languages a.cz { background-position: 0px -21px; }
#languages span.en { background-position: -173px -21px; }
#languages a.en { background-position: -173px 0px; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer {}
#footer a { text-decoration: none; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu {}

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

/* PAGE TITLES */
#h3-01 { background-image: url(img/h3-01.png); }
#h3-02 { background-image: url(img/h3-02.png); }
#h3-03 { background-image: url(img/h3-03.png); }
#h3-04 { background-image: url(img/h3-04.png); }
#h3-05 { background-image: url(img/h3-05.png); }
#h3-06 { background-image: url(img/h3-06.png); }
#h3-07 { background-image: url(img/h3-03.png); }
#h3-08 { background-image: url(img/h3-08.png); }
#h3-09 { background-image: url(img/h3-09.png); }

/* SECTION */
.section { background: url(img/section-bg.gif) no-repeat 0px 4px; padding: 0px 0px 0px 7px; }
.section h2 { height: auto; width: auto; overflow: auto; border: none; font-size: 10px; font-weight: normal; letter-spacing: normal; text-transform: none; line-height: 14px; padding: 0px 0px 0px 2px; }

.splitter { width: 939px; height: 24px; overflow: hidden; position: relative; }
.splitter .bg { position: absolute; top: 0px; left: 0px; width: 939px; height: 24px; background: url(img/splitter-bg.png) no-repeat left top; }
.splitter p { position: absolute; top: 0px; left: 0px; width: 939px; height: 24px; line-height: 24px; text-align: right; }
.splitter a { background: url(img/arrow-up.gif) no-repeat left 2px; padding: 0px 9px 0px 20px; font-size: 11px; color: #80B3BB; }
.splitter a.right { background: url(img/arrow-right.gif) no-repeat left 2px; padding-left: 23px; }

.anchors { margin: 0px; padding: 0px; position: absolute; top: 34px; left: 0px; }
.anchors li { padding: 0px 0px 13px 0px; margin: 0px; list-style: none; }
.anchors a { display: block; height: 30px; width: 69px; background: url(img/anchors.png) no-repeat left top; }
.anchor-portfolio a { background-position: 0px -60px; }
.anchor-about-me a { background-position: 0px -120px; }
.anchor-contact a { background-position: 0px -180px; }

#nav { position: absolute; top: 76px; left: 640px; width: 128px; margin: 0px; padding: 0px; }
#nav a { text-indent: -200px; display: block; overflow: hidden; }
#nav a.back { width: 128px; height: 47px; background: url(img/zpet.png) no-repeat left top; }
#nav a.prev { width: 53px; height: 24px; background: url(img/predchozi.png) no-repeat left top; position: absolute; top: 70px; left: 16px; }
#nav a.next { width: 30px; height: 24px; background: url(img/dalsi.png) no-repeat left top; position: absolute; top: 70px; left: 96px; }
#nav form { padding: 0px; margin: 0px; border: none; }
#nav input { padding: 0px; margin: 0px; border: none; }
#nav input.back { width: 128px; height: 47px; }

/**************/
/* CELL: HOME */
/**************/
#flash { position: absolute; top: 0px; right: 0px; width: 610px; height: 420px; overflow: hidden; }

#content { position: absolute; top: 285px; left: 0px; }

#section-home { padding-top: 82px; background-position: 0px 86px; margin-left: 7px; }
#section-home .title {
	font-size: 22px;
	line-height: 22px;
	letter-spacing: -2px;
	font-weight: normal;
	text-transform: uppercase;
	width: 537px;
	height: 48px;
	padding: 0px;
	position: relative;
	background-image: url(img/h3-01.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#section-home .title span { visibility: hidden; }

#section-menu { width: 595px; height: 110px; margin-left: 7px; }
#section-menu ul { font-size: 9px; list-style: none; padding-top: 10px; line-height: 14px; }
#section-menu ul li { width: 120px; float: left; padding: 0px 60px 0px 3px; background: none; }
#section-menu ul a { display: block; text-decoration: none; line-height: 18px; position: relative;}
#section-menu ul a span { display: block; height: 25px; width: 65px; position: absolute; top: 0px; left: -3px; background-position: 0px 0px; background-repeat: no-repeat; cursor: pointer; }
#section-menu ul strong { display: inline-block; background-color: #FE0000; color: #FFFFFF; font-size: 18px; letter-spacing: -1px; padding: 5px 5px 2px 3px; position: relative; left: -3px; }
#section-menu ul em { font-style: normal; font-size: 11px; display: block; line-height: 13px; padding-top: 8px; color: #95AFB8; }

#section-menu ul #m01 span { width: 65px; background-image: url(img/menu-portfolio.gif); }
#section-menu ul #m02 span { width: 65px; background-image: url(img/menu-kdo-jsem.gif); }
#section-menu ul #m03 span { width: 65px; background-image: url(img/menu-kontakt.gif); }

#section-desc { width: 585px; padding-right: 10px; padding-top: 15px; margin-left: 7px; line-height: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }
#section-desc p { padding-bottom: 20px; }

#section-news { position: absolute; top: 0px; left: 605px; width: 327px; }

.news-item { position: relative; padding: 18px 0px 18px 0px; }
.news-item  h3 {
	text-align: right;
	font-size: 13px;
	letter-spacing: -1px;
	text-transform: none;
	padding-bottom: 5px;
	margin-bottom: 0px;
	height: auto;
	text-indent: 0px;
	overflow: auto;
	line-height: 15px;
	visibility: hidden;
}
.news-item p { color: #BBE5EC; line-height: 16px; padding-left: 80px; text-align: right; padding-bottom: 0px; }
.news-item .date { color: #FFFFFF; font-size: 10px; font-weight: normal; position: absolute; top: 24px; left: 0px; padding: 0px; }
.news-item.odd { border-bottom: 8px solid #80B3BB; }

#logos { padding-top: 13px; }
#logos img { vertical-align: middle; }
#logos a { padding: 0px 20px; }

/*******************/
/* CELL: PORTFOLIO */
/*******************/
#portfolio { padding-top: 77px; height: 1083px; }
#portfolio h2 { margin-bottom: 110px; }
#portfolio h2 span { background-image: url(img/title-portfolio.png); }
#portfolio .anchor-portfolio { visibility: hidden; }
#portfolio .anchor-about-me a { background-position: 0px -150px; }
#portfolio .anchor-contact a { background-position: 0px -210px; }
#portfolio h3 { margin-left: 14px; }

/* REFERENCE */
#references { position: relative; overflow: hidden; width: 945px; height: 420px; margin-left: 14px; }
.position { position: absolute; }
#references .wrapper { width: 945px; float: left; margin: 0px; }
#references .item { position: relative; overflow: visible; border: 1px solid #6CC3D0; width: 261px; height: 161px; padding: 16px; margin: 0px 20px 20px 0px; float: left; color: #BBE5EC; line-height: 14px; }
#references .item h4 { color: #BBE5EC; line-height: 14px; font-size: 12px; padding-bottom: 13px; }
#references .item a { color: #BBE5EC; text-decoration: none; }
#references .item img { position: absolute; top: -1px; left: -1px; }

#portfolio .more { text-align: right; padding: 12px 0px 25px 0px; }
#portfolio .more a { background: url(img/arrow-right.gif) no-repeat left 2px; color: #80B3BB; text-decoration: underline; font-size: 11px; padding-left: 19px; }
#portfolio .more a#ref-prev { background: url(img/arrow-left.gif) no-repeat right 4px; padding-left: 14px; padding-right: 19px; float: left; }

/******************/
/* CELL: KDO JSEM */
/******************/
#about-me { padding-top: 117px; height: 1043px; }
#about-me h2 { margin-bottom: 80px; }
#about-me h2 span { background-image: url(img/title-about.png); }
#about-me p { padding-bottom: 18px; }
#about-me dl { padding-bottom: 8px; line-height: 17px; }
#about-me dt { font-size: 11px; padding: 0px; font-weight: bold; }
#about-me dd { padding: 0px 0px 10px 0px; }
#about-me .anchor-about-me { visibility: hidden; }
#about-me .anchor-contact a { background-position: 0px -210px; }

#about-me .col1 { width: 460px; float: left; margin: 0px 70px 0px 0px; padding: 4px 0px 0px 14px; }
#about-me .col2 { width: 351px; float: left; margin: -10px 0px 0px 0px; font-size: 11px; }

#about-me .col2 .padding { padding: 19px 0px 0px 0px; }
#about-me .col2 .more a { display: block; }
#about-me .col2 .more { padding-left: 26px; background: url(img/arrow-right.gif) no-repeat 2px 3px; }

#about-me .splitter { margin-top: 20px; }

/*****************/
/* CELL: KONTAKT */
/*****************/
#contact { padding-top: 159px; height: 1001px; }
#contact h2 { margin-bottom: 50px; }
#contact h2 span { background-image: url(img/title-contact.png); }
#contact .anchor-contact { visibility: hidden; }

#contact dl { padding-right: 20px; float: left; width: 240px; }
#contact #dl-02,
#contact #dl-03 { margin-top: -59px; }
#contact dt { font-size: 12px; background-repeat: no-repeat; background-position: left top; display: block; width: 90px; height: 21px; line-height: 21px; overflow: visible; text-indent: 0px; padding: 0px 0px 5px 0px; }

#contact dd {
	padding-bottom: 15px;
	overflow: hidden;
	background-position: top;
}

/*#dt-01 { background-image: url(img/dt-01.png); }
#dt-02 { background-image: url(img/dt-02.png); }
#dt-03 { background-image: url(img/dt-03.png); }
#dt-04 { background-image: url(img/dt-04.png); }*/
#dp-06 {
	background-image: url(img/map.jpg);
	width: 364px;
	height: 192px;
	background-position:top;
	background-repeat: no-repeat;
}

#links { width: 520px; }
#links li { float: left; width: 230px; background: url(img/arrow-right-single.png) 0 6px no-repeat; padding: 0 20px 2px 10px; }

#contact .clear { height: 40px; }
#contact .clear2 { height: 10px; }

#contact .col1 { padding: 0px 0px 0px 14px; }

#form-contact legend { display: block; width: 158px; height: 28px; overflow: hidden; text-indent: -500px; background: url(img/legend-01.png); }
#form-contact label { display: block; width: 182px; float: left; height: 65px; line-height: 30px; }
#form-contact label .input { display: block; width: 120px; }
#form-contact label select { display: block; width: 136px; }
#form-contact p label { height: auto; }
#form-contact textarea { width: 400px; height: 60px; overflow: hidden; }
#form-contact p { clear: both; float: none; }
#form-contact p .input { width: 120px; }

#contact .splitter { margin-top: 30px; }

#contact #footer { color: #BBE5EC; padding: 10px 0px 0px 15px; }