/* style.css */

html {
    margin:            0px auto 5px;
    padding:           0px;
    text-align:        left;
}
body {
    color:             #000;
    margin:            0px auto;
    padding:           0px;
    background:        url(../images/back.jpg) top repeat;
}

#footer-container {
    border-top:        1px solid #222;
    margin:            40px auto 0px;
}

#footer {
    color:             #bbb;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         12px;
    width:             935px;
    margin:            10px auto 0px;
}

#footer a {
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         12px;
    font-weight:       normal;
}

#logo {
    float:             left;
}

#main {
    color:             #eee;
    width:             980px;
    width:             947px;
    min-height:        100%;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         13px;
    margin:            0px auto -22px;
}

#header-container {
    border-bottom:     1px solid #222;
    height:            120px;
}

#header {
    color:             #fff;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         13px;
    width:             931px;
    margin:            0px auto 1px auto;
    padding:           0px;
}

.content {
    margin-top:        10px;
    width:             937px;
    padding:           10px 0px 0px 5px;
}

.content p {
    line-height:       18px;
    margin:            10px 0px;
}

.content-left {
    width:             305px;
    float:             left;
    padding:           10px 0px 0px 5px;
}

.content-right {
    width:             620px;
    float:             right;
    padding:           10px 5px 0px 0px;
}

.content-header {
    background:        url(../images/back-light.jpg);
    color:             #ddd;
    font-weight:       bold;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         16px;
    padding:           5px 5px;
    margin-bottom:     10px;
}

.content-menu {
    color:             #ccc;
    overflow:          hidden;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         16px;
    font-weight:       bold;
    list-style-type:   none;
    padding: 0px;
    margin: 0px;
}

.content-menu ul {
    margin: 0px;
    padding: 0px;
    width: 305px;
}

/* Polozka nabidky */
.content-menu li {
    position: relative;
    background: url(../images/back-light.jpg);
    margin-bottom: 1px;
}

.content-menu li a, .content-menu li a:visited {
    display: block;
    text-decoration:   none;
    padding:           4px 7px;
    border-left: 5px solid #222;
}

.content-menu li a:hover {
    color: #222;
    background:        #fe5f24;
    text-decoration:   none;
    border-left:     5px solid #8e3514;
}

.content-menu li.selected a {
    color: #222;
    background:        #fe5f24;
    border-left:     5px solid #8e3514;
}

.album {
   padding:            10px;
 /*  height:             200px; */
   width:              181px;
   line-height:        17px;
   margin-bottom:      5px;
   margin-right:       5px;
   overflow:           hidden;
}

.album img.border {
    border: 1px solid #fff;
}

.album:hover {
    background:         #ddd;
    background:        url(../images/back-light.jpg) top repeat;
}

.album-nahled {
   padding:            10px;
   width:              160px;
   overflow:           hidden;
}

.album-name {
   text-align:         center;
}

.album-popis {
    color:             #ddd;
}

.album-name-a {
   text-align:         center;
}

a, a:visited, a:active {
    color:             #a5bdcd;
    font-weight:       bold;
    text-decoration:   none;
}

a:hover {
    text-decoration:   underline;
}

h1 {
    color:             #333;
    background:        #fff;
    font-family:       Arial, Helvetica, sans-serif;
    font-size:         28px;
    font-weight:       normal;
    padding:           5px 25px;
    margin:            0px 0px 0px 0px;
}

h2 {
    color:             #000;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-weight:       bold;
    font-size:         14px;
    border-bottom:     1px solid #aaa;
    padding:           3px 0px;
    margin:            0px 0px 10px 0px;
}

img {
    border:            none;
    vertical-align:    bottom;
}

form {
    display:           inline;
}

.message {
    color:             #fe5f24;
    font-weight:       bold;
    padding-top:       10px;
}

.table {
    text-align:        left;
}
.table td, .table th {
    padding:           0px 10px 0px 0px;
}
.table tr {
    vertical-align:    middle;
}

.nowrap {
    white-space:       nowrap;
}

.clearer {
    clear:             both;
}

.hidden {
    display:           none;
}

.float-left {
    float:             left;
}
.float-right {
    float:             right;
}

.orange {
    color:             #fe5f24;
}

.menu {
}

/* Hlavni nabidka v horni casti stranky */
.menu a {
    text-align:        center;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         16px;
    font-weight:       bold;
    float:             right;
    color:             #ccc;
    background:        url(../images/back-light.jpg);
    padding:           50px 10px 5px 10px;
    margin-left:       10px;
    border-bottom:     8px solid #222;
}

.menu a:hover {
    color:             #222;
    background:        #fe5f24;
    text-decoration:   none;
    border-bottom:     8px solid #8e3514;
}

/* Vybrana polozka */
.menu a.menu-item-selected {
    color:             #222;
    background:        #fe5f24;
    text-decoration:   none;
    padding-top:       70px;
    border-bottom:     8px solid #8e3514;
}

.imgbig {
    width:             303px;
    border:            1px solid #222;
    float:             left;
    margin:            0px 5px;
}

/* Inputy */
input.text {
    width:             240px;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         13px;
    border:            1px solid #fff;
}
input.text-short {
    width:             120px;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         13px;
    border:            1px solid #fff;
}
input.text-shorter {
    width:             60px;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         13px;
    border:            1px solid #fff;
}
input.text-long {
    width:             350px;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         13px;
    border:            1px solid #fff;
}
input.text-longer {
    width:             700px;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         13px;
    border:            1px solid #fff;
}
input.text-calendar {
    width:             120px;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         13px;
    border:            1px solid #fff;
}
input.text-cal-long {
    width:             250px;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         13px;
    border:            1px solid #fff;
}

select {
    border:            1px solid #fff;
}
select.default {
    width:             250px;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         12px;
    border:            1px solid #fff;
}

textarea {
    width:             500px;
    height:            200px;
    border:            1px solid #fff;
}

textarea.kontakt {
    width:             500px;
    height:            100px;
    border:            1px solid #fff;
}

textarea.right {
    width:             620px;
    height:            300px;
    border:            1px solid #fff;
}

textarea.full {
    width:             935px;
    height:            300px;
    border:            1px solid #fff;
}