/*WWW.KOTCE.COM*/


body {
	background-image: url("images/pozadi.gif");
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 10pt;
       }

#plotek {  background-image: url(images/pulplotek.png); width: 308px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/pulplotek.png'); _width:1px; _height:1px; 
 left: 496px; top: 331px; position: absolute; visibility: visible; }


#stranka { background-image: none; width: 100%; height: auto; padding: 0; text-align: center; clear: both; }

#hlavni{ background-image: none; text-align: left; position: relative; width:800px; height: 610px; clear: both; margin-right: auto; margin-left: auto; }

#podklad{ background-image: url(images/pozadisv.gif); position: absolute; top: 80px; width: 800px; height:500px; border-style: solid; border-color: #555; border-width: 0 5px; }	

#hlavicka{
	
	}

#pulplotek { height: 208px; width: 385px; left: 125px; top: 362px; position: absolute; z-index: 6; visibility: visible; }



#obsah { position: absolute; top: 80px; width: 756px; height:496px; padding: 0 20px; font-family: Vredana, Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; z-index: 2; margin: 0 5px; border: solid 2px #ff9900; } 

.kontakt { color: #06c; margin-left: 200px; font-family: Vredana, Arial, Tahoma, Helvetica, sans-serif; font-size: 20px; font-weight: bold; background-image: none; text-decoration: underline; margin-bottom: 15px; padding-top: 0; padding-right: 0; padding-bottom: 0; border-color: #ff9900; border-style: none; }
.kontakt_tex { color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: none; margin-top: 5px; margin-bottom: 5px; margin-left: 200px; padding-top: 0; padding-right: 0; padding-bottom: 0; border-style: none; border-color: #ff9900; }
#pata{ position: absolute; bottom: 0; width: 100%; font-family: Vredana, Arial, Tahoma, Helvetica, sans-serif; font-size: 10px; text-align: center; height: auto; }
.nadpis { color: #4169e1; font-size: 40px; font-family: Arial, Tahoma, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-align: right; margin: 30px 30px 5px; }
.nadpis2 { color: #4169e1; font-size: 20px; font-family: Arial, Tahoma, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-align: right; margin: 5px 30px; }
.podnadpis { color: #000; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; margin: 5px 30px; }
.hl_text { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; text-indent: 0; margin-right: 30px; margin-left: 30px; }
.perex { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; text-indent: 0; margin-right: 0; margin-left: 0; }
.perex_centr { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; text-indent: 0; margin-right: 20px; margin-left: 20px; }
.tab_dil { color: #000; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; text-indent: 0; margin-right: 10px; margin-left: 10px; }
#pocitadlo{
	position: absolute;
	top: 30px; left: 670px;
	width: 110px;
	text-align: right:
    font-family: Arial, Tahoma, Vredana, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;

	}

#dmenu{ position: relative; top: 60px; left: 250px; width: 550px; }


.menu{
	width: 100px;
	float: left; 
	}
#menu a.akt{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center; background-color: #ff9900; color: #0066cc; text-decoration: none; display: block; width: 100px; float: left; padding-top: 1px; padding-bottom: 3px; border-bottom: 1px solid #ff9900;border-top-color;border-left-color: #ff9900; border-left-style: none;: #0066;border-right-color: #ff9900; border-right-style: none;cc;border-top-style: none; }	

.menu a { font-size: 12px; color: #ff9900; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #06c; text-align: center; display: block; width: 100%; padding-top: 1px; padding-bottom: 3px; border-color: #5566cc #5566cc #ff9900; border-style: none; }
.menu a:hover{ font-size: 12px; font-weight: bold; color: #ff9900; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #0070e0; text-decoration: none; text-align: center; padding-top: 1px; padding-bottom: 3px; border-color: #5566cc #5566cc #ff9900; border-style: none none solid; display: block; }

#logo{
	position: absolute;
	width: 238px;
	}
	
#pes { background-image: url(images/pes.png); position: absolute; top: 153px; left: 7px; width: 522px; height: 425px;
	//*background-image: url("images/pes.gif");*//
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/pes.png'); _width:1px; _height:1px; 
	//*filter: 'alpha(opacity=30, enabled=1)';*//
	}
	
#ukazka { height: 290px; width: 300px; left: 444px; top: 200px; position: absolute; visibility: visible; }
		
	
p {margin: 0px;}

a { 
	text-decoration: none;
	color: white 
	}

a:hover { 
    color: #F90;
    text-decoration: none
        }
  
a.link1{ 
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold; 
    color: #FFCC99; text-decoration: none 
     }
a.link1:hover {    
    color: yellow; 
    text-decoration: underline;
     }


a.link2{ color: black; text-decoration: none }
a.link2:hover { color: white; text-decoration: none  }

a.link3{ color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none  }
a.link3:hover { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline   }

a.linkakt{ font-family: "Arial Narrow", Arial, sans-serif; font-size: 10pt; font-weight: bold; color: white; text-decoration: none 
     ; border: solid 1px silver; }
a.linkakt:hover { text-decoration: none; border: solid 1px #f90; }

h1 {
   font-family: Arial, Tahoma, Helvetica, sans-serif;
   font-weight: bolder;
   font-size: 16px;
   text-align: left;
   width: 200px;
   border-color: #E38A57;
   border-width: 0 0 1px 0;
   border-style: solid;
   }
              
#nadpis {
   font-family: Arial, Tahoma, Helvetica, sans-serif;
   font-weight: bolder;
   font-size: 12pt;
   margin: auto;
   border-bottom: 2px dotted #E38A57; 
      }


.player {
    margin: 10px;
    height: 50px;
    border-color: #E38A57;
    border-width: 1px;
    border-style: solid;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 8pt;
    text-align: left;
        } 

#skladba{
    margin: 10px;
    color: #e38a57; 
    background-color: white;
    font-weight: bolder;
    cursor: pointer;
    vertical-align: middle;
        }

#autori{
    margin: 2px;
    background-color: white;
    font-style: italic;
    font-size: 8pt;
    font-weight: normal;
        }

#pskladba{
    margin: 10px;
    color: #e38a57; 
    font-weight: bolder;
    cursor: pointer;
    vertical-align: middle;
        }

#pautori{
    margin: 2px;
    font-style: italic;
    font-size: 8pt;
        }
.kontejner { width: 100%; height: 100%; overflow: auto; }

.akce {
    position: absolute;
	top: 9px;
	left: 280px;
	font-size: 18px;
	font-weight: bold;
	color: red;
     }