/* www.metfer.cz/css/default.css */

body { text-align: center; background: #131353; }
#page { position: relative; z-index: 0; width: 1000px; margin: 0 auto; background: white url("../images/site-background.gif") repeat-y; text-align: left; }
a { color: #777777; background-color: inherit; background-image: none; }
a:visited { color: #777777; background-color: inherit; background-image: none; }
a:visited:hover { color: #777777; background-color: inherit; background-image: none; }
a:hover, a:focus, a:active { color: #777777; background-color: inherit; background-image: none; }
a.e-mail:hover, a.e-mail:focus, a.e-mail:active { color: #777777; background: inherit; } /* odkaz na e-mail */
a img { border: none; }
span.hidden { display: none; }
hr.hidden { display: none; }
div.cleaner { width: 100%; height: 1px; clear: both; }
/* #page div.cleaner { display: none; } */

/* accessibility */
#accessibility { display: none; }

/* header */
#header { position: relative; width: 1000px; height: 200px; margin: 0; padding: 0; background: #00923F url("../images/header.jpg") right top no-repeat; }
#header h1 { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0; font-size: 32px; }
#header h1 a { display: block; position: relative; width: 300px; height: 200px; padding: 0; color: #1B1B6C; background: white; overflow: hidden; }
#header h1 a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo.gif") no-repeat; cursor: pointer; }
#quick_links { position: absolute; top: 136px; right: 29px; width: 138px; height: 22px; margin: 0; }
#quick_links a { display: block; position: absolute; top: 0; height: 22px; background-position: 0 0; background-repeat: no-repeat;}
#quick_links a:hover { background-position: 0 -22px; }
#quick_links #hlavni_stranka { left: 0; width: 22px; background-image: url(../images/icon-1-home.gif); }
#quick_links #mapa_webu { left: 51px; width: 32px; background-image: url(../images/icon-2-sitemap.gif); }
#quick_links #tisk_stranky { left: 114px; width: 24px; background-image: url(../images/icon-3-print.gif); }
#quick_links a span { display: none; }
#iso { display: none; }

/* flash header */
#flash-header { position: relative; width: 1000px; height: 200px; margin: 0; padding: 0; background: #fff; }
#flash-header h1 { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0; font-size: 32px; }
#flash-header h1 a { display: block; position: relative; width: 300px; height: 200px; padding: 0; color: #1B1B6C; background: white; overflow: hidden; }
#flash-header h1 a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo.gif") no-repeat; cursor: pointer; }
#flash-header object { position:absolute; top: 0; left: 300px;}

/* content */
#content { position: relative; width: 700px; height: 502px; margin: 0; padding: 21px 29px 12px 29px; color: #777777; background: white; float: right; } #page>#content { width: 642px; height: auto; min-height: 469px; }
#content #breadcrumb { margin: 0.5em 0 1em 0; }
#content h2 { margin: 0 0 0.3em -5px; color: #00913C; font-size: 2.7em; font-family: "Times New Roman", "Times Roman", Times, serif; }
#content h3 { margin: 0 0 0.2em 0; color: #00913C; font-family: "Times New Roman", "Times Roman", Times, serif; }
#content h4 { margin: 0 0 0.2em 0; color: #00913C; /* font-family: "Times New Roman", "Times Roman", Times, serif; */ }
#content ul { margin-left: 0; margin-bottom: 2em;padding: 0; list-style-type: none; }
#content ul li { position: relative; padding-left: 27px; background: url("../images/content-list-item.gif") 13px 6px no-repeat; }
#content .img-right { margin: 0 0 6px 6px; float: right; }
#content .img-left { margin: 0 6px 6px 0; float: left; }
#content table { width: 100%; margin: 2em 0; border-collapse: collapse; color: #0B464B; background: #E9FCF1; }
#content table th { padding: 0 1em; border-left: 1px solid #5FBB87; color: white; background: #00923F; font-style: normal; line-height: 2.8em; }
#content table th.first { border-left: none; }
#content table td { padding: 0 1em; border-bottom: 1px solid #00923F; border-left: 1px solid #A2D9B9; line-height: 2.5em; }
#content table td.first { border-bottom: 1px solid #639498; border-left: none; color: white; background: #0B464B; font-weight: bold; }

/* left_column */
#left_column { /* width: 300px; */ margin: 0; padding: 570px /* výška menu */ 0 21px 19px; color: #0B464B; }
#left_column #kontaktni_informace { position: relative; width: 262px; padding: 0px 15px 15px 15px; background: white; } #left_column>#kontaktni_informace { width: 232px; }
#left_column #kontaktni_informace h4 { width: 262px; height: 47px; margin: 0 -15px 15px -15px; color: white; background: #0B464B url("../images/contact-info.gif") no-repeat; }
#left_column #kontaktni_informace h4 span { display: none; }
#left_column #kontaktni_informace address { line-height: 1.4em; margin: 0 0 1em 0; font-style: normal; }
#left_column #kontaktni_informace a#mapy_cz { position: absolute; top: 94px; left: 157px; width: 79px; height: 17px; background: #0B464B url("../images/mapy.cz.jpg") no-repeat; }
#left_column #kontaktni_informace a#mapy_cz span { display: none; }
#left_column #kontaktni_informace #tel_fax_e-mail { font-size: 0.9em; letter-spacing: -1px; }
#left_column #kontaktni_informace dt { float: left; }
#left_column #kontaktni_informace dd { margin: 0; }
#left_column #kontaktni_informace #provozni_doba { position: absolute; top: 125px; left: 157px; width: 90px; font-size: 0.9em; letter-spacing: -1px; }
#left_column #kontaktni_informace #provozni_doba h5 { margin: 0 0 1px 0; }
#left_column #kontaktni_informace #provozni_doba dt { width: 3em; }

/* menu */
#menu { position: absolute; top: 200px; left: 0; z-index: 2; width: 300px; margin: 0; padding: 0; background: #00923F; }
#menu h4 { width: 300px; height: 100px; margin: 0; background: #0B464B url("../images/menu-heading.jpg") no-repeat; }
#menu h4 span { display: none; }
#menu ul { width: 249px; margin: 21px 0 0 23px; padding: 0; border-bottom: 1px solid #2DBE48; list-style-type: none; }
#menu li a { display: block; position: relative; height: 24px; line-height: 24px; padding: 0 0 0 19px; border-top: 1px solid #2DBE48; color: white; background: url("../images/list-item.gif") 9px 8px no-repeat; text-decoration: none; vertical-align: middle; }
#menu ul ul { width: auto; margin: 0; border: none; }
#menu li li a { padding: 0 0 0 37px; background: url("../images/list-subitem.gif") 28px 8px no-repeat; }
#menu li.active a, #menu li a:hover, #menu li a:focus, #menu li a:active {  }

/* footer */
#footer { position: relative; width: 1000px; height: 150px /* 52px */; margin: 0; padding: 0; color: #ABF2CA; background: #131353 url("../images/footer.gif") no-repeat; clear: both; font-size: 0.9em; }
#footer hr { display: none; }
#footer p { position: absolute; top: 17px; margin: 0; }
#footer a { color: #ABF2CA; text-decoration: none; }
#copyright { left: 79px; }
#webdesign { right: 21px; }
#advertisement { position: absolute; top: 71px; left: 0; }
.banner, .banner-last { width: 184px; margin: 0 20px 0 0; padding: 0 0 0 20px; color: #6868B8; background: url("../images/footer-separator.gif") 0 3px no-repeat; float: left; } #advertisement>.banner, #advertisement>.banner-last { width: 164px; }
.banner-last { margin-right: 0; }
#advertisement h5 { line-height: 1.2em; color: #8080CC; }
#advertisement p { position: static; line-height: 1.2em; }

/* other */
/* index */
.index #content { padding: 0; background: #0B464C; } #page.index>#content { width: 700px; }
.index #content #vitame { height: 227px; padding: 21px 265px 12px 29px; background: white url("../images/illustration.jpg") right top no-repeat; } .index #content>#vitame { height: auto; min-height: 194px; }
.index #content #vitame h2 { margin-right: -30px; }
.index #content #aktuality { margin: 0; padding: 29px 20px 0 29px; color: white; background: #0B464C; }
.index #content #aktuality h3 { display: none; }
.index #content #aktuality .aktualita { height: 122px; clear: left; } .index #content #aktuality>.aktualita { height: auto; min-height: 122px; }
.index #content #aktuality .aktualita img { margin: 0 1em 1em 0; border: 8px solid #00923F; float: left; }
.index #content #aktuality .aktualita h4 { margin: 0; font-size: 1em; }
.index #content #aktuality .aktualita h4 a { color: #00CD58; }

/* aktuality */
.aktuality #content #aktuality { margin: 0; color: white;}
.aktuality #content #aktuality h3 { display: none; }
.aktuality #content #aktuality .aktualita { height: 122px; clear: left; } .aktuality #content #aktuality>.aktualita { height: auto; min-height: 122px; }
.aktuality #content #aktuality .aktualita img { margin: 0 1em 1em 0; border: 8px solid #00923F; float: left; }
.aktuality #content #aktuality .aktualita h4 { margin: 0; font-size: 1em; }
.aktuality #content #aktuality .aktualita h4 a { color: #777; }

/* aktualita */
.aktualita-detail #content .aktualita { margin:0;  height: 122px; clear: left; } .aktualita-detail #content>.aktualita { height: auto; min-height: 122px; }
.aktualita-detail #content .aktualita img { margin: 0 1em 1em 0; border: 8px solid #00923F; float: left; }
.aktualita-detail #content .aktualita h4 { margin: 0; font-size: 1em; }
.aktualita-detail #content .aktualita h4 a { color: #777; }

/* fotogalerie */
h3 { margin: 0 0 0.3em -5px; color: #00913C; font-size: 1.7em; font-family: "Times New Roman", "Times Roman", Times, serif; }
.photo { float: left; width: 200px; height: 220px; margin: 5px; }
.photo .photo-img { width: 200px; height: 150px; overflow:hidden;}

/* sluzby */
.sluzby #content img.left{ margin: 10px 0 40px 0;}
.sluzby #content img.right{ float: left; margin: 10px 0 40px 200px;}
.sluzby #content h3 { margin: 0 0 12px 0; }
.sluzby h3.bottom { margin: 0 0 0.1em -5px; color: #00913C; font-size: 2.7em; font-family: "Times New Roman", "Times Roman", Times, serif; }

/* prohlaseni_o_pristupnosti */
#accesskeys { margin-bottom: 2em; }
#accesskeys p { margin-bottom: 0.5em; }
#accesskeys ul { margin-bottom: 1em; }



#objednavka { padding: 1em 0 0 0; clear: both; }
#objednavka h3 { margin-bottom: 0.3em;  }
#objednavka form { width: 561px; padding: 2em 0 0 0; }
#objednavka label { display: block; width: 13.5em; margin: 0 1em 0 0; float: left; clear: left; text-align: right; }
#objednavka #submit { margin: 0 0 0 14.7em; } #objednavka p>/**/#submit { margin-left: 13em; }
#objednavka input, #objednavka textarea { background:#fff; border:1px solid #ccc; padding: 2px;}