body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 83%;
	background: #606768;
	margin:25px 0 0 0;
	padding:0;
	text-align: center;
}

img {
   border:0
}

a:link {
	color:#202e77;
}
a:visited {
	color: #4555ac;
}
a:hover {
	text-decoration:none;
	color: red; 
}

/* všeobecné trídy */

.left {
   text-align:left
}
.right {
   text-align:right
}
.center {
   text-align:center
}
.justify {
   text-align:justify
}
.leftf {
   float:left
}
.rightf {
   float:right
}
.both {
   clear:both;
}

input { border:1px solid #999999; font-size:0.93em; margin:2px 0;}
textarea { border:1px solid #999999;font-family:Arial, Helvetica, sans-serif; font-size:0.87em;}
/* všeobecné trídy - konec */

/* layout */
#telo {
   width:750px;
   margin:0 auto;
   background: #fff;
}

#hlavicka {
   height:120px;
   background: url(../images/top.jpg) right top no-repeat;
   text-align:left;
}

#logo {
   margin:25px 0 0 20px;
}

#stred {
   background: url(../images/menu_bg.jpg) left repeat-y;
}

#obsah {
   min-height:450px;
   /* IE only */
   height:auto;
   _height:450px;
   margin-left: 189px;
   padding:31px 17px 17px 17px;
   text-align:left;
}

#menu {
   float: left;
   width: 180px;
}

#paticka {
   background:  #202e77; /*modra*/
   height:20px;
   color:#fff;
   padding:7px 0 0 15px;
   _padding:4px 0 0 15px;
   font-size:0.8em;
   text-align:left;
}
/* layout - konec */

/* menu */

#navigace li {
   display: inline;
}

#navigace {
   font-size:0.9em;
   margin: 30px 0 0 0;
   padding: 0;
   color: #ffffff;
}

#navigace a {
   width:183px;
   width:170px;
   display: block;
   background:#202e77; /*modra*/
   margin:5px 0;
   text-align:left;
   padding:3px 0 3px 13px;
   text-decoration: none;
   color: #fff;
}

#navigace a:hover {
   background: #e05644;
   color: #fff;
}
#navigace .aktivni a {
   background:#fc0019; /*CERVENA*/
}
/* menu - konec */

/* vyhledavani */
#vyhledavani {
   margin:0px 5px 0 5px;
   text-align:left;
}

.textinput {
   border: 1px solid #202e77; /*modra*/
   background-color: #fff;
   margin: 5px 0 0 0;
   padding: 0;
   width: 170px;
   height:17px;
   font-size: 1em;
}

.button {
   border: 1px solid #202e77;
   background: #202e77;	/*modra*/
   margin: -5px 0 0 0;
   padding: 0px;
   height:1.53em;
   font-size: 1em;
   text-align:center;
   color:#fff;
}
/* vyhledavani */

/* uvodni stranka */
.box-u a, .box-u2 a {
  float : left;
  background : #202e77 url(../images/box-u-r.jpg) no-repeat 100% 0%;
  color : #fff;
  font-size : 30px;
  text-align : center;
  padding : 15px 38px 30px 30px;
  letter-spacing : 1px;
  text-decoration : none;
  font-weight : normal;
  padding-bottom : 20px;	
	
}

.box-u2 a {
	margin-left:25px;
	margin-bottom:10px;
	padding:53px 62px 27px 62px;
	padding-top : 18px;
	padding-bottom : 17px;
}

.box-u a:visited, .box-u2 a:visited{
	color: #fff;
}

.box-u a:hover, .box-u2 a:hover{
	color: #fff;
	text-decoration:none;
}


h1 {
   font-size:1.33em;
   margin:0px 0 5px 0;
   padding:0;
   color:#fc0019;
}

h2 {
   font-size :1.0em;
   margin:8px 0 4px 0;
   padding:0;
   color:#202e77; /*modrá*/
}

p {
   
   margin:2px 0;
}

table{
  font-size: 1em;
}

/* uvodni stranka - konec */

/** obecne */
.list{
	margin-top:1px;	/*zruseni odradkovani pro ul*/
}

.block{
   margin: 1px 0 5px 10px;
   list-style: none;
}

.cervena{
   font-weight: bold;
   color: red; 
}


/* reference */
.reference { color:#333333; margin:0 10px 0 30px}
.reference h2 { font-size :1.13em; margin:8px 0 15px -20px; padding:0; color:#202e77; /*modrá*/}
.reference .obal {border-bottom:1px dotted #CCCCCC; padding-bottom:10px; min-height:115px; _height:115px; margin: 0 0 18px 0;}
.reference .obal img { float:left; border:2px solid #d3d3d3; margin:0 20px 0 0; }
.reference .obal .popis { font-size:0.87em;  }
.reference .obal .popis h3 { font-size:1.1em; color:#333333; margin:0 0 5px 0; letter-spacing:1px;}
.reference .obal .popis p { margin:8px 0;}
/* reference - konec */

/* layout */

 a.web4comp { text-decoration:none; font-size:0.83em; display:block; letter-spacing:0px;}

/* layout - konec */

/* ekonom */
#ekonom {
        background: url("../images/pozadi_ekonom.jpg") no-repeat;
}
.ekonom {
        background: url("../images/pozadi_ekonom.jpg") no-repeat;
}
.ekonom_o1 {
        position:relative;
	left:20px;
}
.ekonom_o2 {
        position:relative;
	left:-10px;
	top:20px;
}
/* ekonom - konec */