/* vytvořeno v geniálním nástroji PSpad www.pspad.com */
body {
	margin: 0;
	padding: 0;
	font-family: calibri,tahoma,verdana; 
	color: rgb(51,51,51);
	font-size: 16px;
}

a {
	text-decoration: underline;
	color: rgb(200,0,0);
}

a:hover {
	text-decoration: none;

}

a img {
	border: 0;
}

.img:hover {
	background-color: white;
}

h1 {
	color: #286ea0;
	margin: 25px 0 0 0;
	font-size: 35px;
	font-weight: normal;
	padding: 0 0 10px 0;
	font-family: calibri,tahoma,verdana; 
	line-height: 30px;
	letter-spacing: -1px;
	
}

.h1 {
	color: Gray;
	margin: 6px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px;
	font-family: calibri,tahoma,verdana; 
	text-align: right;
}

h2 {
	color: #286ea0;
	margin: 0px;
	font-size: 20px;
	font-weight: normal;
	padding: 0px;
	font-family: calibri,tahoma,verdana; 
	letter-spacing: -1px;
}

h3 {
	color: #286ea0;
	margin: 27px 0 7px 0;
	font-size: 1.8em;
	font-weight: normal;
	padding: 5px 0 4px 0px;
	border-bottom: 1px solid silver;
	font-family: calibri,tahoma,verdana; 
	letter-spacing: -1px;
}

h3 a:hover {
	text-decoration: none;
	background: none;
}

.both {
	clear: both;
}

#cele-bile {
  position: relative;
  width: 100%;
  _width: 99.9%;
  background: url(http://dat.fom.cz/images/bg-large3.jpg) center top no-repeat;
}

#hlava {
  position: relative;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
  margin-top: 0px;
	height: auto;
	text-align: center;
	background: url(http://dat.fom.cz/images/hlava-bcckgr.gif) center top no-repeat;

}

#logo {
  z-index: 20;
	position: absolute;
	left: 25px;
	top: 27px;
	height: 36px;
  width: 129px;
}

#menu {
  position: relative;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
}




#menu .male-menu {
  position: absolute;
	top: 55px;
  right: 5px;
  width: 370px;
  padding: 5px 0 0 0;
  margin: 0;
  text-align: right;
}

#menu .male-menu li {
  list-style-type: none;
	display: block;
	float: right;
	font-size: 0.8em;
	padding: 0px;
  margin: 0px;

}

#menu .male-menu li a {
  text-decoration: none;
  display: block;
  font-weight: normal;
  border: 1px solid transparent;
  padding: 3px 5px 2px 5px;
  margin: 0px;
}

#menu .male-menu li a:hover {
border: 1px solid rgb(252,214,214);
background-color: rgb(253,247,247);
}


#menu .oddelovac {
  position: absolute;
	top: 45px;
  right: 0px;
  width: 370px;
  font-size: 1px;
  height: 7px;
  padding: 0px;
  line-height: 0px;
  background-image: url('srafy2.gif');
	background-repeat: no-repeat;
	background-position: center;
}

#menu .velke-menu {
  position: absolute;
	top: 48px;
  right: 300px;
  width: 500px;
  margin: 0;
  height: 40px;
}

#menu .velke-menu li {
  list-style-type: none;
	display: block;
	float: left;
	font-size: 1.3em;
	padding: 0px;
  margin: 0px;
}

#menu .velke-menu li a {
text-decoration: none;
display: block;
font-weight: normal;
letter-spacing: -1px;
border: 1px solid transparent;
padding: 4px 8px 3px 8px;
margin: 0px;
}

#menu .velke-menu li a:hover {
border: 1px solid rgb(252,214,214);
background-color: rgb(253,247,247);
}

#popis {
  position: relative;
	margin-left: auto;
	margin-right: auto;
  margin-top: 37px;
  padding-top: 18px;
  padding-bottom: 10px;
  padding-left: 5%;
  padding-right: 5%;
	font-size: 0.8em;
	text-align: left;
	color: gray;
	/* border-top: 1px solid rgb(227,227,227) */

}

#popis span {
	color: gray;
	text-decoration: none;
	border: 1px solid white;
	padding: 2px 7px 3px 7px;
}

#popis a {
	color: gray;
	text-decoration: none;
	border: 1px solid white;
	padding: 2px 7px 3px 7px;
}

#popis a:hover {
	color: black;
	text-decoration: none;
	background-color: rgb(246,246,246);
	border: 1px solid rgb(210,210,210);
}

 
#uvodnik {
	margin-left: auto;
	margin-right: auto;
	width: 918px;
  margin-top: 6px;
  padding-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
	text-align: center;
	/* background-image: url('back_dotted.gif'); */
	background-repeat: repeat-x;
	background-position: bottom;
}

#uvodnik .uvodnik-text {
  position: relative;
	width: 658px;
	height: auto;
	overflow: hidden;
  text-align: left;
	float:left;
}

#uvodnik .uvodnik-text h1 {
	color: #286ea0;
}

#uvodnik .tip {
  overflow: hidden;
  margin: 0;
	padding: 7px 17px 7px 107px;
	text-align: left;
	background-color: white;
	background-image: url(tip-fom.gif);
	background-position: center left;
	background-repeat: no-repeat;
	font-style: italic;}

#uvodnik .uvodnik-text p {
	text-align: justify;
	font-size: 1.0em;
	line-height: 1.3em;
	margin-top: 2em;
}

#uvodnik .uvodnik-obrazek {
  position: relative;
	width: 205px;
	height: auto;
	overflow: hidden;
	text-align: right;
	float:right;
}

#telo {
  position: relative;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
  margin-top: 0px;
	height: auto;
	/*background-image: url('linka.gif');*/
	/*background-position: 690px top ;*/
	/*background-repeat: repeat-y;*/

}


.telo-intranet {
  position: relative;
	width: 100%;
	float: none;
	height: auto;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.telo-intranet p {
  text-align: justify;
}

.telo-intranet p img {
  margin: 0 5px 0 5px;
}

.telo-intranet .inf {
  overflow: hidden;
  margin: 1em 0 1em 0;
	padding: 0;
	width: 100%;
}



.telo-intranet .tip-gray {
  overflow: hidden;
  margin: 2em 0 2em 0;
	padding: 10px 17px 10px 67px;
	text-align: justify;
	border: 1px solid rgb(192,192,192);
	background-image: url(bulb.gif);
	background-position: 17px 17px;
	background-repeat: no-repeat;
	background-color: rgb(246,246,246);
/* 	background-color: rgb(246,246,246);
	border: 1px solid rgb(230,230,230);
	background-image: url(tip-gray.gif);
	background-position: center left;
	background-repeat: no-repeat; */
	font-style: italic;
	font-size: 0.9em;
	color: rgb(128,128,128);
}

.telo-intranet .info-red {
  overflow: hidden;
  margin: 2em 0 2em 0;
	padding: 10px 17px 10px 17px;
	text-align: justify;
	border: 1px solid rgb(200,0,0);
	color: rgb(200,0,0);
  font-weight: bold;
}

.telo-intranet .info-blue {
  overflow: hidden;
  margin: 2em 0 2em 0;
	padding: 10px 17px 10px 17px;
	text-align: justify;
	border: 1px solid rgb(40,110,160);
	color: rgb(40,110,160);
  font-weight: bold;
}

.telo-intranet .citace {
  overflow: hidden;
  margin: 1em 10% 1em 10%;
	padding: 0;
	width: 80%;
	text-align: justify;
	font-style: italic;
}

.telo-intranet .infobox {
  overflow: hidden;
  text-align: justify;
  background-color: #e6e6e6;
  border: 1px solid #c0c0c0;
  padding: 0.8em;
  margin-top: 3em;
}

.telo-intranet .cenik-tabulka {
	overflow: hidden;
}

.telo-intranet .cenik-tabulka td {
	font-size: 11px;
	text-align: right;
	border-right: 2px solid #EEEEEE;
	line-height: 14px;
}

.telo-intranet ul {
  margin: 7px 0 37px 0;
  padding: 0 0 0 15px;
  text-align: left;
}

.telo-intranet .odkaz-ul {
  text-align: right;
}

.telo-intranet li {
  list-style-image: url('more.gif');
}








/* sdfsdfs */

.leve-telo {
  position: relative;
	width: 720px;
	float: left;
	height: auto;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.leve-telo p {
  text-align: justify;
}

.leve-telo p img {
  margin: 0 5px 0 5px;
}

.leve-telo .inf {
  overflow: hidden;
  margin: 20px 0 25px 0;
	padding: 0;
	width: 98%;
  font-family: calibri,tahoma,verdana; 
  padding-left: 10px;
}

.leve-telo h1, h2, h3 {
  padding-left: 10px;
  padding-right: 10px;
}


.leve-telo .main {
  margin: 20px 0 25px 0;
	padding: 10px 15px;
  font-family: calibri,tahoma,verdana; 
  background-color: rgb(86,141,190);
  color: white;
  background: url(http://dat.fom.cz/images/modry_bckg.gif) left top repeat-y;
}

.leve-telo .main a {
  color: white;
}

.leve-telo .main a:hover {

}

.sluzba {
  margin: 20px 0 25px 0;
	padding: 10px 15px;
  font-family: calibri,tahoma,verdana; 
  background-color: rgb(86,141,190);
  color: white;
  
}

.sluzba a {
  color: white;
  text-decoration: underline;
}

.sluzba a:hover {
  color: white;
  background-color: inherit;
  text-decoration: none;
}

.datum {
  margin: 0px;
	padding: 0px;
	color: gray;
	text-align: right;
	font-size: 0.8em;
}



.leve-telo .tip-gray {
  overflow: hidden;
  margin: 2em 0 2em 0;
	padding: 10px 17px 10px 67px;
	text-align: justify;
	border: 1px solid rgb(192,192,192);
	background-image: url(bulb.gif);
	background-position: 17px 17px;
	background-repeat: no-repeat;
	background-color: rgb(246,246,246);
/* 	background-color: rgb(246,246,246);
	border: 1px solid rgb(230,230,230);
	background-image: url(tip-gray.gif);
	background-position: center left;
	background-repeat: no-repeat; */
	font-style: italic;
	font-size: 0.9em;
	color: rgb(128,128,128);
	margin-left: 10px;
}

.leve-telo .info-red {
  overflow: hidden;
  margin: 2em 0 2em 0;
	padding: 10px 17px 10px 17px;
	text-align: justify;
	border: 1px solid rgb(200,0,0);
	color: rgb(200,0,0);
  font-weight: bold;
}

.leve-telo .info-blue {
  overflow: hidden;
  margin: 2em 0 2em 0;
	padding: 10px 17px 10px 17px;
	text-align: justify;
	border: 1px solid rgb(40,110,160);
	color: rgb(40,110,160);
  font-weight: bold;
}

.leve-telo .citace {
  overflow: hidden;
  margin: 1em 10% 1em 10%;
	padding: 0;
	width: 80%;
	text-align: justify;
	font-style: italic;
}

.leve-telo .infobox {
  overflow: hidden;
  text-align: justify;
  background-color: #e6e6e6;
  border: 1px solid #c0c0c0;
  padding: 0.8em;
  margin-top: 3em;
}

.leve-telo .cenik-tabulka {
	overflow: hidden;
}

.leve-telo .cenik-tabulka td {
	font-size: 11px;
	text-align: right;
	border-right: 2px solid #EEEEEE;
	line-height: 14px;
}

.leve-telo ul {
  margin: 7px 0 37px 0;
  padding: 0 0 0 70px;
  text-align: left;
}

.leve-telo .odkaz-ul {
  text-align: right;
}

.leve-telo li {
  list-style-image: url('more.gif');
}

.prave-telo {
  position: relative;
	width: 213px;
	float: right;
	height: auto;
  padding: 0;
	margin: 0;
	background-color: transparent;
}

.prave-telo h3 {
	color: rgb(128,128,128);
	border-bottom: none;
	background: url(http://dat.fom.cz/images/podtrh.gif) center bottom no-repeat;
	margin: 0px;
	padding: 5px 0px 15px 0px;

	
}

.prave-telo .datum {
  margin: 0;
	padding: 0;
	font-size: 1em;
	color: silver;
}

.prave-telo .datum a {
	color: silver;
	text-decoration: underline;
}

.prave-telo .datum a:hover {
	color: white;
	text-decoration: none;
	background-color: silver;
}

.prave-telo .reference {
  overflow: hidden;
  margin: 0;
	padding: 0;
	width: 100%;
	text-align: justify;
	color: Gray;
}

.prave-telo .reference img {
  margin-bottom: 7px;
  margin-top: 7px;
}

.prave-telo .clanek {
  margin: 7px 0 17px 0;
  padding: 0 0 0 19px;
}


.prave-telo .clanek li {
  list-style-image: url('more.gif');
}

.prave-telo .menu {
  list-style: none;
  margin: 7px 0 47px 0;
  padding: 0;
  font-size: 0.9em;
}

.prave-telo .menu li {
  list-style-type: none;
}

.prave-telo .menu li a {
	font-weight: normal;
	text-align: left;
	_height: 20px;
	min-height: 20px;
	display: block;
	padding: 6px 0 4px 10px;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	text-decoration: none;
	color: rgb(40,110,160);
	width: 83%;
  
}

.prave-telo .menu li a:hover {
	text-decoration: none;
	border: 1px solid rgb(190,214,250);
	background-color: rgb(243,247,253);
	color: rgb(40,110,160);
}

.prave-telo .menu-back {
  list-style: none;
  margin: 7px 0 17px 0;
  padding: 0;
}

.prave-telo .menu-back li {
  list-style-type: none;
}

.prave-telo .menu-back li a {
  font-weight: normal;
	text-align: left;
	_height: 20px;
	min-height: 20px;
	display: block;
	padding: 4px 0 4px 27px;
	border-bottom: 1px solid #E6E6E6;
	text-decoration: underline;
	background: url('back.gif') no-repeat left;
	color: rgb(192,192,192);
}

.prave-telo .menu-back li a:hover {
	text-decoration: none;
	border-bottom: 1px solid rgb(192,192,192);
	background: url('back-invert.gif') no-repeat left;
	background-color: rgb(192,192,192);
	color: rgb(255,255,255);
}



.pata {
  position: relative;
  clear: both;
	height: auto;
	font-size: 0.8em;
	color: gray;
	margin-top: 77px;
	padding-top: 27px;
  padding-bottom: 27px;
  /* background-image: url('back_dotted.gif'); */
	/* background-repeat: repeat-x; */
	/* background-position: top; */
	text-align: center;
}


#linky { 	clear: both; margin: 0; padding: 0; background: white url(http://dat.fom.cz/images/stin.gif) top center no-repeat ; border-bottom: 1px solid rgb(230,230,230); border-top: 1px solid rgb(230,230,230); overflow: hidden; margin-bottom: 27px; padding-bottom: 37px }
	#linky #wrap { margin: auto ; width: 918px; text-align: left;}	
	#linky h3 { color: rgb(128,128,128); font:  bold 1.56em calibri,tahoma,verdana;  margin-top: 17px;  }
	#linky .blok1 { width: 31%; float: left; margin: 0; text-align: left; }
	#linky .blok2 { width: 31%; float: left; margin: 0 2% 0 2%; text-align: left; }
	#linky .blok3 { width: 31%; float: left; margin: ; text-align: left; }
	#linky a { text-decoration: none }
	#linky a:hover { color: rgb(200,0,0); text-decoration: underline }
	#linky a:visited { color: rgb(200,0,0) }
	#linky ul { padding: 0px; margin: 0px;}
	#linky li { font-size: 1.2em; line-height: 1.7em; list-style: none;  border-bottom: 1px solid rgb(230,230,230); text-align: left; padding: 0 0 0 7px; margin: 0px;}
	#linky a { text-decoration:  none; }



.pata img {
  margin: 0;
  padding: 0;
}


.pata .kont {
  width: 918px;
  margin-left: auto;
  margin-right: auto;
}

.pata .kont td {
  border-left: 1px solid rgb(230,230,230);
	text-align: left;
	vertical-align: top;
	font-size: 1.2em;
	color: gray;
	font-weight: normal;
	line-height: 1.2em;
  width: 33%;
  padding: 0 0 0 7px;
}

.pata .kont td h5  {
	color: Gray;
	margin: 3px 0 8px 0;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0;
	letter-spacing: -1px;
	text-decoration: none;
}


.feedback {
  width: 100%; 
  background-color: #F6F6F6;
  border-top: 1px solid rgb(230,230,230);
  border-bottom: 1px solid rgb(230,230,230);
}

.feedback td {
	text-align: left;
	font-size: 13px;
	color: gray;
	font-weight: normal;
}

.both {
  height: 1px;
  clear: both;
  font-size: 1px;
  line-height: 0px;
}

#cele-sede {
  position: relative;
	width: 100%;
  _width: 99.9%;
  margin-left: auto;
	margin-right: auto;
  padding-bottom: 7px;
  padding-top: 7px;
	height: auto;
	text-align: justify;
	border-top: 1px solid rgb(230,230,230);
	border-bottom: 1px solid rgb(230,230,230);
	color: rgb(128,128,128);
	font-size: 0.8em;
  /* background-image: url('sedy.gif'); */
	/* background-repeat: repeat-x; */
	/* background-position: top; */
}

#cele-sede p {
  position: relative;
	width: 96%;
	margin: 17px 2% 17px 2%;
	padding: 0;
	height: auto;
	text-align: left;
	color: rgb(128,128,128);
}

#cele-sede a {
  color: rgb(192,192,192);
}

#cele-sede a:hover {
  background-color: rgb(192,192,192);
  color: rgb(255,255,255);
}


.clear-both {
	clear: both;
	font-size: 1px;
	height: 1px;
}

.tip-laugh {
  overflow: hidden;
  margin: 2em 0 2em 0;
	padding: 10px 17px 10px 77px;
	text-align: justify;
	border: 1px solid rgb(192,192,192);
	background-image: url(laugh2.gif);
	background-position: 3px center;
	background-repeat: no-repeat;
	background-color: rgb(246,246,246);
/* 	background-color: rgb(246,246,246);
	border: 1px solid rgb(230,230,230);
	background-image: url(tip-gray.gif);
	background-position: center left;
	background-repeat: no-repeat; */
	font-style: italic;
	font-size: 0.9em;
	color: rgb(110,110,110);
	font-weight: bold;
	min-height: 45px;
	_height: 45px;
}















  




#stranky li{display: inline; margin: 0px; padding: 0px;}
#stranky {list-style-type: none; margin: 0px; padding: 0px;}

/* STYL PRO POSUNOVANI */
#frame {            /* velikost celýho rámce */
	overflow: hidden;
	width: 290px;
	
	position: relative;
  }

#rolovani { 
	width: 290px;  /* dyž sem dám 100%, tak mě to rozhodí jedno za druhym*/
	overflow: hidden;}
	

#celyplatno {       /* celková délka */
	width: 1160px;}

.sekce {        /* jedna stránka */
  width: 290px;
  height: 212px;
	margin-left: 0px;
	float: left;
  }
  

        	


.blog-light { 
  text-align: justify;
  font-size: 11px;
  color: gray;
  }
  
.blog-light a { 
  color: gray;
  text-decoration: none;
  }
  
.blog-light a:hover { 
  color: black;
  text-decoration: none;
  }

.reference-blok {
    width: 94%; 
    margin-left: 3%;

}
  
.reference-blok span {
    display: block;
    width: 310px; 
    background-color: white; 
    text-align: right; 
    font-size: 0.8em; 
    font-weight: bold; 
    color: #808080; 
    margin-bottom: 18px;
    text-decoration: none;
    padding: 10px 9px 10px 10px;
    border: 1px solid white;
}
  
  
.reference-blok a {
    display: block;
    width: 310px; 
    background-color: white; 
    text-align: right; 
    font-size: 0.8em; 
    font-weight: bold; 
    color: #808080; 
    margin-bottom: 18px;
    text-decoration: none;
    padding: 10px 9px 10px 10px;
    border: 1px solid white;
}

.reference-blok a:hover {
    background-color: rgb(243,247,253); 
    border-color: rgb(190,214,250);
}

.reference-blok a img {
    display: block;
    margin-bottom: 5px;
}

.reference-blok .fleft {
    float: left;
}

.reference-blok .fright {
    float: right;
}



.trireference-blok a {
    display: block;
    width: 32%; 
    background-color: white; 
    text-align: center; 
    font-size: 0.7em; 
    font-weight: normal; 
    color: #808080; 
    margin-bottom: 18px;
    margin-right: 1%;
    text-decoration: none;
    float: left;
    min-height: 150px;
}



.trireference-blok a img {
    margin-bottom: 5px;
    margin-top: 3px;
}

.trireference-blok a span {
    display: block;
    text-align: left; 
    padding: 0px 5px 0px 5px;
}


.clanek-blok .fleft,.fright {
    display: block;
    width: 47%; 
    background-color: white; 
    text-align: justify; 
    font-size: 11px; 
    font-weight: bold; 
    color: #808080; 
    margin-bottom: 18px;
    text-decoration: none;
    border: 8px solid white;
}

.clanek-blok h3 {
    font-size: 12px; 
}


.clanek-blok a {
    color: #808080; 
    text-decoration: none;
}


.clanek-blok a:hover {

}

.clanek-blok a img {
    display: block;
    margin-bottom: 5px;
}

.clanek-blok .dat {
    display: block;
}


.clanek-blok .fleft {
    float: left;
}

.clanek-blok .fright {
    float: right;
}

.cenik {
	width: 94%; 
  margin-left: 3%;
}

.cenik th {
	border-bottom: 1px solid rgb(192,192,192);
	padding: 8px 3px 3px 3px;
	text-align: right;
	font-weight: bold;
	color: Gray;
}

.cenik td {
	border-bottom: 1px solid rgb(230,230,230);
	padding: 3px;
	text-align: right;
}

.cenik-input {
	border-bottom: none;
	width: 0px;;
}

.download {
	width: 94%; 
  margin-left: 3%;
}

.download th {
	border-top: 1px solid #E6E6E6;
	padding: 8px 3px 3px 3px;
	text-align: right;
	font-weight: bold;
	color: Gray;
}

.download td {
	border-bottom: 1px solid #E6E6E6;
	padding: 3px;
	text-align: left;
	color: gray;
	line-height: 130%;
}

.download td a {
	color: black;
}


.download-fast {
  margin-top: 40px;
  width: 94%; 
  margin-left: 3%;
  font-size: 13px;
}

.download-fast th {
	border-top: 1px solid #E6E6E6;
	padding: 8px 3px 3px 3px;
	text-align: right;
	font-weight: bold;
	color: Gray;
}

.download-fast td {
	border-bottom: 1px solid #E6E6E6;
	padding: 3px;
	text-align: left;
	color: gray;
	line-height: 130%;
}

.download-fast td a {
	color: black;
}

.leve-telo .tutorial {
  margin: 20px 0 25px 0;
	padding: 0;
	width: 98%;
  font-family: calibri,tahoma,verdana; 
  padding-left: 10px;
  display: inline;
}

.leve-telo .tutorial li {
  display: block;
  list-style-type: none;
  list-style-image: none;
  width: 48%;
  float: left;
  margin: 1px 5px 5px 10px;
	
}
.leve-telo .tutorial a {
  display: block;
  background: white url(http://dat.fom.cz/images/klient-foto.gif) center left no-repeat;
  padding: 10px 10px 10px 80px;
  height: 40px;
  color: rgb(40,110,160);

}