BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(images/bg.jpg) #fdfffe repeat-x; 
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 
	font-family: ΢ÈíÑźÚ,ËÎÌå,Arial;
	TEXT-ALIGN: center;
	font-size:14px;
	LINE-HEIGHT: 1.3;
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#page {
	CLEAR: both; BACKGROUND: url(images/pagebg.jpg) repeat-y; 
	MARGIN: 0px auto 50px; 
	WIDTH: 960px; 
	POSITION: relative; 
	TEXT-ALIGN: left
}
 a.capsule{
	font: bold 1em ËÎÌå;
	color: #EF6D00;
	display:block;
	padding-bottom: 5px;
}

a:hover.capsule{
	text-decoration: underline;
}
#mainleft {
	CLEAR: both; 
	BACKGROUND: #EEF3F9 url(/images/mainleftbg.jpg) repeat-x bottom; 

	MARGIN: 10px 0px 0px 5px; 
	padding:20px 0px 0px 10px;
	WIDTH: 200px; 
	POSITION: relative; 
	TEXT-ALIGN: left;
	float: left;
	display: block;
	height:600px;

}
#mainleft A {margin:5px 0px 10px 15px;
padding:5px;
}
#mainleft img{margin:3px 0px 10px 3px;}

td{padding:5px;	TEXT-vALIGN: center;
}

#maincon {
	BACKGROUND: url(images/) no-repeat right bottom; 
	MARGIN: 0px auto 30px; 
	WIDTH: 725px; 
	POSITION: relative; 
	TEXT-ALIGN: left;
	line-height:1.8;
	display:block;
	float: right;
}

li{
	 margin:auto 20px !important;
	 margin:auto;
}

#header H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 245px; PADDING-TOP: 0px; HEIGHT: 75px
}
#header H1 A {
	DISPLAY: block; BACKGROUND: url(images/webgrafika.jpg) no-repeat; WIDTH: 320px; HEIGHT: 75px; TEXT-DECORATION: none
}
#header H1 SPAN {
	VISIBILITY: hidden
}
#header UL {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(images/menu.jpg) repeat-x; PADDING-BOTTOM: 0px; MARGIN: 8px 0px 0px; PADDING-TOP: 0px; HEIGHT: 39px
}
#header UL LI {
	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	PADDING-LEFT: 5px; 
	BACKGROUND: url(images/divider.jpg) no-repeat right center; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	HEIGHT: 39px;
	margin:auto !important;;
}
#header UL LI.last {
	BACKGROUND: 0px 50%
}
#header UL LI A {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; WIDTH: 100px; COLOR: #fff; font-family: ΢ÈíÑźÚ,ËÎÌå,Arial; HEIGHT: 39px; TEXT-DECORATION: none
}
#header {
	BACKGROUND: url(images/bg.jpg) repeat-x
}
#header UL LI A SPAN {
	DISPLAY:display
}


#header UL LI A.uvod {
	BACKGROUND: url(images/uvod.jpg) no-repeat
}
#header UL LI A.uvod:hover {
	BACKGROUND: url(images/uvod-o.jpg) no-repeat
}

#header UL LI A.uvod1 {
	BACKGROUND: url(images/uvod1.jpg) no-repeat
}
#header UL LI A.uvod1:hover {
	BACKGROUND: url(images/uvod1-o.jpg) no-repeat
}


#header UL LI A.uvod2 {
	BACKGROUND: url(images/uvod2.jpg) no-repeat
}
#header UL LI A.uvod2:hover {
	BACKGROUND: url(images/uvod2-o.jpg) no-repeat
}


#header UL LI A.sluzby {
	BACKGROUND: url(images/sluzby.jpg) no-repeat; WIDTH: 99px
}
#header UL LI A.sluzby:hover {
	BACKGROUND: url(images/sluzby-o.jpg) no-repeat
}
#header UL LI A.reference {
	BACKGROUND: url(images/reference.jpg) no-repeat; WIDTH: 99px
}
#header UL LI A.reference:hover {
	BACKGROUND: url(images/reference-o.jpg) no-repeat
}
#header UL LI A.cenik {
	BACKGROUND: url(images/cenik.jpg) no-repeat; WIDTH: 99px
}
#header UL LI A.cenik:hover {
	BACKGROUND: url(images/cenik-o.jpg) no-repeat
}
#header UL LI A.spoluprace {
	BACKGROUND: url(images/spoluprace.jpg) no-repeat; WIDTH: 99px
}
#header UL LI A.spoluprace:hover {
	BACKGROUND: url(images/spoluprace-o.jpg) no-repeat
}
#header UL LI A.kontakt {
	BACKGROUND: url(images/kontakt.jpg) no-repeat; WIDTH: 99px
}
#header UL LI A.kontakt:hover {
	BACKGROUND: url(images/kontakt-o.jpg) no-repeat
}
#intro {

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(images/intro.jpg) no-repeat left top; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 960px; 
	PADDING-TOP: 0px; 
	HEIGHT: 197px
}
#intro P#breadcumbs {

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 20px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: -5px; MARGIN: 0px; COLOR: #87847E; PADDING-TOP: 11px
}
#intro P#breadcumbs A {
	COLOR: #87847E; TEXT-DECORATION: none
}
#intro P#breadcumbs A.first {
	COLOR: #305069
}
#intro P#breadcumbs A:hover {
	COLOR: #fba905;	TEXT-DECORATION: underline
}
#intro P#breadcumbs IMG {
	MARGIN: 0px 5px
}
#intro P.in {
	FONT-WEIGHT: bold;LINE-HEIGHT: 1.3; FONT-SIZE: 12px; MARGIN: 53px 0px 0px 220px; WIDTH: 160px; COLOR: #487498; LETTER-SPACING: 1px
}
#intro P.in A {
	COLOR: #fba905; TEXT-DECORATION: none
}
#intro P.in A:hover {
	TEXT-DECORATION: underline
}
#welcome {
	BACKGROUND: url(images/welcome.jpg) no-repeat; WIDTH: 960px; HEIGHT: 205px
}
H2 {
	 height:19px !important;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 30px;
	FONT-SIZE: 14px; 
	FLOAT: left; 
	PADDING-BOTTOM: 10px; 
	WIDTH: 570px; COLOR: #213f58; PADDING-TOP: 5px

}
H2.references {
	WIDTH: 400px
}
#welcome H2 {
	FONT-SIZE: 16px; MARGIN: 0px; PADDING-TOP: 15px
}
H2 A {
	FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #213f58; TEXT-DECORATION: none
}
#welcome H2 A {
	FONT-SIZE: 20px;
}
#welcome A.more {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 15px; FONT-SIZE: 12px; BACKGROUND: url(images/more.jpg) no-repeat right 7px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 100px; COLOR: #213f58; PADDING-TOP: 25px; HEIGHT: 35px; TEXT-DECORATION: none
}
#welcome EM.more A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 15px; FONT-SIZE: 12px; BACKGROUND: url(images/more.jpg) no-repeat right 7px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 100px; COLOR: #213f58; PADDING-TOP: 25px; HEIGHT: 35px; TEXT-DECORATION: none
}
#welcome EM.less A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 15px; FONT-SIZE: 12px; BACKGROUND: url(images/more.jpg) no-repeat right 7px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 100px; COLOR: #213f58; PADDING-TOP: 25px; HEIGHT: 35px; TEXT-DECORATION: none
}
#welcome EM.more A {
	PADDING-RIGHT: 35px; PADDING-LEFT: 0px; FONT-STYLE: normal
}
#welcome EM.less A {
	PADDING-RIGHT: 35px; PADDING-LEFT: 0px; FONT-STYLE: normal
}
#welcome EM.less A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 50px; BACKGROUND: url(images/less.jpg) no-repeat left 7px; MARGIN-RIGHT: 10px
}
#welcome A.form {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 115px; PADDING-TOP: 25px
}
#welcome A.sluz {
	PADDING-RIGHT: 25px; MARGIN-LEFT: -25px
}
#welcome EM.more {
	DISPLAY: block; FLOAT: left; WIDTH: 125px; HEIGHT: 60px
}
#welcome EM.less {
	DISPLAY: block; FLOAT: left; WIDTH: 125px; HEIGHT: 60px
}
#welcome EM.less {
	WIDTH: 160px
}
 A {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline; COLOR: #f69f00;
}

A IMG.page {
	MARGIN: -45px 0px 0px 16px
}
A IMG.page#not-opera {
	MARGIN: 15px 0px 0px 30px;
	
	MARGIN: 15px 0px 0px 15px\9;
	
	*MARGIN: -45px 0px 0px 12px;
}
A IMG.index {
	PADDING-BOTTOM: 10px; MARGIN: 39px 0px 0px 47px
}
A SPAN {
	DISPLAY: none
}


P.intro-text {
	 LINE-HEIGHT: 1.4 !important;
	 LINE-HEIGHT: 1.6;
	 PADDING-LEFT: 30px;
	 FONT-SIZE: 12px;
	 FLOAT: left;
	 WIDTH: 700px;
	 COLOR: #213f58;

	PADDING-TOP: 0px !important;
	*PADDING-TOP: 20px; 
	 PADDING-TOP: 20px;
}
.post {
	PADDING-LEFT: 30px; FONT-SIZE: 12px; FLOAT: left; WIDTH: 700px; COLOR: #213f58; PADDING-TOP: 20px
}
#need A#ip {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
   opacity: 0.85;
	DISPLAY: block; BACKGROUND: url(images/ip.jpg) no-repeat; FLOAT: left; 

	MARGIN-LEFT: 7px; 
	WIDTH: 236px; HEIGHT: 125px
}
#need A:hover#ip {
	WIDTH: 236px; HEIGHT: 125px;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
   opacity: 1.0;

}

#need A#gp {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
   opacity: 0.85;
    DISPLAY: block; BACKGROUND: url(images/gp.jpg) no-repeat; FLOAT: left; 

    MARGIN-LEFT: 1px; 
    WIDTH: 242px; HEIGHT: 125px
}
#need A:hover#gp {
    filter: alpha(opacity=100);
     -moz-opacity: 1.0;
   opacity: 1.0;

	WIDTH: 242px; HEIGHT: 125px;

}


#need A#ms {
    filter: alpha(opacity=85);
     -moz-opacity: 0.85;
   opacity: 0.85;

	DISPLAY: block; BACKGROUND: url(images/ms.jpg) no-repeat; 
	FLOAT: left;
	MARGIN-LEFT: 1px !important; 
	MARGIN-LEFT: 1px; 
	WIDTH: 241px; HEIGHT: 125px
}
#need A:hover#ms {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
   opacity: 1.0;
}


#need A.kont#ip {
	BACKGROUND: url(images/telefon.jpg) no-repeat
}
#need A.kont#gp {
	BACKGROUND: url(images/mail.jpg) no-repeat
}
#need A.kont#ms {
	BACKGROUND: url(images/icq.jpg) no-repeat
}
#need A.rs#ms {
	BACKGROUND: url(images/rs.jpg) no-repeat
}
#need A.archive#ip {
	BACKGROUND: url(images/zeptejte.jpg) no-repeat
}
#need A.archive#gp {
	BACKGROUND: url(images/pc.jpg) no-repeat
}
#need A.archive#ms {
	BACKGROUND: url(images/spol.jpg) no-repeat
}
#need A.spol#gp {
	BACKGROUND: url(images/sl.jpg) no-repeat
}
#need A.spol#ms {
	BACKGROUND: url(images/nr.jpg) no-repeat
}
#need {
	margin-left:5px !important;
	margin-left:0px;
	MARGIN-TOP: -5px; 
	BACKGROUND: url(images/need.jpg) no-repeat right top; 
	
	WIDTH: 945px !important;
	WIDTH: 952px;
	HEIGHT: 125px;
}
.index#need {
	
	margin-left:-2px;
	BACKGROUND: url(images/need1.jpg) no-repeat right top ;
}
DIV.hr {
	CLEAR: both; BACKGROUND: url(images/hr.jpg) #e8ebf0 no-repeat; 
	
	MARGIN: 10px 0px 0px 10px !important; 
	MARGIN: 10px 0px -4px 10px; 
	
	WIDTH: 680px !important;
	WIDTH: 690px;
	 LINE-HEIGHT: 1px; HEIGHT: 1px
}
#footer {
	margin-top:30px;
	BACKGROUND: url(images/foot.jpg) repeat-x; 
	WIDTH: 100%; 
	HEIGHT: 39px; 
	TEXT-ALIGN: center
}
#foot {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(images/footer.jpg) repeat-x left bottom; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 940px; COLOR: #213f58; PADDING-TOP: 0px; HEIGHT: 39px; TEXT-ALIGN: left
}
#foot .menu A {
	PADDING-RIGHT: 20px; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 12px; COLOR: #213f58; PADDING-TOP: 13px; TEXT-DECORATION: none
}
#foot A:hover {
	BACKGROUND: url(images/bhov.jpg) repeat-x left bottom; COLOR: #fda103
}
#foot #credits {
	FLOAT: left; MARGIN-RIGHT: 50px; LETTER-SPACING: 0px;PADDING-TOP: 13px;
}
#foot .menu {
	FLOAT: right; MARGIN-RIGHT: 1px
}
#foot #credits A {
	DISPLAY: inline; BACKGROUND: 0px 50%; FLOAT: none; COLOR: #213f58; LETTER-SPACING: 0px; TEXT-DECORATION: none
}
#foot #credits A:hover {
	DISPLAY: inline; COLOR: #fda103
}
#foot IMG.divid {
	MARGIN-TOP: 8px; FLOAT: left
}
#newest .ref {
	MIN-HEIGHT: 294px; BACKGROUND: url(images/ref.jpg) no-repeat right top; FLOAT: left; MARGIN-BOTTOM: 20px; WIDTH: 230px; HEIGHT: 294px
}
#newest .cont {
	WIDTH: 690px
}
#newest .ref IMG {
	BORDER-RIGHT: #d9dee4 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #d9dee4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 30px 0px 0px 30px; BORDER-LEFT: #d9dee4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #d9dee4 1px solid
}
#newest .cont IMG {
	MARGIN-BOTTOM: -15px
}
#newest .first IMG {
	BORDER-RIGHT: #d9dee4 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #d9dee4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 30px 0px 0px 14px; BORDER-LEFT: #d9dee4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #d9dee4 1px solid
}
#newest .first {
	BACKGROUND: url(images/newref.jpg) no-repeat right top; MARGIN-LEFT: 15px; WIDTH: 215px
}
#contact {
	BACKGROUND: url(images/contact.jpg) no-repeat; FLOAT: left; MARGIN-LEFT: 20px; WIDTH: 220px; HEIGHT: 294px
}


#contact2 {
	BACKGROUND: url(images/newsbg.jpg) repeat-y; FLOAT: left; MARGIN-LEFT: 20px; WIDTH: 220px; HEIGHT: 340px
}
#contact2 H3 {
	TEXT-ALIGN: left; MARGIN: 10px 0px 10px 50px; WIDTH: 160px; HEIGHT: 20px;
	COLOR: #ffb202;
}

#contact2 {
	FONT-SIZE: 12px; COLOR: #fff; TEXT-ALIGN: left;padding-LEFT: 10px;
}
#contact2 A {
	COLOR: #ffb202;
	TEXT-DECORATION: none;
}
#contact2 A:hover {
	TEXT-DECORATION: underline
}
#contact2 p {
	MARGIN: 3px 3px 5px 0;
}


.cleaner {
	CLEAR: both; VISIBILITY: hidden
}
#contact H3 {
	TEXT-ALIGN: left; MARGIN: 30px 0px 10px 50px; WIDTH: 155px; HEIGHT: 20px
}


#contact {
	FONT-SIZE: 12px; COLOR: #fff; TEXT-ALIGN: center;
}
#contact A {
	COLOR: #ffb202;
	TEXT-DECORATION: none;
}
#contact A:hover {
	TEXT-DECORATION: none
}
.ref .desc P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; COLOR: #213f58; PADDING-TOP: 0px
}
.ref .desc P A {
	COLOR: #000000; TEXT-DECORATION: none
}
.ref .desc P A:hover {
	TEXT-DECORATION: underline; COLOR: #f69f00;
}
.first .desc {
	MARGIN: 20px 0px 0px 20px
}
.ref .desc {
	MARGIN: 20px 0px 0px 35px
}
#minimenu {
	display: block;
	FLOAT: right; WIDTH: 130px; HEIGHT: 30px;
}

#minimenu2 {
	margin-top:20px !important;
	margin-bottom:0px !important;

	margin-top:45px;
	margin-bottom:0px;

	margin-top:12px\9;
	margin-bottom:21px\9;

	*margin-top:15px;
	*margin-bottom:0px;

	margin-right:0px;
	text-align:right;
	FLOAT: right;
	WIDTH: 400px; HEIGHT: 20px;
	font-size:12px;
}


#minimenu2 A{
	COLOR: #213C5A;	TEXT-DECORATION: none;
}
#minimenu2 A:hover {
	COLOR: #fba905;	TEXT-DECORATION: underline

}

#minimenu A {
	BORDER-RIGHT: #fff 1px solid; DISPLAY: block; FLOAT: left; WIDTH: 35px; HEIGHT: 30px
}
#minimenu A.home {
	BACKGROUND: url(images/home.jpg) no-repeat center bottom
}
#minimenu A.home:hover {
	BACKGROUND: url(images/homeo.jpg) no-repeat center bottom
}
#minimenu A.sitemap {
	BACKGROUND: url(images/sitemap.jpg) no-repeat center bottom
}
#minimenu A.sitemap:hover {
	BACKGROUND: url(images/sitemapo.jpg) no-repeat center bottom
}
#minimenu A.contact {
	BACKGROUND: url(images/cont.jpg) no-repeat center bottom
}
#minimenu A.contact:hover {
	BACKGROUND: url(images/conto.jpg) no-repeat center bottom
}
.inputs {
	MARGIN-TOP: 10px; FLOAT: left; WIDTH: 200px; MARGIN-RIGHT: 100px
}
.inputs SPAN {
	DISPLAY: block; FLOAT: left; WIDTH: 70px
}
.inputs INPUT {
	MARGIN-BOTTOM: 6px; WIDTH: 120px; POSITION: relative; TOP: -5px
}
#post-60 {
	MARGIN-BOTTOM: -21px
}
.message {
	FLOAT: left; WIDTH: 200px; HEIGHT: 110px
}
.message TEXTAREA {
	FLOAT: left; WIDTH: 270px; HEIGHT: 70px
}
.message INPUT {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: 0px 50%; LEFT: 200px; FLOAT: right; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 150px; CURSOR: pointer; POSITION: relative; TOP: -168px; HEIGHT: 50px; BORDER-RIGHT-WIDTH: 0px
}
STRONG.chci {
	MARGIN-TOP: 37px; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 22px
}
.orange {
	FONT-WEIGHT: bold; COLOR: #ffa705
}
#newest .ref IMG.arrow {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 20px 10px 0px 130px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
abbr {
	CURSOR: help; BORDER-BOTTOM: #ffa705 1px dashed
}
#welcome A {
	COLOR: #213f58
}
#welcome A:hover {
	TEXT-DECORATION: none
}