/* CSS NEXTREND */
body {
	margin: 0px;
	background: url(/img/bottom-bg.jpg) bottom repeat-x;
	text-align:center;
	font: 10pt Helvetica;
	padding: 0px;
}
/* POZADI - VRCH - UVODNI STRANA*/
div.header-bg {
	position: absolute;
	background: url(/img/header-bg.jpg) repeat-x;
	height: 620px;
	width: 100%;
	top: 0px;
	left: 0px;
}
div.header-bg-small {
	position: absolute;
	background: url(/img/header-bg-small.jpg) repeat-x;
	height: 321px;
	width: 100%;
	top: 0px;
	left: 0px;
}
div.header{
	height:70px;
}
/* OBSAHOVY PRVEK */
div.main {
	position: relative;
	width: 980px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
}
/* FAKE LOGO*/
h1#logo {
	top: 0px;
	position: absolute;
	width: 600px;
	background: #fff;
}
h1#logo a {
	color: #fff;
}
/* FLASH*/
div.flash {
	background: url(/img/flash-header-bg.jpg) repeat-y;
	height: 300px;
	text-align: center;
	padding-top: 0px;
}
/* CAST POD FLASHEM */
div.kategorie {
	background: url(/img/kategorie-bg.jpg) no-repeat;
	height: 250px;
	position:relative;
}
div.kateg0 p, div.kateg1 p, div.kateg2 p{
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}
div.kateg0-next p{
	margin:0px;
	margin-bottom:5px;
	padding:0px;
}
div.kateg0, div.kateg1, div.kateg2 {
	float: left;
	width: 255px;
	margin-left: 3px;
	padding: 100px 34px 10px 34px;
	height: 139px;
	color: #ffffff;
	font-size: 10pt;
	line-height: 23px;
}
/* JEDNOTLIVE KATEGORIE */
div.kategorie-prezentace{
	background:url(/img/nadpis/prezentace.jpg) no-repeat;
	height: 250px;
	position:relative;
}
div.kategorie-eshop{
	background:url(/img/nadpis/e-shopy.jpg) no-repeat;
	height: 250px;
	position:relative;
}
div.kategorie-dtp{
	background:url(/img/nadpis/grafika.jpg) no-repeat;
	height: 250px;
	position:relative;
}
div.kateg0-next{
	float:left;
	width:600px;
	padding:37px 23px;
	color:#fff;
	line-height:20px;
	font-size:10pt;
}
/* CAST POD TREMA KATEGORIEMA*/
div.text {
	background:url(/img/main-top-bg.jpg) top no-repeat;
	min-height:200px;
}
div.text div.clear{
  clear:both;
}
/* LEVY a PRAVY sloupec na Uvodni strance*/
div.p-right {
	float: right;
	margin-top:10px;
	width: 240px;
	padding: 10px 5px;
	background: url(/img/main-right-bg.jpg) top no-repeat;
	min-height:350px;
}
div.p-left {
	float: left;
	background: url(/img/right-bg.jpg) right top no-repeat;
	width: 700px;
	padding: 15px;
	margin-top:10px;
	min-height: 320px;
}
div.nadpisy{
	height:44px;
	overflow:hidden;
}
h2.left{
	padding:19px 10px 0 20px;
	width:680px;
	float:left;
}
h2.right{
	width:240px;
	float:right;
	padding:19px 10px 0 5px;
}
h2 span.right{
	float:right;
	padding:4px 0px;
	font-size:9pt;
}
/* SPODEK WEBU - ODKAZOVA CAST*/
div.bottom {
	background: url(/img/bottom-stin.gif) top no-repeat;
	height: 174px;
	clear: both;
	padding-top: 30px;
	margin: 0px;
}
div.bottom-cast {
	width: 225px;
	padding:0 10px 5px 10px;
	float: left;
}
div.bottom h3, div.bottom a {
	color: #ffffff;
}
div.bottom a{
  display:block;
  padding:5px 0px 5px 22px;
  font-size:8pt;
  background:url(/img/done.png) 0% 70% no-repeat;
  color:#cccccc;
}
div.bottom .nadpis,h2 .nadpis{
	position:absolute;
}
div.bottom a:hover{
  color:#fff;
}
div.bottom h3 {
	font-size: 11pt;
	margin: 0 0 15px 0;
}
/* COPYRIGHT */
div.copyright{
  height:20px;
  padding:10px;
  color:#fff;
}
div.copyright div.right{
  float:right;
  padding:0px;
  text-align:right;
}
div.copyright div.right a{
  text-decoration:none;
}
div.copyright img{
  vertical-align:top;
}
div.copyright a{
  color:#fff;
}
div.copyright a:hover{
  text-decoration:none;
}
/* NOVINKY - UVODNI STRANA*/
div.novinka-home-podtrzena {
	font-size: 90%;
	padding: 11px 10px 20px 10px;
	border-bottom: 1px dotted black;
}
div.novinka-home{
	font-size: 90%;
	padding: 11px 10px 20px 10px;
}
div.novinka-home h3, div.novinka-home-podtrzena h3 {
	margin: 0 0 3px 0;
	text-decoration: underline;
	font-size: 90%;
}
div.novinka-home div.datum, div.novinka-home-podtrzena div.datum {
	background: url(/img/datum-bg.gif) no-repeat;
	height: 40px;
	text-align: center;
	padding: 17px 19px 0 0;
	float: left;
	width: 36px;
	font-family: Tahoma;
	font-size: 80%;
}
/* NADPISY A JEDNODUCHE STYLY */
div.p-right p.technologie{
	padding:10px 0 0 0;
	margin:0px 15px;
}
div.p-right strong a{
	color:#000;
	text-decoration:none;
}
div.p-right strong a:hover{
	text-decoration:underline;
}
ul.kateg-right{
	margin:0px 15px;
	padding:10px  0 10px 30px;
	list-style-image:url(/img/list-ico.gif);
	border-bottom:1px dotted #000;
}
ul.kateg-right li{
	line-height:18px;
	color:#666666;
	font-size:80%;
}
ul.kateg-right li a{
	color:#666666;
	text-decoration:none;
}
ul.kateg-right li a.underline{
	text-decoration:underline;
}
div.p-left p{
	margin:0px;
	line-height:15pt;
	padding:5px 15px;
}
div.p-left ul{
	line-height:20px;
	color:#555;
	margin:0 0 0 20px;
	padding:10px 30px;
	-moz-border-radius:10px;
	list-style-image:url(/img/list-ico.gif);
}
div.p-left ul a{
	color:#666;
	font-weight:bold;
}
a{
	color:#666;
}
a:hover{
	text-decoration:none;
}
div.p-right p.ref{
	line-height:20px;
	border-bottom:1px dotted #000;
	font-weight:bold;
	padding:10px 0px;
	margin:0px 15px;
}
div.p-right p.ref2{
	line-height:20px;
	font-weight:bold;
	padding:10px 0px;
	margin:0px 15px;
}
div.p-right p.ref2 img{
	margin:8px 14px 2px 14px;
	cursor:pointer;
}
div.p-right p.ref a{
	text-decoration:underline;
	color:#ff9900;
}
div.p-right p.ref span{
	display:block;
	color:#666;
	font-weight:normal;
}
h2{
	color:#ff9900;
	font-size:15pt;
	/*font-weight:normal;*/
	margin:10px;
}
h3{
	color:#f2960d;
	font-size:13pt;
	/*font-weight:normal;*/
	margin:10px;
}
h3.news{
	color:#000;	
}
h3.news a{
	color:#000;	
}
h4{
	color:#f2960d;
	font-size:11pt;
	/*font-weight:normal;*/
	margin:10px;
}
h5{
	color:#f2960d;
	font-size:10pt;
	/*font-weight:normal;*/
	margin:10px;
}
h2 a,h3 a,h4 a,h5 a{
	color:#f2960d;
}
h2.kat0,h2.kat1,h2.kat2{
  position:absolute;
}
h2.kat0 a,h2.kat1 a,h2.kat2 a{
  color:#ffffff;
}
h2.kat0{
  left:20px;
}
h2.kat1{
  left:350px;
}
h2.kat2{
  left:670px;
}
h2.nadpis {
	font-size: 14pt;
	margin: 0px;
	color:#000;
}
img.vice-informaci {
	margin: 5px 0px 0px 0px;
}
img.nahled-velky{
	border:1px solid #cccccc;
	margin:5px 0 0 0;
}
img.inline-block{
	display:inline-block;	
}
img.none{
	display:none;
}
img.reference-flash-odkaz{
	margin-top:230px;
	margin-left:750px;
	position:absolute;	
}
img {
	border: 0px;
}
a.red {
	color: #cc0000;
	text-decoration: underline;
}
a.red:hover {
	text-decoration: none;
}
.mid {
	vertical-align: middle;
}
.align-right {
	text-align: right;
}
.align-right-padding {
	text-align: right;
	clear: both;
	padding: 20px 10px 0px 10px;
}
.silver-small {
	color: #666666;
	font-size: 90%;
	padding:0px;
	margin:0px;
}
.silver{
  color:#8e8e8e;
}
.pink{
  color:#db007b;
}
/* REFERENCE - KATEGORIE - VPRAVO*/
div.reference-kategorie-right{
	margin:5px auto;
	text-align:center;
}
/* REFERENCE HOME*/
div.reference-home {
	float: left;
	margin: 0px;
}
div.reference-home h3, div.reference-kategorie-right h3 {
	font-size: 90%;
	padding: 2px 0 5px 15px;
	margin: 0px;
	font-weight: normal;
}
div.reference-home h3 a , div.reference-kategorie-right h3 a{
	text-decoration: underline;
	color: #000000;
}
div.reference-home div.obrazek , div.reference-kategorie-right div.obrazek{
	background: url(/img/nahled-bg.gif) center no-repeat;
	padding: 10px;
}
/*MENU - TOP*/
div.menu {
	float: right;
}
/* JEDNOTLIVE POLOZKY MENU */
div.menu-polozka{
	height:36px;
	float:left;
	overflow:hidden;
	margin:22px 3px 0 0;
}
span.menu-polozka{
	float:left;
	width:50px;
	position:absolute;
}
div.menu-polozka a{
	display:block;
	padding-top:36px;
	height:0px;
	overflow:hidden;
}
div.menu-active{
	background-position:top;
}
div.menu-uvod{
	background:url(/img/menu/uvod.gif) center no-repeat;
	width:62px;
}
div.menu-uvod-active{
	background:url(/img/menu/uvod.gif) top no-repeat;
	width:62px;
}
div.menu-uvod:hover{
	background-position:bottom;
}
div.menu-profil-spolecnosti{
	background:url(/img/menu/profil-spolecnosti.gif) center no-repeat;
	width:75px;
}
div.menu-profil-spolecnosti-active{
	background:url(/img/menu/profil-spolecnosti.gif) top no-repeat;
	width:75px;
}
div.menu-profil-spolecnosti:hover{
	background-position:bottom;
}
div.menu-sluzby{
	background:url(/img/menu/sluzby.gif) center no-repeat;
	width:75px;
}
div.menu-sluzby-active{
	background:url(/img/menu/sluzby.gif) top no-repeat;
	width:75px;
}
div.menu-sluzby:hover{
	background-position:bottom;
}
div.menu-reference{
	background:url(/img/menu/reference.gif) center no-repeat;
	width:105px;
}
div.menu-reference-active{
	background:url(/img/menu/reference.gif) top no-repeat;
	width:105px;
}
div.menu-reference:hover{
	background-position:bottom;
}
div.menu-nexshop{
	background:url(/img/menu/nexshop.gif) center no-repeat;
	width:88px;
}
div.menu-nexshop-active{
	background:url(/img/menu/nexshop.gif) top no-repeat;
	width:88px;
}
div.menu-nexshop:hover{
	background-position:bottom;
}
div.menu-kontakt{
	background:url(/img/menu/kontakt.gif) center no-repeat;
	width:86px;
}
div.menu-kontakt-active{
	background:url(/img/menu/kontakt.gif) top no-repeat;
	width:86px;
}
div.menu-kontakt:hover{
	background-position:bottom;
}
form.reference strong{
	float:left;
	width:160px;
	padding:3px;display:block;
	vertical-align:middle;
}
form.reference{
	background:url(/img/line.gif) bottom no-repeat;
	padding:10px;
	margin:0px;
	font-size:90%;
	margin-bottom:15px;
}
form.reference label{
	display:block;
	float:left;
	vertical-align:middle;
	padding:2px 15px 0px 5px;
	cursor:pointer;
}
form.reference .submit{
	width:82px;
	float:left;
	height:31px;
	display:block;
	border:0px;
	color:#fff;
	margin-top:-5px;
	background:url(/img/submit-bg.gif) no-repeat;
}
form.reference input{
	width:20px;
	float:left;
	display:block;
	vertical-align:middle;
}
div.strankovani{
	clear:both;
	text-align:right;
	height:20px;
}
div.strankovani a, div.strankovani span{
	padding:2px;
	color:#212121;
	text-decoration:none;
}
div.strankovani span{
	font-weight:bold;
}
div.strankovani .ar{
	font-weight:normal;
}
p.center{
	text-align:center;	
}
/* UVODNI REFERENCE - HORE*/
img.ref-flash-img{
	float:left;
	margin:20px;
	display:none;
}
div.ref-flash-div{
	float:right;
	background:#efefef;
	width:350px;
	text-align:left;
	padding:10px;
	margin:20px;
	opacity:0.7;
	line-height:20px;
	display:none;
}
div.ref-flash-div h3{
	margin:0px;
	color:red;
}
/* GALERIE */
.galleryview {
	margin:0px;
	padding:0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
}
.panel-overlay h2,
.panel-overlay p{
	margin:0px;
	font-size:9pt;
}
.panel-overlay p {
}
.ref-js-img{
	width:100px;
	height:30px;
	opacity:0.5;
	filter: alpha(opacity = 50);
}
.ref-js-img:hover{
	opacity:1;
	filter: alpha(opacity = 100);
}
/* GALERIE - LIGHTBOX*/
#gallery {
	padding: 10px;
}
#gallery ul { list-style: none; margin:0px;padding:0px;}
#gallery ul li { display: inline; }
#gallery ul img {
	/*border: 5px solid #3e3e3e;*/
	margin:2px;
	border:1px solid #efefef;
}
#gallery a{
	text-decoration:none;
}
#gallery ul a:hover img {
	/*border: 5px solid #9f9f9f;*/
	color: #fff;
	border:1px solid #666;
}
#gallery ul a:hover { color: #fff; }
div#flash-mapa{
  padding:20px 50px;
}
form.kontakt{
	width:650px;
	padding:18px;
	background:url(/img/form-bg.gif) no-repeat;
	margin:0px;
	font:8pt Tahoma;
	height:259px;
}
form.kontakt input{
	border:1px solid silver;
	margin:2px 5px;
	width:304px;
	display:block;
	float:left;
	overflow:auto;
	padding:5px 3px;
	background:url(/img/input-bg.gif) repeat-x;
}
form.kontakt textarea{
	border:1px solid #d8d8d8;
	margin:2px 5px;
	background:url(/img/textarea-bg.gif) repeat-x;
	width:639px;
	display:block;
	float:left;
	padding:3px;
	overflow:auto;
	height:112px;
}
form.kontakt .button{
	width:117px;
	height:32px;
	border:0px;
	float:right;
	margin:20px 0px;
	background:url(/img/odeslat-dotaz.gif) no-repeat;
}
form.kontakt label{
	width:312px;
	padding:3px 5px;
	display:inline;
	float:left;
	font-weight:normal;
}
div.flash-stolek{
	float: right; 
	width: 320px; 
	height: 240px;	
}
h3.news-top{
	font-size:10pt;
	background:url(/img/datum.gif) center left no-repeat;
	padding:9px 0 6px 10px;
	margin:0px 0 0px 20px;
	cursor:pointer;
	color:#000;
	font-weight:normal;
}
h3.news-top span{
	font-weight:normal;
	padding:0 12px 0 0;
}
h3.news-top a{
	color:#000;
	text-decoration:underline;
}
#novinky p{
	padding-left:120px;
}