/* CSS: pachtova.cz */

/* general settings */
body,html{ margin: 0; padding: 0; font-family: Tahoma, Arial, sans-serif; }

body{ background: #d07100 url('/images/bgr_main.png') left top repeat-x; height: auto; }
a{ text-decoration: none; }
.clear{ font-size: 0; height: 0; width: 0; clear: both; display: block; }
.spacer{ height: 24px; }
a img{ border: 0; }

h1,h2,h3{ margin: 0; padding: 0; font-size: 15pt; }
h2,h3{ font-size: 11pt; }
p{ margin: 0; padding: 0; }

div#mainCont{ width: 1051px; height: auto; margin-left: 90px; }
    div#logoCont{   width: 559px; 
                    height: 95px; 
                    background: url('/images/logo.png') left top no-repeat; 
                    position: absolute; 
                    left: 0; 
                    top: 32px; 
                    z-index: 11;
    }
    div#logoCont a{ display: block; width: 100%; height: 100%; }
    
    div#headCont{ width: 100%; height: 471px; position: relative; }
        div#headCont div#headImg{ z-index: 0; margin-left: 249px; }
        div#overlayCont{    width: 100%; 
                            height: 100%; 
                            background: url('/images/bgr_head.png') left top no-repeat; 
                            z-index: 10; 
                            position: absolute; 
                            top: 0; 
                            left: 0;
        }
        
        div#overlayCont div#contactCont{ font-size: 11px; position: absolute; left: 225px; top: 298px; color: #414042; }
        div#overlayCont div#contactCont a{ color: #414042; }
        div#overlayCont div#contactCont a:hover{ color: black; }
            div#hoodCont{ width: 680px; height: 60px; position: absolute; top: -90px; left: 110px; z-index: 101; }
            div#hoodCont div#eshopEntry{ color: white; font-size: 23px; margin: 15px 0 0 30px; }
            div#hoodCont div#eshopEntry a{ width: 226px; height: 58px; background: url('/images/hood_link_inactive.png') left top no-repeat; display: block; font-weight: bold; right: 30px; position: absolute; top: 5px; color: white; padding: 9px 0 0 10px; }
            div#hoodCont div#eshopEntry a:hover{ background: url('/images/hood_link_active.png') left top no-repeat; }
            div#hoodCont div#welcomeText{ text-align: center; font-size: 19px; color: white; margin-top: 5px; }
            
            div#overlayButton{ position: absolute; top: 201px; left: 449px; }
            div#overlayButton a{ display: block; background: url('/images/pict_link_inactive.png') left top no-repeat; height: 59px; width: 306px; font-size: 31px; font-weight: bold; color: #f7941d; padding: 15px 0 0 25px; }
            div#overlayButton a:hover{ background: url('/images/pict_link_active.png') left top no-repeat; color: white; }
            
            div#menuCont{ top: 155px; left: 57px; width: 300px; height: 225px; position: absolute; }
                div#menuCont a{ display: block; font-size: 13px; color: #859f0a; width: 139px; height: 25px; padding: 8px 0 0 10px; }
                div#menuCont a.long{ width: 211px; height: 26px; }
                div#menuCont a.active{ background: url('/images/menu_short_active.png') left top no-repeat; color: white; }
                div#menuCont a:hover{ background: url('/images/menu_short_inactive.png') left top no-repeat; color: white; }
                div#menuCont a.active.long{ background: url('/images/menu_long_active.png') left top no-repeat; color: white; }
                div#menuCont a.long:hover{ background: url('/images/menu_long_inactive.png') left top no-repeat; color: white; }
                
                a#link1{ margin: 0 0 0 85px; }
                a#link2{ margin: 0 0 0 50px; }
                a#link3{ margin: 0 0 0 25px; }                
                a#link4{ margin: 0 0 0 9px; }            
                a#link5{ margin: 0 0 0 0px; }                            
                a#link6{ margin: 0 0 0 0px; }                            
                a#link7{ margin: 0 0 0 10px; }
    div#bodyCont{ width: 100%; height: auto; background: url('/images/bgr_body.png') left top no-repeat; margin-bottom: 20px; position: relative; }
        div#bodyCont div#contentCont{ width: 725px; min-height: 200px; background: url('/images/bgr_content.png') left top repeat-y; margin-left: 90px; }


        div#bodyCont div#contentFooter{ width: 725px; margin-left: 90px; height: 1px; background: url('/images/bgr_content_footer.png') left top no-repeat; }

        div#bodyCont div#footCont{ font-size: 11px; color: white; margin-right: 235px; margin-top: 5px; }
            div#footCont span{ text-align: right; display: block; }
                div#footCont span a{ color: white; }
                div#footCont span img{ position: relative; top: 3px; margin: 0 5px 0 5px; }
    


/* content */
div#content{ margin: 0 30px 0px 30px; padding: 10px 0 20px 0; }  
div#content a{ color: #f7941d; font-weight: bold; text-decoration: underline; }
div#content span.green{ color: #859f0a; font-weight: bold; }
div#content span.orange{ color: #f7941d; font-weight: bold; }
div#content p{ font-size: 14px; color: #555555; display: block; }
div#content span.ul{ font-size: 12px; list-style: none; padding: 0; margin: 5px 0 5px 5px; display: block; }
div#content span.ul span.ul{ margin: 0 0 0 5px; }
div#content span.li{ background: url('/images/li_big.png') left 7px no-repeat; padding-left: 7px; display: block; }
div#content span.li span.li{ background: url('/images/li_small.png') left 8px no-repeat; padding-left: 7px; }
div#content table{ border-collapse: collapse; margin-top: 10px; }
div#content td, div#content th{ border: 1px solid #f9aa4a; padding: 2px 10px 2px 10px; font-size: 12px; color: #555555; text-align: center; }
div#content table th{ background-color: #f7941d; color: white; font-weight: normal; }
div#content table tr.even td{ background-color: #fdead2; }
div#content img{ display: block; border: 1px solid #f7941d; }
div#content img.floatLeft{ float: left; clear: right; margin: 10px 10px 10px 0; }
div#content img.floatRight{ float: right; margin: 10px 0px 10px 10px; }

h1,h2,h3,h4,h5{ font-size: 16px; font-weight: bold; color: #859f0a; margin: 0; padding: 0; }
h2{ font-size: 15px; margin: 10px 0 0 10px; }
h3{ font-size: 15px; margin: 10px 0 0 20px; }
h4,h5{ font-size: 13px; margin: 10px 0 0 20px; color: #555555; }
h5{ font-size: 11px; }

p.h1{ margin: 10px 0 0 10px; }
p.h2{ margin: 0px 0 0 10px; }
p.h3, p.h4, p.h5{ margin: 0px 0 0 20px; }