/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-image: url('../images/bg-container.jpg');
    background-color: #d9d9dd;
    background-repeat: no-repeat;
    background-position: top; 
	
	font-family:arial;
	font-size:small;
	color:#000;
}


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1000px;
	background: #fff;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

/* hlavicka */
div#header {

}
    /* horni logo a vyhledavani - box*/
    div#logo-search {
        height: 235px;        
        width: 235px;
        float: left;
    }
    div#logo-search a img {
        border: 0;
    }
    /* horni menu a banner - box*/
    div#menu-banner {
        height: 235px;
        width: 765px;
        float: left;
        background-image: url('../images/bg-menu-banner.gif');        
        background-repeat: repeat-x;
        background-position: top;
    }
    /* tlacitka domu a tisk*/
    .tools {
       	background-image: url('../images/bg-tools.gif');        
        background-repeat: no-repeat;
        background-position: right top;
        height: 31px;
        text-align: right; 
    }    
        .tools span {
            margin-right: 10px;
            position:relative;
            top: 10px;            
        }
        
    /* vyhledavani */
    .search {                
        height: 65px;        
        background-color: #e5e5e5;
        !padding-bottom: 4px;
    }
    .search label {
        text-transform: uppercase;
        color: #abacac;                                
        margin-left: 20px;
        position:relative;
        top: 10px;
        font-size: 10px;
    }
    .search div {        
        margin-top: 15px;
        margin-left: 20px;
    }
    .search input.search-input {
    
        border: 1px solid #9ab2bb;
        background-image: url('../images/bg-search-input.gif');
        background-position: right;
        background-repeat: no-repeat;
        background-color: #eeeeee;
        padding-right: 22px;
    }
    
    .search-page {
        margin-top: 5px;
    }
    
    /* hlavni menu nahore */
    #top-menu {  
        margin-top: 2px;              
        margin-left: 10px;
    }

    #top-menu ul {
        padding: 0;
        margin: 0;
    }
    #top-menu .menu-gradient-left {
        background-image: url('../images/bg-menu-gradient-left.gif');
        background-repeat: no-repeat;
        height: 37px;
        width: 3px;
        float: left;    
    }
    #top-menu .menu-gradient-right {
        background-image: url('../images/bg-menu-gradient-right.gif');
        background-repeat: no-repeat;
        height: 37px;
        width: 4px;
        float: left;
    }    
    #top-menu ul li {
        float: left;
        list-style: none;
        background-image: url('../images/bg-menu-li.gif');
        background-repeat: repeat-x;
        height: 37px;
    }
   
    #top-menu ul li.separator {
        float: left;
        list-style: none;
        background-image: url('../images/bg-menu-li-separator.gif');
        background-repeat: repeat-x;
        height: 37px;
        width: 1px;
    }

    #top-menu ul li a {
        display: block;
        padding: 10px 25px;
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
    }
    #top-menu ul li a:hover {        
        text-decoration: underline;
    } 
    
    #top-banner {
        margin-top: 3px;
    }   

    /* informacni linka pod bannerem */
    #infobox {        
        background-image: url('../images/bg-infobox.gif');
        background-repeat: repeat-x;
        background-position: top;
        height: 23px;
        width: 735px;
        border-bottom: 3px solid #165d77;
        padding-left: 265px;
        padding-top: 8px;
        color: #565656;
        font-size: 12px;
                        
    }
    #infobox span {
        color: #004a66;
    }  

/* hlavni obsah */     
div#content {
	padding:1px 3px 50px 3px; /* bottom padding for footer */
}

div#content h2 {
    font-size: 14px;
    color: #f8b22d;
    padding: 0;
    margin: 0;
    font-weight: bold;
}
div#content h3 {
    font-size: 12px;
    color: #004a66;
    padding: 0;
    margin: 0;
    font-weight: bold;
}
div#content h4 {
    font-size: 11px;
    color: #004a66;
    padding: 0;
    margin: 0;

}


    /* prostredni menu */
    #middle-menu {
        background-image: url('../images/bg-middle-menu.gif');
        background-repeat: repeat-x;
        background-position: top;  
        height: 160px;  
        padding-left: 5px;    
    }
        #middle-menu ul {
            margin: 0;
            padding: 0;
        }
        #middle-menu ul li {
            list-style: none; 
            float: left;
            text-align: center;
            background-repeat: repeat-x;
            background-position: top;    
            width: 235px;
            height: 160px;  
            margin-right: 12px;                                    
        }
        #middle-menu a {
            display: block;
            width: 235px;
            height: 160px;
            text-decoration: none;
            
        }
        #middle-menu a img {
            border: 0;
        }
        #middle-menu ul li.is {
            background-image: url('../images/but-is-azpro.jpg');          
        }
        #middle-menu ul li.hwsw {
            background-image: url('../images/but-hwsw.jpg');        
        }        
        #middle-menu ul li.pam {
            background-image: url('../images/but-pam.jpg');        
        }   
        #middle-menu ul li.sysint {
            background-image: url('../images/but-sysint.jpg');        
        } 
        #middle-menu ul li h3 {
            position: relative;
            top: 135px;            
        }
        
        /* 
        reference na titulce */
        .reference-box { 
           position: relative;
           overflow: hidden;
           height: 160px;
           width: 733px;
           float: left;
           padding-bottom: 5px;
           margin-right: 15px;                     
        }                
        .reference-homepage {
            position: absolute;
            top: 245px;

            background-image: url('../images/bg-reference-homepage.jpg'); 
            background-repeat: no-repeat;
            padding: 20px;
            height: 160px;
            margin-top: 5px;
            margin-right: 15px; 
            width: 693px;            
        }
        /* reference v podstrance - vypis*/
        .reference {            
            background-image: url('../images/bg-reference.jpg'); 
            background-repeat: no-repeat;
            padding: 20px;
            height: 205px;
            margin-top: 5px;
            margin-right: 15px; 
            width: 693px;            
        }        
      
        .reference .reference-image,.reference-homepage .reference-image{            
            width: 140px;
            height: 200px;
            float: left;
            margin-right: 40px;
            text-align: center;
        }
        .reference img, .reference-homepage img {
            border: 0;
        }
        .reference .reference-description, .reference-homepage .refence-description {            
            width: 500px;
            height: 200px;
            float: left;            
        }
        .reference .reference-description p, .reference-homepage .reference-description p {
            color: #454545;
            font-size: 11px;
        }
        .reference .but-detail, .reference-homepage .but-detail {
            padding-top: 10px;
            text-align: right;
        }
        
        /* reference detail */
        .reference-detail {            
            padding: 20px;            
            margin-top: 5px;
            margin-right: 15px; 
            width: 693px;            
        }
      
        .reference-detail .reference-image {            
            width: 140px;
            height: 200px;
            float: left;
            margin-right: 20px;
            text-align: center;
        }
        .reference-detail img {
            border: 0;
        }
        .reference-detail .reference-description {            
            width: 500px;
            height: 200px;
            float: left;            
        }
        .reference-detail .reference-description p {
            color: #454545;
            font-size: 11px;
        }
        .reference-detail .but-detail {
            padding-top: 10px;
            text-align: right;
        }        

        /* reference v podstrance - vypis*/
        .partner {            
            background-image: url('../images/bg-reference.jpg'); 
            background-repeat: no-repeat;
            padding: 20px;
            height: 205px;
            margin-top: 5px;
            margin-right: 15px; 
            width: 693px;            
        }        
      
        .partner .partner-image {            
            width: 140px;
            height: 200px;
            float: left;
            margin-right: 40px;
            text-align: center;
        }
        .partner img {
            border: 0;
        }
        .partner .partner-description {            
            width: 500px;
            height: 200px;
            float: left;            
        }
        .partner .partner-description p {
            color: #454545;
            font-size: 11px;
        }
        .partner .but-detail {
            padding-top: 10px;
            text-align: right;
        }
        
        /* partner detail */
        .partner-detail {            
            padding: 20px;            
            margin-top: 5px;
            margin-right: 15px; 
            width: 693px;            
        }
      
        .partner-detail .partner-image {            
            width: 140px;
            height: 200px;
            float: left;
            margin-right: 20px;
            text-align: center;
        }
        .partner-detail img {
            border: 0;
        }
        .partner-detail .partner-description {            
            width: 500px;
            height: 200px;
            float: left;            
        }
        .partner-detail .partner-description div {
            width: 350px;
        }        
        .partner-detail .partner-description p {
            color: #454545;
            font-size: 11px;
        }
        .partner-detail .but-detail {
            padding-top: 10px;
            text-align: right;
        }        

        
        /* kontakt na titulce */        
        #contact {
            background-image: url('../images/bg-contact.jpg'); 
            background-repeat: no-repeat;
            height: 231px;
            width: 213px;                        
            margin-top: 5px;             
            font-size: 11px;
            color: #919191;
            padding-top: 10px;
            padding-left: 20px;  
            position: relative;          
                          
        } 
        #contact-homepage {
            background-image: url('../images/bg-contact-homepage.jpg'); 
            background-repeat: no-repeat;
            height: 160px;
            width: 213px;            
            float: left;
            margin-top: 5px;             
            font-size: 11px;
            color: #919191;
            padding-top: 10px;
            padding-left: 20px;            
                          
        }                  
        #contact span, #contact-homepage span {
            color: #fff;
        }
        #contact p, #contact-homepage p {
            padding-top: 15px;
        }
        #contact .but-contact-form, #contact-homepage .but-contact-form{
            text-align: right;
            margin-right: 15px;            
        }        
        #contact .but-contact-form img, #contact-homepage .but-contact-form img {
            border: 0;
        }
        #contact-map {
            position: absolute;
            top: 50px;
            right: 0px;
        }
        #contact-map a img {
            border: 0;
        }
        
        /* oddelovac stranky */
        .page-separator {
            border-top: 3px solid #004a66;
        }
        
        /* neco o firme */
        #about-company {
            color: #848484;
            width: 285px;
            float: left;
            margin-top: 5px;            
        }
        #about-company-head {
            background-image: url('../images/bg-about-company-head.gif'); 
            background-repeat: no-repeat;
            padding: 15px 20px;      
        }        
        #about-company-head a {
            text-decoration: none;
        }
        #about-company p {        
            padding: 0 20px;           
        } 
        
        /* aktuality na titulce*/
        #news {
            width: 655px;
            float: left;
            margin: 5px;                          
        }  
        .news-head {
            width: 695px;
            height: 12px;
            background-image: url('../images/bg-news-head.gif'); 
            background-repeat: no-repeat; 
            background-position: bottom;    
        }      
        .news-middle {
            width: 655px;            
            background-image: url('../images/bg-news-middle.gif'); 
            background-repeat: repeat-y;
            padding: 0 20px 10px 20px; 
            min-height: 100px;       
            background-position: middle;              
        }        
        .news-bottom {
            width: 695px;            
            background-image: url('../images/bg-news-bottom.gif'); 
            background-repeat: no-repeat;
            background-position: top;
            height: 20px;           
        } 
        .news-item { 
            width: 600px;
            margin: 15px 0;           
        }       
        .news-item h3 {
            color: #0e455a;
            text-decoration: underline;
        }
        .news-item em {
            font-style: normal;
            font-size: 10px;
            color: #0e455a;
        }
        .news-item p {
            color: #555555;
        }
        .news-item .more {
            text-align: right;
            width: 600px;
        }
        .news-item .more a {
            color: #f8b028;
            font-size: 11px;
            font-weight: bold;
            text-decoration: none;
        }        
        .news-item .more a:hover {            
            text-decoration: underline;
        }        
        .goto-news {
            text-align:right;
            width: 600px;
        }
        .goto-news a {
            font-weight: bold;
            font-size: 11px;
            color: #004a66;
        }

/* rozdeleni podstranky na leve menu a obsah*/
table.center-col {
  padding: 0;
  margin: 0;
}
table.center-col td {
    vertical-align: top;
}
    /* levy sloupec centralni casti v podstrance */
    table.center-col .left {
        width: 234px;
    }
        /* leve menu - vychazi z topmenu*/
        ul.left-menu {
          padding: 0;
          margin: 0;          
        }
        ul.left-menu li {
          list-style: none; 
          background: url('../images/bg-leftmenu-li.gif') no-repeat #fff;                               
        }
        ul.left-menu li a {
          display: block;
          padding: 10px;
          color: #004a66;
          font-size: 12px;
          text-decoration: none;                     
        }        
        ul.left-menu li.level-1 a {
            font-weight: bold;
        } 
        ul.left-menu li.level-1 a:hover {            
            color: #f5ae26;                      
        } 
        ul.left-menu li.level-1 a.active {            
            color: #f5ae26;    
            /*background-image: url('../images/bg-leftmenu-li-active.gif');
            background-repeat: no-repeat;*/            
        }         
        
        ul.left-menu li.level-2 a {
            font-weight: bold;
        } 
        ul.left-menu li.level-2 a:hover {
            font-weight: bold;  
            color: #f5ae26; 
            font-style: italic;         
        } 
        ul.left-menu li.level-2 a.active {
            font-weight: bold;
            font-style: italic; 
            color: #f5ae26;           
        }         
        ul.left-menu li ul {
          background-color: #024b68;
          display: none;
          padding-left: 25px;          
          margin: 10px 0 1px 0;             
        }
        ul.left-menu li ul li ul {
          background-color: #024b68;
          display: none;
          padding-left: 15px;          
          margin: 1px 0 1px 0;             
        } 
        
        ul.left-menu li.level-3 a {
            font-weight: normal;
        }      

    /* pravy sloupec centralni casti v podstrance */
    table.center-col .right {
        width: 760px;
        padding-left: 5px;
        color: #454545;
        font-size: 12px;
    }
    table.center-col .right h1 {
        margin:0;
        padding: 0;
        font-size: 14px;
        color: #f8b028;
    }
    table.center-col .right .page-header {
        margin:0;
        padding: 10px 15px;
        background-image: url('../images/bg-content-h1.gif');
        background-repeat: no-repeat; 
        height: 37px;
        width: 720px;
        margin-top: 10px;
    }
    table.center-col .right .perex {
        font-style: italic;
        margin-bottom: 15px;
        margin-left: 20px;
        margin-right: 20px;
    }
    table.center-col .right .page-content {
        font-style: normal;
        margin-bottom: 15px;
        margin-left: 20px;
        margin-right: 20px;
    }
    






/* spolecne tridy */
.cleaner {
    clear: both;
}
.hidden {
    display: none;
}

/* paticka */
div#footer {
	border-top: 7px solid #004a66;
	color: #004a66;
    position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background: #fff;
}
div#footer .text{
	padding: 10px 20px;
	font-weight: bold;
	font-size: 11px;
}
div#footer .text a {
    font-size: 11px;
	color: #004a66;	
    font-weight: bold;
    text-decoration: none;
}
div#footer .text a:hover {    
	text-decoration: underline;
	color: #ff0000;
}