html {
        background-color: #888;
        color: black;
        background-image: url('./bg_html.png');
}

body {
        position: relative;
        background-color: white;
        width: 1000px;
        margin: auto;
	font-size: .9em;
}

dt {
        margin: 1em 0 0 0;
        padding: 0;
        font-weight: bold;
}

dd {
        margin: 0 0 0 1em;
        padding: 0;
}


/* Główne */

#head .nicetop {
        background-image: url('./dc_top_red.png');
        height: 34px;
}

#head .nicetop .niceright {
        background-image: url('./dc_topright_red.png');
        background-position: right;
        background-repeat: no-repeat;
        height: 34px;
}

#topline {
        display: block;
        height: 126px;
}

#logoimg {
        float: left;
        margin: 15px 0 0 15px;
}

#searchpack {
        margin: 15px 20px 0 0;
        float: right;
}

#fast2toppages {
        margin-top: 20px;
}

#menu ul {
        display: table;
        margin: 0;
        padding: 0;
        width: 100%;
        border-top: solid 3px #dd0218;
        background-image: url('./bg_menutab.png');
}

#menu ul li {
        display: table-cell;
        margin: 0;
        list-style: none;
        text-align: center;
}

#menu ul li a {
        display: block;
        height: 16px;
        padding: 7px 0;
        color: black;
}

#secondline {
        padding: 10px 15px;
        min-height: 122px;
        position: relative;
}

#secondline .clear {
	clear: both;
}

#main_banner {
	float: right;
	width: 372px;
	margin: 6px 213px 0 0;
}

#news {
        width: 342px;
}

#news h1 {
        font-size: 1.2em;
        margin: 5px 0 .5em 0;
        padding: 0;
        font-weight: normal;
	text-decoration: underline;
}

#news ul {
        padding: 0;
        margin: 0;
}

#news ul li {
        padding: 0 0 0 1.5em;
        margin-left: 1.5em;
}

#news ul li a {
        color: black;
}

#news ul li a:hover {
        color: red;
}

#languages {
        position: absolute;
        top: 10px;
        right: 80px;
        width: 100px;
        margin: 0;
        padding: 0;
}

#languages li {
        margin: 0;
        padding: .3em .5em;
}

#languages li a {
        color: black;
}

#languages li a:hover {
        color: red;
}

#thirdline {
        padding: 0 15px;
	position: relative;
        border-bottom: solid 1px gray;
}

#thirdline .clear {
	clear: both;
}

#ani_txt {
	float: right;
	width: 372px;
	margin: 0 213px 0 0;
}

#news_more {
	margin-left: 1.5em;
	padding-left: 1.5em;
}

#news_more a {
        color: black;
}

#news_more a:hover {
        color: red;
}

#main {
        padding: 10px;
}

#main h1 {
        font-size: 1.5em;
        border-bottom: solid 1px #d1d1d1;
        line-height: 2em;
}

#main #menu_lam td {
	width: 235px;
	vertical-align: top;
}

#main #menu_lam h1 {
        font-size: 1.2em;
        margin: 0;
        padding: 0;
        font-weight: normal;
	border-style: none;
	text-decoration: underline;
}

#main #menu_lam h1 a {
	text-decoration: underline;
}

#main #menu_lam tr.first td {
	padding-bottom: 2em;
}

#main #menu_lam a {
	color: black;
}

#main #menu_lam a:hover { 
	color: red;
}

#main #menu_lam ul {
        margin: 0;
        padding: 0;
}

#main #menu_lam li {
        margin: 0 0 0 1.5em;
        padding: 0;
        line-height: 1.5em;
}

#linkback {
        margin-bottom: 2em;
}

#linkback a {
        color: red;
}

#left-menu {
        float: left;
        width: 200px;
        margin: 5px;
	font-size: .9em;
}

#left-menu ul {
	border-top: solid 1px #d1d1d1;
	border-left: solid 1px #d1d1d1;
	border-right: solid 1px #d1d1d1;
        margin: 0 0 1em 0;
        padding: 0;
}

#left-menu .active {
	font-weight: bold;
}

#left-menu li {
        margin: 0;
	padding: .5em;
        list-style: none;
	border-bottom: solid 1px #d1d1d1;
}

#left-menu li a {
	display: block;
        color: black;
}

#left-menu li a:hover {
        color: red;
}

#right-menu .subinfo p {
        text-align: justify;
        padding: .5em;
        margin: 1em 0 0 0;
        border: solid 1px #d1d1d1;
}

#right-menu {
        float: right;
        width: 200px;
        margin: 5px;
	font-size: .9em;
}

#right-menu ul {
        border-top: solid 1px #d1d1d1;
	border-right: solid 1px #d1d1d1;
	border-left: solid 1px #d1d1d1;
        margin: 0 0 1em 0;
        padding: 0;
}

#right-menu li {
        margin: 0;
	padding: 0;
        list-style: none;
	border-bottom: solid 1px #d1d1d1;
}

#right-menu li.active {
        font-weight: bold;
        padding: .5em;
}

#right-menu li a {
	display: block;
        padding: .5em;
        color: black;
}

#right-menu li a:hover {
        color: red;
}

#art {
        margin-left: 215px;
        margin-right: 215px;
}

#art p {
        text-align: justify;
}


#miniart p {
        text-align: justify;
}

#newsart {
        margin-left: 215px;
}

#newsart p {
        text-align: justify;
}

#art .box {
        border-bottom: solid 1px #d1d1d1;
        padding-bottom: 1em;
        margin-bottom: 1em;
}

table.construct th,
table.construct td {
	vertical-align: top;
	text-align: left;
	padding: 1em 1em 1em 0;
}

table.h_tbl {
	border-collapse: collapse;
	margin: .5em 0;
	font-size: 0.8em; 
}

table.h_tbl th,
table.h_tbl td {
	border: 1px solid black;
	padding: .5em;
}

#loginForm {
	border: solid 2px red;
	padding: 2em;
	width: 300px;
	margin: 3em auto;
}

#loginForm p{
	margin-top: 0;
}

#wwsi_bot {
        position: absolute;
        bottom: 0;
        right: 0;
}

#wwsi_bot img {
	display: block;
}

#foot {
        clear: both;
}

#foot .first {
        margin: auto;
        border-top: solid 1px gray;
        border-bottom: solid 1px gray;
        padding: 5px 250px 5px 15px;
        text-align: center;
}

#foot .second {
        margin: auto;
        border-bottom: solid 1px gray;
        padding: 5px 250px 5px 15px;
        text-align: center;
}

#foot .last {
        margin: auto;
        padding: 15px;
        text-align: center;
        font-size: .8em;
}

#subs_zh a {
	display: block;
	border-bottom: solid 1px white;
	height: 12px;
	padding-left: 25px;
	color: white !important;
	background-image: url('./subtxt/lang_zh.png');
	background-repeat: no-repeat;
	width: 40px;
}

#subs_zh a:hover {
	background-position: 0 -12px;
	color: white !important;
}



/*********************************************

Video

*********************************************/

.videogaleria{
	margin-left: 218px !important;
        margin-right: 218px !important;
}

.videogaleria a{
	text-decoration: none;
	font-weight: bold;
	color: maroon;
}

.videogaleria a:hover {
	color: red;
}

.videogaleria a:visited {
	color: maroon;
}

.videogaleria ul{
	list-style:none;
	padding-left: 3px;
}

.videogaleria ul li{
	padding: 0px 0px;
}

.videogaleria .table_nag,div.table_nag{
	font-weight: bold;
	color: #3c0000;
	text-align: left;
}

.videogaleria .table_nag1{
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 6px;
}

.videogaleria .table_mat td{
	padding: 2px;

}
.videogaleria{
	background-repeat: no-repeat;
	background-image: url(video_m_bg.png);
	background-position: 100% 0%;
	min-height: 300px;}

.video_center_mat{
	padding: 0px;
	margin: 0px;
}

.video_center_mat a{
	font-weight: normal;
	display: block;
	border-top: 1px solid white;
	padding: 4px;
	margin: 2px 0px;
	background-repeat: repeat-x;
	background-image: url(video_bg.png);
	background-position: 0px -300px;
	display: block;
	min-height: 100px;
	color: maroon;
}

.video_center_mat a .row{
	display: table-row;
	clear: left;
	vertical-align: top;
}

.video_center_mat a:hover {
	color: red;
	background-repeat: repeat-x;
	background-image: url(video_bg.png);
	background-position: 0px -150px;
	border-top: 1px solid red;
	text-decoration: none;
	cursor: pointer;
}

.video_center_mat img {
	border: 1px solid black;
	padding: 1px;
	margin: 4px;
}

.video_center_mat a:hover img {
	border: 1px solid black;
	padding: 1px;
	margin: 0px;
	width: 130px;
}

.video_center_mat h3 {
	font-size: 13px;
}

.imgvideo {
	display: block;
	float: left;
}

.textvideo {
	display: block;
	display: block;
	width: 385px;
	float: left;
	margin: 3px;
}

/*********************************************

 + player

*********************************************/	
	

#video_right {
	text-align: center;
	width:210px;
	float:right;
	padding-bottom: 30px;
	height: auto;
}

#video_right a {
	display: block;
	text-decoration: none;
	color: #1f1f1f;
	margin: 5px 0px;
	padding: 10px 0px;
	background-repeat: repeat-x;
	background-image: url(video_bg.png);
	background-position: 0px -300px;
	border-top: 1px solid white;
}

#video_right a:hover {
	color: maroon;
	background-repeat: repeat-x;
	background-image: url(video_bg.png);
	background-position: 0px -100px;
	border-top: 1px solid red;
}

#video_right img {
	margin:4px;
	padding: 1px;
	border: 1px solid black;
}

#video_right img:hover {
	margin: 0px;
	width: 174px;
}

#video_right a:hover img {
	margin: 0px;
	width: 184px;
}

#video_main {
	margin-left:215px;
}


#video_main h1{
	padding: 0px;
	margin: 0px;
	margin-bottom: 7px;
	font-size: 1.5em;
	border-bottom: solid 1px red;
}

#video_content{
	border-right: 1px solid red;
	float: left;
	width: 545px;
	height: auto;
}

#video_content #videodesc {
	margin-right: 25px;
	padding: 1px;
	border: 1px solid #ffc1c1;
}

#video_content #videodesc div{
	font-size: 11px;
	padding: 4px;
	margin: 1px;
	background-repeat: repeat-x;
	background-image: url(video_bg.png);
	background-position: 0px -250px;

}

#video_content #videodesc div a {
	color: red;
	font-weight: bold;
}

#video_content #videodesc div#pre {
	float: right;
	font-size: 80%;
	text-align: center;
}

#video_content #videodesc div#pre:hover {
	background-position: 0px -200px;
}

#video_content #videodesc div#pre a {
	display: block;
	text-decoration: none;
	background-image: url(pdfdt.png);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	width: 80px;
	height: 80px;
}

#video_content #videodesc div#pre a:hover {
	background-image: url(pdfdt_hover.png);
}

#video_content #videotag {
	margin-top: 10px;
	margin-right: 25px;
	padding: 1px;
	border: 1px solid #ffc1c1;
}

#video_content #videotag div {
	font-size: 11px;
	padding: 4px;
	margin: 1px;
	background-repeat: repeat-x;
	background-image: url(video_bg.png);
	background-position: 0px -250px;
}

#video_content #videotag div a {
	color: red;
	font-weight: bold;
}

.video_right_title {
	margin-bottom: 8px;
	font-weight: bold;
}

.video_right_mat {
	text-align: center;
}

.video_right_mat .title {
	font-size: 90%;
	font-weight: bold;
}

.video_center_mat .title {
	font-size: 100%;
}

.video_right_mat .lector,.video_center_mat .lector {
	font-style: italic;
	font-size: 90%;
	color: black;
}

.video_right_mat .academy,.video_center_mat .academy {
	font-style: italic;
	font-size: 80%;
	color: black;
}

.video_right_mat .time,.video_center_mat .time {
	font-style: normal;
	font-size: 80%;
	color: black;
}
.video_center_mat div{
	overflow: hidden;
	
}
.video_center_mat .similarValue {
	color:black;
	display: block;
	padding-top: 5px;
	margin-top: 2px;
	border-top: 1px solid Background;
}

.video_center_mat .similarValue span {
	display: block;
}

.video_center_mat .similarValue span.star {
	float: right;
	display: block;
	width: 80px;
	height: 15px;
	display: block;
	background: url(star-matrix.gif) no-repeat 0 0;
}

.video_center_mat .similarValue span.star1 {
	background-position:0 -16px;
}

.video_center_mat .similarValue span.star2 {
	background-position:0 -32px;
}

.video_center_mat .similarValue span.star3 {
	background-position:0 -48px;
}

.video_center_mat .similarValue span.star4 {
	background-position:0 -64px;
}

.video_center_mat .similarValue span.star5 {
	background-position:0 -80px;
}

/*****************************************

Zakwaterowanie

*****************************************/

input.error {
	border:2px solid red;
}

label.error {
	color:red;font-weight:bold;
}

#zakwaterowanie a {
	color:blue;
}

#zakwaterowanie a:hover {
	color:red;
	text-decoration:none;
}

#zakwaterowanie a img {
	margin-bottom:-3px;
	margin-right:3px;
}

#zakwaterowanie form .ustawa{
	color:#366C99;
	font-size:11px;
}

/*****************************************

Ranking tabele

*****************************************/
    table.rankingTable {
        font-size: 11px;
        font-family: "DejaVu Sans", "Verdana", sans-serif;
        border:0px solid silver;
        border-collapse:collapse;
		  background-color: white;
		  margin: 0 auto;
		  text-align: right;
    }
    table.rankingTable td{
        border:1px solid silver;
        padding:2px;
    }
    table td.bTitle{
        font-weight:bold;
        color:#C00000 ;
        font-size:110%;
        text-align:center;
        background-color:#d8d8d8 ;
    }
    table tr.trHeaders td{
        font-weight:bold;
		  text-align:center;
        background-color:#eaf1dd;
    }
    .trYcontent td{
        background-color:#ffff99;
    }
    table col.colBg, table tr td.colBg{
        background-color:#c5d9f1;
        font-weight:bold;
    }
    table col.right{
		text-align: right;
    }
    table tr.rowBg td{
        background-color:#94b7e2;
    }