@media screen, projection{
body{font:80% Verdana,Arial,lucida,sans-serif; text-align:center; line-height:1.4em; margin:0; padding:0; color:#ffffff; background:#003973;}

hr{height:1px; border:none; border-bottom:1px solid #e9eef1;}

/* NADPISY - H1 H2 H3 ... */
h2,h3,h4{font-weight:normal; font-size:160%; font-weight:normal;}
h2{color:#fff200;}
h3{font-size:140%;}

/* BARVY */
.wh{color:#fff;}
.bl{color:#000;}
a,h3,h4{color:#b9c6d5;}
#foot,#foot a{color:#a6b7c8;}
em{color:#91A8c0;}

/* DELENI */
#head div,#cont,#nav,h1,h1 span{position:relative; top:0; left:0;}
#head div img,h1 span{position:absolute;}

h1,h1 span{width:136px; height:57px; padding:0; margin:0;}
h1{top:27px; overflow:hidden;}
h1 span{display:block; background:transparent url(../img/logo.gif) 0 0 no-repeat;}

#main{width:100%;}
#head{height:111px; background:transparent url(../img/bg-head.jpg) 50% 0 no-repeat;}
#head div{width:770px; margin:0 auto; text-align:left;}
#head div img{position:absolute; top:27px; right:20px;}
#cont{background:#003973 url(../img/bg-cont.gif) 0 0 repeat-x;}
#contmain{text-align:left; width:770px; margin:0 auto 1em;}
#foot{font-size:85%; padding:10px 10px 10px 120px; margin:15px 0 0; background:#003061 url(../img/logo-foot.gif) 15px 50% no-repeat;}
#foot p{padding:0; margin:0;}

#nav{background:#fff100 url(../img/bg-nav.gif) 0 0 repeat-x;}
	#nav div.shop{width:770px; margin:0 auto; position:relative;}
#nav ul{width:670px; padding:0 100px 0 0; margin:0 auto; list-style-type:none;}
#nav li{float:left;}

#text,#texthp{padding:15px 0;}
#texthp{float:left; width:510px;}
#right-side{float:right; width:208px; padding:15px; background:#14497E url(../img/bg-right.gif) 0 0 repeat-x; border:1px solid #386492; border-top:none;}
	#right-side td{border:none; padding:0 5px 0 0;}
	#right-side ul{margin:0; padding:0; list-style:none;}
	#right-side li{background:url(../img/arr-blue.gif) 0 5px no-repeat; padding:0 0 10px 12px;}
	#right-side li a{color:#ffffff;}

#new{font-size:85%;}
#new h4{color:#fff; font-size:100%; font-weight:bold; margin:0;}
#new p{margin:0;}

.sluzby{list-style-type:none; padding:1em 0; margin:0;}
.sluzby li{padding:12px 12px 12px 105px; margin-bottom:1em; min-height:81px; background:#215488 url(../img/sprava.jpg) 12px 12px no-repeat; border:1px solid #386492;}
.sluzby h3{margin:0;}
.sluzby p{margin:1em 0 0;}
.sluzby li.management{background-image:url(../img/management.jpg);}
.sluzby li.hosting{background-image:url(../img/hosting.jpg);}
.sluzby li.vyvoj{background-image:url(../img/vyvoj.jpg);}
.sluzby li.audit{background-image:url(../img/audit.jpg);}
.sluzby li.smluvni{background-image:url(../img/smluvniservis.jpg);}

.uvozovky{padding:0.8em 0 0 2em; background:transparent url(../img/uvozovky-horni.gif) 0 0 no-repeat;}
.uvozovky p{padding-bottom:1em; background:transparent url(../img/uvozovky-dolni.gif) 100% 100% no-repeat;}
.uvozovky h2{font-size:170%;}

.tel{font-size:150%; padding:10px 0; text-align:center; background:#91A8c0; line-height:1.4em;}
.spolupracujeme{text-align:center; padding:10px 0; background:#fff;}
.news{margin:10px 0 20px; clear:both;}
	.news div{margin:0 15px 15px 0; background:white; padding:5px; float:left;}
.products{padding:12px; margin:1em 0; background:#215488; border:1px solid #386492;}
	.products img{margin:0 15px 15px 0; float:left; border:2px solid #e3e3e3;}
	.products h3{margin-top:0;}
	.products p{margin-left:130px;}
.w30{width:30%; float:left; margin:0 8px;}
.w30 h4{font-size:120%; margin:0;}
.w30 ul{margin-top:2px;}
.w450{width:450px; float:left;}
.ml500{margin-left:500px;}

/* TABULKY */
table{border-collapse:collapse; font-size:100%;}
th,td{text-align:left; padding:2px 7px; vertical-align:top; border:1px solid #eee;}
th{color:#fff; background:#175591; border:1px solid #fff;}
.border{border:1px solid #386492; background:#215488; width:100%;}
.border td{border:none;}

/* FORMULARE */
form{margin:0;}
fieldset{margin:10px 0; padding:10px; background:#215488; border:1px solid #386492;}
legend{padding:3px 5px; background:#386492;}

/* ODKAZY */
a{text-decoration:underline;}
a:hover,#right-side li a:hover{color:#fff200;}
#nav a{display:block; font-weight:bold; text-decoration:none; color:#000; padding:0.4em 10px 0.4em 20px;}
#nav a.active,#nav a:hover,#nav a.shop:hover{color:#fff; background:#ff8400 url(../img/arr-white.gif) 8px 50% no-repeat;}
#nav a.ashop,#nav a.ashop:hover{background:#ffbd00 url(../img/bg-navshop.gif) 0% 50% repeat-x; padding:0.4em 10px; position:absolute; right:0; top:0;}

/* OSTATNI */
.sml{font-size:85%; line-height:2.5ex;}
.hid,#nav h2{display:none;}
.c{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.just{text-align:justify;}
.flr{float:right;}
.fl{float:left;}
img.fl{margin:0 1em 1em 0;}
img.flr{margin:0 0 1em 1em;}
.cl,#foot{clear:both;}
.cll{clear:left;}
.brd{border:1px solid #000;}
.none,fieldset td{border:none;}
.vis{visibility:hidden; margin:0;}
div.cl{border-bottom:1px solid #003973;}
/*#nav div.cl{border-bottom:1px solid #fff100;}*/
}