body,td {

	font-family: Tahoma, sans-serif;
	font-size: 11px;
}
body {
	background-color: #8AA7E1;
/*	background-image: url('./obr/pozadi.jpg'); */
/* 		text-align: center; Pro IE */

	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#obal {
  margin: auto;
  margin-top: 0px;
position:relative;
  text-align: left;
width:1013px;
height:700px;
overflow: hidden;

}
/* obalové bloky */
#hlava {
display:block;
position:absolute;
left:0px;
top:0px;
width:1013px;
height:109px;
background: gray;
}

#levy {
position:absolute;
left:0px;
top:109px;
width:196px;
height:390px;
background: #9CBDF2;
background-image: url('obr/bok-levy-pozadi.jpg');
background-repeat: repeat-x;
z-index:100;
}

#content {
position:absolute;

left:196px;
top:109px;
width:729px;
height:390px;
background-color:#E3E4E6;
}

#pravy {
position:absolute;
left:925px;
top:109px;
width:88px;
height:390px;
background: blue;
float: left;
}

#pata {
position:relative;
 left:0px;
top:499px;
width:1013px;
height:202px;
background: orange;

}

/* hlava */
#id01-logo-Cedima {
position:absolute;
left:0px;
top:0px;
width:160px;
height:109px;
background-color:#071A5E;
}

#id02-hlava1 {
position:absolute;
left:160px;
top:0px;
width:36px;
height:109px;
background-color:#80848E;
}

#id03-hlava2 {
position:absolute;
left:196px;
top:0px;
width:180px;
height:109px;
background-color:#80848E;
}

#id04-hlava3 {
position:absolute;
left:376px;
top:0px;
width:309px;
height:109px;
background-color:#80848E;
}

#id05-hlava4 {
position:absolute;
left:685px;
top:0px;
width:234px;
height:109px;
background-color:#80848E;
}

#id06-hlava5-pruzna {
position:absolute;
left:919px;
top:0px;
width:6px;
height:109px;
background-color:#80848E;
}

#id07-hlava6 {
position:absolute;
left:925px;
top:0px;
width:31px;
height:109px;
background-color:#80848E;
}

#id08-obal {
position:absolute;
left:956px;
top:0px;
width:57px;
height:109px;
background-color:#091C5C;
}

#id09-hlava7-cz a:link,#id09-hlava7-cz a:hover,#id09-hlava7-cz a:visited {
position:absolute; left:0px; top:52px; width:57px; height:17px;
padding-left: 30px; color: white; font-size: 11px; font-weight: bold; text-decoration: none;
background-image: url('./obr/hlava7-cz.png');
background-repeat: no-repeat;
}
#id09-hlava7-cz a:hover {
color: yellow;
}



#id10-hlava7-de a:link,#id10-hlava7-de a:hover,#id10-hlava7-de a:visited {
position:absolute; left:0px; top:69px; width:57px; height:17px;
padding-left: 30px; color: white; font-size: 11px; font-weight: bold;text-decoration: none;
background-image: url('./obr/hlava7-de.png');
background-repeat: no-repeat;
}
#id10-hlava7-de a:hover {
color: yellow;
}

#id11-hlava7-en a:link,#id11-hlava7-en a:hover,#id11-hlava7-en a:visited{
position:absolute; left:0px; top:86px; width:57px; height:18px;
padding-left: 30px; color: white; font-size: 11px; font-weight: bold;text-decoration: none;
background-image: url('./obr/hlava7-en.png');
background-repeat: no-repeat;
}
#id11-hlava7-en a:hover {
color: yellow;
}

/* levý bok */

#id13-bok-levy-menu {
position:absolute;
left:13px;
top:0px;
width:147px;

height:390px;

background-color:#9CBDF2;
background-image: url('./obr/bok-levy-pozadi.jpg');
 	background-repeat: repeat-x;
}

#id14-bok-levy-ram {
position:relative;
left:160px;
top:0px;
width:36px;
height:390px;
background-color:#80848E;
background-image: url('./obr/bok-ram-levy-pruzny.jpg');
 	background-repeat: repeat-y;
/*  	background-position: right; */
}

/*  #id15-bok-levy-pruzny {
 	position: relative;
 	left: 13px; 
 	width: 183px;
 	height: 8px; 
 	background-color: ;
 	background-image: url('');

 } */


/*
#id16-bok-ram-levy-pruzny {
 position:relative;
 float: right;
left:0px;
top:382px;
width:36px;
height:8px; 
background-color:#80848E; 
background-image: url('');
}
*/


/* content */


#content_txt {
position:absolute;
left:0px;
top:0px;
width:729px;
height:390px;
background-image: url('./obr/content-pozadi.jpg');
background-color:#B6B7BA;
background-repeat: repeat-y;
overflow: auto;
}
#text {
	padding: 10px;
	padding-bottom:5px;
	font-family: sans-serif, Verdana;
	font-size: 11px;
	text-align: justify;
}

/* #id18-content-pruzny {
position:absolute;
left:932px;
top:109px;
width:6px;
height:390px;
background-color:#E3E4E6;
} */

/* pravy */

#id19-bok-pravy-ram {
position:absolute;
left:0px;
top:0px;
width:31px;
height:382px;
background-color:#80848E; 
background-image: url('./obr/bok-pravy-ram.jpg');
}

#id20-bok-pravy-pozadi {
position:absolute; left:31px; top:0px; width:57px; height:382px;
background-color:#163678;
background-image: url('./obr/bok-pravy-pozadi.jpg');
}

#id21-bok-ram-pravy-pruzny {
position:absolute;
left:0px;
top:382px;
width:31px;
height:8px;
background-color:#80848E;
background-image: url('./obr/bok-ram-pravy-pruzny.jpg');
background-repeat: repeat-y;
background-position: left;
}

#id22-bok-pravy-pruzny {
position:absolute;
left:31px;
top:382px;
width:57px;
height:8px;
/* background-image: url('./obr/bok-pravy-pozadi.jpg'); */
background-color:#3353A2;
}

/* pata */


#id23-pata1 {
position:absolute;
left:0px;
top:0px;
width:160px;
height:39px;
background-color:#9DBDF1;
}

#id24-pata2 {
position:absolute;
left:160px;
top:0px;
width:36px;
height:39px;
background-color:#80848E;
}

#id25-pata3 {
position:absolute;
left:196px;
top:0px;
width:180px;
height:39px;
background-color:#80848E;
}

#id26-pata4 {
position:absolute;
left:376px;
top:0px;
width:309px;
height:39px;
background-color:#80848E;
}

#id27-pata5 {
position:absolute;
left:685px;
top:0px;
width:234px;
height:39px;
background-color:#80848E;
}

#id28-pata6-pruzny {
position:absolute;
left:919px;
top:0px;
width:6px;
height:39px;
background-color:#80848E;
}

#id29-pata7 {
position:absolute;
left:925px;
top:0px;
width:31px;
height:39px;
background-color:#80848E;
}

#id30-pata8 {
position:absolute;
left:956px;
top:0px;
width:57px;
height:39px;
background-color:#163678;
}

#id31-pata9 { /* vyhledávací pole */
position:absolute;
left:0px;
top:39px;
width:160px;
height:42px;
background-color:#9DBDF1;
padding-left:13px;
}
#search {
text-align: center; text-decoration: none; font-size: 11px;
display: block; padding: 0px; border:1px solid red; margin:0px;	width: 145px; height: 21px; line-height: 20px;
background-color: white;
overflow: hidden; color: black;
}

 .menu4 {
text-align: center; text-decoration: none; font-weight: bold; font-size: 11px;
display: block; padding-left: 0px; 	width: 147px; height: 21px;
background-color: #A3C3F6; background-image: url('./obr/pata9.jpg');
background-position: -14px -1px; overflow: hidden; color: black; cursor:hand
} 

.menu4 a:hover {
background-position: 0% 100%;
color: black;
}

.menu4 a:active {
background-position: 0% 100%;
color: black;
}


#id32-pata11 {
position:absolute;
left:160px;
top:39px;
width:216px;
height:163px;
background-color:#163678;
}

#id33-pata12 {
position:absolute;
left:376px;
top:39px;
width:309px;
height:163px;
background-color:#163678;
}

#id34-pata13 {
position:absolute;
left:685px;
top:39px;
width:240px;
height:163px;
background-color:#163678;
}

#id35-pata14 {
position:absolute;
left:925px;
top:39px;
width:31px;
height:163px;
background-color:#163678;
}

#id36-pata15-pozadi {
position:absolute;
left:956px;
top:39px;
width:57px;
height:163px;
background-color:#163678;
}

#id37-pata10 {
position:absolute;
left:0px;
top:81px;
width:160px;
height:121px;
background-color:#A3C3F6;
}

/* class */

#stin {
width: 147px;
height: 40px;
position: relative;
z-index:200;
background-image: url('./obr/stin.png');
background-color: transparent;
visibility: hidden;
}

.menu1 a {
text-align: center; text-decoration: none; font-weight: bold; font-size: 11px;
display: block; padding-left: 0px; 	width: 147px; height: 21px;
background-color: #A3C3F6; background-image: url('./obr/menu1.jpg');
background-position: 0% 0%;
overflow: hidden; line-height: 20px; color: black;
}

.menu1 a:hover {
background-position: 0% 100%;
color: black;
}

.menu1 a:active {
background-position: 0% 100%;
color: black;
}

.menu2 a {
text-align: center; text-decoration: none; font-weight: bold; font-size: 11px;
display: block; padding-left: 0px; 	width: 147px; height: 21px;
background-color: #A3C3F6; background-image: url('./obr/menu2.jpg');
background-position: 0% 0%;
overflow: hidden; line-height: 20px; color: black;
}

.menu2 a:hover {
background-position: 0% 100%;
color: black;
}

.menu2 a:active {
background-position: 0% 100%;
color: black;
}

.menu3 a {
text-align: center; text-decoration: none; font-weight: bold; font-size: 11px;
display: block; padding-left: 0px; 	width: 147px; height: 18px;
background-color: #A3C3F6; background-image: url('./obr/menu3.jpg');
background-position: 0% 0%;
overflow: hidden; line-height: 17px; color: black;
}

.menu3 a:hover {
background-position: 0% 100%;
color: black;
}

.menu3 a:active {
background-position: 0% 100%;
color: black;
}
td {
	vertical-align: top;
}
#cenik {
	width: 670px;
}
#cenik td, #cenik th {
	vertical-align: bottom;
	border: 0px;
	padding: 0px;
	margin: 0px;
	border-right:1px solid gray;
	border-bottom: 1px solid white;
}

.td_nadpis {
	vertical-align: top;
	font-weight: bold;
	background-color: Silver;
}


.obrazek_big{
	display: block;
	background:white;
	width:450px; 
  height:360px;
	border:0px;
}
.obrazek {
	display: block;
	float: left;
	width: 155px;
	height: 130px;
	overflow: hidden;
	border: 0px;

}
.obrazek a:link {
	display: block;
	float: left;
	width: 155px;
	height: 130px;
	overflow: hidden;
	border: 0px;

}

.reference{
	display: block;
	padding-right: 30px;
	float: left;
	width: 310px;

}
.oddelovac{
display: block; height: 5px; margin-top: 5px; margin-bottom: 10px; width: 310px; background-color:darkgray;
}
.obrazek2{
	display: block;
	float: left;
	width: 110px;
	height: 110px;
	border: 0px;
	overflow: hidden;
}
.ral1{
  vertical-align:middle;
	font-weight: normal;
	font-size: 10px;
	display: block;
	text-align: center;
	float: left;
	background: #a0a0a0;
	width: 110px;
	height: 40px;
	overflow: hidden;
}

.img {
	border:0px;
}

#todo {
	position: absolute;
	z-index: 100;
	left: 800px;
	top: 120px;
	width: 150px;
	height: 395px;
	font-size: 12px;
	font-weight: bold;
	background: white;
	visibility: hidden;
	overflow: auto;
}
.herm {
	padding: 5px;
	background: lightblue;
}
.cedima {
	padding: 5px;
	background: #ffcc00;
}

.odsazeni {
	padding-left: 8px;
}

h1 {
	margin-top: 0px;
	margin-left: 0px;
	font-family: sans-serif, Verdana;
	font-size: 14px;
}

h2 {
/* 	color: #203a84; */
	color: #DC082A;
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;
	font-family: sans-serif, Verdana;
	font-size: 16px;
}
h3 {
/* 	color: #203a84; */
clear:left;
	color: #203a84;
	padding: 0px;
	padding-top: 8px;
	padding-bottom: 5px;
	margin: 0px;
	font-family: sans-serif, Verdana;
	font-size: 14px;
}
h4 {
display: block;
width: 310px;
	padding-top: 8px;
	padding-bottom: 4px;
	margin: 0px;
	font-family: sans-serif, Verdana;
	font-size: 14px;
}

ul {
	margin-top: 0px;
	padding-left: 0px;
	list-style-type: none;
}

/* kancelářské židle */

  .design, .basic, .rest {
	display: block;
	text-align: center;
	margin: 2px;
	border-bottom: 0px;
	border-right: 0px;
height:auto;
width: auto;
}

.design {
	border-left: solid 4px #9DB6D1;
	border-top: solid 4px #9DB6D1;

}
.basic {
	border-left: solid 4px #D1C6B5;
	border-top: solid 4px #D1C6B5;
}
.rest {
	border-left: solid 4px #AFD2BC;
	border-top: solid 4px #AFD2BC;
}

.ico_obal {
	display: block;
	float: left;
	width: 54px;
	background-color: white;
	height: 95px;
	overflow: hidden;
}
 /* .ico
{
	display: block;
	text-align: center;
	margin: 2px;
	border-bottom: 0px;
	border-left: solid 4px Silver;
	border-right: 0px;
	border-top: solid 4px Silver;
width: auto;
	height: auto;

}
*/

.ico_a, .ico_a A, .ico_a A:visited {
FONT-SIZE: 9px;
background:white;
display: block;
	height: 25px;
width:50px;
color:black;
}

.ico_a A:hover {
background:silver;
display: block;
color:black;
	height: 25px;
}
.ico_b, .ico_b a , .ico_b a:visited {
	overflow: hidden;
display: block;
width: 50px;
height: 60px;
}

.ico_b A:hover {
background:white;
display: block;
	overflow: hidden;
width: 50px;
height: 60px;
}
/* tučné písmo */
.bold {font-weight:bold}

/* červené písmo */
.red {color:red; font-weight:bold}

/* skloněné písmo */
.italic {font-style:italic; color:#778899}

.pageno a {color:#DC143C;}

textarea {height:15px;}

.clear {
clear:left;
}

.form1 {
background-color: silver;
width: 200px;
height: 20px;
border: 1px solid darkgray;
}
.form3 {
background-color: silver;
width: 200px;
height: 20px;
border: 1px solid red;
cursor: hand;
}
.form2 {
background-color: silver;
width: 500px;
height: 150px;
border: 1px solid darkgray;
}