/*
main.css 
(c) Ing. Jan Malý, 2006-2007 *** http://triablo.net
It is forbidden to copy and (or) publish any parts of this code withnout my permission!
*/

form, ul, dl, ol, p {margin: 0px;}
.u {text-decoration: underline;}
img { border: 0 none; }
body {background: black url('/css/img/back-deere.jpg') no-repeat center top; background-attachment: fixed; 
      color: white; font: normal 10pt sans-serif; 
      margin: 0px; padding: 0px;}
a {color: #ffcc07; }

input.butt {border:1px solid #FFCB2E; width:70px; height:20px; margin:5px;}
dt {margin: 0px; list-style-type: none;  background: transparent url('/css/img/sipka.png') no-repeat; padding-left:19px; background-position: 0px 4px;}
dd {list-style-type: circle; color:white}
table.list {width:800px; margin-left:30px;}
div.mriz {background: transparent url('/css/img/mriz.png') repeat-x; height:35px; margin-bottom:15px}


#all {width: 1020px; margin: 0 auto; padding: 0px;}

h1 {margin: 50px 0 40px 60px; padding: 0 0 0 40px; text-transform: uppercase;
        font: normal 38px 'Arial Black', 'Gadget CE', sans-serif; color: white; line-height: 0.8;
        background: transparent url('/css/img/logo.png') no-repeat top left;}
h1 a {text-decoration: none; color: white;}
h1 a em {display: block; margin: 6px 2px 0 3px; color: #ffcc07; font: normal 12px sans-serif;}

#menu {margin: 0 0 0 60px; height: 40px; padding: 0;}
#menu a.menu, #menu a.menu-active {display: block; float: left; margin: 0 5px 0 0; padding: 0 20px 0 10px; height: 40px;
          font: normal 14px sans-serif; color: white; text-decoration: none; line-height: 40px;}
#menu a.menu-active {background: transparent url('/css/img/back-menu.png') no-repeat top right;
                    color: black;}
#menu a.menu:hover, #menu a.menu:active {text-decoration: underline;}


#sitka {background: transparent url('/css/img/back-sipka.png') no-repeat top right; float:left;
        margin: 0 0 0 60px; width: 660px;} 
#hlavni-box {background: transparent url('/css/img/back-sitka.png') repeat top left;
              padding: 0; height: 170px;}
#hlavni-box h2 {margin: 0 0 0 20px; padding: 25px 0 0 0; 
                font: normal 28px 'Arial Black', 'Gadget CE', sans-serif; color: #ffcc07;
                text-transform: uppercase; line-height: 1.1;}                
#hlavni-box p {margin: 5px 0 0 20px; padding: 0; line-height: 1.1;
                font: normal 14px sans-serif; color: white;
                text-transform: uppercase; width: 65%}



#pravy-box {float: right; width: 210px; height: 184px; padding: 0; margin: 0px 80px 0 0;  
            background: transparent url('/css/img/back-pravy-box.png') repeat top left;
            }
#pravy-box h4 {font: normal 35px 'Arial Black', 'Gadget CE', sans-serif; color: white;
            text-transform: uppercase; line-height: 1;
            padding: 35px 35px 0 0; margin: 0 0 0 0; text-align: right;}                 

.newsbox {width: 360px; height: 95px; float: left; padding: 0 20px 0 0; margin: 20px 0px 0 60px;
          border-right: 2px solid white; font: normal 12px sans-serif; text-align: left;
         }

.newsbox strong {display: block; margin: 0; padding: 0;
                 font: bold 16px sans-serif; color: #ffcc07; line-height: 1}


.cislo {margin: 0; padding: 0 0 0 2px; width: 36px; height: 36px; line-height: 36px;       
    background: transparent url('/css/img/back-cislo.png') no-repeat top left;
    font: normal 25px 'Arial Black', 'Gadget CE', sans-serif; color: white;
}

.hardbox {float: left; margin-right: 10px; position: relative;}
.cover {background: transparent url('/css/img/front-cross.png') no-repeat 0 1px;
        width: 36px; height: 36px; position: absolute; top: 0; left: 0; z-index: 100;
}

.navigation {margin: 45px 0 0 140px; color: white}
.navigation a {color: white; font-weight: bold}

#content {margin: 10px 80px 0 60px; background: transparent url('/css/img/bg.png') repeat top left; color: white; min-height: 250px;}
#content.home {}

#content.home .inner {margin: 0 40px;}
          
#footer {margin: 10px 80px 0 60px; padding: 10px; font: normal 13px sans-serif; color: black; background: #ffcc07}
#footer #rite {margin: 0; padding: 0; width: 300px; text-align: right; float: right}
#footer a {color: white;}          

/* styly obsahu */ 
.inner {margin: 0 20px; padding: 20px 0 30px 0}         
.inner h3 {margin: 20px 0 0 0; opacity: 1;
           font: normal 24px 'Arial Black', 'Gadget CE', sans-serif; color: black;
           text-transform: uppercase; line-height: 37px; height: 37px}
.inner h3 strong {padding: 0 20px; color: white;
                  background: url('/css/img/back-nadpis.png') repeat-x top left}
.inner h4 {margin: 20px 0 0 0; font: bold 22px sans-serif; color: #ffcc07;}
.inner ul {margin: 10px 0 10px 30px;}
.inner ol {margin: 10px 0 10px 30px;}
.inner p {margin: 20px 0 0 0;}
.inner #secmenu {margin: 20px 0 0 0; font: normal 14px sans-serif}
.inner #secmenu a {padding: 0 20px; text-decoration: none;}
.inner #secmenu a.active {text-decoration: underline; font-weight: bold ;}

/* photogallery */
#detailbigimg {background-color: black;}
#detailbigimgPANE {opacity: 1; position: relative; z-index: 400; background: white;}
#detailbigimgINNER {position: absolute; z-index: 500; cursor: pointer;}
#loadingPane {background: transparent url('/css/img/loadingAnimation.gif') no-repeat center; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 10000}
#sipkaRight, #sipkaLeft {text-decoration: none; display: block; position: absolute; width: 30px; height: 30px; margin: 0; z-index: 600; }
#sipkaLeft {background: transparent url('/css/img/sipka-left.gif') no-repeat top left;}
#sipkaRight {background: transparent url('/css/img/sipka-right.gif') no-repeat top left;}
#detailbigimgBOTTOM {display: block; height: 45px; position: absolute;  z-index: 600; margin: 0; text-align: center;}
#detailbigimgBOTTOM p {margin: 5px 0 0 0; padding: 0; height: 25px; line-height: 25px; font: normal 14px sans-serif; color: black;}
#detailbigimgBOTTOM h4 {margin: 0 0 0 0; padding: 0; height: 10px; line-height: 10px; font: normal 10px sans-serif; color: #aaa;} 


.onephoto {width: 165px; height: 124px; padding: 4px; border: 2px solid black;
           float: left; margin: 20px 10px 0 10px; position: relative;}
.onephoto:hover {border-color: #ffcc07}       
.softbox {position: absolute; top: 98px; left: 138px;}