* {
margin:0;
padding:0;
}


body {
margin: 0;
background: white;
 }
 
 #stranka
 {
width:930px;
margin: 0 auto;
padding: 0;
background: url(../images/pozadi.png) repeat-y top;
 }
 a         {text-decoration: none;font-weight: bold;color: #61B0FB;}
a:link    {color: #61B0FB;font-weight: bold;}
a:visited {color: #61B0FB;font-weight: bold;}
a:active  {color: #5F86C9;font-weight: bold;}
a:hover   {color: #5F86C9;font-weight: bold;}
 #hlavicka
 {
width:930px;
margin: 0 auto;
 }
 


 
  #hlavicka form
 {
margin: 0  0 0 550px;
padding: 5px 0 0 0;
 }
 
  #hlavicka form input
 {
 width: 202px;
 height: 15px;
 padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
 color: #6d6d6d;
 border: 1px solid #C3C3C3;
 }
 
   #hlavicka form input.hledat
 {
 width: 80px;
 height: 23px;
 padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
 color: #6d6d6d;
 border: 1px solid #C3C3C3;
 }
 
 

 #hlavicka h1 a,  #hlavicka h1 span
{
position: relative;
left: 45px;
top: 0px;
margin: 0;
padding: 0;
text-decoration: none;
color: #1532B7;
font-size: 13px;
width: 178px;
display: block;
height: 128px;
}

 #hlavicka h1 a {
	position: relative;
	text-align: center;
}

#hlavicka h1 span {
	position: absolute;
	top: 0;	
  	left: 0;
	cursor: pointer;
}

 #hlavicka h1 a span {
	 background : url(../images/logo.png);
}

 #hlavicka .banner
{
float: left;
margin: -85px 0 0 303px;
padding: 0;
text-decoration: none;
color: #1532B7;
font-size: 13px;
border: 0;
}


#menu {
background: url(../images/menu-pozadi.png);
height: 36px;
padding:0;
margin:20px 0 0 43px;
width: 844px;
clear: left;
}

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

#menu li {
margin: 0;
float: left;
}

#menu li.last {
margin: 0 0 0 485px;
float: left;
}

#menu li.last a {
text-align:center;
display:block;
margin: 0;
padding: 10px  15px 5px 15px;
text-decoration: none;
color:white;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-left: 1px solid #6AB0F8;
border-right:none;
}

#menu li a {
text-align:center;
display:block;
margin: 0;
padding: 10px  15px 5px 15px;
text-decoration: none;
color:white;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-right: 1px solid #6AB0F8;
}

#menu li a:hover, #menu li a.aktiv {
color: white;
text-decoration: underline;
}




 #nastaveni
 {
 clear: left;
float: left;
width: 844px;
 }
 
       #nastaveni form
 {
float: left;
width: 350px;
margin: 0 0 0 50px;
 }
 
        #nastaveni form p
 {
margin: 10px 0;
 }
 
        #nastaveni form label
 {
float: left;
width: 120px;
text-align: right;
font:bolder 12px Tahoma;
color: black;
padding: 4px 0 0 0;
 }
 
#nastaveni form input[type=text],#nastaveni form input[type=password]
{
width: 181px;
height: 18px;
border: 1px solid #BCC6D7;
margin: 0 0 0 10px;
}
          #nastaveni form textarea
 {
width: 181px;
height: 130px;
border: 1px solid #BCC6D7;
margin: 0 0 0 10px;
 }
 
           #nastaveni form select
 {
width: 181px;
border: 1px solid #BCC6D7;
margin: 0 0 0 10px;
 }
             
.newidth
 {
border: 1px solid #BCC6D7;
margin: 0 0 0 10px;
 }
 
          #nastaveni form input.nastavit
 {
width: 81px;
height: 18px;
border: 1px solid #BCC6D7;
font:bolder 12px Tahoma;
margin: 0 0 0 10px;
 }
 
        #nastaveni img
 {
float: left;
margin: 10px 0 0 20px;
 }
 
 



#main
 {
margin:20px 0 0 43px;
width: 844px;
clear: both;
 }
 
h2
 {
 clear: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #01B5FF;
margin: 10px 0 10px 16px;
 }
 
#profil
 {
 clear: left;
float: left;
width: 390px;
margin: 0 0 0 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
 }
 
 #profil .profil-levy
 {
width: 180px;
float: left
 }
 
  #profil .profil-levy img
 {
border: 1px solid black;
 }
 
  #profil .profil-pravy
 {
width: 180px;
float: left;
margin: 0 0 0 20px;
 }
 
   #profil .profil-pravy p
 {
margin: 0 0 20px 0;
 }
 
 
   #profil .uzivatel-kontakt
 {
width: 390px;
float: left;
clear: left;
margin: 10px 0 0 0px;
 }

    #profil .uzivatel-kontakt p
 {
float: left;
margin: 0 15px 0 0;
 }

     #profil .uzivatel-kontakt p a
 {
color: #5E5998;
text-decoration: none;
 }

 
     #profil .uzivatel-kontakt p a:hover
 {
color: #5E5998;
text-decoration: underline;
 }

 
  
   #informace
 {
width: 400px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #656580;
 }
    #informace p
 {
padding: 2px;
 }
 
  #informace .informace
 {
width: 300px;
float: left;
border: 1px solid #B8D8ED;
 }
 
   #informace .informace strong
 {
color: #9D1D21;
 }
 
   #informace .informace h3
 {
width: 294px;
height: 20px;
margin: 2px 0 0 2px;
font-family: Arial, Helvetica, sans-serif;
padding: 2px 0 0 2px;
font-size: 13px;
color: black;
background: url(../images/pozadi-zelena.png) repeat-x;
 }
 
  #informace .tlacitka
 {
width: 80px;
float: left;
margin: 0 0 0 10px;
 }
 
   #informace .tlacitka p
 {
width: 71px;
height: 17px;
text-align: center;
background: url(../images/tlacitko.png) no-repeat left;
color: white;
 }
 
    #informace .tlacitka p a,  #informace .tlacitka p a:hover
 {
color: white;
text-decoration: none;
 }
 
 
 
   #informace .poznamky
 {
width: 195px;
float: left;
clear: left;
margin: 10px 0 0 0;
border: 1px solid #B8D8ED;
 }
 

   #informace .poznamky h3
 {
width: 189px;
height: 20px;
margin: 2px 0 0 2px;
font-family: Arial, Helvetica, sans-serif;
padding: 2px 0 0 2px;
font-size: 13px;
color: black;
background: url(../images/pozadi-oranzova.png) repeat-x;
 }
 
    #informace .poznamky p
 {
 margin: 0 0 0 4px;
background: url(../images/poznamky.png) no-repeat left;
padding: 0 0 0 25px;
 }
 
     #informace .poznamky p a
 {
color: #5F77CC;
text-decoration: none;
 }
 
      #informace .poznamky p a:hover
 {
color: #5F77CC;
text-decoration: underline;
 }
 
 
   #informace .online-radia
 {
width: 300px;
float: left;
margin: 10px 0 0 0px;
border: 1px solid #B8D8ED;
 }
 

   #informace .online-radia h3
 {
width: 294px;
height: 20px;
margin: 2px 0 0 2px;
font-family: Arial, Helvetica, sans-serif;
padding: 2px 0 0 2px;
font-size: 13px;
color: black;
background: url(../images/pozadi-modra.png) repeat-x;
 }
 
    #informace  .online-radia ul
 {
margin: 0 0 5px 5px;
list-style: none;
 }
 
     #informace  .online-radia  a
 {
color: #EA8089;
text-decoration: none;
font-weight: bold;
 }
 
      #informace  .online-radia  a img
 {
border: none;
margin: 0 5px 0 0;
position: relative;
top: 2px;
 }
 
 
      #informace .online-radia  a:hover
 {
text-decoration: underline;
 }
 
 hr
  {
background: url(../images/linka.png);
border:0;
width: 837px;
height: 11px;
margin: 5px 0 0 3px;
clear: left;
float: left;
 }
  
      #fotogalerie
 {
clear:left;
float: left;
width: 844px;
margin: 0;
 }
 
       #fotogalerie h2
 {
margin: 0;
height: 80px;
background: url(../images/fotogalerie.png) no-repeat left;
padding: 42px 0 0 80px;
color: #545353;
 }
 
        #fotogalerie .fotky
 {
 width: 250px;
 float: left;
margin: 0 0 15px 21px;
 }
 
        #fotogalerie .fotky h3
 {
color: #FB4900;
 }
 
        #fotogalerie .fotky img
 {
float: left;
 }
 
        #fotogalerie .fotky p
 {
float: left;
width:110px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
margin: 20px 0 0 5px;
padding: 0 0 0 8px;
border-left: 3px solid #E8E8E8;
 }
 
         #fotogalerie .fotky p strong.cerveny
 {
color: #FB4900;
 }
 
 
       #nejnovejsi-pratele
 {
clear:left;
float: left;
width: 844px;
margin: 0;
 }
 
  #nejnovejsi-pratele h2
 {
margin: 0;
height: 80px;
background: url(../images/pratele-oblouk.png) no-repeat left;
padding: 42px 0 0 80px;
color: #545353;
 }
 
 
     #nejnovejsi-pratele .fotky
 {
 width: 140px;
 float: left;
margin: 0 0 15px 21px;
 }
 
 
     #nejnovejsi-pratele .fotky img
 {
float: left;
 }
 
     #nejnovejsi-pratele .fotky p
 {
float: left;
width:70px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #5F5897;
margin: 10px 0 0 10px;
 }
 
 
       #spodni-zaobleni
 {
float: left;
clear:left;
width:934px;
height: 41px;
background: url(../images/spodni-zaobleni.png) no-repeat left;
 }
 
 
      #paticka
 {
float: left;
clear:left;
width:874px;
margin: 0px;
padding: 28px 0 0 25px;
height: 48px;
background: url(../images/paticka.png) no-repeat left;
 }
 
       #paticka p
 {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #907790;
width: 420px;
 }
 
        #paticka p.pravy
 {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #907790;
width: 350px;
text-align: right;
 }
 
  
        #paticka p.pravy a
 {
color: #5F76C9;
text-decoration: none;
margin: 0 0 0 5px;
 }
 
         #paticka p.pravy a:hover
 {
color: #5F76C9;
text-decoration: underline;
 }