@import url("layout.css");
body, th, td {
	font-family: Arial, Verdana,Helvetica, sans-serif;
	color:#444;
	font-size:0.9em;
	line-height:1.4em;
	background:top left url(../graph/body-bg.jpg) repeat-x;
}

h1, h2, h3, h4{
	color:#e37c00;
	background:none;
}

h1{
	font-size:160%;
	margin:0.6em 0em 0.5em;
}

h1.detail{
	color:#444;
	background:none;
}

h2{
	font-size:140%;
	margin:0.7em 0em 0.5em;
}

h3{
	font-size:120%;
	margin:0.5em 0em 0.3em
}

a{
	color:#e37c00;
	background:none;
	text-decoration:none;
	border-bottom:1px dotted #e37c00;
}

a:hover{
	border-bottom:1px solid #e37c00;
}

a.out{
	border-width:2px;
}

a.highslide, a.highslide img{
	border:none
}

p{
	margin:0.3em 0em 1em;
}

dt span{
	color:#e37c00;
	background:none;
	font-weight:bold;
}

dd{
	margin-bottom:1em;
}

.invisible{
	visibility:hidden;
}

#levy-obsah p{
	margin-right:25px;
}

#levy-obsah #adresy p{
	margin-right:0px;
}

#page-uvod{
	background: top center url(../graph/page-uvod-bg.jpg) repeat-x;
}

#uvodnik-obal{
	background: top center url(../graph/uvodnik-bg.jpg) no-repeat;
}

#uvodnik{
	margin: 0px auto;
	width:960px;
	background: #ffba2b top center url(../graph/uvodnik-default-bg.jpg) no-repeat;
	height:107px;
	text-align:left;
	position:relative;
}

#uvodnik-obal-uvod{
	background: top center url(../graph/uvodnik-obal-bg.jpg) no-repeat;
}

#uvodnik-uvod{
	text-align:left;
	margin: 0px auto;
	width:960px;
	background: #ffba2b top center url(../graph/uvodnik-uvod-bg.jpg) no-repeat;
	height:214px;
	position:relative;
}

a.uvod-novinky{
	float:right;
	margin:5px 20px 0px 0px;
}

#zahlavi{
	width:100%;
	background: top center url(../graph/zahlavi-bg.jpg) no-repeat;
}

#zahlavi-in{
	margin:0px auto;
	width:960px;
	text-align:left;
	padding:0px;
	position:relative;
	height:123px;
}

#menu{
	position:absolute;
	right:10px;
	bottom:3px;
	width:600px;
	height:65px;
}

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

#menu li{
	float:left;
	margin:0px 1px;
}

#menu li.aktivni{
	background:bottom center url(../graph/li-aktivni.gif) no-repeat;
}

#menu a{
	display:block;
	text-decoration:none;
	color:#999;
	margin-bottom:8px;
	height:26px;
	padding:26px 15px 5px;
	border-bottom:none;
}

#menu a:hover{
	background:bottom left url(../graph/a-bg.jpg) repeat-x;
	color:#515151;
}

#news{
	width:960px;
	margin:2em auto 0em;
	padding-bottom:0.7em;
	border-bottom:1px dotted #e37c00;
}

#obsah{
	margin-bottom:0px;
	text-align:left;
	padding-top:10px;
	background:top center url(../graph/obsah-bg.jpg) no-repeat;
}

#zapati{
	height:107px;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background: top center url(../graph/paticka_bg.jpg) no-repeat;
	margin:0px;
	padding:0px;
}

#zapati div{
	height:107px;
	margin:0px auto;
	padding:0px;
	color:#fff;
	text-align:left;
	width:960px;
	background: #ffba2b top center url(../graph/paticka_bg.jpg) no-repeat;
}

#zapati div p{
	width:960px;
	margin:0px auto;
	padding:10px;
}

#zapati div p a{
	color:#fff;
}

#zapati div p span{
	float:right;
	color:#000;
}

h1#logo{
	margin:0px;
}

h1#logo a{
	color:#ffba2b;
	position:absolute;
	top:10px;
	left:14px;
	width:184px;
	height:88px;
	margin:0px;
	overflow:hidden;
	border-bottom:none;
}

#logo span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background:url(../graph/logo_bg.jpg) 0 0 no-repeat;
	cursor:pointer;
}

h2.claim{
	color:#fff;
	margin:0px;
	position:relative;
	padding-left:0px;

}

h3.sluzby{
	padding: 10px 10px 10px 50px;
}

h2 img{
	margin-bottom:-4px;
}

h3.sluzby#navrh{
	background:5px 5px url(../graph/ikony/ico_navrh.gif) no-repeat;
}

h3.sluzby#kod{
	background:5px 5px url(../graph/ikony/ico_kod.gif) no-repeat;
}

h3.sluzby#komplet{
	background:5px 5px url(../graph/ikony/ico_komplet.gif) no-repeat;
}

h3.sluzby#aplikace{
	background:5px 5px url(../graph/ikony/ico_aplikace.gif) no-repeat;
}

h3.sluzby#copywrite{
	background:5px 5px url(../graph/ikony/ico_navrh.gif) no-repeat;
}

p acronym{
	color:#e37c00;
	font-weight:bold;
}

#vybrany-projekt{
	position:absolute;
	left:500px;
	top:0px;
	width:470px;
}

#vybrany-projekt h2{
	color:#fff;
	padding-left:0px;
	margin:0px 0px 7px 0px;
}

img.vybr-proj{
	background:top left url(../graph/vybrany-projekt-bg.jpg) no-repeat;
	padding:5px 13px 13px 5px;
	margin-top:22px;
}

.popis-projektu{
	float:right;
	width:245px;
	margin:20px 0px 0px;
}

.popis-projektu, .popis-projektu a{
	color:#3f3f3f;
}

.popis-projektu a.linkout{
	padding-right:20px;
	background:top right url(../graph/linkout.gif) no-repeat;
}

a.linkout-inv{
	padding-right:20px;
	margin-right:3px;
	background:top right url(../graph/linkout-inv.gif) no-repeat;
}

.popis-projektu span{
	color:#fff;
	float:left;
	width:5em;
}

p#uvodni{
	width:300px;
	color:#fff;
	margin:10px 0px;
}

.novinka{
	float:left;
	width:295px;
	height:6em;
	margin:10px 20px 10px 0px;
}

.novinka p{
	font-size:0.8em;
}

span.datumovka{
	background:0px 0px url(../graph/ikony/ico_kalendar1.gif) no-repeat;
	float:left;
	margin:0px 15px 0px 0px;
	width:47px;
	height:50px;
	text-align:center;
	font-size:12px;
	line-height:18px;
	padding-top:8px;
	font-weight:bold;
	color:#fff;
}

span.datumovka span{
	color:#000;
}

.novinka h3 a:hover{
	color:#444;
}

.aktualita-detail{
	margin:1em 0em;
}

h2.ref, p.ref{
	margin:0px 20px 0px 480px;
	color:#fff;
}

h2.ref{
	margin:0px 20px 10px 520px;
}

/* --------------------------------------------------------------------------------
								STRANKOVANI
 ----------------------------------------------------------------------------------*/
.strankovani{
	height:2em;
	padding:3px;
	margin:10px 10px 10px 140px;
	text-align:right;
	width:500px;
}
 
.strankovani a.navig, .strankovani strong{
 	padding:3px 6px;
	font-size:90%;
	border:1px solid #e37c00;
	background-color:#fff;
	text-decoration:none;
	color:#e37c00;
}

.strankovani span{
	font-size:90%;
}
 
.strankovani a.r-sipky, .strankovani span.r-sipky{
	margin-left:10px;
}

.strankovani a.l-sipky, .strankovani span.l-sipky{
	margin-right:10px;
}

.strankovani strong{
	background-color:#e37c00;
	color:#fff;
}

.strankovani span{
	color:#e37c00;
	font-size:150%;
	font-weight:bold;
}

.cisla{
	float:left;
	margin-top:0px;
	height:2em;
}

.NavigationSelect legend{
	display:none;
}

.NavigationSelect select{
	border:1px solid #999;
}

.NavigationSelect label{
	color:#999;
}

/* --------------------------------------------------------------------------------
								REFERENCE
 ----------------------------------------------------------------------------------*/
.catalogue-item{
	float:left;
	width:210px;
	height:150px;
	margin:10px 5px 20px;
	padding:0px;
	text-align:center;
}

.catalogue-item .pict, .main-pict{
	background:top left url(../graph/ref-podklad.jpg) no-repeat;
	margin:0px;
	padding:0px;
	display:block;
	width:210px;
	height:145px;
	text-align:left;
}

.catalogue-item .pict img{
	margin:5px 3px 3px 5px;
}

.catalogue-item a{
	cursor:pointer;
	display:block;
	border-bottom:none;
}

.main-pict img{
	margin:5px 0px 0px 5px;
}

.thumbwrapper{
	background:top left url(../graph/ref-podklad-small.jpg) no-repeat;
	margin:5px 5px 25px 0px;
	padding:0px;
	display:block;
	width:145px;
	height:100px;
	text-align:left;
	float:left;
}

.thumbwrapper a.highslide{
	margin:4px 0px 0px 4px;
	display:block;
}

.gallery-examples .thumbwrapper a.highslide img{
	width:132px;
	height:86px;
}
/* --------------------------------------------------------------------------------
								DETAIL REFERENCE
 ----------------------------------------------------------------------------------*/
.item-detail h2{
	color:#444;
}

.detail-data{
	float:right;
	width:430px;
	margin:0px;
}

#main-photo{
	margin: 0px 20px 20px 0px;
}

.detail-data p{
	margin:0px 0px 10px;
	text-align:justify;
}

.detail-data p.popisky{
	margin:0px;
	width:480px;
	text-align:left;
}

.detail-data span.popisek{
	float:left;
	font-weight:bold;
	margin:0px 10px 0px 0px;
}

#main-photo{
	display:table-cell;
	vertical-align:top;
	text-align:center;
	width:176px;
	height:176px;
	margin:0px;
	background:top left url(../graph/main-photo-bg.jpg) no-repeat;
}

#main-photo img{
	margin:auto;
}

.linkout-big{
	padding:3px 30px 3px 0px;
	background:right center url(../graph/linkout-big.png) #fff no-repeat;
}
/*----------------------------------------------------------------------
				FORMATOVANI ROZLOZENI OBSAHU PODSTRANEK 
------------------------------------------------------------------------*/
#hlavni-nase-prace, #hlavni-faq, #hlavni-o-nas, #hlavni-kontakt, #hlavni-mapa-webu{
	float:right;
	width:660px;
}

#levy-nase-prace, #levy-kontakt, #levy-faq, #levy-o-nas, #levy-mapa-webu{
	margin:0px 662px 0px 0px;
	min-height:100%;
	padding:0px;
}

/*---------------------------------------------------------------------*/
span.realizace{
	float:right;
	margin:0em 10px;
	color:#666;
	font-size:80%;
}

ul.reference li{
	margin-bottom:1em;
}

/* --------------------------------------------------------------------------------
								KONTAKT
 ----------------------------------------------------------------------------------*/
#adresy p{
	float:left;
	width:140px;
}

#adresy p.siroke{
	width:280px;
	margin:1em 0em 2em;
}
/* --------------------------------------------------------------------------------
								TYM
 ----------------------------------------------------------------------------------*/
.clen{
	float:left;
	width:120px;
	height:150px;
	margin:0px 5px 10px;
	cursor:pointer;
}

#tym{
	float:left;
	width:387px;
}

#clenove{
	margin:0px 0px 0px 392px;
}
/* --------------------------------------------------------------------------------
								MAPA WEBU
 ----------------------------------------------------------------------------------*/
#hlavni-mapa-webu ul{
}
/* --------------------------------------------------------------------------------
								FAQ
 ----------------------------------------------------------------------------------*/
#levy-faq ul, ul.reference, #levy-o-nas ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

form.odeslat label{
	float:left;
	width:8em;
	text-align:right;
	margin:0px 10px 5px;
}

span.povinne{
	color:#e37c00;
	font-size:1.5em;
	vertical-align:middle;
}

form.odeslat input, form.odeslat textarea{
	border:1px solid #666;
	margin-bottom:5px;
	color:#000;
}

form.odeslat textarea{
	width:300px;
	height:150px;
	color:#000;
}

form.odeslat input:focus, form.odeslat textarea:focus{
	border:1px solid #e37c00;
	color:#e37c00;
}

form.odeslat input.sent{
	background:#e37c00;
	border:1px solid #e37c00;
	color:#fff;
	font-weight:bold;
}
/* --------------------------------------------------------------------------------
								KALKULACE
 ----------------------------------------------------------------------------------*/
#kalkulace{
	line-height:150%;
}

#kalkulace h3{
	width:100%;
	font-size:100%;
	border-bottom:1px solid;
}

#kalkulace fieldset{
	float:left;
	width:300px;
	margin:5px;
}

#kalkulace fieldset legend{
	display:none;
}

#kalkulace hr.cleaner{
	border-width:0px;
}

#kalkulace label{
	font-size:80%;
	display:inline-block;
	width:260px;
}

#kalkulace label.domena{
	width:100px;
	margin-right:20px;
}

#kalkulace label span{
	float:right;
	font-weight:bold;
}