/* powered by CATALIST
   cST > CSS                  
   programmed by: dariusz STefaniak & Krzysztof Szymanek, 2006
   contact: http://www.catalist.com.pl 
 */


/* PALETA KOLOROW
   red - #FF3300
   niebieski: 53A6C2
   brazowy: A85316 --> 2F4628
   
   czarny: 0A0A0A
   szary ciemny: 666666
   szary jasny: F5F5F5
*/

/* Basic styles */

html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset { margin: 0; padding: 0; }
html{height:100%}
body {
  font: 11px Tahoma,Verdana,Arial,sans-serif;
  color: #666;
  margin: 0; padding: 0;
  background: #ffffff;
  background:#FCFFF1 url(http://st.funportal.pl/img/bck_body.jpg) top left repeat-x;
}
img {border:0; background: #F5F5F5 url(http://st.funportal.pl/img/bck_input.png) top left repeat;}
.b { color:#2F4628; font-weight:bold; }
.red { color:#FF3300 !important; }
.special { color:#2F4628 !important; }
.info{ color:#53A6C2 !important; }

.adminInfo { color:#0A0A0A; background: #ffffee; padding:2px; border: 1px dashed #53A6C2;}

a {color:#2F4628;text-decoration:none;}
a:hover {color:#53A6C2;text-decoration:underline;}

input.btn{
  background: #2F4628;
  color:#fff;
  font-weight:bold;
}
.inputBck{ background: #fff url(http://st.funportal.pl/img/bck_input.png) top left repeat; }

/* GENERAL STYLES
------------------------------------------*/


/* NAGLOWEK */

#cST_header{
  width: 100%;
  height:89px;
  margin: 0; padding: 0;
  background: #FDFFBA url(http://st.funportal.pl/img/bck_nag.png) top left repeat-x;
}
#cST_header .main{
  width: 850px;
  margin: 0; padding: 0;
  margin-left: auto; margin-right: auto; /* to nam wycentruje nasz element */
}
#cST_header .szukaj{
  float:right;
  color:#0A0A0A;
  margin-top:24px;
  width:auto;
  clear:right;
}
#cST_header .szukaj input#szukaj{
  background: #fff url(http://st.funportal.pl/img/bck_input.png) top left repeat-x;
  color:#2F4628;
}

#cST_header img{ float: left; background:none;}
#cST_header ul {
	float: right;
}
#cST_header li {
	list-style: none;
	display: inline;
}
#cST_header * li a {
  float: left;
  color:#53A6C2;
  text-decoration: underline;
  font-size:12px;
  line-height: 31px;
  padding-right:15px;
  
  padding-left:5px;
}
#cST_header a:hover {
  color:#A88416 !important;
}


/* MAIN NAVIGATION
------------------------------------------*/

  
#navigation {
  color:#0A0A0A;
  font-weight:bold;
  font-size:12px;
  padding: 10px 0 10px 0;
  width:100%;
  height:14px;
  border-top: 2px solid #53A6C2;
  border-bottom: 1px dashed #53A6C2;
}
#navigation .main{
  width: 850px;
  margin-left: auto; margin-right: auto; /* to nam wycentruje nasz element */
}

#navigation li {
  float: left;
  list-style: none;
  display: inline;
}
#navigation li.end {
  float: right;
}
#navigation a {
  color:#2F4628;
  text-decoration: none;
  padding-left:14px;
}
#navigation a.dodaj {
  color:#53A6C2;
}
#navigation .selected a, 
#navigation a:hover {
  text-decoration: underline;
  color:#53A6C2;
}




/* reklama TOP */
#ad_top{
    width: 850px;
	margin:10px auto 10px auto;/* to nam wycentruje nasz element */
	color:#53A6C2;
	font-size:11px;
	text-align:center;
}
#ad_top a.cst {text-decoration:none;}

.ad_film_link{
	padding:6px;
	margin:10px auto;
	background:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
}
.ad_film_link a { color:#FFFFFF; font-weight:bold; text-decoration:underline; }
.ad_film_link a:hover {	color:#000; font-weight:bold; text-decoration:underline; }



/* CONTENT */

#cST_container{
  width: 850px;
  margin-left: auto; margin-right: auto; /* to nam wycentruje nasz element */
  margin-top:30px;
  s-border: 3px solid #ff0000;
}
.keywordsInfo {font-size:15px; padding:4px; text-align:center; visible:no;}

.timerInfo {font-size:10px; padding:0px; text-align:center; visible:no;}

#mainPage{float:left;width:660px; padding-bottom:10px; }
#menuR{float:right;width:185px; background:#D0E7D6; padding-bottom:10px; }

#mainPage span.sel {color:#7C0049; font-weight:bold;font-size:14px;}
h1{
	color:#7C0049;
	font-family:Arial;
	font-size:20px;
	font-weight:normal;
	background:#FFF4D6;
	border-bottom: 2px solid #53A6C2;	
	padding:2px;
	margin-bottom:10px;
	display inline;
}

#menuR h1{
	color:#0A0A0A;
	font-size:14px;
	font-weight:bold;
	background:#53A6C2;
	border-bottom: 2px solid #0A0A0A;	
	padding:4 px;
	margin-bottom:10px;
}
#menuR ul{
	margin-bottom:20px; margin-left:6px; list-style: none;
	color:#2F4628;	font-family:arial; font-size:15px; font-weight:normal;
}
#menuR ul.polecamy{
	margin-bottom:20px; margin-left:6px; list-style: none;
	color:#5F705A; font-family:Tahoma; font-size:12px; font-weight:normal;
}
#menuR ul li{
	margin-bottom:2px;
}
#menuR ul.tagi{
	margin:6px;
	text-align:justify;
}
#menuR ul.tagi li{
	display: inline;
}
#menuR ul.tagi li.last{
	display: block;
	margin-top:8px;
	text-align : right;
}

#menuR .menu a{
	padding-left:5px;
}
#menuR .menu a:hover{
	border-left: 2px solid #53A6C2;	
	padding-left:3px;
}


/* LISTA FILM?W */

h2 { padding:3px 0px;font-size:11px;font-weight:bold;}

ul.movieListNormal{
	float:left;
	clear:bottom;
	s-padding-bottom:20px;
}
ul.movieListNormal li{
	display:block;
	float:left;
	position:relative;
	padding:0px 5px 0 0;
	width:160px;
	min-height:210px;
}
* html ul.movieListNormal li{
	height:210px;
}

ul.movieListNormal li a.mini{
	display:block;
	border:1px solid #CBEAF5;
	padding:2px;
	width:135px;
	text-align:center;
}
ul.movieListNormal li a.mini:hover{
	background:#F5F5F5; 
	border:1px solid #53A6C2;
	}


ul.movieListNormal li a img{margin:0 auto; padding:0; display:block; border:1px solid #fff;}



ul.movieListNormal li.full{
	display:block;
	float:left;
	position:relative;
	padding:0px 5px 0 0;
	width:325px;
        min-height:120px;
}
* html ul.movieListNormal li.full{
	height:120px !important;
}
div.filmImg{
	float:left;
        margin-right:6px;
}

span.note{
	position:absolute;
	width:60px;
	height:12px;
	background:#fff url('http://st.funportal.pl/img/gwiazdki.png') no-repeat 1px -11px;
	line-height:12px;
	left:78px;
	top:91px;
	display:block;
}

span.note span{
	display:block;
	text-indent:-9999px;
	height:11px;
	line-height:11px;
	background:url('http://st.funportal.pl/img/gwiazdki.png') no-repeat 1px 1px;
}




/* lista miniaturek na marginesie */
ul.movieListSmall img{
	width:80px;
	height:63px;
}
ul.movieListSmall{
	float:left;
	clear:bottom;
}
ul.movieListSmall li{
margin-left:-3px;
	float:left;
	padding:0px 0px 0 6px;
}

ul.movieListSmall li a{
	display:block;
	border:1px solid #CBEAF5;
	padding:2px;
	width:82px;
	text-align:center;
}
ul.movieListSmall li a:hover{
	background:#F5F5F5; 
	border:1px solid #53A6C2;
}







/* PODGL?D WYBRANEGO FILMU */

#movieFull {clear:bottom;}
#movieFullShort {padding-bottom:6px;}
#movieFullShort li { list-style: none; display: inline; margin-right:20px;}
#movieFullObject {float:left; width:425px;}
* .movie {background-color:#ddd;}


#movieFullDesc {float:right; width:220px; padding-right:10px; }
#movieFullDesc p{padding-left:20px; margin-bottom:6px; padding-bottom:8px; border-bottom:1px solid #53A6C2;}

#movieFullDesc .InfoIcon{background:url('http://st.funportal.pl/img/ico_info.png') 0 0 no-repeat;}
#movieFullDesc .MenIcon{background:url('http://st.funportal.pl/img/ico_men.png') 0 0 no-repeat;}
#movieFullDesc .KanalIcon{background:url('http://st.funportal.pl/img/ico_kanal.png') 0 0 no-repeat;}
#movieFullDesc .RateIcon{background:url('http://st.funportal.pl/img/ico_rate.png') 0 0 no-repeat;}
#movieFullDesc .TagIcon{background:url('http://st.funportal.pl/img/ico_tag.png') 0 0 no-repeat;}
#movieFullDesc .TimeIcon{background:url('http://st.funportal.pl/img/ico_time.png') 0 0 no-repeat;}
#movieFullDesc .TagIcon{background:url('http://st.funportal.pl/img/ico_tag.png') 0 0 no-repeat;}
#movieFullDesc .end{border-bottom:0;}
input.copyLink{ width:500px; color:#2F4628; font-weight:bold; }
.CutIcon{background:url('http://st.funportal.pl/img/ico_cut.png') 0 0px no-repeat; padding-left:30px; margin-top:10px;}

#movieNew p{margin-bottom:20px;}
#movieNew img{float:right;margin:20px;}

#loginFrm p{margin-bottom:10px;}
#loginFrm img{float:center;margin:10px;}



/* STOPKA */
#cSTfooter{
	s-background: #fff url(http://st.funportal.pl/img/footer_bck.jpg) repeat-x 0px 0px;
	padding-top:40px;
	width:850px;
	clear:both;
	
}
#cSTfooter .cSTfooterServices{
	float: left;
	display:block;
	border-top:2px solid #53A6C2;
	padding-top:4px;
	width:100%;
	margin-bottom:20px;
}

#cSTfooter p{
	text-align:center;
}
#cSTfooter .main{
	float: left;
	width:24%;
	margin:0; padding:0;
}
#cSTfooter * ul { list-style: none; padding:0;	margin: 0; 	text-align:left;}
#cSTfooter * li.title { padding-bottom: 4px; }
#cSTfooter * li.title a { font-weight:bold; }

#cSTfooter div.copy {
	text-align:center;
}



/* style do obsługi opisów miniaturek filmów */

a.toolTip{
    position:relative; /*this is the key*/
    z-index:24;
	text-decoration:none  !important;
	border:0;
}

a.toolTip:hover{z-index:25;}

a.toolTip span{display: none; text-decoration:none;}

a.toolTip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-10px; left:-180px; width:200px;

	font: 11px Tahoma,Verdana,Arial,sans-serif;
	margin: 0; padding: 4px;
	text-decoration:none;
	border: 2px dotted #53A6C2;
    background-color:#fff;
    color:#666666;
    text-align: right;
}