#main{
    width:980px;
    border:1px solid gray;
    margin:0 auto;
    height:650px;
    border-bottom:0px;

}

#hlavna{
    width:980px;
    border:0px;
    margin: 0 auto;
}

#produkty{
    float:left;
    font-family:trebuchet ms;
    font-size:14px;
    color:slategrey;
    width:230px;
    margin-top:10px;
    text-align:center;
}

#contact{
    float:right;
    font-family:trebuchet ms;
    font-size:14px;
    color:slategrey;
    width:240px;
    margin-top:10px;
    text-align:center;
}

#contact table{
         font-family:trebuchet ms;
    font-size:11px;
    text-decoration:none;
    color:black;
    font-weight:normal;
    text-align:right;
}

#contact table input{
      font-family:trebuchet ms;
    font-size:11px;
    height:12px;
}

#contact textarea{
          font-family:trebuchet ms;
    font-size:11px;
    width:200px;
    height:150px;
    text-align:left;
}

#contact p,a{
       font-family:trebuchet ms;
    font-size:11px;
    text-decoration:none;
    color:black;
    margin:0px;
    padding:0px;
    font-weight:normal;
}

#contact a:hover{
    color:slategray;

}


#produkty a{
       font-family:trebuchet ms;
    font-size:12px;
    text-decoration:none;
    color:black;
    font-weight:normal;

}
#produkty a:hover{
       font-family:trebuchet ms;
    font-size:14px;
    text-decoration:none;
    color:slategray;
    font-weight:bold;
}

#text{
    width:500px;
    border:1px solid gray;
    height:360px;
    margin:0 auto;
    margin-top:10px;
    float:left;
}

#text img{
    cursor:pointer;
}
#text p{
  text-align:justify;margin-left:20px;margin-top:10px;padding:0px;font-family:trebuchet ms; font-size:11px;
  margin-bottom:0px;
}
#text h2{
    font-family:trebuchet ms;
    font-size:14px;
    font-weight:bold;
    color:slategray;
    text-align:left;
    margin-left:10px;
}

#text ul{
        font-family:trebuchet ms;
    font-size:11px;
    font-weight:normal;
    color:black;
    text-align:left;
    margin-left:10px;
    margin-top:0px;
}

#menu{
    width:980px;
    height:30px;
    font-family:trebuchet ms;
    font-size:12px;
    margin-top:2px;

    background-color:gainsboro;
   padding-top:10px;
   padding-bottom:0px;

}

#menu span{
      font-family:trebuchet ms;
    font-size:14px;
    color:black;
    text-decoration:none;
    margin-left:45px;
    margin-bottom:0px;
    margin-right:45px;
     padding:10px;
     font-weight:bold;
     cursor:pointer;
}

#menu span:hover{
    background-color:slategray;
    color:white;
}

body{
    text-align:center;
}
#banner{
   width:980px;
   height:251px;

}

#kontakt{
    float:right;
    font-family:trebuchet ms;
    font-size:13px;
    text-align:right;
    background-image:url("images/kontakt_bg.png");
}

#kontakt a{
    text-decoration:none;
    font-family:trebuchet ms;
    color:black;
        font-size:14px;
    font-weight:bold;
}
#kontakt p{
    text-align:left;
    float:right;
    margin-right:25px;
    font-size:14px;
    font-weight:bold;
}
#kontakt a:hover{
    text-decoration:underline;
}


#featured{
        width:400px;
        padding-right:250px;
        position:relative;
        height:250px;
        background:white;
        border:0px solid black;
        text-align:left;
        float:left;
             
    
    }

        #footer{
        width:980px;
        background-image:url("images/footer_bg.png");
        height:50px;
        margin:0 auto;
        border:1px solid gray;
        border-top:0px;
        text-align:center;
        font-family:trebuchet ms;
        font-size:10px;
        color:black;
}



        #featured ul.ui-tabs-nav{
        position:absolute;
        top:0; left:400px;
        list-style:none;
        padding:0; margin:0;
        width:250px;
   
    

    }
    #featured ul.ui-tabs-nav li{
        padding:0px 0; padding-left:0px;
        font-size:12px;
        color:#666;
        
         

                        
    }
    #featured ul.ui-tabs-nav li span{
        font-size:11px; font-family:verdana;
        line-height:18px;

    }


        #featured .ui-tabs-panel{
        width:400px; height:250px;
        background:#999; position:relative;
            overflow:hidden;

    }
    #featured .ui-tabs-hide{
        display:none;
    }

        #featured .ui-tabs-panel{
        width:400px; height:250px;
        background:#999; position:relative;
            overflow:hidden;
    }
    #featured .ui-tabs-hide{
        display:none;
    }


        #featured li.ui-tabs-nav-item a{/*On Hover Style*/
        display:block;
        height:62.6px;
        color:black;  background:white;
        line-height:20px;
        outline:none;
        text-decoration:none;
        font-weight:normal;
        padding-right:5px;
              background-image:url("images/banner_bg.png");
        
    }


    #featured li.ui-tabs-nav-item a:hover{
        background:gainsboro;

    }
   
    #featured ul.ui-tabs-nav li.ui-tabs-selected a{
        background:slategray;
        color:white;
    }

        #featured ul.ui-tabs-nav li img{
        float:left; margin:2px 5px;
        background:#fff;
        padding:2px;
        border:1px solid #eee;
    }

        #featured .ui-tabs-panel .info{
        position:absolute;
        top:150px; left:0;
        height:100px; width: 400px;
        background: url('images/transparent-bg.png');
    }
    #featured .info  h2{
        font-size:18px; font-family:verdana;
        color:#fff; padding:5px; margin:0;
        overflow:hidden;
    }
    #featured .info p{
        margin:0 5px;
        font-family:verdana; font-size:11px;
        line-height:15px; color:#f0f0f0;
    }
    #featured .info a{
        text-decoration:none;
        color:#fff;
    }
    #featured .info a:hover{
        text-decoration:underline;
    }