body {
color: #FFF;
background: #000 url('img/background.jpg') no-repeat fixed;
background-position: 60% -180px;
font-family: "Arial", serif;
}

#container {
width: 1005px;
position: absolute;
left: 50%;
margin-left: -500px;
}

#main {
width: 975px;
/*border: 1px solid white;*/
margin-top: 5%;
margin-left: 33px;
position: relative;
}

#lng {
position: absolute;
top: 0;
right: 150px;
}

#lng img {
vertical-align: middle;
}

#note {
height: 95px;
width: 330px;
float: left;
position: relative;
top: 70px;
&left: 35px;
}

#titulek {
position: fixed;
font-size: 1.5em;
font-weight: bold;
}

p {
text-align: justify;
}

h1 {
margin: 0;
font-size: 2em;
}

h2 {
font-size: 1.3em;
}

h3 {
font-size: 1.1em;
}

h1.head {
padding: 0;
background: url('img/logo.png') no-repeat top right;
/*width: 975px;*/
height: 95px;
margin-left: 330px;
position: relative;
}

h1.text {
padding-top: 20px;
margin-bottom: 20px;
text-align: center;
/*border-bottom: 1px solid #FFF;*/
}

.hidden {
display: none;
}

#lomitka-v {
position: fixed;
width: 23px;
float: left;
height: 1600px;
background: url('img/vertical.png') no-repeat 0 -200px;
}

#lomitka-h {
clear: both;
width: 1728px;
height: 47px;
margin-left: -600px;
background: url('img/horizontal.png') no-repeat;
}
/*
#spodek {
margin-top: 47px;
}
*/
#obtekany {
float: left;
position: fixed;
&margin-left: -330px;
}

#menu {
padding: 0;
margin: 0;
list-style-type: none;
width: 320px;
height: 55px;
/*padding-bottom: 10px;*/
}

#menu li {
width: 45px;
height: 45px;
/*background-image: url('img/bila-alfa.png');*/
float: left;
margin-right: 10px;
}

#menu li span {
display: none;
}

#menu li a {
display: block;
width: 45px;
height: 45px;
background-position: -45px 0;
}

#menu li a:hover, #menu li a.selected {
background-position: 0 0;
}

#menu li.info a {
background-image: url('img/m_info.png');
}

#menu li.autor a {
background-image: url('img/m_autor.png');
}

#menu li.galerie a {
background-image: url('img/m_videa.png');
}

#menu li.fotografie a {
background-image: url('img/m_foto.png');
}

#menu li.kontakt a {
background-image: url('img/m_kontakt.png');
}

#menu li.odkazy a {
background-image: url('img/m_odkazy.png');
}

#menu li.kontakt{
margin-right: 0;
}

#levy {
width: 280px;
height: 280px;
padding: 20px;
background: url('img/bila-alfa.png');
clear: both;
}

#fotoFront {
position: absolute;
width: 280px;
height: 280px;
background-image: url('img/ctverec/foto1.jpg');
}

#fotoBack {
width: 280px;
height: 280px;
background-image: url('img/ctverec/foto2.jpg');
}

#pravy {
padding: 10px;
margin-left: 330px;
&margin-left: 365px; /* IE7 */
background: url('img/bila-alfa.png');
}

.perforace {
background-image: url('img/perforace.png');
background-repeat: repeat-y;
}

.perforace .perforace {
background-position: 100% 0;
padding: 0 50px 40px 50px;
}

.foto, .fotosmall {
width: 220px;
float: left;
margin: 10px 10px;
/*&float: none; /* IE7 */
/*&margin: 20px auto; /* IE7 */
}

.fotosmall {
width: 153px;
}

.foto div, .fotosmall div {
margin: 0 auto;
padding: 10px;
background: url('img/bila-alfa.png');
display: table;
}

a img {
border: 0;
vertical-align: middle;
}

.foto a img, .fotosmall a img {
vertical-align: top;
}

.foto a .fotosmall a {
border-bottom: 0 !important; 
}

.videa h2 {
font-size: 1em;
}

.videa p {
font-size: 0.8em;
}

.nahled {
padding-right: 20px;
width: 200px;
}

.nahled div {
padding: 10px;
width: 200px;
background: url('img/bila-alfa.png');
}

.nahled a img {
border: 0;
vertical-align: top;
}

.nahled a {
border-bottom: 0 !important;
}

.popis {
height: 162px;
padding-left: 30px;
background: url('img/stin.png') no-repeat;
}

.right {
text-align: right;
vertical-align: top;
padding: 10px;
}

#pravy a, #lng a {
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #aaf;
color: #aaf
}

#pravy a:hover, #lng a:hover {
border-bottom-color: #fff;
color: #fff;
background-color: #c33;
}

#lng a {
font-weight: normal;
margin-left: 5px;
padding: 3px;
border: 0;
}

.male {
font-size: 0.8em;
}

hr {
visibility: hidden;
clear: both;
}

input.input, textarea {
border: 1px solid white;
padding: 10px;
background: url('img/bila-alfa.png');
width: 300px;
color: #fff;
font-family: "Arial", serif;
font-weight: bold;
font-size: 15px;
}

textarea {
margin-bottom: 4px;
}

input.input:focus, textarea:focus {
border: 3px solid white;
}

textarea:focus {
margin-bottom: 0;
}

.hlaska {
margin: 20px;
padding: 10px;
text-align: center;
background: white;
color: red;
border: 1px solid red;
font-weight: bold;
}

form table span {
font-size: 0.6em;
} 

.reference {
width: 100%;
margin: 0 35px;
}

ul {
list-style-type: square;
}

.reflogo {
margin: 20px 10px;
vertical-align: middle;
}

.indexvideo {
margin: 0 auto;
}

.floatleft  {
float: left;
}

.floatright  {
float: right;
}

.cleaner {
clear: both;
}

.center {
text-align: center;
}

.textright {
text-align: right;
}

.fb {
padding: 20px;
}

.fb a, .fb a:hover {
border-bottom: 0 !important;
background-color: transparent !important;
}