/*
#5a5758 - tmave seda
#951b20 - tmave cervena

#59d072 - zelena
#ec3f3f - cervena

obrazek v zahlavi musi mit velikost 270x235px
*/

body {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 13px;
background: #5a5758 url('http://www.semiamoda.cz/var/www/img/bg1b.png') repeat-x 0px 2px;
color: #5a5758;
margin: 0px;
padding: 0px;
text-align: center;
}

a {
color: #951b20;
text-decoration: underline;
}
a:hover {
color: #5a5758;
text-decoration: none;
}
a img {
border: none;
}

form {
margin: 0px;
padding: 0px;
}
input.classic {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
background-color: #ffffff;
border: 1px solid #5a5758;
width: 150px;
margin-left: 20px;
}

.docbgA {
margin: 0px auto;
position: relative;
width: 800px;
background: #ffffff;
}
.docbgB {
margin: 0px auto;
position: relative;
width: 800px;
min-height: 600px;
_height: 600px;
background: url('http://www.semiamoda.cz/var/www/img/bg3.png') no-repeat;
/*behavior: url('http://www.semiamoda.cz/var/static/iepngfix.htc');*/
text-align: left;
}
.headimg {
position: absolute;
top: -10px;
right: 0px;
width: 400px;
height: 300px;
background-color: #ffffff;
text-align: right;
}
.logo {
position: absolute;
top: 25px;
left: 50px;
}

.menu {
position: absolute;
top: 164px;
left: 25px;
}
.menu table {
border-collapse: separate;
}
.menu td {
padding-right: 10px;
font-size: 14px;
font-weight: bold;
}
.menu a {
color: #ffffff;
text-decoration: none;
}
.menu a:hover {
color: #ffffff;
}
.menu .active {
background-color: #951b20;
height: 8px;
font-size: 1px;
}

.main {
position: relative;
margin: 0px 35px;
padding: 230px 0px 20px 0px;
}

h1 {
margin: 0px 0px 10px 0px;
color: #951b20;
font-size: 20px;
}
h2 {
margin: 20px 0px 10px 0px;
font-size: 16px;
}
h2.not {
margin: 0px 0px 10px 0px;
}
h3 {
margin: 0px 0px 10px 0px;
font-size: 16px;
color: #951b20;
}
h3.w {
color: #ffffff;
}

hr {
height: 1px;
background-color: #951b20;
border: none;
margin-bottom: 10px;
}

td,
th {
font-size: 13px;
vertical-align: top;
}

.headline {
position: absolute; 
left: 0px;
top: 0px; 
width: 100%; 
height: 3px; 
background-color: #5a5758;
font-size: 1px;
}

.footer {
margin: 0px auto;
margin-top: 5px;
width: 800px;
}
.footer table,
table.w100 {
width: 100%;
border-collapse: collapse;
}
.footer td {
width: 50%;
text-align: center;
font-size: 10px;
color: #ffffff;
}
.footer a,
.footer a:hover {
color: #ffffff;
}

td.w50 {
width: 50%;
padding: 0px;
padding-bottom: 15px;
}

.cal {
position: relative;
background: url('http://www.semiamoda.cz/var/www/img/cal1.png') no-repeat top left;
min-height: 60px;
_height: 60px;
}
.cal .date {
position: absolute; 
top: 13px; 
left: 2px; 
width: 34px; 
text-align: center; 
font-size: 11px;
}
.cal .title {
margin-left: 60px; 
padding-top: 6px; 
color: #951b20;
}
.cal .text {
margin-left: 60px; 
}

.tips {
position: relative; 
width: 270px;
min-height: 40px;
_height: 40px;
padding: 10px 10px 10px 80px;
overflow: hidden;
}
.tips.bl {
float: left;
background: url('http://www.semiamoda.cz/var/www/img/boxbg2.png') no-repeat;
color: #951b20;
}
.tips.br {
float: right;
background: url('http://www.semiamoda.cz/var/www/img/boxbg1.png') no-repeat;
color: #5a5758;
}
.tips .num {
position: absolute;
color: #ffffff;
top: 10px;
left: 15px;
font-size: 36px;
font-weight: bold;
}
.tips .title {
font-size: 22px;
font-weight: bold;
}

.gallbox {
position: relative;
float: left;
background: url('http://www.semiamoda.cz/var/www/img/boxbg1.png') no-repeat bottom right;
width: 220px;
height: 130px;
padding: 0px 10px 0px 135px;
_padding: 10px 10px 0px 135px;
margin-bottom: 5px;
overflow: hidden;
cursor: pointer;
_cursor: hand;
}
.gallbox img {
position: absolute;
top: 5px;
left: 5px;
}
.gallbox .gtit {
font-size: 16px;
color: #951b20;
}
.gallbox .glink {
position: absolute;
width: 200px;
height: 22px;
line-height: 22px;
font-size: 12px;
text-align: right;
padding-right: 28px;
bottom: 10px;
right: 10px;
z-index: 1000;
}
.gallbox .glink img {
position: absolute;
top: auto;
left: auto;
bottom: 0px;
right: 0px;
}

table.calendar {
border-collapse: separate;
border-spacing: 2px;
border: 1px solid #951b20;
width: 100%;
}
table.calendar td,
table.calendar th {
text-align: center;
vertical-align: middle;
background-color: #dddddd;
}
table.calendar th {
font-weight: normal;
background-color: #5a5758;
color: #ffffff;
}
table.calendar th.navi {
background-color: #951b20;
cursor: pointer;
_cursor: hand;
}
table.calendar td.ok {
color: #59d072;
background-color: #59d072;
cursor: pointer;
_cursor: hand;
}
table.calendar td.ko {
color: #ec3f3f;
background-color: #ec3f3f;
cursor: pointer;
_cursor: hand;
}
table.calendar td.ok:hover,
table.calendar td.ko:hover {
background-color: #5a5758;
}
#ordersys {
position: relative;
}
#ordersys .orderwin {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
_height: 100px;
background-color: #ffffff;
overflow: hidden;
_overflow: visible;
opacity: 0.8;
}
#ordersys .orderwin .orderalert {
padding: 100px 170px 30px 170px;
_padding: 100px 100px 30px 100px;
}
#ordersys .orderwin .orderalert2 {
padding: 25px 170px 30px 170px;
_padding: 25px 100px 30px 100px;
}
#ordersys .orderwin .register {
position: absolute;
top: 25px;
left: 25px;
width: 370px;
}
#ordersys .orderwin .login {
position: absolute;
top: 20px;
right: 20px;
width: 270px;
padding: 5px;
background-color: #951b20;
color: #ffffff;
}

img.map {
width: 365px;
}

#loader {
text-align: center;
margin-top: 150px;
}

.fs16 {
font-size: 16px;
}
.fs30 {
font-size: 30px;
}

.align.left {
text-align: left;
}
.align.center {
text-align: center;
}
.align.right {
text-align: right;
}
.align.top {
vertical-align: top;
}
.align.middle {
vertical-align: middle;
}
.align.bottom {
vertical-align: bottom;
}
.bold {
font-weight: bold;
}
.mtx {
margin-top: 10px;
}
img.mliii {
margin-left: 3px;
}
img.mbiii {
_margin-bottom: 3px;
}
.clr {
clear: both;
}