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


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

body { 
	font-family: Century gothic, Verdana, 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: 3px 0px 5px 8px;	
 }
img.left { 
	float: left; 
	margin: 3px 8px 5px 0px;
}

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

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

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

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { 
	color: #fff; 
	background: #2b3015 url(../../img/body-bg.jpg) 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; 
}
h1 span { 
	width: 300px; 
	height: 50px; 
	position: absolute; 
	top: 60px; 
	left: 0px; 
	background: url(../../img/title-logo.png) no-repeat left top; 
}
h2 { 
	border-left: 24px solid #b9d536; 
	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: 0px 0px no-repeat;  
}
h4 { 
	font-weight: bold; 
	font-size: 18px;
	color: #c5e13f; 
}
h5 {  
	font-size: 14px;
	color: #d3d3d3; 
	font-weight:normal;
}


p { 
	padding-bottom: 12px;
}
a { 
	color: #fff; 
	text-decoration: underline; 
}
ul li { 
	list-style: none; 
	padding: 0px 0px 0px 7px; 
}
a:hover { 
	color: #fff; 
}

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

.navrcholu { 
	display: none; 
}

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

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

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

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

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

/* PAGE TITLES */

/* SECTION */
.section { 
 
	padding: 0px 0px 0px 7px; 
}
.section h2 {  
	width: auto; 
	overflow: auto; 
	border: none; 
	font-size: 10px; 
	font-weight: normal; 
	letter-spacing: normal; 
	text-transform: none; 
	line-height: 10px; 
	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.png) no-repeat left 2px; 
	padding: 0px 9px 0px 20px; 
	font-size: 11px; 
	color: #d2f69a; 
}
.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: 65px; 
	background: url(../../img/anchors.png) no-repeat left top; 
}
.anchor-portfolio a { 
	background-position: 0px -60px; 
}
.anchor-kdo-jsem a { 
	background-position: 0px -120px; 
}
.anchor-kontakt a { 
	background-position: 0px -180px; 
}

#nav { 
	position: absolute; 
	top: 76px; 
	left: 650px; 
	width: 118px; 
	margin: 0px; 
	padding: 0px; 
}
#nav a { 
	text-indent: -200px; 
	display: block; 
	overflow: hidden; 
}
#nav a.back { 
	width: 118px; 
	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: 6px; 
}
#nav a.next { 
	width: 30px; 
	height: 24px; 
	background: url(../../img/dalsi.png) no-repeat left top; 
	position: absolute; 
	top: 70px; 
	left: 86px; 
}
#nav form { 
	padding: 0px; 
	margin: 0px; 
	border: none; 
}
#nav input { 
	padding: 0px; 
	margin: 0px; 
	border: none; 
}
#nav input.back { 
	width: 118px; 
	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: url(../../img/h3-01.png) no-repeat 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: 0px; 
	background-position: 0px 0px; 
	background-repeat: no-repeat; 
	cursor: pointer; 
}
#section-menu ul strong { 
	display: inline-block; 
	background-color: #fe0000; 
	color: #fff; 
	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: 12px; 
	padding-top: 1px; 
	color: #95afb8; 
}

#section-menu ul #m01 span { 
	height: 25px; 
	width: 65px; 

	background-image: url(/img/folio_btn.png); 
}
#section-menu ul #m02 span { 
	width: 77px; 
	background-image: url(../../img/menu-kdo-jsem.gif); 
}
#section-menu ul #m03 span {
	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: Century gothic, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
}
#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: 18px; 
	letter-spacing: -1px; 
	text-transform: none; 
	padding-bottom: 5px; 
	margin-bottom: 0px; 
	text-indent: 0px; 
	overflow: auto; 
}
.news-item p { 
	color: #d2f69a; 
	line-height: 16px; 
	padding-left: 80px; 
	text-align: right; 
	padding-bottom: 0px; 
}
.news-item .date { 
	color: #fff; 
	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-kdo-jsem a { 
	background-position: 0px -150px; 
}
#portfolio .anchor-kontakt 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; 
}
#flashcontent { 
	width: 940px;
	height: 420px;
    margin: 0 auto 0 auto;
	color:#ffffff;
}

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

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

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

#kdo-jsem .splitter { 
	margin-top: 20px; 
}

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

#kontakt dl { 
	padding-right: 20px; 
	float: left; 
	width: 240px; 
}
#kontakt #dl-02,
#kontakt #dl-03 { 
	margin-top: -59px; 
}
#kontakt dt { 
	font-size: 17px; 
	background-repeat: no-repeat; 
	background-position: left top; 
	display: block; 
	width: 43px; 
	height: 21px; 
	line-height: 21px; 
	overflow: hidden; 
	text-indent: -50px; 
	padding: 0px 0px 5px 0px; 
}
#kontakt dd { 
	padding-bottom: 15px; 
}

#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); }
#h3-07 { background-image: url(../../img/mesto.png); }

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

#kontakt .clear { 
	height: 40px; 
}

#kontakt .col1 { 
	padding: 0px 0px 0px 14px;
	margin: 100px 0px 0px 0px; 
}
/*#kontakt .col1 { width: 250px; float: left; padding: 0px 0px 0px 14px; }*/
#kontakt .col2 { 
	padding: 20px 0px 0px 14px; 
}


#form-contact { 
	width: 450px; 
	padding-left: 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; 
}

#kontakt .splitter { 
	margin-top: 30px; 
}
#kontakt #footer { 
	color: #d2f69a; 
	padding: 10px 0px 0px 15px; 
}