body {
	font-size:12px;
	font-family:Arial;
	background:#eeeeee url('../images/body.png') repeat-x;
	margin:0px;
	line-height:1.5;
	color:#212121;
}
a {color:#212121;}

ul {margin:0px;padding:0px;}
ul li {list-style:none;}

h1 { position: relative; float:left;width:175px; height: 45px; text-indent:-9999px;}
h1 span { position: absolute; top:0; left: 0; margin-top:25px; margin-left:20px;width: 100%; height: 100%; background: url('../images/logo.png') no-repeat; }
h2.titulref {display:none;}
h3 {font-size:24px; color:#212121; font-weight:normal;margin:0px; clear:both;}

div.topref span small {font-size:11px; padding-left:3px; line-height:2.5;}
div.topref span p {font-size:12px; padding-left:3px; line-height:1.6; margin:0px; color:#858585;}

div#container {
	width:935px;
	margin:0px auto;
}
div#header {
	width:100%;
	height:272px;
	background:url('../images/header.png') no-repeat;
}
div#header ul {
	float:right;
	width:480px;
	margin-top:50px;
}
div#header ul li {
	list-style:none;
	float:left;
	margin-left:20px;
}
div#header ul li:first-child { margin:0px;}
div#header ul li a {text-indent:-9999px;display:block; padding-left:10px;padding-right:0px; outline:none;}

div#header ul li.active a.uvod { width:105px; height:34px; background:url('../images/uvod-a.png') no-repeat; padding:0px;}
div#header ul li.active a.sluzby { width:66px; height:34px; background:url('../images/sluzby-a.png') no-repeat; padding:0px;}
div#header ul li.active a.reference { width:84px; height:34px; background:url('../images/reference-a.png') no-repeat; padding:0px;}
div#header ul li.active a.portaly { width:96px; height:34px; background:url('../images/portaly-a.png') no-repeat; padding:0px;}
div#header ul li.active a.kontakt { width:74px; height:34px; background:url('../images/kontakt-a.png') no-repeat; padding:0px;}

div#header ul li a.uvod {width:83px; height:34px; background:url('../images/uvod.png') no-repeat; }
div#header ul li a.sluzby {width:39px; height:34px; background:url('../images/sluzby.png') no-repeat; }
div#header ul li a.reference {width:61px; height:34px; background:url('../images/reference.png') no-repeat; }
div#header ul li a.portaly {width:76px; height:34px; background:url('../images/portaly.png') no-repeat; }
div#header ul li a.kontakt {width:47px; height:34px; background:url('../images/kontakt.png') no-repeat; }
div#header ul li a.kariera {width:42px; height:34px; background:url('../images/kariera.png') no-repeat; }

div.smallheader { clear:both;float:left;width:100%; margin-top:35px;}

p#perex-left {float:left; width:55%; font-size:24px;line-height:1; margin-top:33px; color:#939393;}
p#perex-left-uvod {float:left; width:55%; font-size:24px;line-height:1; margin-top:20px; color:#939393;}
p#perex-left-uvod strong {font-size:36px; font-weight:normal;color:#474747;}
p#perex-left strong {font-size:36px; font-weight:normal;color:#474747;}
p#perex-right {float:right; width:40%;color:#4d4d4d; font-size:14px; margin-right:20px; margin-top:20px;}

a.left-arrow { width:69px; height:83px; margin-top:110px; background:url('../images/leftarrow.png') no-repeat; text-indent:-9999px; float:left;}
a.right-arrow { width:69px; height:83px; margin-top:110px; background:url('../images/rightarrow.png') no-repeat; text-indent:-9999px; float:right;}
div.topref {width:705px; height:265px; padding:15px; background:url('../images/ref.png') no-repeat; margin-left:9px;}
div.topref span {float:right; width:210px;}
strong.titul {font-size:30px; font-weight:normal;}

div.line-sluzby { width:100%; height:160px;padding-left:15px; padding-right:15px;padding-top:15px; background:url('../images/sluzby-seznam.png') no-repeat; display:block;}

div.content {margin:0px auto;width:897px;clear:both;}
span.konec {background:url('../images/konec.png') no-repeat; width:100%; height:37px; display:block; clear:both;}
div.hpsluzby {width:903px;margin:0px auto; clear:both; margin-top:30px; background:url('../images/hpsluzby.png')bottom no-repeat; min-height:256px;}
span.scol {width:268px; float:left;padding:16px;}
span.scol p {font-size:11px; color:#939393; margin:0px;}

span.sluzby-col {width:48%; float:left; padding-left:10px;}
span.sluzby-col p {width:330px; float:right; padding-right:25px; margin:0px; line-height:1.6;color:#939393;}
span.sluzby-col h3 {margin-bottom:13px;}
span.sluzby-col img {padding-top:3px;}

a.moreinfo { width:99px; height:27px; background:url('../images/moreinfo.png') no-repeat; text-indent:-9999px; float:right; margin-top:27px;}
strong.manual {font-size:24px;font-weight:normal; float:right; padding-right:17px; margin-top:10px;}

p.twitter {height:46px; width:650px; margin:0px auto; font-size:14px;line-height:1.5; padding-top:20px; background:url('../images/twitter.png') left no-repeat; padding-left:50px;}
p.twitter small {font-size:11px; color:#a1a1a1;}

div#footer { background:url('../images/footline.png')left center no-repeat; height:155px; line-height:6; position:relative;}

a.young {width:52px; height:64px; position:absolute; background:url('../images/young.png') no-repeat;text-indent:-9999px; right:60px;top:50px; }

div.referenceleft {
	width:605px;
	background:#fff;
	position:relative;
	padding:15px;
	float:left;
	margin-left:18px;
}
div.referenceleft h3 {
	font-size:30px;
}

div.referenceleft ul {
	margin-top:5px;
	margin-bottom:20px;
	float:left;
	width:100%;
}
div.referenceleft ul li {
	line-height:37px;
	border-bottom:1px solid #e3e3e3;
}
div.referenceright {
	width:244px;
	float:right;
}
div.referenceright ul {
	width:100%;
}
div.referenceright ul li {
	line-height:38px;
	padding-left:15px;
	border-bottom:1px solid #dedcdc;
	border-top:1px solid #f6f5f5;
}
div.referenceright ul li a {
	text-decoration:none;
}
div.referenceright ul li a:hover {
	font-weight:bold;
}
div.referenceright ul li.active, .ui-tabs-selected {
	background:url('../images/activeref.png') no-repeat;
	line-height:45px;
	height:51px;
	border:none;
}

div.referenceright ul li:first-child {
	border-top:none;
}
div.referenceright ul li:last-child {
	border-bottom:none;
}
div.referenceright strong {
	font-size:18px;
	font-weight:normal;
	padding-left:15px;
}

span.corner {width:6px; height:6px; background:url('../images/roh.png') no-repeat; position:absolute; left:0; top:0;}

.refimg {
	padding:7px;
	background:#f2f2f2;
	border:1px solid #e0e0e0;
}

a.visit { color:#f4a30b; font-weight:bold;}

div.portaly-item {
	width:861px;
	height:168px;
	background:url('../images/portalybg.png') no-repeat;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
}
div.portaly-item p {float:left; width:580px; text-align:justify;}
div.portaly-item img {margin-left:20px; margin-top:20px;}

div.kontakt-col {width:420px; padding-left:20px; padding-right:10px; float:left;}
div.kontakt-col-right {width:410px; padding-left:20px; padding-right:10px; float:right;}


ul.default {width:100%;margin-top:8px;clear:both; float:left;}
ul.default li {
	line-height:39px;
	border-top:1px solid #fff;
	border-bottom:1px solid #d8d8d8;
}
ul.default li:first-child {
	border-top:none;
}
ul.default li:last-child {
	border-bottom:none;
}
ul.default li img { float:left; margin-top:12px; margin-right:10px;}

strong.person {font-size:14px; width:137px; float:left;}
strong.top { margin-top:15px; float:left;}
p.team {clear:both; padding-top:25px; padding-bottom:5px;}
form {clear:both;}
input[type="text"] {width:226px; height:27px; background:url('../images/input.png') no-repeat; border:0px; padding:5px;}

/** TOPREF coda slider **/
#topref-container
{
	position: relative;
	text-align: center;
}
#topref-slider
{
	width: 735px;
	margin: 0 auto;
	text-align: left;
}
#topref-slider ul
{
	float: left;
}
#topref-slider ul, #topref-slider li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#topref-slider li
{
	width: 735px;
	height: 295px;
	overflow: hidden;
}
#topref-btn-prev
{
	position: absolute;
	top: 0;
	left: 0;
	width: 69px;
	height: 83px;
	margin-top: 110px;
}
#topref-btn-prev a
{
	display: block;
	height: 83px;
	background: url('../images/leftarrow.png') no-repeat;
	text-indent: -9999px;
}
#topref-btn-next
{
	position: absolute;
	top: 0;
	right: 0;
	width: 69px;
	height: 83px;
	margin-top: 110px;
}
#topref-btn-next a
{
	display: block;
	height: 83px;
	background: url('../images/rightarrow.png') no-repeat;
	text-indent: -9999px;
}


.ui-tabs-hide { display: none; }