html {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
background: #e5e5e5 url('./pic/bg_top.jpg') left top repeat-x;
color: #000;
font-size: 11px;
text-align: center;
min-width: 930px;
line-height: 1.5;
margin: 0; padding: 0;
}
html>body { font-size: small; }
a ,a:link { color: #ED1D24; text-decoration: underline; }
a:visited { color: #ED1D24;text-decoration: underline; }
a:hover { color: #4A4A4A; text-decoration: none;}
#main { width: 913px; margin: 0 auto; text-align: left;
background: #e5e5e5 url('./pic/bg_page.gif') left top repeat-y;
height: 100%; min-height: 100%;
position: relative;
}
body>#main { height: auto; }
div.clear { clear:left; width:100%; height: 0px; }
/* zaloha head
#head {color: #fff; background: #aabf69; height: 130px; }
#head .toplista { background-color: white; height:37px; float: left; width: 930px; }
#head .logo { width: 190px; height: 37px; display: block; float: left; border: 0px; margin: 0; }
#head .logo img { border: 0px; }
#head .mainobr { width: 930px; height: 130px; float: left; clear:left;
background: url(./pic/header.jpg) no-repeat top; }
#head .napis { font-size: 22px; color: black; width: 200px; float: left; margin-left: 25px;
font-weight: bold; }
#head .lista { background-color: #5B8283; width: 690px; height: 14px; float: right;
-- 2
#head {color: #fff; background: url(pic/hlogo.gif) left top no-repeat; #ED1D24; height: 195px; width: 760px;
float: left; clear: both; }
#head {color: #fff; height: 137px; }
#head .people { float: right; width: 545px; height: 194px; background: url(./pic/hlpeople.gif) right bottom no-repeat;
}
#head .people p { float: right; width: 480px; margin: 20px 20px 30px 0; font-size: 21px; font-weight: bold;
text-align: right; }
*/
#head { background: url(./pic/datamar_top.jpg) transparent top left no-repeat;
width: 930px; height: 229px; _width:913px;
}
#logo { float: right; width: 200px; background: url(./pic/datamar_logo.jpg) right top no-repeat; height: 104px;
margin-top: 40px; margin-right: 120px; _margin-right:60px !important; }
#head .logo1 { float: left; margin: 20px 0 0 0; background: url(./pic/baner_logo.jpg) left top no-repeat;
width: 240px; height: 173px; padding: 0; }
.flag { position: absolute; left: 40px; top: 10px; width:100px;}
.flag img { margin-left: 10px; border: 1px solid white;}
#head .logor, #head .logor2 { float: left; margin: 20px 0 0 0; background: url(./pic/baner_prazdny.jpg) left top no-repeat;
width: 532px; height: 173px; padding: 0; border:none; }
#head .logor2 { background: url(./pic/baner-s-lidmi.jpg) left top no-repeat; }
#head p { float: right; width: 454px; margin: 20px 20px 0px 0; font-size: 21px; font-weight: bold;
text-align: right; color:white; clear: both; }
#head .slogana { font-size: 16px; margin: 0 28px 0 0; font-weight: bold; }
#head .ikony { margin: 0 0 0 15px; width:450px; border:none; clear: both;
position: absolute; top: 135px; left: 280px; }
#head li { float: left; margin: 0; padding: 0; list-style: none; width:56px; }
/*h4.slogan1 { position: absolute; top: 126px; _top:145px; left: 80px; color: White; font-size: 13px; z-index: 2; }
h4.slogan2 { position: absolute; top: 165px; left: 280px; color: White; font-size: 13px; }
h4.slogana { position: absolute; top: 158px; left: 120px; color: White; font-size: 13px; }
*/
h4.slogan1 { float:left; margin: 140px 0 0 60px; _margin-left: 40px; color: White; font-size: 13px; z-index: 2; }
h4.slogan2 { float:left; margin: 6px 0 0 320px; _margin-left: 165px; color: White; font-size: 13px; clear:both; }
#topmenu { width: 835px; float: left; background: #e6E7E8 url(./pic/bg_menu.gif) repeat-x top left;
list-style: none; font-size: 12px; padding: 0; margin-left: 42px;
_margin-left: 21px;}
#topmenu ul { list-style: none; margin: 0; padding: 0; }
#topmenu li { float: left; margin: 0; padding: 0; list-style: none; }
#topmenu a,
#topmenu a.active:hover { float: left; padding: 4px 14px 4px 14px; text-decoration: none; color: #ED1D24;
margin: 0 2px 0 1px; background: transparent url(./pic/bg_menua.jpg) repeat-x top left; }
#topmenu a:hover { color: white; background: #DDDDDD url(./pic/bg_menuhover.gif) repeat-x top left;}
#topmenu a.active { font-weight: normal; background: url(./pic/bg_menuhover.gif) repeat-x top left; color: white; }
#topmenu .m-tip { }
#lmenu { width:230px; padding-left: 4px; margin: 10px 0 25px 10px; _margin:10px 0 25px 5px; }
#lmenu ul { margin: 0; padding: 0; list-style: none; width: 200px; }
#lmenu li { clear: left; float: left; list-style: none; height: 25px; }
#lmenu a { float: left; padding: .2em .5em .4em 1.5em; text-decoration: none;
color: #505050; width: 200px; _width: 206px; height: 25px;
background: #fff url('./pic/bgleftnavig.gif') 0 0 no-repeat; }
#lmenu a:hover, #lmenu a.active { color: #000; text-decoration: underline;
background-position: -230px 0; }
#lmenu li.aktiv { padding-left: 15px; background: url(./pic/sipkar.gif) left top no-repeat; width: 155px; }
#lmenu li.aktiv a { color: #ED1D24; }
#lmenu .logo { background: url(./pic/lmenu_logo.gif) left top no-repeat; float: left; width: 110px;
border: 0; height: 115px; margin-top: 17px; margin-left:-10px; clear: left; }
.logo2 { margin: 4px 0 7px 7px; display: block; clear: left; }
.col-l { float: left; width: 240px; display: block; margin-left: 45px; background: transparent;
_margin-left: 28px;}
.col-l .spc {width: 220px; padding: 0 10px 0 10px; margin-left: 0;}
.col-r { float: right; width: 564px; margin-right: 26px; _margin-right:14px; }
.col-r .top h1 { text-align: center; color: white; font-size: 15px; }
.col-r .spc {width: 546px; background: White; margin-top: 10px; }
.col-r .top { background: url(./pic/bgstredtop.gif) left top no-repeat transparent; height: 72px; }
.col-r .top strong { background: 0px 0px no-repeat; width: 80px; height: 72px; display:block; float: left; }
.col-r .bottom { background: url(./pic/bgstredbottom.gif) left top no-repeat #ED1D24; height: 48px; }
/* Leva strana */
.col-l .lmenu { width: 220px; float: left; background-color: #faf6e4; border:#8E2A2C 1px solid ; border-top: none;
margin-left: 4px; margin-bottom: 10px; font-size: 11px;}
.col-l .nadpisr { background: url(pic/nadpis2.jpg) right no-repeat; width: 200px; height: 28px; }
.col-l h2 { color: white; font-weight: bold; font-size: 1em; margin: 4px 2px 2px 10px;
padding: 0; }
.col-l .adress { text-align: center; margin: 0 6px 0 2px; border-bottom: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; }
.col-l .adress h2 { margin: 0; color: #8E2A2C; font-size: 1.1em;}
.col-l .adress h3 {margin: 0; color: #4A4A4A; font-size: 0.9em;}
.col-l .adress h4 {margin: 0; color: #4A4A4A; font-size: 0.8em;}
.novinky { width: 230px; font-size: 11px; margin: 10px 0 0 12px; _margin-left: 12px;
background-color: white;}
.novinky .top { background: url(./pic/bg_leftmenutop.gif) left top no-repeat transparent; height: 34px; text-align:center; color: white;
font-size:13px; font-weight: bold; }
.novinky .bottom { background: url(./pic/bgleftmenu_bottom.jpg) right top no-repeat transparent;
height: 40px;
clear: both; }
.novinky h3 { font-weight: bold; font-size: 12px; color: #ED1D24; margin: 0px 4px 0px 4px; }
.novinky h4 { font-weight: bold; font-size: 1em; color: white; margin: 4px 0 0 4px; padding: 1px 0;
background-color: #999999; width: 80px; text-align: center;}
.novinky .p { margin: 0px 2px 10px 5px; _margin: 0 0 10px 0; color: Black; font-size: 10px;
line-height: normal; float: left; width: 210px;
padding: 0 0 0 4px; background-color: white; }
.novinky .text { font-size: 11px; margin: 0; padding: 2px 0 0px 4px; }
.novinky .odkaz { text-align: center; background-color: #ED1D24; padding: 1px 0 2px 0; width: 75px;
margin-top: 4px; }
.novinky .odkaz a,.odkaz2 a { color:white; }
.novinky .odkaz2 { text-align: center; background-color: #ED1D24; padding: 1px 0 2px 0; width: 100px;
margin: 4px 8px 0 0; float: right; display: block; }
div.clear { clear: both; }
div.clearl { clear: left; }
.novinkystred { width: 520px; font-size: 11px; margin: 10px 0 0 12px; _margin-left: 12px;
background-color: white; }
.novinkystred .n { float: left; width: 510px; }
.novinkystred h3 { float:left; font-weight: bold; font-size: 12px; color: #ED1D24; margin: 0 0 0 9px;
width: 400px;}
.novinkystred h4 { float:left; font-weight: bold; font-size: 1em; color: white; margin: 0; padding: 1px 0;
background-color: #999999; width: 80px; text-align: center; }
.novinkystred .p { margin: 0px 2px 15px 5px; _margin: 0 0 10px 0; color: Black; font-size: 10px;
line-height: normal; width: 500px; clear: both;
padding: 0 0 0 4px; background-color: white; }
.novinkystred .text { font-size: 11px; margin: 0; padding: 2px 0 0px 4px; float: left; clear: left;
width: 480px;}
/* STRED */
div.nadpis { color:#C80000; font-weight: bold; font-size: 1.1em; }
div.sekce1 { float:left; width: 100%; clear: both; }
div.sekcein { padding: 1em; }
div.sekce2 { float:left; width: 100%; padding: 2px; }
div.sekce3 { float:left; width: 100%; clear: both; padding: 2px;}
div.sekce4 { float:left; width: 100%; padding: 2px 0 0 4px; }
div.fotogal { width: 90%; margin: 7px 2px; float:left; clear: both; padding: 0 0 10px 0; border-bottom: 1px dotted #7F7E7A; }
div.fotogal h2 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #505050; }
div.fotogal h2 A { font-weight: bold; color: #366AB3; font-size: 14px; text-decoration: underline; }
div.fotogal h2 A:hover { text-decoration: none; }
div.fotogal h3 { margin: 2px 0 0 0; padding: 0; font-size: 12px; font-weight: normal; color: #363835;
text-align: justify; line-height: 120%; }
div.fotogal img { float: left; padding-right: 5px; }
.galerie { margin: 10px 0 0 8px; float: left; width: 490px; text-align: center; padding: 4px 5px;
background-color: #6780B8; }
.galerie .obal { float: left; width: 33%; padding: 3px 0;}
.galerie .photo { text-align: center; padding: 3px 2px 0 2px; background-color: #6780B8; }
.galerie .popis { clear:both; text-align: center; font-size: 11px; color:#F5F5F5; }
.galerie img { border: 1px solid White; }
.galeriedet { background-color: #6780B8; padding: 10px 0px 25px 0px; color:white; }
.galeriedet .odkazy { text-align: center; width: 340px; background-color: white;}
.galeriedet A,.galeriedet A:link, .galeriedet A:visited
{ color: white; text-decoration: underline; font-weight: bold; }
.galeriedet A:hover { text-decoration: none; color: #D0D0D0; font-weight: bold;}
div.clanek { }
div.clanek .podtit { font-stretch: ultra-expanded; margin-bottom: 4px; }