/* CSS Document studentskeparty.cz */


html {
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #25262b;
  color: #ffffff;
  font-family: verdana;
  font-size: 80%;
  background-image: url(images/velkepozadi2.png);
  background-position: top left;
  background-repeat: repeat;
  
}

body {
  width: 1175px;
  margin: 0 auto 0 auto;
  padding: 0;
  top: -3px;   
  background-image: url(images/pozadi-body.png);
  background-position: top center;
  background-repeat: repeat-y;

}

h1#program {
  background-color: #242429;
  

}

a:hover {
  text-decoration: none;

}

#hlava {
  height: 245px;
  width: 1175px;
  z-index: 1;
  background-image: url(images/hlavoun.png);
  background-position: 70px 0px;
  background-repeat: no-repeat;


}

#hlava img#logo {
  top: -10px;
  left: 62px;
  position: relative;
  border: 0;
  text-decoration: none;

}

#hlava img#logo a {
    border: 0;
  text-decoration: none;

}

#menu {
  width: 1175px;
  height: 91px;
  position: relative;
  background-image: url(images/menu.png);
  background-position: top center;
  background-repeat: no-repeat;

}

#menu a {
  float: left;
  top: 10px;

}

a#onas {
  width: 92px;
  height: 43px;
  position: relative;
  left: 51px;
  display: block;
  background-image: url(images/onas.png);
  background-position: top left;
  background-repeat: no-repeat;

}

a#onas:hover {
  background-image: url(images/onas-hover.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

a#programakci {
  width: 190px;
  height: 43px;
  position: relative;
  left: 90px;
  display: block;
  background-image: url(images/programakci.png);
  background-position: top left;
  background-repeat: no-repeat;

}

a#programakci:hover {
  background-image: url(images/programakci-hover.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

a#napojovylistek {
  width: 218px;
  height: 43px;
  position: relative;
  left: 129px;
  display: block;
  background-image: url(images/napojovylistek.png);
  background-position: top left;
  background-repeat: no-repeat;

}

a#napojovylistek:hover {
  background-image: url(images/napojovylistek-hover.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

a#guestbook {
  width: 141px;
  height: 43px;
  position: relative;
  left: 167px;
  display: block;
  background-image: url(images/guestbook.png);
  background-position: top left;
  background-repeat: no-repeat;

}

a#guestbook:hover {
  background-image: url(images/guestbook-hover.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

a#galerie {
  width: 113px;
  height: 43px;
  position: relative;
  left: 200px;
  display: block;
  background-image: url(images/galerie.png);
  background-position: top left;
  background-repeat: no-repeat;

}

a#galerie:hover {
  background-image: url(images/galerie-hover.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

a#kontakt {
  width: 129px;
  height: 43px;
  position: relative;
  left: 240px;
  display: block;
  background-image: url(images/kontakt.png);
  background-position: top left;
  background-repeat: no-repeat;

}

a#kontakt:hover {
  background-image: url(images/kontakt-hover.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

#navigace {
  margin: 0;
  padding: 0;
  position: relative;
  top: -23px;
  height: 10px;
  
}

#navigace p {
  margin-left: 65px;

}

#navigace a {
  color: #ffffff;

}

#obsah {
  width: 1100px;
  left: 64px; 
  position: relative;
  
}

#prvnisloupec {
  width: 435px;
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
  margin-bottom: 20px;

}

#prvnisloupec p {
  width: 430px;

}

#prvnisloupec p#uletaku {
  margin-left: 20px;
    width: 410px;

}

#prvnisloupec h1 {
  font-size: 170%;
  width: 430px;

}

#prvnisloupec img#letak {
  float: left;
  width: 150px;
  height: 206px;
  border: 7px solid #7F7F7F;
  padding: 4px;
  margin-bottom: 20px;
  margin-right: 20px;

}

#prvnisloupec img#amerika {
  float: left;
  width: 200px;
  height: 150px;
  border: 7px solid #7F7F7F;
  padding: 4px;
  margin-bottom: 20px;
  margin-right: 20px;  

}

#prvnisloupec img#letak:hover {
  border: 7px solid #CFCFCF;
  
}  

#prvnisloupec img#amerika:hover {
  border: 7px solid #CFCFCF;
  
}  

#prvnisloupec ul#tombola {
    float: left;
    width: 400px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin: 0;

}

#prvnisloupec a {
  color: #ffffff;

}

#prvnisloupec p#utomboly {
  margin: 0;
  padding: 0;

}

#prvnisloupec ul#tombola li {
   list-style-type: square;
   margin-bottom: 5px;  
   width: 400px;   
   padding: 0;
   
}

#prvnisloupec ul#tombola li p{
   width: 400px;   
   
}


#prvnisloupec table td {
  padding-right: 110px;

}


#druhysloupec {
  width: 385px;
  float: left;
  margin-left: 20px;

}

#box1 {
  width: 385px;
  height: 208px;
  position: relative;
  margin-top: 10px;
  background-image: url(images/box1.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

#box2 {
  width: 385px;
  height: 208px;
  position: relative;
  margin-top: 25px;
  background-image: url(images/box2.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

.leva {
  float: left;
  width: 185px;

}

.prava {
  float: left;
  width: 185px;
  margin-left: 10px;

}

.leva p {
  width: 160px;
  color: #25262b;
  margin: 0;
  padding-top: 5px;
  padding-left: 12px;
  line-height: 28px;

}

.prava p {
  color: #25262b;
  margin: 0;
  font-weight: bold;
  margin-left: 26px;
  padding-top: 5px;
  line-height: 28px;

}

.prava p#upoutavka {
  margin-left: 13px;
  color: #d91940; 

}


#box1 table {
  color: #d9fc31;
  font-size: 110%;
  margin: 0;
  padding-top: 0px;
  margin-left: auto;
  margin-right: auto;
  background-color: #25262b;
  
}


#box1 a {
  font-weight: bold;
  color: #d91940;

}

.leva h3 {
  padding-top: 10px;
  padding-left: 35px;
  margin: 0;
  color: #d9fc31;

}

.prava h3 {
  padding-top: 10px;
  padding-left: 30px;
  margin: 0;
  color: #d9fc31;
  
}

#box1 a.posun {
  font-weight: normal;
  font-size: 90%;
  color: grey;

}

#box1 p.viceinfo a{
  margin-left: 5px;
  font-size: 85%;  
  color: #ffffff;
  font-weight: normal;

}

#box1 p.viceinfo {
  margin: 0;
  padding: 0;
  margin-top: 12px;

}

#box2 .leva p {
  line-height: 25px;

}

#box2 .prava p {
  padding-left: 5px;

}

#box2 .prava p#pridej {
  padding-left: 12px;
  padding-top: 25px;

}

#box2 .prava p#lidi {
  font-size: 250%;
  font-weight: bold;
  color: #d91940; 
  margin-left: 21px;
  margin-top: 20px;
  padding: 0;
  
}


#box2 p.viceinfo a{
  margin-left: 5px;
  font-size: 85%;  
  color: #ffffff;
  font-weight: normal;

}

#box2 p.viceinfo {
  margin: 0;
  padding: 0;
  margin-top: 18px;

}

#box2 p#ruzova {
  color: #d91940;
  font-weight: bold; 

}

#box2 p#vpravo1 {
  padding-left: 92px;
  

}

#box2 p#vpravo2 {
  padding-left: 80px;
  font-weight: bold;
  

}

#box2 p#vpravo3 {
  padding-left: 90px;
  font-size: 140%;
  color: #d91940;
  font-weight: bold; 

}


p#prvniradek {
  line-height: 20px;

}

#druhysloupec object#video {
  position: relative;
  margin-top: 20px;
  margin-left: 7px;

}

#druhysloupec #box2 p.viceinfo {
  margin: 0;
  padding: 0;
  margin-top: 8px;

}


#face {
  width: 385px;
  height: 270px;
  margin: 0;
  margin-top: 25px;
  margin-bottom: 25px;
  background-image: url(images/fejs.png);
  background-position: top left;
  background-repeat: no-repeat; 
}

#facebook {
  padding: 0;
  margin: 0;
  padding-top: 70px;

}



#tretisloupec {
  width: 191px;
  float: left;
  margin-left: 20px;

}

#banner-SA {
  position: absolute;
  top: 822px;
  left: 577px;
  

}

#bannery {
  width: 170px;
  height: 720px;
  margin-top: 10px;  
  position: relative;
  background-color: #ffffff;
  border: 7px solid #d9fc31;
  margin-bottom: 99px;
  
}

#bannery a img {
  border: 0;
  text-decoration: none;
  background-color: #ffffff;
  margin-left: 15px;
  margin-top: 20px;
  margin-bottom: 0px;

  

}

#bannery a img#CZC:hover {
  background-image: url(images/logo-CZC.png);
  background-position: top left;
  background-repeat: no-repeat;    

}



#bannery a img#VSL:hover {
  background-image: url(images/logo-VSliga.png);
  background-position: top left;
  background-repeat: no-repeat;    

}

#bannery a img#SA:hover {
  background-image: url(images/logo-SA.png);
  background-position: top left;
  background-repeat: no-repeat;    
  
}

#bannery a img#HOSTEL:hover {
  background-image: url(images/logo-hostely.png);
  background-position: top left;
  background-repeat: no-repeat;    
  
}

#bannery a img#PARTY:hover {
  background-image: url(images/logo-PARTY.png);
  background-position: top left;
  background-repeat: no-repeat;    

}

#bannery a img#SEXY:hover {
  background-image: url(images/logo-SEXY.png);
  background-position: top left;
  background-repeat: no-repeat;    

}

#bannery a img#MOJE {
  margin-left: 5px;

}

#bannery a img#MOJE:hover {
  background-image: url(images/logo-mojeparty.png);
  background-position: top left;
  background-repeat: no-repeat;    

}

#bannery a img#LAW:hover {
  background-image: url(images/logo-LAW.png);
  background-position: top left;
  background-repeat: no-repeat;    

}

#bannery a img#KUBIK:hover {
  background-image: url(images/logo-KUBIK.png);
  background-position: top left;
  background-repeat: no-repeat;    

}



h2 {
   margin:0; 
   padding:0;
   position: relative;
   width:435px; 
   height:57px;
   overflow:hidden;

}

h2 span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0;
  z-index: 1; 
  height: 57px;
  margin: 0; 
  padding: 0;

}

h2#uvod span{
  width: 435px;
  background-image: url(images/nadpis-uvod.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

h2#pridejseknam span{
  width: 385px;
  background-image: url(images/nadpis-pridejseknam.png);
  background-position: top left;
  background-repeat: no-repeat; 

}

h2#onas span{
  width: 435px;
  background-image: url(images/nadpis-onas.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

h2#programakci span{
  width: 435px;
  background-image: url(images/nadpis-programakci.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

h2#napojovylistek span{
  width: 435px;
  background-image: url(images/nadpis-napojovylistek.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

h2#guestlist span{
  width: 435px;
  background-image: url(images/nadpis-guestlist.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

h2#galerie span{
  width: 435px;
  background-image: url(images/nadpis-galerie.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

h2#kontakt span{
  width: 435px;
  background-image: url(images/nadpis-kontakt.png);
  background-position: top left;
  background-repeat: no-repeat;  

}

h2#pridejseknam span{
  width: 385px;
  background-image: url(images/nadpis-pridejseknam.png);
  background-position: top left;
  background-repeat: no-repeat; 

}

h2#partneri span{
  width: 191px;
  background-image: url(images/nadpis-partneri.png);
  background-position: top left;
  background-repeat: no-repeat; 

}

img#foto {
  border: 7px solid #d9fc31;
  margin-top: 10px;
  
}       

#paticka {
  clear: both;
  width: 1098px;
  height: 170px;
  margin: 0;
  position: relative;
  left: 38px;
  padding-top: 57px;
  background-image: url(images/paticka.png);
  background-position: top left;
  background-repeat: no-repeat;

}

#pata1 { 
  float: left;
  
}

#pata2 {
  float: left;
  margin-left: 38px;
  
}

#pata3 {
  float: left;
  margin-left: 44px;

}

img#mapa {
  border: 7px solid #25262b;
  position: relative;
  margin-left: 25px;
  margin-right: 10px;
  float: left;
  margin-top: 10px;
  
}

#paticka p {
  margin: 0;
  font-size: 85%;
  color: #dffa5b;
  margin-bottom: 7px;   

}

#paticka p#galerie {
  color: #25262b;

}


#pata2 p#vice1 {
  color: #ffffff;
  display: block;
  padding-bottom: 11px;
  border-bottom: 1px dotted #ffffff;

}

#pata2 p#vice2 {
  color: #ffffff;

}

#pata2 a {
  color: #ffffff;
  font-size: bold;

}

#pata3 p#vzkaz a {
  color: #ffffff;
  font-weight: bold;

}

#paticka p#pesky {
  font-size: 80%;
  color: #ffffff;
  margin-left: 25px;
  margin-top: 5px;

}

#paticka h4 {
  margin: 0;
  font-size: 120%;
  color: #25262b;
  
}

#paticka2 {
  clear: both;
  height: 30px;
  position: relative;
  margin: 0; 

}

#paticka2 p {
  margin-left: 63px;

}

#paticka2 a {
  color: #ffffff;

}

#fotogalerie img {
  border: 5px solid #7F7F7F;
  margin: 5px;

}

#fotogalerie img:hover {
  border: 5px solid #CFCFCF;

}