/* ------------------------------------------
project:	Polskie napisy do filmów
date:		2006/05/30
------------------------------------------ */

html { height: 100%; margin-bottom: 1px;; }
body { margin: 0; padding: 0; background: #4d4d4d url(../img/n_bg.gif); color: #555555; }
body, textarea, input, select, option { font: 11px "Trebuchet MS",Arial,Helvetica,sans-serif; }

/* ELEMENTS
-------------------------------------*/
form { display: inline; }
img { border: 0px; }
hr { border: none; color: #f3f3f3; background: #f3f3f3; height: 1px; margin: 6px 0 10px !important; margin: -3px 0 4px; }

p { margin: 0 0 10px; padding: 0; text-align: justify; }

/* CONSTANTS
-------------------------------------*/
.fl { float: left; } .fr { float: right; }
.clear { clear: both; margin: -1px 0 0 !important; height: 1px; margin: 0; }

/* ANCHORS
-------------------------------------*/
a {	color: #248212; text-decoration: none; }
a:hover { color: #ff00d7; text-decoration: underline; }

/* HEADERS
-------------------------------------*/
h1 { margin: 0 0 5px; padding: 0; font-size: 14px; color: #126c82; text-transform: uppercase; }
h2 { margin: 10px 0 0; padding: 0; font-size: 12px; color: #ff00d7; text-transform: uppercase; }

/* LAYOUT
-------------------------------------*/
#root { overflow: hidden; width: 740px; margin: 0 auto; }
 #left { display: inline; float: left; width: 40px; margin: 98px 10px 0 0; }
  #left a img { display: block; margin: 0 auto; }
 #center { display: inline; float: left; width: 500px; margin-right: 10px; }
  #logo { width: 265px; height: 30px; margin: 10px 0 10px 15px; background: url(../img/n_logo.png) 50% 50% no-repeat; } 
   #logo a { display: block; overflow: hidden; width: 265px; height: 30px; text-indent: -10001px; }  
  #nav { list-style: none; margin: 0 0 10px; padding: 10px 0; text-align: center; }
   #nav li { display: inline; height: 11px; padding: 0 1px; border-left: 1px solid #dff7da; color: #248212; font-size: 12px; font-weight: bold; } 
   #nav li.first { border-left: none; } 
    #nav li a { display: inline; padding: 0 5px; color: #248212; }
    #nav li a.active { background: #8eb845 !important; color: #fff; -moz-border-radius: 3px; }
    #nav li a:hover { color: #fff; background: #c1e97c; -moz-border-radius: 3px; text-decoration: none; }
 #right { display: inline; float: left; width: 180px; margin: 10px 0 0; text-align: center; }

.box { margin: 0 0 10px; padding: 10px; background: #fff; }

.front p { font: 10px "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif; }
 .front p a { color: #555; }
 .front p a:hover { color: #ff00d7; text-decoration: none; }
 .front p:hover a { text-decoration: none; }

.data h1 { margin: 0 0 10px; } 
.data p { margin: 0 0 10px; } 
.data p.rest { margin: 10px 0; font-weight: bold; } 
.data h2 { padding: 0 0 0 25px; background: url(../img/n_li_star.gif) 0 1px no-repeat; color: #555; font-size: 14px; }
.data a { display: block; padding: 0 0 0 25px; }

#search { background: #faf8db; }
 #frontForm { }
  #frontForm fieldset { border: none; margin: 0; padding: 7px 0; } 
   #frontForm fieldset legend { display: none; }  
   #frontForm fieldset input { vertical-align: middle; margin: 0 3px; opacity: 0.6; }
   #frontForm fieldset input:hover,
   #frontForm fieldset input:focus { opacity: 1; }
   input#query { width: 320px; padding: 1px 2px; border: 1px solid #126c82; -moz-border-radius: 3px; opacity: 0.8; }
  #frontForm ul { list-style: none; overflow: hidden; margin: -5px 0 0; padding: 0 75px 0 85px; }
   #frontForm ul li { float: right; white-space: nowrap; }
   #frontForm ul li.first { float: left; }
    #frontForm ul li a { font-size: 10px; font-weight: bold; }

a.expand { display: block; width: 100px; margin: 5px 0 0 340px !important; background: url(../img/n_li_plus.gif) 17px 60% no-repeat; font: bold 11px "Trebuchet MS", Arial, sans-serif; text-align: center; color: #555; }
a.expand:hover { color: #555; text-decoration: underline !important; color: #ff00d7; }
 a.expand span { display: none; }

#buttons img { display: block; margin: 0 auto; }

#details h1 { margin: 0 0 15px; }
 #details h1 strong { display: block; color: #a6ec30; font-size: 24px; }
 #details .ads_sublinks { margin-top: 0; padding-left: 37px; text-align: left; }
 
ul.links { list-style: none; margin: -10px 0 30px; padding: 60px 0 0 40px; background: url(../img/n_arrow.png) no-repeat; }
 ul.links li { padding: 3px 0; }
  ul.links li a { padding: 2px 0 2px 25px; background-position: 2px 50%; background-repeat: no-repeat; color: #555; }

a.search { background-image: url(../img/n_i_search.gif); }
a.norg { background-image: url(../img/n_i_norg.gif); }
a.ninfo { background-image: url(../img/n_i_ninfo.gif); background-position: 1px 50% !important; }
a.onet { background-image: url(../img/n_i_onet.gif); }
a.filmweb { background-image: url(../img/n_i_filmweb.gif); }
a.imdb { background-image: url(../img/n_i_imdb.gif); background-position: 1px 50% !important; }
a.fdb { background-image: url(../img/n_i_fdb.gif); background-position: 1px 50% !important; }
a.n24 { background-image: url(../img/n_i_n24.gif); }

a.download { margin: 0 0 15px 320px; padding: 0 0 0 25px; background: url(../img/n_li_download.gif) 0 50% no-repeat; }

#top-20 { padding-bottom: 20px; }
#new { padding-bottom: 20px; }

.ads_sublinks { margin: -15px 0 10px; text-align: center; }

.licons { list-style: none; margin: 0; padding: 0; }
 .licons li { margin: 5px 0; padding: 0; text-align: center; } 
  .licons li a { display: block; } 
   .licons li a img { display: block; } 
   
#codecs { background: #3d9634; text-align: center; }
 #codecs a { color: #fff; }
 #codecs a:hover { color: #fff600; text-decoration: none; }
 
#zegar { background: #000; text-align: center; }