* {
    padding: 0;
    margin: 0;
} 

body {
background: #fff url(images/bg.jpg) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;;
}

a { color: #26478A; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
margin: 0 auto;
width: 800px;
}

#header { 
height: 60px;
background: #26478A url(images/header.jpg) no-repeat;
}
#header h1 {
font-size: 26px;
font-weight: 100;
letter-spacing: -3px;
padding: 12px 0 5px 10px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #eee;
text-decoration: none;
}
#header h2 {
color: #ccc;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}

#intro {
background: #fff url(images/intro.jpg) no-repeat;
height: 90px;
padding: 30px;
}

#content {
padding: 10px 20px;
}

#log_res {
	clear: both;
	padding: 10px 0 10px;
	width: 600px; }


.left {
width: 568px;
float: left;
text-align: justify;
}


.right {
width: 150px;
float: right;
padding: 10px;
border-left: 1px solid #bbb;
font-size: 12px;
}
.right ul {
list-style-type: square;
padding: 5px 10px 10px 20px;
}

.right a { text-decoration: none }

#footer {
border-top: 1px solid #aaa;
text-align: center;
color: #333;
font-size: 11px;
padding: 0 0 10px 0;
margin-top: 20px;
}

#shorturl {
	clear: both;
	padding: 18px 0 0 15px;
	width: 770px; }

#urls {
float: left;
width: 550px;
height: 35px;
margin: 0;
padding: 4px;
padding-left: 10px;
font-size: 30px;
border: 1px solid #264689;
line-height: 35px;
background: #ffffff;
}

#button {
float: left;
width: 140px;
height: 45px;
font-size: 21px;
background: #264689;
color: #ffffff;
border: 0;
}


.hlavicka1
{
float:left;
}
.hlavicka2
{
float:right;
}
.tableRanky
{
float:left;
margin-right:15px;
margin-top:15px;
width:200px;
}
.tableNadpis
{
background-color: #264689;
color: #fff;
}

img
{
border: 3px solid #264689;
width:120px;
height:90px;
}

#projekty
{
padding:3px;
border: 2px solid #264689;
}