/* Falcon - Klub Bilardowy */


* {margin: 0 auto; padding: 0; border: 0;}
html {width: 100%; min-width: 100%; height: 100%;}
body {background-image: url('../images/bg.png'); text-align: center; margin: 0 auto; font-family: Tahoma, Verdana, sans-serif; font-size: 14px; color: #FFFFFF;}
a { color: #ffd97b; text-decoration: none; }
a:hover { color: #fff; }
div#top {position: relative; display: block; height: 439px; width: 100%; margin: auto;background-image: url('../images/top.png'); background-repeat: no-repeat; background-position: center top;}
div#content {position: relative; margin-top: 30px; width: 980px; min-height: 500px; height: auto; overflow: hidden;}
  div#content #left {display: inline-block; float: left; margin-left: 20px; right: 25px; width: 262px; height: auto; min-height: 500px; background-image: url('../images/left_bg.png'); behavior: url('iepngfix/iepngfix.htc'); background-repeat: repeat-y;}
  div#content #right {display: inline; clear: right; float: left; margin-left: 60px; width: 609px; height: auto; min-height: 500px; padding-bottom: 80px; background-image: url('../images/right_bg.png'); behavior: url('iepngfix/iepngfix.htc'); background-repeat: repeat-y;}
    #content #right #inner {padding: 38px; padding-right: -20px;  padding-top: 0; padding-bottom: 80px;}
    #content #right .news {display: block; position: relative; width: 100%; height: auto;}
    #content #footer {clear: left; float: left; width: 980px; height: 175px;}  
    #footer #footer_img {width: 539px; height: 62px; position: relative; margin-top: 83px; z-index: 0;}
  
#top ul#top_menu {position: absolute; top: 50%; left: 50%; width: 863px; height: 62px; margin: 0 auto; margin-left: -432px; margin-top: 80px;}
  ul#top_menu li {float: left; display: inline; height: 62px;}
   ul#top_menu li a {float: left; display: block; height: 62px;}
   ul#top_menu li a:hover {height: 62px;}
   ul#top_menu li#l1 a {width: 165px; background-image: url('../images/index.png'); background-repeat: no-repeat; behavior: url('iepngfix/iepngfix.htc');}
   ul#top_menu li#l2 a {width: 178px; background-image: url('../images/news.png'); background-repeat: no-repeat; behavior: url('iepngfix/iepngfix.htc');}
   ul#top_menu li#l3 a {width: 179px; background-image: url('../images/calendar.png'); background-repeat: no-repeat; behavior: url('iepngfix/iepngfix.htc');}
   ul#top_menu li#l4 a {width: 178px; background-image: url('../images/offer.png'); background-repeat: no-repeat; behavior: url('iepngfix/iepngfix.htc');}
   ul#top_menu li#l5 a {width: 163px; background-image: url('../images/contact.png'); background-repeat: no-repeat; behavior: url('iepngfix/iepngfix.htc');}
     ul#top_menu li#l1 a[href]:hover {width: 165px; background-image: url('../images/index_on.png'); behavior: url('iepngfix/iepngfix.htc');}
    div#top ul#top_menu li#l1 a:hover {background-image: url('../images/index.png'); background-position: 0px -63px; background-repeat: no-repeat; behavior: url('iepngfix/iepngfix.htc');} 
    div#top ul#top_menu li#l2 a:hover {background-image: url('../images/news.png'); background-position: 0px -63px; background-repeat: no-repeat; behavior: url('iepngfix/iepngfix.htc');}
    div#top ul#top_menu li#l3 a:hover {background-image: url('../images/calendar.png'); background-position: 0px -63px; background-repeat: no-repeat; behavior: url('iepngfix/iepngfix.htc');}
    div#top ul#top_menu li#l4 a:hover {background-image: url('../images/offer.png'); background-position: 0px -63px; background-repeat: no-repeat; behavior: url('iepngfix/iepngfix.htc');}
    div#top ul#top_menu li#l5 a:hover {background-image: url('../images/contact.png'); behavior: url('iepngfix/iepngfix.htc'); background-position: 0px -63px; background-repeat: no-repeat; }
    
h1, h2, h3, h4, h5, h6 {margin-top: 15px; margin-bottom: 18px;  text-align: center;}

#content img {behavior: url('iepngfix/iepngfix.htc');}
#content #left .left_subdiv {position: relative; text-align: left; margin-bottom: 60px; }
  #content #left .left_subdiv .header_menu {text-align: center;}
  ul.left_menu {position: relative; margin-left: 50px;  list-style-type: square; line-height: 18px; }
  ul.left_menu li a {text-decoration: none; color: #FFFFFF; font-size: 15px; font-family: 'Trebuchet MS', Verdana, 'Tahoma Regular', Tahoma, sans-serif;}
  ul.left_menu li a:hover {text-decoration: none; color: #8e0222;}
#content #right .news {float: left; width: 100%; height: auto;}
#content #right .news p {/*padding-bottom: 10px;*/}
#content #right .news ul {list-style-type: none;}
#content #right .news ul#oferta {position: relative; text-align: left; margin-left: 100px; margin-bottom: 60px;  list-style-type: square;}
#content #right .news h1, #content #right .news h2, #content #right .news h3, #content #right .news h4 { color: #ac0127; text-align: center; margin-bottom: 20px; margin-top: -14px; font-size: 15px; }
#content #right .news h1 small, #content #right .news h2 small, #content #right .news h3 small, #content #right .news h4 small {font-size: 10px; color: #fff; font-weight: normal; }
  #content #right .news #separator {width: 100%; height: 40px; padding: 20px 30px; margin: auto;margin-left: -30px; }
  #content #right .news #separator img {behavior: url('iepngfix/iepngfix.htc');}

#content #right .news h1.margintop, #content #right .news h2.margintop, #content #right .news h3.margintop, #content #right .news h4.margintop { color: #ac0127; text-align: center; margin-bottom: 20px; margin-top: 6px; font-size: 15px; }



#content #right .news .pages-nav { width: 520px; height: 40px; position: relative; text-align: left; clear: both; }
#content #right .news .pages-nav a.prev { position: absolute; top: 5px; left: 0px; }
#content #right .news .pages-nav a.next { position: absolute; top: 5px; right: 0px; }
#content #right .news .pages-nav p { position: absolute; top: 5px; left: 120px; padding: 0; margin: 0; }
#content #right span.float-left { float: left; padding-right: 12px; padding-bottom: 4px; padding-top: 4px; }
#content #right span.float-right { float: right; padding-left: 12px; padding-bottom: 4px; padding-top: 4px; }

#content #right .news table { border-collapse: none; } 
#content #right .news table thead tr td,  #content #right .news table tfoot tr td { background-color: #3f3f3f; }
#content #right .news table tfoot tr td  { height: 5px; }
#content #right .news table tbody tr.alt td { background-color: #181818; }

form { width: 500px; margin: 14px auto 0 auto; }
fieldset div { clear: both; margin-top: 6px; }
label { width: 160px; float: left; text-align: right; }
label span { margin-right: 10px; }
input, textarea, select { width: 300px; background: #000; border: 1px solid #87211d; color: #FFF; }
input.submit { width: 100px; margin-left: 16px; }
input.submit-first { width: 100px; margin-left: 160px; }
hidden { visibility: hidden; }

table {margin: 0 auto; border: none;}
table tr {padding: 10px;}
table tr td {background: black; vertical-align: middle; text-align: center;}

p {font-family: Tahoma, Verdana, sans-serif; font-size: 14px; color: #FFFFFF; }


#left h2.header_menu {display: block; height: 43px; margin-left: 0px; margin-top: 10px; margin-top: 20px; margin-bottom: 15px; background-image: url('../images/header_small.png'); background-repeat: no-repeat; behavior: url('iepngfix/iepngfix.htc'); line-height: 30px; font-size: 15px;}
#right h1.header_news {display: block; height: 43px; margin-left: -35px; margin-top: 20px; margin-bottom: 20px; background-image: url('../images/header_big.png'); background-repeat: no-repeat; behavior: url('iepngfix/iepngfix.htc'); line-height: 30px; font-size: 15px; text-align: center;}

#content #footer p {position: relative; top: 130px; left: 0px; color: #aeaeae; z-index: 1; font-weight: bold;}
#content #footer p a {text-decoration: none; color: #aeaeae;}
#content #footer p a:hover {color: #8e0222;}
