body { margin:0px; padding:0px; background:#d6deeb; font-family:arial; font-size:14px; }
img { border:none; }

.container { width:980px; margin:0px auto; }
.border { margin:0px 10px; padding:10px 0px; }

.site_admin_add { border-top:1px solid #ccc; padding:10px; margin-top:10px; }
.site_admin_add a { color:#000; text-decoration:none; }

/* HEADER */
#header { background:#c72149; height:168px; }
#header .container { height:168px; position:relative; }
#header #mainLogo { width:245px; height:60px; display:block; background:url('/_templates/opus/images/header-logo.gif') no-repeat; position:absolute; top:35px; left:5px; }
#header #karta1 { background:url('/_templates/opus/images/karta1.jpg') no-repeat; width:356px; height:168px; position:absolute; top:0px; right:0px; }
#header #karta12 { background:url('/_templates/opus/images/karta12.jpg') no-repeat; width:57px; height:168px; position:absolute; top:0px; right:-57px; }
#header #karta2 { background:url('/_templates/opus/images/karta2.jpg') no-repeat; width:252px; height:78px; position:absolute; bottom:-78px; right:0px; }
#header #header-menu { background:url('/_templates/opus//_templates/opus/images/header-ruzek.gif') no-repeat #b21a41; position:absolute; bottom:0px; z-index:50; width:730px; }
#header #header-menu ul { height:37px; padding:0px; margin:0px 0px 0px 5px; border-bottom:9px solid #4a0617; }
#header #header-menu ul li { float:left; height:33px; list-style:none; margin:4px 3px 0px 0px; padding:0px; }
#header #header-menu ul li a { display:block; margin:0px 14px 0px 14px; padding:0px; text-decoration:none; color:#fff; font-size:14px; }
#header #header-menu ul li a:hover { text-decoration:underline; }
#header #header-menu ul li { background:url('/_templates/opus/images/menu-btn2.gif') repeat-x; }
#header #header-menu ul li .btn1 { background:url('/_templates/opus/images/menu-btn1.gif') top left no-repeat; }
#header #header-menu ul li .btn3 { background:url('/_templates/opus/images/menu-btn3.gif') top right no-repeat; padding-top:8px; }
#header #header-menu ul li.active { background:url('/_templates/opus/images/menu-btn2_active.gif') repeat-x; }
#header #header-menu ul li.active .btn1 { background:url('/_templates/opus/images/menu-btn1_active.gif') top left no-repeat; }
#header #header-menu ul li.active .btn3 { background:url('/_templates/opus/images/menu-btn3_active.gif') top right no-repeat; }
    /* suckermenu */
    #header #header-menu li { position: relative; }
    #header #header-menu li ul { position:absolute; left: 0px; width: 200px; display: none; background: #4a0617; z-index:200; height:auto; }
    #header #header-menu li > ul { top: 33px; left:0px; margin:0px; padding:5px 0px 5px 0px; }
    #header #header-menu li ul li { margin:10px 0px 0px 0px; padding:0px; width:200px; height:auto; background:transparent; }
    #header #header-menu li ul li a { margin: 0px 0px; padding:2px 10px; width:auto; font-weight:normal; color:#fff; display:block; }
    #header #header-menu li ul li:hover a, #header #header-menu li ul li.sfhover a { text-decoration:underline; color:#fff; }
    #header #header-menu li:hover ul, #header #header-menu li.sfhover ul {  display:block; }
    #header #header-menu .first { border:0px; }
    #header #header-menu li ul li.first { padding:0px;}

/* GREY */
#grey { background:#fff; }
#grey .container { background:url('/_templates/opus/images/middle-grey-ruzek.gif') bottom left no-repeat #e0e2ef; height:78px; }
#grey #grey-text { background:url('/_templates/opus/images/middle-grey-grad.gif') repeat-x; margin:0px 0px 0px 5px; padding:16px 0px 15px 20px; color:#4b2232; font-size:36px; font-weight:normal; }

/* MIDDLE */
#middle { background:#fff; }
#middle .container { background:url('/_templates/opus/images/karta3.jpg') top right no-repeat; padding:20px 0px; }
#middle .border { margin:0px 0px 0px 5px; }
#middle h1 { color:#4b2232; padding:0px 0px 5px 0px; margin:0px; }
#middle h2 { font-size:24px; color:#4b2232; padding:15px 0px 15px 0px; }
#middle p { text-align:justify; line-height:130%; margin:0px 0px 20px 0px; }
#middle ul, #middle ol { text-align:justify; line-height:110%; margin:0px 0px 20px 30px; }
#middle #childs li { list-style-image:url('/_templates/opus/images/childs.gif'); margin-bottom:17px; }
#middle #childs li a { text-decoration:none; color:#552a34; font-size:17px; font-weight:bold; }
#middle #childs li a:hover { text-decoration:underline; }

#middle #leftCol { float:left; width:300px; border-right:1px solid #dedede; padding-right:20px; }
#middle #rightCol { float:left; width:620px; padding-left:20px; }

/* FOOTER */
#footer { height:54px; color:#000; }
#footer a { color:#000; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer #opusLogo { width:148px; height:37px; display:block; background:url('/_templates/opus/images/footer-logo.gif') no-repeat; float:left; }
#footer #footer-menu { float:left; font-size:14px; margin:10px 0px 0px 30px; }
#footer #footer-menu li { list-style:none; float:left; border-left:1px solid #000; padding:0px 10px; }
#footer #footer-menu li.first { border:none; }
#footer #footer-menu li ul { display:none; }
#footer #footer-copyright { float:right; text-align:right; font-size:12px; margin:15px 0px 0px 0px; width:200px; }

/* misc */
#middle #main-menu { height:50px; margin:0px; padding:0px; }
#middle #main-menu li { list-style:none; width:278px; height:37px; display:block; float:left; background:url('/_templates/opus/images/main-menu.gif') no-repeat; margin:5px 15px 0px 0px; }
#middle #main-menu li.active { background:url('/_templates/opus/images/main-menu_active.gif') no-repeat; }
#middle #main-menu li:hover { background:url('/_templates/opus/images/main-menu_active.gif') no-repeat; }
#middle #main-menu li a { display:block; margin:9px 0px 0px 40px; font-size:18px; color:#4b2232; text-decoration:none; }


#klientske-centrum { background:url('/_templates/opus/images/klientskeCentrum.jpg') no-repeat; width:602px; height:286px; }
#klientske-centrum .border { margin:0px 20px; padding:20px 0px; }
#klientske-centrum h3 { font-size:18px; font-style:italic; margin:0px; width:250px; }
#klientske-centrum p { font-size:14px; margin:0px 0px 15px 0px; }

#middle .news_item { margin-bottom:20px; }
#middle .news_item h2 { font-size:24px; color:#4b2232; padding:0px 0px 15px 0px; margin:0px; }
#middle .news_item h2 a { color:#4b2232; text-decoration:none; }
#middle .news_item .news_datum { font-size:12px; font-weight:bold; color:#4b2232; padding:3px 0px 0px 0px; margin:0px; }