* {
margin: 0;
padding: 0;
border: none;
}

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}

body {
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
color: white;
background: #303030 url(layout/bg_body.jpg) repeat-y top;
height: 100%; /* Required */
line-height: 180%;
}

a:link, a:visited, a:active { 
color: silver; 
}

a:hover, a:visited:hover
{
color: yellow;
}
em, i { color: yellow; }

#screen {
height: auto;
margin-left: auto;
margin-right: auto;
min-height: 100%;
position: relative;
text-align: center;
width: 100%;
z-index: 1;
background: url(layout/bg_top.jpg) no-repeat center top;
}

* html #screen {
height: 100%;
}

#container
{	
min-height:100%;
height:auto;
width: 950px;
margin-left:auto;/* center it*/
margin-right:auto;/* center it*/
position:relative;
text-align:left;
}

* html #container{
height:100%;
width:950px;/* box model hack for ie5.+*/
w\idth:948px
}

#top
{
min-height: 90px;
height: 90px;
width: 950px;
position: relative;
font-size: .9em;
float: left;
margin-top: 0px;
color: #483D8B;
background: none;
}

#head
{
min-height: 180px;
height: 180px;
width: 950px;
background: url(layout/bg_head.jpg) no-repeat right;
position: relative;
font-size: .9em;
float: left;
margin-top: 0px;
color: #483D8B;
}

#head a, #head a:hover, #head a:active, #head a:visited
{
float: left;
width: 250px;
height: 30px;
margin-top: 0px;
margin-left: 300px;
text-align: center;
z-index: 3;
position: relative;
font-size: 0;
}

#head span
{
display: none;
}

#menu {
width: 275px;
float: left;
line-height: 120%;
margin-top: -170px;
z-index: 5;
position: relative;
font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
font-style: italic;
}

#menu ul
{
list-style-type: none;
margin: 0;
display: block;
}

#menu li {
display: block;
float: left;
font-weight: bold;
font-size: 1.1em;
margin-bottom: 0px;
text-align: left;
padding: 0 0 0 0px;
}

#menu li a, #menu li a:link, #menu li a:visited
{
display: block;
color: White; 
text-decoration: none;
width: 250px;
padding: 2px 30px 2px 0;
text-align: right;
}

#menu li a:hover, #menu li a:visited:hover
{
color: Yellow; 
text-decoration: none;
}

#menu li#active a, #menu li#active a:hover, #menu li#active a:visited:hover
{
color: Red; 
text-decoration: none;
cursor: default;
}

#menu li #podmenu
{
padding: 0 0 0px 0;
list-style-type: none;
display: block;
margin: 0px 25px 0px 0px;
background: none;
border-top: none;
font-size: .8em;
}

#menu li #podmenu li {
display: block;
float: right; 
padding-top: 0;
margin: 0px 0px 0 0px;
background: url(layout/menuli1.gif) no-repeat right;
}

#menu li #podmenu li a, #menu li #podmenu li a:visited
{
display: block;  
color: #bfbfbf;
padding: 1px 0px 0px 20px;
text-decoration: none;
border: none;
width: 180px;
margin-right: 15px;
}

#menu li #podmenu li a:hover, #menu li #podmenu li a:visited:hover
{ 
display: block;
color: yellow;
cursor: pointer;
background: none;
}

#menu li #podmenu li#active a, #menu li #podmenu li#active a:visited, #menu li #podmenu li#active a:hover, #menu li #podmenu li#active a:visited:hover
{
display: block;  
color: Yellow;
text-decoration: none;
cursor: default;
background: #88A168;
}

#main 
{ 
width: 650px;
float: right;
padding: 0 0 0 0;
clear: right;
}

#obsah h2 
{
font-size: 2.1em;
color: #f5f5f5;
font-weight: bold;
margin-top: 0px;
margin-bottom: 20px;
text-align: left;
font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
font-style: italic;
}

#obsah h3 
{
font-size: 1.6em;
color: red;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
font-style: italic;
 clear: both;
}

#obsah h4 
{
font-size: 1.1em;
color: red;
font-weight: bold;
padding: 0px;
padding-left: 5px;
margin-top: 20px;
margin-bottom: 0px;
border-bottom: 1px solid #d3d3d3;
clear: both;
text-align: left;
}

#obsah embed
{
border: 1px solid #a4a4a4;
}

#obsah 
{ 
width: 620px;
float: left;
padding: 0;
margin-left: 15px;
text-align: center;
font-size: .9em;
margin-top: 30px;
}

#obsah p 
{
text-align: justify;
line-height: 140%;
margin: 15px 0px 10px 0;
color: white;
}

#obsah ul 
{
text-align: left;
}

#obsah b, #main strong
{
color: #949494;
font-weight: bold;
}

#obsah .text1 
{
color: #6b8e23;
}

#obsah .text2 
{
color: #228b22;
font-weight: bold;
}

#obsah li 
{
color: silver;
list-style-type: none;
}

#footclear {
clear:both;
height:99px;
width:100%
}

#foot {
width: 100%;
position:absolute;
bottom:0;
left:0;
height:99px;
color: white;
padding-top: 0px;
margin-bottom: 0px;
background: url(layout/bg_foot.jpg) no-repeat bottom;
}

#foot p {
width: 175px;
margin: 10px 0px 0 22px;
color: #a9a023;
font-size: .8em;
font-weight: bold;
text-align: left;
padding: 0px;
}

#foot a {
color: red;
}

#footend {
min-height: 99px;
height: 99px;
width: 900px;
position: relative;
margin: 0 auto;
text-align: center;
}

#footend a:link, #footend a:visited {
color: red;
font-weight: bold;
text-decoration: none;
}

#footend a:hover, #footend a:visited:hover {
color: yellow;
text-decoration: none;
}

#foot p.left {
margin: 65px 0 0 0px;
_margin: 65px 0 0 0px;
padding: 0;
text-align: center;
width: 250px;
float: left;
}

#foot p.left img {
margin: 10px;
}

#foot p.mid {
font-size: .9em;
margin: 55px 35px 0 0;
_margin: 55px 35x 0 0;
padding: 0;
text-align: center;
width: 185px;
float: right;
}

#foot p.right {
font-size: .9em;
margin: 55px 15px 0 0;
padding: 0;
text-align: center;
width: 195px;
float: right;
}

.floatbox1 
{
float: left;
padding: 5px;
background: #e7f4f7;
margin: 0 10px 5px 5px;
text-align: center;
border: 1px solid #015a96;
width: 212px;
}

.floatbox2 
{
float: right;
padding: 5px;
background: #e7f4f7;
margin: 0 0px 5px 10px;
text-align: center;
border: 1px solid #015a96;
width: 212px;
}

#main .floatbox1 h4, #main .floatbox2 h4 {
line-height: 100%;
color: #483d8b;
margin: 5px 5px 5px 5px;
background: #d3eaf0;
padding: 2px;
border: 1px solid #015a96;
} 

#main .floatbox1 p, #main .floatbox2 p {
margin-top: 5px;
text-align: justify;
line-height: 135%;
color: #1a73ad;
margin: 0 5px 5px 5px;
} 

.floatbox1 img, .floatbox2 img {
border: 1px solid #015a96;
margin-top: 5px;
margin-bottom: 5px;
}

.float1
{
float: left;
padding: 4px;
margin: 2px 25px 5px 0px;
text-align: center;
background: #afafaf;
}

.float2
{
float: right;
padding: 4px;
margin: 0px 0px 5px 25px;
text-align: center;
background: #afafaf;
}

.floatx
{
float: left;
padding: 2px;
margin: 2px 10px 5px 10px;
text-align: center;
background: #484848;
}

.float3
{
float: none;
padding: 3px 3px 3px 3px;
margin: 0px auto;
text-align: center;
border: 1px solid silver;
background: White;
}

.float3 a:link
{
border: 2px dashed #FF4500;
margin: 0 0 8px 8px;
}

.float3 a:hover
{
border: 2px dashed Red;
margin: 0 0 8px 8px;
}

.floatgal
{
float: none;
padding: 3px 3px 3px 3px;
margin: 0px auto;
text-align: center;
border: 1px solid silver;
background: White;
width: 100px;
height: 100px;
}

.floatgal img
{
width: 100px;
}

.imagefloat
{
float: left;
margin: 5px 5px 15px 5px;
text-align: center;
border: 1px solid #015a96;
background: #d7ebf2;
}

.ico_tel
{
background: url(layout/ico_tel.gif) no-repeat left;
padding: 3px 0 3px 20px;
}

.ico_fax
{
background: url(layout/ico_fax.gif) no-repeat left;
padding: 3px 0 3px 20px;
}

.ico_mail
{
background: url(layout/ico_mail.gif) no-repeat left;
padding: 3px 0 3px 20px;
}

.ico_pdf
{
background: url(layout/ico_pdf.gif) no-repeat left;
padding: 3px 0 3px 20px;
}

.ico_doc
{
background: url(layout/ico_doc.gif) no-repeat left;
padding: 3px 0 3px 20px;
}

.ico_ppt
{
background: url(layout/ico_ppt.gif) no-repeat left;
padding: 3px 0 3px 20px;
}

fieldset {
padding: 8px;
font: bold 1em/1;
width: 430px;
border:1px solid #a9a9a9;
margin-top: 5px;
}

fieldset:hover {
border:1px solid silver;
background-color: #555555;
}
fieldset input {
border:1px solid #e8e8e8;
margin-bottom: 10px;
background-color: #cacaca;
}
fieldset input:focus {
border:1px solid yellow;
margin-bottom: 10px;
background-color: #ffffe0;
}
fieldset textarea {
border:1px solid #add8e6;
margin-bottom: 10px;
background-color: #f6ffff;
}
fieldset textarea:focus {
border:1px solid #add8e6;
margin-bottom: 10px;
background-color: #f6ffff;
}
label {
float:left;
width:100px;
margin-right:10px;
padding-top:5px;
text-align:right;
font-weight:bold;
}
legend {
padding: 2px 10px;
border:1px solid silver;
color: #696969;
font-size:1em;
text-align:right;
background: #FFFFF4;
font-weight: bold;
margin-bottom: 10px;
}
.submitbut {
border: 1px solid #3CA692;
clear: both;
background: #F0F5CF;
}
.cleaner {
clear: both;
visibility: hidden;
font-size: 0;
}
.clean {
clear: both;
}

.block 
{ 
border-bottom: 1px solid #add8e6;
text-align: justify;
margin-bottom: 10px;
padding-bottom: 5px;
clear: both;
}
#obsah .block p
{ 
text-align: justify;
padding: 0;
margin: 5px 0 0 0;
}

.block ul
{
list-style-type: none;
text-align: left;
padding: 0;
font-size: .9em;
}

.block li
{
display: inline;
padding: 0 0 0 7px;
}

#menu .second ul
{
list-style-type: none;
text-align: right;
padding: 0;
margin-top: 100px;
}

#menu .second li a, #menu .second li a:visited
{
list-style-type: none;
margin-top: 15px;
border: none;
color: #87cefa;
background: none;
}

#menu .second li a:hover, #menu .second li a:visited:hover
{
color: Yellow;
}


dl.bio
{
margin:0;
padding: 0px 0 15px 0;
text-align: left;
}


.bio dt
{
position: relative;
left: 0;
top: 5px;
width: 100%;
font-weight: bold;
color: #4682b4;
padding: 0 5px 0 0;
}

.bio dd
{
margin: 2px 0 0 45px;
padding: 0 0 0 5px;
font-style: italic;
width: 90%;
border-bottom: 1px solid #b0c4de;
}

.extlink 
{
background: url(layout/ico_extlink.gif) no-repeat 0px 3px;
padding: 0 0 0 10px;
}

.extlink:hover
{
background: url(layout/ico_extlink_on.gif) no-repeat 0px 3px;
padding: 0 0 0 10px;
}


dl.event
{
margin:0;
padding: 0px 0 15px 0;
text-align: left;
clear: both;
}


.event dt
{
position: relative;
left: 0;
top: 5px;
width: 250px;
padding: 0 5px 0 0;
}

.event dd
{
margin: -15px 0 0 0px;
padding: 0 0 0 255px;
width: 240px;
font-weight: bold;
color: #6495ed;
border-bottom: 1px solid #add8e6;
}

dl.live
{
margin: 1em 0;
padding: .5em;
text-align: left;
}


.live dt
{
position: relative;
left: 0;
top: 3em;
width: 6.1em;
font-weight: bold;
padding: 0 0 .4em 0;
}

.live dd
{
margin: .2em 0 0 6.5em;
padding: 0 0 .2em .5em;
border: 1px solid #add8e6;
background-color: #dbf2ff;
}

.list {
width: 300px;
border-collapse: collapse;
float: right;
margin-top: 5px;
}
.list td {
border-bottom: 1px solid #606060;
}
.list .nazov {
text-align: left;
padding-left: 10px;
font-weight: bold;
}

#row
{
width:100%; 
display: block; 
text-align: center;
line-height: 120%;
}

#row h1
{
font-size: 1.3em;
border-bottom: 1px solid #b0c4de;
color: Red;
padding-bottom: 2px;
 }

#row em
{
font-size: .9em;
color: #6495ed;
}

.projekt {
width: 100%;
border-collapse: collapse;
float: right;
margin-top: 5px;
line-height: 115%;
font-size: .9em;
text-align: left;
}
.projekt th {
padding: 2px;
border: 1px solid #add8e6;
background-color: #dbf2ff;
}
.projekt td {
border: 1px solid #add8e6;
padding: 2px;
vertical-align: top;
}
.projekt .proj1 {
text-align: left;
font-weight: bold;
background-color: #dbf2ff;
}

#albumy
{
display: block;
_border-bottom: 2px solid #D2D2D2;
width:100%; 
padding-top: 2em; 
padding-bottom: .5em;
clear: both;
text-align: left;
}

#albumy h1
{
font-size: 1.3em;
margin-left: 0;
margin-bottom: 10px;
border-bottom: 1px solid #add8e6;
color: Red;
}

#album1
{ 
display: block;
float: left;
width: 320px;
clear: left;
padding-left: 8px;
line-height: 140%;
clear: both;
}

#album1 ul
{
font-size: .9em;		
margin: 0 0 0 5px;
padding: 0;
list-style-type: none;
float: left;
}

#album1 li
{
display: block;
padding: .5em 0 0 .2em;
width: 90%;
float: left;
}

#albumy_cred
{
width:150px; 
float: right;
text-align: right;
font-size: .9em;
margin-right: 0px;
clear: right;
line-height: 120%;
 }

#gitara
{
background: #f0f8ff;
margin-top: 10px;
}

.zar {
width: 100%;
border-collapse: collapse;
float: right;
margin-top: 5px;
line-height: 125%;
font-size: 1em;
text-align: left;
}
.zar th {
border-bottom: 1px solid #0147a3;
background-color: #c5d6e8;
padding: 2px;
}
.zar td {
border-bottom: 1px solid #0147a3;
padding: 2px;
vertical-align: top;
}
.zar .proj1 {
text-align: left;
font-weight: bold;
background-color: #d8ecfa;
}

/*   gallery   */
dl.gallery
{		
border: 1px solid #add8e6;
background-color: #eaf7f9;
width: 170px;
text-align: center;
padding: 3px;
float: left;
margin-left: 1em;
margin-bottom: 2em;
}

.gallery dt 
{ 
font-weight: bold; 
}

.gallery dt a 
{ 
border: none;
}

.gallery dt a:hover 
{ 
_border: 2px solid Red;
}

.gallery dt img
{
width: 150px;
height: 150px;
padding: 0;
border: 2px solid #E1E4D8;
_border: 0px;
}

.gallery dt img:hover 
{ 
border: 2px solid Red;
}

.gallery dd
{
margin: 0;
padding: 0;
font-size: .9em;
}
.naj {
display:none;
}

table.live  {
margin-top: 5px;
margin-bottom: 15px;
_margin-left: 0px;
clear: left;
width: 100%;
padding: 0;
empty-cells: show;
border-collapse: collapse;
text-align: left;
float: left;
}
table.live td {
border-bottom: 1px solid #bbbbbb;
}
table.live th {
border-bottom: 2px solid #6495ed;
border-top: 1px solid #6495ed;
background: White;
}
table.live .t2 {
 color: yellow;
 font-weight: bold;
}

.live .dat  {
text-align: right;
color: #6495ed;
padding-right: 10px;
}

.live .mesto  {
width: 130px;
}

.live tr:hover  {
background: #2d2d2d;
}

.live td  {
padding-top: 4px;
padding-bottom: 4px;
}

.odohrane td {
color: Silver;
background-color: #DCDCDC;
}

.odohrane .skrt {
text-decoration: line-through;
color: #696969;
}