/* CSS Document */

/* RESET */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	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;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* LAYOUT */

body {
	margin: 0 auto;
	padding:0;
	text-align: center;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	background: url(/images/layout/bg.jpg) repeat-x;
	background-color: #242424;
	}
#wrapper {
	margin: 0 auto;
 width: 1000px;

	overflow: hidden;
	position: relative;
 background-color: #f1f1f1;
 border-left: 1px solid #444444;
border-right: 1px solid #444444;
	}
div#footer {
float: left;
 width: 1000px;
 margin: 10px 0 15px 0;
 height: 160px;
 background: url(/images/layout/footer-bg.jpg) repeat-x;
 border-top: 1px solid #444444;
}
div#topnav {
 width: 1000px;
 background: url(/images/layout/topnav.jpg) repeat-x;
 text-align: left;
}


#topnav img.logo {
 margin: 3px 0 0 0; 
}

div#navad {
 height: 95px;
 width: 1000px;
 background-color: #000000;
 margin: 3px 0 8px 0;
}

div#topmenu {
 width: 1000px;
 background: url(/images/layout/top-menu.gif) repeat-x;
 height: 53px;
}

/* FOOTER */

ul#footer {margin: 0 0 5px 10px;}

ul#footer li {
 line-height: 18px;
 margin: 5px 10px 0 10px;
 border-bottom: 1px solid #505050;
}

ul#footer li a {
 text-decoration: none;
 color: #e6e6e6;
 font-size: 11px;
 font-family: verdana;
 display: block;

}
ul#footer li a:hover {color: #ec9978;

}

h2.footer {
text-transform: uppercase;
color: #e6e6e6;
margin: 5px 0 5px 7px;
background: url(/images/layout/rosette.png) no-repeat left;
 padding-left: 20px;
 line-height: 20px;
}

/* FOOTER NEWSLETTER */

div#newsletter {
float: right;
text-align: left;
margin: 0 10px 0 0;
height: 150px;
padding: 0 110px 0 0;
background: url(/images/layout/mail.png) no-repeat right center;
}

div#newsletter h2 {
margin: 10px 0 10px 0;
color: #999999;
font-size:18px;
font-family:arial,helvetica,sans-serif;
font-weight: normal;
}

div#newsletter p {margin:0; color: #999999;}

/* TOP MENU */

#topmenu a.news {
 background-image: url(/images/layout/menu/news.jpg);
 width: 102px;
height: 29px;
 display: block;
background-position:0 0px;
 text-decoration: none;
 float: left;
}
#topmenu a.news:hover {
 background-image: url(/images/layout/menu/news.jpg);
background-position:0 -29px;
}

#topmenu a.programy {
 background-image: url(/images/layout/menu/programy.jpg);
 width: 200px;
height: 29px;
 display: block;
background-position:0 0px;
 text-decoration: none;
 float: left;
}
#topmenu a.programy:hover {
 background-image: url(/images/layout/menu/programy.jpg);
background-position:0 -29px;
}

#topmenu a.artykuly {
 background-image: url(/images/layout/menu/artykuly.jpg);
 width: 102px;
height: 29px;
 display: block;
background-position:0 0px;
 text-decoration: none;
 float: left;
}
#topmenu a.artykuly:hover {
 background-image: url(/images/layout/menu/artykuly.jpg);
background-position:0 -29px;
}
#topmenu a.promocje {
 background-image: url(/images/layout/menu/promocje.jpg);
 width: 102px;
height: 29px;
 display: block;
background-position:0 0px;
 text-decoration: none;
 float: left;
}
#topmenu a.promocje:hover {
 background-image: url(/images/layout/menu/promocje.jpg);
background-position:0 -29px;
}

#topmenu a.rss {
 background-image: url(/images/layout/menu/rss.jpg);
 width: 102px;
height: 29px;
 display: block;
background-position:0 0px;
 text-decoration: none;
 float: left;
}
#topmenu a.rss:hover {
 background-image: url(/images/layout/menu/rss.jpg);
background-position:0 -29px;
}

#topmenu a.tools {
 background-image: url(/images/layout/menu/tools.jpg);
 width: 102px;
height: 29px;
 display: block;
background-position:0 0px;
 text-decoration: none;
 float: left;
}
#topmenu a.tools:hover {
 background-image: url(/images/layout/menu/tools.jpg);
background-position:0 -29px;
}

#topmenu a span {visibility: hidden;}

/* CONTENT */

div#contnav1 {
 text-align: left;
 width: 330px;
 background-color: #ffffff;
 border: 1px solid #cccccc; 
 margin: 0px 10px 10px 10px;
 float: left;
  -webkit-border-radius: 4px; /* Safari, Chrome */
  -khtml-border-radius: 4px;    /* Konqueror */
  -moz-border-radius: 4px; /* Firefox */
}


div#frontnews {
 float: left;
 width: 635px;
 text-align: left;
 background-color: #ffffff;
 border: 1px solid #cccccc;
 margin: 0 0 10px 0;
  -webkit-border-radius: 4px; /* Safari, Chrome */
  -khtml-border-radius: 4px;    /* Konqueror */
  -moz-border-radius: 4px; /* Firefox */
}

div#frontpromos {
 text-align: left;
 float: right;
 width: 310px;
 background-color: #ffffff;
 border: 1px solid #cccccc;
 margin: 0 12px 10px 0;
  -webkit-border-radius: 4px; /* Safari, Chrome */
  -khtml-border-radius: 4px;    /* Konqueror */
  -moz-border-radius: 4px; /* Firefox */
}

div#frontart {
 text-align: left;
 float:left;
 width: 310px;
 background-color: #ffffff;
 border: 1px solid #cccccc;
  -webkit-border-radius: 4px; /* Safari, Chrome */
  -khtml-border-radius: 4px;    /* Konqueror */
  -moz-border-radius: 4px; /* Firefox */
}

#frontart img, #frontpromos img {
width: 120px;
float: left;
border: 1px solid #cccccc;
margin: 8px 6px 0 6px;
}

#frontnews img {
 float: left;
 width: 175px;
 border: 1px solid #cccccc;
 padding: 2px;
 margin: 8px 6px 10px 6px;
}


#frontart p, #frontnews p, #frontpromos p {
 color: #555555;
 line-height: 18px;
 font-size: 12px;
 margin: 5px 5px 5px 5px;
}
#frontnews p.posted {
 font-size: 11px;
 margin:-5px 0 0 5px;
 color: #666666;
}
a.more {
 font-size: 12px;
 color: #128cc5; 
 font-weight: bold;
 margin: 0 0 0px 5px;
 text-decoration: none;
}
a.more:hover {text-decoration: underline;}

/* HEADERS */

#container div.h1 {
  background-image: url(/images/layout/h1.gif);
 height: 35px;
}
div.h1 h1 {
  background: url(/images/layout/h1.png) no-repeat;
  padding-left: 35px;
  height: 35px;
  line-height: 25px;
  font-size: 14px;
}
#frontart h2, #frontnews h2, #frontpromos h2 {
 display: block;
margin: 10px 0 7px 5px;
font-size: 13px;
}
#frontart h2 a, #frontnews h2 a, #frontpromos h2 a {
 color: #222222;
 font-weight: bold;
 text-decoration: none;
 
}
#frontart h2 a:hover,#frontnews h2 a:hover, #frontpromos h2 a:hover {
 text-decoration: underline;
}

/* Program list */

#program-list a {
color: #444444; text-decoration: none;
}
#program-list h2 {float: left; margin: 5px 0 0 5px;}
#program-list h2 a {color: #444444;}
#program-list img.program-logo {
margin: 2px 10px 0 10px;}



#contnav1 ul {
 margin: 0px 0 0 0px;
 list-style-type: none;
 
}

#contnav1 p {margin: 5px 3px 5px 4px; color: #444444;
 line-height: 18px;
 font-size: 12px;
 text-align: justify;}

#contnav1 ul li {
 margin: 0px 0px 0px 0px;
 padding: 0px 0 0px 0px;
 border-bottom: 1px solid #cccccc;
list-style-type: none;
 color: #444444;
}

#contnav1 ul li a {
color: #444444;
text-decoration: none;
display: block;
 height: 30px;
 line-height: 30px;
}
#contnav1 ul li a:hover {
 color: #333333;
 background-color: #f1f1f1;
}

#contnav1 a.recenzja, #program-list a.recenzja {
 background: url(/images/layout/eye.png) no-repeat left bottom;
	line-height: 23px;
	height: 23px;
        display: block;
	padding-left: 25px;
	font-weight: bold;
 margin:  10px 0 10px 15px;
color: #1d6fbb; float: left;}
#contnav1 a.recenzja:hover, #program-list a.recenzja:hover {color: #444444;}
#contnav1 a.all {line-height: 23px;
	height: 23px;
        display: block;
	padding-left: 25px;
	font-weight: bold;
 margin:  10px 0 10px 15px;
color: #1d6fbb; }

#contnav1 ul.program-info li {
 margin: 3px 5px 0px 15px;
 padding: 3px 0 3px 0;
 border-bottom: 1px dotted #cccccc;
list-style-type: none;
 
}