body {font: normal 13px Arial, Helvetica, sans-serif; color: rgb(0,0,0); margin: 0px; padding: 0px; background-color: rgb(255,255,255);}
img {margin: 0px; padding: 0px; border: 0px;}
a img {border: 0px;}

#fom {}

#stranka {margin: 0px auto; width: 899px;}
#hlava {position: relative;}
#telo {background: rgb(255,255,255) url(http://www.sammetal.cz/obrazky/telo-pozadi.jpg) no-repeat left bottom; min-height: 300px; padding-bottom: 150px;}
#pata {background-color: rgb(236,236,236); font-size: 11px;}

/* HLAVA */

.modry-pruh {background-color: rgb(2,62,132); border-bottom: 5px solid rgb(1,43,103); height: 10px; font: 1px Arial;}
#jazyky {background: rgb(231,231,231) url(http://www.sammetal.cz/obrazky/jazyky-pozadi.jpg) repeat-x; height: 30px;}

.prvni {height: 38px; background: rgb(231,231,231) url(http://www.sammetal.cz/obrazky/prvni-pozadi.jpg) no-repeat right; overflow: hidden;}
.druhy {height: 5px; background: rgb(255,255,255) url(http://www.sammetal.cz/obrazky/druhy-pozadi.jpg) no-repeat right; overflow: hidden;}
.treti {height: 159px; background: rgb(178,196,220) url(http://www.sammetal.cz/obrazky/treti-pozadi.jpg) no-repeat; overflow: hidden;}
/*
#menu {margin-top: 1px; height: 30px; background-color: rgb(1,43,103); color: rgb(255,255,255); overflow: hidden;}
#menu ul {padding: 7px 0px 0px 0px; margin: 0px 0px 0px 100px; overflow: hidden;}
#menu ul li {margin-left: 20px; display: inline; list-style-type: none;}
*/
#menu {margin: 0px; padding: 0px; background-color: rgb(0,57,102); height: 34px; list-style: none; border: 0px solid red;}
#menu ul {margin: 0px; padding: 0px;}
#menu li {float: left; clear: none; list-style: none; margin: 0px; padding: 0px;}
#menu li a {color: #fff; display: block; float: left; font-size: 15px; text-decoration: none; padding: 9px 10px 4px 10px; height: 21px; width: 100px; font-weight: normal; font-family: arial;}
#menu li a:hover {color: #fff;}

.selected a {background: url('http://www.skladem.info/img/stin_st.png');}

#telo h1 {color: rgb(150,0,0); font-family: arial; font-size: 26px; font-weight: normal; letter-spacing: 0px;	margin-top: 22px;}
#telo h2 {color: rgb(150,0,0); font-family: arial; font-size: 19px; font-weight: normal; letter-spacing: 0px; margin-top: 15px;}
#telo p {text-align: justify; padding: 7px 7px 7px 7px;}
#telo li {list-style-image: url(http://dat.fom.cz/images/more.gif);}

.hlavni-td-sloupec {width: 241px; vertical-align: top;}
.hlavni-td {font-size: 10px; font-family: verdana; text-align: justify;}
.hlavni-td a {color: rgb(150,0,0); text-decoration: underline;}
.hlavni-td a:hover {text-decoration: none;}

.linky {margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px;}
.linky li {border-bottom: 1px dashed silver; padding-top: 3px; padding-bottom: 3px; font-weight: normal;}
.linky li a {text-decoration: none; color: rgb(0,0,0); font-weight: normal;}
.linky li a:hover {text-decoration: underline; color: rgb(150,0,0); font-weight: normal;}

.h-nadpis a {text-decoration: none; color: rgb(150,0,0); font-weight: normal; letter-spacing: -1px;}

.levy {float: left; width: 49%;}
.pravy {float: right; width: 49%;}

.clear-both {clear: both;}

#o-spolecnosti {position: absolute; top: 125px; left: 70px; color: rgb(255,255,255);}
#rychly-kontakt {position: absolute; top: 57px; left: 610px; height: 165px;}
#rychly-kontakt strong {margin-top: 15px;}
#rychly-kontakt .nadpis {font-size: 18px; color: rgb(2,62,132); letter-spacing: -1px;}
#rychly-kontakt .formular {position: absolute; left: 15px; bottom: 6px;}
#rychly-kontakt .formular a {color: rgb(200,0,0); font-weight: bold; text-decoration: underline;}
#rychly-kontakt .formular a:hover {color: rgb(0,0,0); text-decoration: none;}
/* PATA */

#pata table {padding: 0px; margin: 0px;}
#pata table tr {}
#pata table tr td {text-align: left; padding-left: 15px;}

.tabulkasam {width: 100%;}
.tabulkasam td {border-bottom: 1px solid silver;}
           
/* MENU */

#M1 .menu {background-color: rgb(0,57,102); height: 34px; padding-left: 15px;}
#M1 ul, ol {margin: 0px; padding: 0px;z-index: 10; position: relative;}
#M1 .menu li {list-style-type: none; background-color: rgb(0,57,102); cursor: default;}
#M1 li a {display: block; position: relative; top: 0px left: 0px; text-decoration: none; }
#M1 .menu a {padding: 8px 5px 8px 5px;color: white; font-size:14px; font-family: Verdana; font-weight: normal;}
/*
#M1 .menu a:hover {background: url('../obrazky/bgr.gif') 0 0 repeat-x;}
*/
#M1 .menu ol {background: rgb(2,63,130); position: absolute}
#M1 .menu ol li a {border-bottom: 1px dashed rgb(5,77,177); background: rgb(2,63,130); color: white; font-size: 12px; padding: 8px 20px 8px 15px;}
#M1 .menu ol li a:hover {text-decoration: underline; background-color: rgb(0,57,102);}
  
.tip-gray {overflow: hidden; margin: 5em 0px 3em 0px; padding: 10px 17px 10px 87px; text-align: justify; border: 1px solid rgb(192,192,192); background-image: url(http://www.sammetal.cz/obrazky/tip-gray.gif); background-position: center left; background-repeat: no-repeat; background-color: rgb(246,246,246); font-style: italic; font-size: 0.9em; color: rgb(128,128,128);}
/*
.tip-gray {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;}
*/