BODY, table {
    font-size: 13px;
    font-family: Georgia, Times New Roman;
    background-color: white;
    margin: 0px;
    padding: 0px;
    color: #3F3C09;
}

BODY { margin-top: 20px; }

table {
    background: none;
    background-color: transparent;
}

.polozka h2, .polozka h3 {
    text-align: left;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 4px;
}

.polozka h3 { cursor: pointer; }

.polozka h2 {
    color: #3F3C09;
    font-size: 17px;
}

.polozka h3 { font-size: 15px; }

.polozka .datum {
    font-size: 10px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 3px;
    padding: 2px;
    background-color: #B3D334;
}

#main_window {
    width: 990px;
    padding-left: 0px;
    background-image: url(../images/pozad_stred.png);
    background-repeat: repeat-y;
}

#window {
    width: 970px;
    background-image: url(../images/lista.gif);
    background-repeat: repeat-x;
}

#head {
    position: relative;
    height: 221px;
}

#head #flash {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#head #nadpis {
    position: absolute;
    top: 25px;
    left: 20px;
}

#head #nadpis a {
	text-decoration: none;	
    color: white;
    font-weight: bold;
    font-size: 30px;
}

#head #podnadpis {
    position: absolute;
    top: 55px;
    left: 150px;
    color: white;
    font-weight: bold;
    font-size: 15px;
}


.ciara {
    height: 8px;
    font-size: 3px;
    background-image: url(../images/horiz-c.png);
    background-repeat: repeat-x;
}

.ciarab {
    height: 8px;
    font-size: 3px;
    background-image: url(../images/horiz-cb.png);
    background-repeat: repeat-x;
}

#dolna_lista {
    width: 990px;
    height: 16px;
    background-image: url(../images/lista_dolu.png);
    background-repeat: repeat-x;
}

#horna_lista {
    width: 990px;
    height: 9px;
    background-image: url(../images/lista_hore2.png);
    background-repeat: repeat-x;
    font-size: 3px;
}

#menu {
    position: absolute;
    width: 673px;
    height: 100;
    bottom: 15px;
    left: 20px;
    
}

#menu .item, #menu .aitem {
    text-align: left;
    width: 160px;
    height: 35px;
    font-size: 20px;
    font-weight: bold;
    float: left;
}    

#menu .aitem {
    color: #9FB11D;
}

#menu .item a:link, #menu .item a:visited {
    text-decoration: underline;
    color: #3F3C09;
}

#menu .item a:active, #menu .item a:hover {
    text-decoration: none;
    color: #9FB11D;
}

#menu .aitem a:link, #menu .aitem a:visited {
    text-decoration: underline;
    color: #9FB11D;
}

#menu .aitem a:active, #menu .aitem a:hover {
    text-decoration: none;
    color: #9FB11D;
}

a:link, a:visited {
    text-decoration: underline;
    color: #3F3C09;
}

a:active, a:hover {
    text-decoration: none;
    color: #9FB11D;
}

.cb { clear: both; }

#main {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

#main h1 {
    color: #78870B;
    font-size: 25px;
    padding: 0px 0px 7px 7px;
}

#odkazy th {
    background-color: #78870b;
    background-color: #9FB11D;
    text-align: left;
    font-weight: bold;
    color: #161707;
}

#odkazy td { font-weight: normal; }

.polozka {
    font-size: 13px;
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
    
.polozka #nadpis {
    font-size: 15px;
    font-weight: bold;
}

.polozka #autor {
    text-align: right;
    font-style: italic;
    font-size: 11px;
    padding-right: 20px;

}

.polozka .ciara {
    height: 10px;
    font-size: 1px;
    margin: 0px;
    margin-top: 4px;
    margin-bottom: 10px;
    background: none;
    border: 0px;
    border-bottom: 1px solid #73800F;
}

#dirlist {
    border: 1px solid #9FB11D;
    border-bottom: 0px;
    font-size: 13px;
}

#dirlist th { background-color: #9FB11D; }
#dirlist td { border-bottom: 1px solid #9FB11D; }

#copy {
    font-size: 11px;
    font-weight: normal;
    margin: 10px;
    text-align: center;

}

#portfolio, #linky, #fotoze, .albumy {
    margin-left: 120px;
    width: 700px;
}

#portfolio div.left {
    border: 1px dotted rgb(144, 144, 144); 
    padding: 1px; 
    width: 150px;
    float: left;
}

#portfolio div.right {
    text-align: left;
    float: right;
    width: 540px;
    height: 115px;
}

#portfolio table th {
    font-weight: bold;
    font-size: 12px;
    vertical-align: top;
    text-align: right;
}

#portfolio table td.popis {
    margin-top: 4px;
    font-size: 10px;
    margin-bottom: 4px;
    text-align: justify;
}

#portfolio .polozka {
    height: 117px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 15px;
    
}

.albumy {
	border-collapse: collapse;
	border: 0;
}

.albumy th, .albumy .td { padding: 0; }

.albumy img { margin: 4px; }

.albumy h4 { text-align: left; margin: 20px 25px 10px 30px; padding: 0; }

.albumList { width: 600px; margin-left: 138px; }

.albumList td {
    border-bottom: 1px solid #9FB11D;
    padding: 0 5px;
}

.albumList td.horizontal {
	background: transparent;
	cursor: pointer;
	height: 26px;	
}

.albumList td.horizontal a {
	display: block;
	text-decoration: none;
	color: #3F3C09;	
}

.albumList td.over { background: #9FB11D; }
.albumList span.small { font-size: 10px; }
.albumList span.right { float: right; }


.albumList td.desc-img {
	width: 130px;
	vertical-align: top;
	padding-top: 3px;
}

.albumList td.desc-img img {
	border: 0;
	margin: 4px;
}
.albumList td.desc-img a:hover img,
.albumList td.thumbs-text a:hover img {
	border: 2px solid #9FB11D;
	margin: 2px;	
}

.albumList td.desc-text, .albumList td.thumbs-text {
	text-align: left;
	vertical-align: top;
	padding: 1px; 
	padding-right: 4px;
}

.albumList td.desc-text h2 {
	font-size: 13px;
	font-weight: bold; 
	margin: 2px 0 0 0;
	padding: 0;
}

.albumList td.thumbs-text { 
	text-align: center;
	width: 33%;
	border: 0;
	padding-bottom: 7px;
}

.albumList td.thumbs-text h2 { margin: 0; }
.albumList td.thumbs-text img {	border: 0; }
.albumList td.desc-text span, .albumList td.desc-text div  { font-size: 11px; }	
.albumList td.desc-text div { text-align: right; }

.albumDetail th {
	font-size: 18px; 
	height: 19px;
	text-align: left;
	line-height: 19px;
	padding: 0 5px;
}

.albumDetail td.paging {
	color: black;
	text-align: right;
	vertical-align: center;
	height: 19px;
	border: 0px;	
}

.albumDetail td.highslide-gallery { width: 700px; }

.albumSetts { margin: 25px 0 25px 150px; }
.albumSetts a { margin-right: 8px; }

div.loginbox {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    border: 1px solid black;
    padding: 5px;
    background-color: white;
    z-index: 1;
}

#loginbox input { border: 1px solid #A0A0A0; }
#loginbox .passIntput { width: 110px; margin-right: 9px; }
#loginbox .submitButton { background-color: #D0D0D0; margin-left: 0; margin-right: 0 }
#loginbox #loginBoxForm { margin: 0; padding: 0; }

#inp_form {
    text-align: left;
    margin: 15px 0px 15px 0px;
    width: 750px;
}

#pridaj {
    border-bottom: 2px solid #9FB11D;
    padding-bottom: 10px;
}

#pridaj input, #pridaj textarea { width: 280px; }

#pridaj .submit {
    border: 1px solid black;
    color: white;
    background: #9FB11D;
    width: 70px;
}

#linky .polozka {
    width: 90px;
    height: 50px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    margin: 13px;
    margin-top: 0px;
    float: left;
}

#ikonka, #linky .obr  {
    padding: 0px;
    margin: 0px;
    text-align: center;
    width: 90px;
    height: 33px;
    border: 1px dotted #9FB11D;
}

#linky .obr a {
    margin: 0px;
    padding: 0px;
}

#linky img { margin: 1px; }

hr {
    border: 0px;
    color: #9FB11D;
    background-color: #9FB11D;
    height: 1px;
}

#nav {
    text-align: center;
    margin: 10px 0px;
}

#nav a {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    display: block;
    padding: 3px;    
    text-decoration: none;
    width: 45px;
}

#nav a:link, #nav a:visited {
    background-color: transparent;
    border: 1px solid #def082;
    text-decoration: none;
    color: #3f3c09;
}

#nav a:hover, #nav a:active {
    background-color: #9fb11d;
    color: white;
    border: 1px solid #78870b;
}

#playlist {
    margin-top: 10px;
    text-align: center;
}

#playlist #info {
    border: 1px solid #9FB11D;
    background-color: transparent;
}

#playlist #info th.head {
    background-color: #9FB11D;
    font-size: 20px;
    padding: 5px;
}

#playlist #info th.head small {
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

#playlist #info td.body {
    padding: 15px;
    width: 928px;
}

#playlist #info td p { white-space: normal; }
#playlist #info td sub { font-size: 11px; }

#playlist #info #obr {
    margin-top:  10px;
    text-align: center;
}

#playlist #info img { border: 1px solid #9FB11D; }
#playlist #info #obr img { margin: 3px; }
#playlist #info img.left { margin: 0px 5px 5px 0px; }
#playlist #info img.right { margin: 0px 0px 5px 5px; }

#playlist #info h2 {
    text-align: left;
    font-size: 17px;
    margin-top: 10px;
}

#info .l {
    float: left;
    width: 85%;
}

#info .r {
    float: right;
    width: 12%;
    text-align: right;
}

.playlist {
	float: left;
	width: 454px;
	margin-right: 5px;
	background-color:#DEEC90;
	border: 1px solid #B3D334;
	padding: 3px;
}

.playlist p {
    margin: 0 0 7px 0;
    padding-top: 0;
}

.playlist h2, .playlist h2 a {
	color:#3F3C09;
	font-size:17px;
	margin: 0px;
	padding: 5px 0 10px 10px;
}

.playlist p { padding: 5px; }

.playlist .track {
	background-color:#E6EDAE;
	border:1px solid #9FB11D;
	width: 310px;
	margin-left:70px;
	padding: 3px;
	padding-top: 0px;
	margin-bottom: 5px;
}
.playlist .track .trackname { padding-left: 5px; }

.playlist .track sup {
	font-size: 9px;
	color: #9FB11D;
	margin-bottom: 2px;
}

#p404, #p404 h2 {
    text-align: center;
    font-weight: bold;
    padding-bottom: 20px;
}

#p404 h2 { font-size: 19px; }

#notes_r {
    margin-left: 720px;
    width: 180px;
    border: 1px solid #9FB11D;
    padding: 10px;
}

#notes_l {
    float: left;
    width: 720px;
    margin-bottom: 20px;
}

#rub a {
    margin: 0px;
    display: block;
    padding: 3px;    
}

#rub a:link, #rub a:visited {
    background-color: transparent;
    border: 1px solid #def082;
    text-decoration: underline;
    color: #3f3c09;
}

#rub a:hover, #rub a:active {
    background-color: #9fb11d;
    color: white;
    border: 1px solid #78870b;
    text-decoration: none;
}

#rub a.active { text-decoration: none; }

#komentare {
    margin: 0px;
    padding: 0px;
}

#main #komentare li {
    border: 1px solid #D0EA7C;
    padding: 8px;
    margin: 8px 0px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;    
}

#main #komentare li:hover { border: 1px solid #B3D334; }

#news #albumy { width: 450px; }

#news #albumy .album h3 {
	font-size: 13px;
	margin-top: 2px;
	font-weight: bold;
}

.books .cat { padding-left: 30px; }

.books .cat h3 {
	padding: 0;
	padding-left: 23px;
	margin-bottom: 8px;
	background: transparent url(/images/folder1.gif) no-repeat 0 1px;	
}

.books .cat .book {	margin: 0 0 5px 40px; }

.books .cat a {
	padding-left: 23px;
	background: transparent url(/images/star.gif) no-repeat 0 0;
}

table.dl td { padding-bottom: 10px; }

.imgDel { cursor: pointer; }

#boat { margin-left: 90px; }

#boat form {
	margin: 15px 0;	
	background: #F5FFBF;
	float: left;
	padding: 10px;
}

#boat input, #boat textarea { border: 1px solid #161707; border-collapse: collapse; }
#boat .group { margin-top: 20px; }
#boat h3 { cursor: move; }
#boat h3, #boat ul { margin: 0 0 7px 0; }
#boat h3 small { font-weight: normal; }
#boat ul li { margin-bottom: 8px; cursor: move; }
#boat ul li small {	margin-left: 3px; display: block; }
#boat form textarea { width: 400px; height: 80px; }
#boat form input.text { width: 340px; margin-left: 5px; }

#boat h3 span { float: left; }

#boat a.zena, #boat a.muz { 
	background: transparent url(/images/phone_ico.png) no-repeat 0 0; 
	float: left; 
	width: 9px; 
	height: 18px; 
	text-decoration: none;
	margin: 0 2px 0 4px;
}

#boat a.muz { background-position: -9px 0; margin-left: 2px; }

.fbLikeButton { border: 0; overflow: hidden; width: 150px; height: 21px; margin-left: 15px; }
.info { width: 700px; margin-left: 120px; font-size: 10px; }
.info .share { float: right; font-size: 13px; }
.info .share a, .info .share span { float: left; margin-right: 5px; }
.info .share a { 
	width:16px;
    height:16px;
    background: transparent url(/images/social.png) 100% 0 no-repeat;
    display:block;
    transition-property:background-position;
    transition-duration:.2s;
    -o-transition-property:background-position;
    -o-transition-duration:.2s;
    -webkit-transition-property:background-position;
    -webkit-transition-duration:.2s;
    -moz-transition-property:background-position;
    -moz-transition-duration:.2s;
    text-decoration: none;
}

.info .share a:hover {background-position:100% 100%;}
.info .share a.tw {background-position:0 0;}
.info .share a.tw:hover {background-position:0 100%;}
.info .share a.fb {background-position:-24px 0;}
.info .share a.fb:hover {background-position:-24px 100%;}