/* ............................menu .........................*/

.hid {visibility: hidden;}
a {text-decoration: none;}

 a:link {color:red;}
 a:visited {color:green;}
 a:hover {color:purple;} 
                       
div #t1 a {display: block;
           float: left;
           height: 27px;
           width: 99px;
           background: url('grafika/info.png');}         
div #t1 a:hover{background: url('grafika/infox.png');}

div #t2 a {display: block;
           float: left;
           height: 27px;
           width: 99px;
           background: url('grafika/party.png');}         
div #t2 a:hover{background: url('grafika/partyx.png');}

div #t3 a {display: block;
           float: left;
           height: 27px;
           width: 99px;
           background: url('grafika/svoz.png');}         
div #t3 a:hover{background: url('grafika/svozx.png');}

div #t4 a {display: block;
           float: left;
           height: 27px;
           width: 99px;
           background: url('grafika/galerie.png');}         
div #t4 a:hover{background: url('grafika/galeriex.png');}

div #t5 a {display: block;
           float: left;
           height: 27px;
           width: 99px;
           background: url('grafika/diskuze.png');}         
div #t5 a:hover{background: url('grafika/diskuzex.png');}


/* ..............................obsah........................... */
.barva	{color:orange;}
.barvax	{color:orange;
		 margin-left:150px;}
h1{display: none;}				 
h2{margin-top: 28px;
   margin-left: 10px;
   color: white;
   text-align: left;
   font-size: 13pt;}
h3{text-align: left;
   font-size: 11pt;
   margin-left: 16px;
   margin-top: 20px;}
h4{text-align: left;
   color: white;
   font-size: 12pt;
   margin-left: 16px;
   margin-top: 10px;
   margin-bottom: 10px;}
           
div #hadds{font-size: 13pt;
           text-align: right;
           margin-top: 28px;
           margin-right: 10px;
           margin-bottom: 20px;
           color: #CBCBCB;
           font-weight: bold;}
           
div #haktual{font-size: 13pt;
             text-align: right;
             margin-top: 17px;
             margin-right: 10px;
             margin-bottom: 10px;
             color: #CBCBCB;
             font-weight: bold;}
.infocara{margin-top: 20px;
          margin-bottom: 20px;} 
          
/* aktuality */
div .aktualita{width: 455px;
               background: URL(grafika/aktualita.jpg) no-repeat top;
               border-bottom:  2px dotted gray;
			   margin: 0 auto;
               font-size: 10pt;}
div .nadpisek{float:left;
              width: 385px;
              height: 57px;
              text-align:left;
              color:orange;
              font-size: 12pt;}       
div .datum{float: right;
           width: 70px;
           height: 57px;
	       text-align:left;
           font-style: italic;
           font-size: 10pt;}
div .datum p{margin-right: 20px;
             margin-top: 20px;}
p .text{clear: both;}    

/* partyclanky */    
div .party{width: 440px;
           background: URL(grafika/akt.png) repeat-x top;
           border:  3px solid #1F1A15;
           font-size: 10pt;
           min-height: 220px;
           _height: 220px;
           text-align:left;
           margin: 0 auto;}
div .party p:first-letter{margin-left: 10px;}
div .party p{margin-left: 10px;
             margin-right: 10px;}
.partycara{color: #1F1A15;
           background-color: #1F1A15;
           width: 420px;
           height: 2px;
           margin-top: 0px;
           margin-bottom: 20px;
           border-width: 0px;}
.partyimgwid{float: left;
             width: 125px;
             height: 90px;
             border: 2px solid orange;
             margin-left: 10px;
             margin-right: 10px;}
.partyimgheig{float: left;
              width: 90px;
              height: 125px;
              border: 2px solid orange;
              margin-left: 10px;
              margin-right: 10px;}

/* ruzne */
.modra		{color:blue;}
.cervena	{color:red;}
.oranzova	{color: orange;}
div.mid {text-align: center;}
img   {border: none;}

.oramovany{border: 2px solid silver;
		   margin: 5px;}
.tabulka {margin-left: -30px;
		  width:700px;
		  text-align:  left;
		  border: 2px solid red;}

div #obraz	{position: absolute;
         	 top: 60px;
         	 left: 0px;
         	 width: 652px;
         	 height: 788px;}

/* ............... reklama ............*
.cse-branding-bottom,
.cse-branding-right {
margin:0;
padding:0
}
.cse-branding-bottom,
.cse-branding-right {
zoom: 1;
}
.cse-branding-bottom:after,
.cse-branding-right:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.cse-branding-text { 
font: 10px Arial;
}
.cse-branding-form form {
margin-bottom: 0;
padding-bottom: 0;
}
/* Bottom-specific selectors */
.cse-branding-bottom .cse-branding-logo, 
.cse-branding-bottom .cse-branding-text {
display: block; 
float: left
}
.cse-branding-bottom .cse-branding-form {
margin-bottom: 3px;
}
.cse-branding-bottom .cse-branding-logo {
padding: 0
}
.cse-branding-bottom .cse-branding-text {
padding-top: 4px
}
.cse-branding-right .cse-branding-form {
float: left;
}
/* Right-specific selectors */
.cse-branding-right .cse-branding-logo, 
.cse-branding-right .cse-branding-text {
margin-left: 4px;
}
.cse-branding-right .cse-branding-form {
float: left;
margin-right: 4px;
}
.cse-branding-right .cse-branding-logo {
padding: 0
}
.cse-branding-right .cse-branding-text {
margin-top: -4px
}
