/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
:focus {outline: 0}
table {border-collapse: collapse;border-spacing: 0}
/* MAIN */
body { background: #313131 none no-repeat 0 0; font-family: Arial, Helvetica, sans-serif;height:100%}
body a { text-decoration: none;color: #bc062d; }
body a:hover { text-decoration: underline;color: #bc062d; }
body input { font-size: 10px; }
/* HEADER */
.hline{clear:both;width:880px;float:left;zoom:1;position:relative;height:1px}
#headContainer{padding-bottom:8px; background: #1d1d1d url(../gfx/default-bg-top.gif) repeat-x 0 bottom}
#header { width: 960px; margin: 0 auto 0; }

#header h1 { /* background: url("../gfx/polsat_cafe_logo.png") no-repeat 0 0;  text-indent: -10000px;  */ width: 70px; height: 70px;margin:7px 9px 3px 0; float: left; }
/*
* html #header h1{background: none; position:relative}
* html #header span.ie{z-index:-1;position:absolute;top:0;left:0;width: 64px; height: 66px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/polsat_cafe/gfx/polsat_cafe_logo.png', sizingMethod='image')}
#header h1 a { display: block; width: 64px; height: 66px; } 
*/
/*Nawigacja*/
#nav { float: left;width:876px;height: 35px;margin-top:44px; font-size: 12px; }
#nav li { float: left;height: 35px;  margin:0;  }
#nav li.mm_1{width:97px;padding:0 6px 0 0;background: transparent url(../gfx/menu/final5.png) no-repeat 0 0}
#nav li.mm_2{width:128px;padding:0 6px 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -103px 0}
#nav li.mm_3{width:153px;padding:0 6px 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -242px 0}
#nav li.mm_4{width:57px;padding:0 6px 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -407px 0}
#nav li.mm_5{width:71px;padding:0 6px 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -477px 0}
#nav li.mm_6{width:105px;padding:0 6px 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -633px 0}
#nav li.mm_7{width:128px;padding:0 0 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -745px 0}

#nav li.mm_1_sel{width:97px;padding:0 6px 0 0;background: transparent url(../gfx/menu/final5.png) no-repeat 0 -35px}
#nav li.mm_2_sel{width:128px;padding:0 6px 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -103px -35px}
#nav li.mm_3_sel{width:153px;padding:0 6px 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -242px -35px}
#nav li.mm_4_sel{width:57px;padding:0 6px 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -407px -35px}
#nav li.mm_5_sel{width:71px;padding:0 6px 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -477px -35px}
#nav li.mm_6_sel{width:105px;padding:0 6px 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -633px -35px}
#nav li.mm_7_sel{width:128px;padding:0 0 0 5px;background: transparent url(../gfx/menu/final5.png) no-repeat -745px -35px}

#nav li a {display:block;height:35px; color: white;font-size:18px; text-indent:-1000px }
#nav li a span{visibility:hidden;}
#nav li a:hover { color: #999; text-decoration: none; }

* html #nav li a {text-indent:0;font-size:16px;font-weight:bold;font-family:Arial}
* html #nav li a span{visibility:visible;}
* html #nav li.mm_1{background: none}
* html #nav li.mm_2{background:none}
* html #nav li.mm_3{background:none}
* html #nav li.mm_4{background:none}
* html #nav li.mm_5{background:none}
* html #nav li.mm_1_sel{background:none;}
* html #nav li.mm_1_sel a{color:#999 !important}
* html #nav li.mm_2_sel{background:none}
* html #nav li.mm_2_sel a{color:#999 !important}
* html #nav li.mm_3_sel{background:none}
* html #nav li.mm_3_sel a{color:#999 !important}
* html #nav li.mm_4_sel{background:none}
* html #nav li.mm_4_sel a{color:#999 !important}
* html #nav li.mm_5_sel{background:none}
* html #nav li.mm_5_sel a{color:#999 !important}
#search {display:none;; float: right; margin-top: 46px; height:28px}
#search input { background: url("../gfx/search_input.png"); width: 133px; height: 16px; font-size: 11px;  padding: 2px 4px; border: 0; color: #999; font-family:Tahoma; font-weight: normal; }
* html #search input {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/polsat_cafe/gfx/search_input.png', sizingMethod='image'); }
#search button { background: transparent; border: 0; padding: 0; vertical-align: middle; *vertical-align: top; margin-left: 6px; }
#search button span { display: block; background: url("../gfx/search_submit.gif");  width: 20px; height: 21px; text-indent: -10000px; }

/* SUBMENU */

#submenu {position:absolute;z-index:1000;top:80px}
#submenu{width:960px;float:left;clear:both;margin-top:5px;margin-bottom:5px}
#submenu .subcont{position:relative;overflow:hidden; float:left;width:960px;margin-top:3px; background: transparent url(../gfx/sub_ct.png) no-repeat 0 0;}
* html #submenu .subcont{ padding:3px 0 0 3px;width:957px;background: transparent url(../gfx/sub_ct_ie.gif) no-repeat 0 0;}
#submenu .subcont .cb{float:left;width:960px; background: transparent url(../gfx/sub_cb.png) no-repeat right bottom;}
* html #submenu .subcont .cb{width:957px;padding-bottom:3px;background: transparent url(../gfx/sub_cb_ie.gif) no-repeat right bottom;}
#submenu .subcont .cb span.close{cursor:pointer;position:absolute;bottom:8px;right:7px;float:left;padding-left:8px; background: transparent url(../gfx/sub_tri.gif) no-repeat  0 5px; font-color:#fff;font-size:11px;color:#cccccc}
* html #submenu .subcont .cb span.close {display: block;zoom:1}
#submenu .subcont .wrap{float:left;width:954px;margin:3px;padding:0;;background: transparent url(../gfx/sub_wrap.png) repeat-y 0 0;}
* html #submenu .subcont .wrap{background: #1f2020 none no-repeat 0 0;margin:0}
#submenu .subcont .wrap .grad{float:left;width:954px;background:transparent url(../gfx/sub_pipe.png) no-repeat right center}
* html #submenu .subcont .wrap .grad{background:transparent url(../gfx/sub_pipe_ie.gif) no-repeat right center}
#submenu .np, #submenu .gp  {} /* 10px 25px 15px */
#submenu .np .col, #submenu .gp .col{float:left;width:200px;padding: 12px 20px 12px 18px}
#submenu .np .col span, #submenu .gp .col span{width:190px;display:block;margin-left:10px; padding:4px 0;color:#999999;font-family:arial;font-size:11px;text-decoration:none;border-bottom: 1px solid #666666}
#submenu .np .col a, #submenu .gp .col a {display:block; padding:4px 10px;color:#cccccc;font-family:arial;font-size:11px;text-decoration:none;font-weight:bold}
#submenu .np .col a:hover, #submenu .gp .col a:hover {color:#ffffff;text-decoration:none;background-color:#393939}
#submenu .np .np_4, #submenu .gp .np_4{background:none}

/* END HEADER*/
/* CONTENT */
#content { width:960px; margin: 0 auto}
#content h3 {  }
/*STOPKA Ogolna*/
#footer { font-size: 12px; clear: both; background: transparent url(../gfx/footer_bg.gif) repeat-x 0 bottom}

#footer .programs { padding:0;height:49px }
#footer .programs ul { width: 960px; margin: 0 auto;  }
#footer .programs ul:after { clear: both; display: block; height: 0; width: 0; visibility: hidden; content: "."; }
#footer .programs ul li { margin:10px 0 0 20px; float: left; height: 30px; }

#footer .programs ul li a { display: block; width: 29px; height: 30px; background: transparent url("../gfx/footer_logos_3.png") no-repeat; text-indent: -100000px; }

#footer .programs ul li.polsat a {background-position: 0 0}
#footer .programs ul li.polsat a:hover {background-position: 0 -30px}
#footer .programs ul li.dwa a {background-position: -49px 0; }
#footer .programs ul li.dwa a:hover {background-position: -49px -30px; }
#footer .programs ul li.play a {background-position: -98px 0}
#footer .programs ul li.play a:hover {background-position: -98px -30px}
#footer .programs ul li.cafe a {background-position: -147px 0}
#footer .programs ul li.cafe a:hover {background-position: -147px -30px}
#footer .programs ul li.news a {background-position: -196px 0}
#footer .programs ul li.news a:hover {background-position: -196px -30px}
#footer .programs ul li.sport a {width:60px;background-position: -244px 0;  }
#footer .programs ul li.sport a:hover {background-position: -244px -30px}
#footer .programs ul li.extra a {width:106px;background-position: -324px 0}
#footer .programs ul li.extra a:hover {background-position: -324px -30px; }

#footer .programs ul li.jimjam a {width:49px;height:30px;display:block;background:transparent url(../gfx/jimjam_bw.png) no-repeat; text-indent: -100000px;}
#footer .programs ul li.jimjam a:hover {width:49px;height:30px;display:block;background:transparent url(../gfx/jimjam.png) no-repeat; text-indent: -100000px;}

#footer .programs ul li.film a {background-position: -616px 0}
#footer .programs ul li.film a:hover {background-position: -616px -30px}
#footer .programs ul li.futbol a {width:57px;background-position: -540px 0;  }
#footer .programs ul li.futbol a:hover {background-position: -540px -30px}
#footer .programs ul li.hd a {width:70px;background-position: -450px 0}
#footer .programs ul li.hd a:hover {background-position: -450px -30px; }


#footer .links {  height: 53px }
#footer .links .wrap{width: 960px; margin: 0 auto; text-align:center;font-size:11px;color:#666;padding-top:20px  }
#footer .links  a {  font-size:11px;color:#666;text-decoration:none}
#footer .links  a:hover {  font-size:11px;color:#666;text-decoration:underline}


/* Stopka polecane */
#footer .recommend{height:225px;}
#footer .recommend .wrap{width:960px; margin: 0 auto;height:225px}
#footer .recommend ul{float:left;width:960px; height:190px;margin-top:35px;overflow:hidden;}
#footer .recommend ul li{float:left;width:186px;margin:0 26px 0; height: 190px;overflow:hidden}
* html #footer .recommend ul li{margin:15px 26px 10px 13px; }
#footer .recommend ul li a {font-size:14px;color:#fff;text-decoration:none}
#footer .recommend ul li a:hover {font-size:14px;color:#fff;text-decoration:none}

#footer .recommend ul li a  img{margin:0 2px;border:1px solid #fff}
#footer .recommend ul li a span.small{height:14px;overflow:hidden;color:#bc062d;font-size:12px;font-weight:bold;display:block;margin:4px 3px 2px}

#footer .recommend ul li a strong{display:block;margin:0 3px }

#footer .recommend ul li a:hover strong{display:block;text-decoration:underline}


/* Footer start */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

#content {padding-bottom: 102px;}  /* must be same height as the footer */
#footer {position: relative;margin-top: -102px; height: 102px;clear:both} 
/* CLEARFIX */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.adobe{padding:15px;color:#fff;font-size:14px; line-height:18px;font-weight:bold;background:#bc062d;text-align:center;}
.adobe p{margin-bottom:10px}

.errormessage{font-size:12px;font-weight:bold;color:#ff0000}

#floatNP{position:absolute;top:-41px;left:182px;width:139px;height:60px;cursor:default; zoom:1;background-color:#171717;opacity:0;filter: alpha(opacity=0)}
#floatGP{position:absolute;top:-41px;left:321px;width:164px;height:60px;cursor:default; zoom:1;background-color:#171717;opacity:0;filter: alpha(opacity=0)}

#survey {border:1px solid #808080;margin:10px;}
#survey table td {text-align:left; vertical-align:middle;}
#survey form label{padding-left:2px; padding-right: 10px; font-size:12px;color:#fff}
#survey form input {height:16px;margin:5px 0 10px;padding: 4px 4px 2px 4px;border: 1px solid #fff;font-size: 12px;color: #3f3f3f;background-color:#ccc;font-family:Tahoma;font-weight: normal}
#survey form input[type=file]{height:24px;margin:5px 0 10px;padding: 4px 4px 2px 4px;border: 1px solid #fff;font-size: 12px;color: #3f3f3f;background-color:#ccc;font-family:Tahoma;font-weight: normal}
#survey form input[type=checkbox]{background:transparent;border:none;}
#survey form textarea {width:260px;height:95px;margin:5px 0 10px;padding: 4px 4px 2px 4px;border: 1px solid #fff;font-size: 12px;color: #3f3f3f;background-color:#ccc;font-family:Tahoma;font-weight: normal}
#survey form input.image{float:right;margin:0;padding:0;width:80px;height:30px}
#survey .error{margin-bottom:5px 0;color:#ff0000;font-size:12px}
#survey .header {background-color: #414141;padding-bottom: 10px;}
#survey p {background-color: #414141;padding: 10px; color: white; font-size: 13px; line-height: 120%;}
#survey .content {margin:10px;}
#survey h1 {color:#fff;padding-top:10px;padding-left:10px;}   
/* STOPKA */

#recipe {color:#FFFFFF;font-size:12px;line-height:16px; width: 225px;}
div .przepisyKat{border:1px solid #808080;margin-top:10px;margin-bottom:10px;margin-right:10px;float:left;width:629px}
div .przepisyKat .header{background-color:#414141;height:41px;}
div .przepisyKat .more {text-align:right;color:#BC062D;font-size:12px;font-weight:bold;margin:5px}
div .przepisyKat .header h1{color:#FFFFFF;padding-left:10px;padding-top:10px;}
div .recipeList{color:#FFFFFF;font-size:12px;line-height:16px;margin:10px;}
div .recipeList .item{margin-top:10px;}
div .recipeList .item h2 {margin-bottom:10px;}
div.recipeList div.item div.desc .icons span.level {background:transparent url(../gfx/rec-ico-level.gif) no-repeat scroll 0 0;height:16px;padding-left:51px;height:29px}
div.recipeList div.item div.desc .icons span.time {background:transparent url(../gfx/rec-ico-clock.gif) no-repeat scroll 0 0;height:21px;padding-left:26px;height:29px}
div.recipeList div.item div.desc .icons span.person {background:transparent url(../gfx/rec-ico-person.gif) no-repeat scroll 0 0;height:29px;padding-left:30px;height:29px}

/* przepisy */
/* RECIPE KAT LIST */

div.boxWide div.recipeCat{float:left;zoom:1;position:relative;}
div.boxWide div.recipeCat .item{ float:left;padding:25px 10px 0;width:130px}
div.boxWide div.recipeCat a {float:left;text-decoration:none;width:114px;padding:0 8px}
div.boxWide div.recipeCat a img{float:left;text-decoration:none;width:110px;border: 2px solid #463530;}
div.boxWide div.recipeCat a span.title {color:#574335;float:left;font-size:12px;text-decoration:none;width:114px;font-weight:bold;text-align:center;cursor:pointer}

/* RECIPE LIST */
div.recipeleft{width:239px !important;float:left;}
div.recipeList div.item h2 {border-bottom:1px solid #414141;padding-left:6px;margin-bottom:20px}
div.recipeList div.item h2 a{font-family:Arial;font-size:12px;color:#574335;fond-weight:bold;text-decoration:none }
div.recipeList div.item div.img{padding: 0 18px 0 6px;float:left;}
div.recipeList div.item div.img img{border: 2px solid #463530;}
div.recipeList div.item div.desc{float:left;padding:0 0 0 6px}
div.recipeList div.item div.desc .date{padding-bottom:15px}
div.recipeList div.item div.more{position:absolute;float:left;bottom:0; right:0}
div.recipeList div.item div.more a{ color:#574335;font-weight:bold }

div.recipeList div.item ul {}
div.recipeList div.item ul li{}
div.recipeList div.item ul li img {margin-right:10px; margin-bottom:-3px;}
div.recipeList div.item ul.carr li {padding:8px 0 0 20px;background: transparent url(../gfx/rec-ico-carrot.gif) no-repeat left bottom}
div.recipeList div.item ul.pot li {padding:8px 0 0 25px;background: transparent url(../gfx/rec-ico-pot.gif) no-repeat left bottom}

div.boxWide  div.recipeList div.item div.description{padding:0 8px;width:593px}
/* Recipe */

ul li.item div.recList{margin-top:30px}
ul li.item div.recList a{font-weight:bold;text-decoration:underline}
ul li.item div.recList a:hover {text-decoration:none}

.odcinki div.desc div.recList{margin-top:10px}
.odcinki div.desc div.recList a{font-weight:bold;text-decoration:underline}
.odcinki div.desc div.recList a:hover {text-decoration:none}

div.boxWide  div.recipeList div.item  div.toEpisode{margin-top:30px}
div.boxWide  div.recipeList div.item  div.toEpisode a{font-weight:bold;text-decoration:underline}
div.boxWide  div.recipeList div.item  div.toEpisode a:hover{text-decoration:none}

.socbook {margin-top:10px}
.socbook a {margin-left:4px}