html {
	width: 100%;
	height: 100%;

	overflow: scroll;
	overflow-x: auto;
}

body {
	width: 100%;
	height: 100%;

	margin: 0px;
	padding: 0px;

	font-family: "Arial CE", "Arial", "Helvetica", sans-serif;
	font-size: 12px;

	text-align: center;

    background: url("../images/layout/bg-top-uvod.gif") center 52px no-repeat;
}

body.vetim { 
    background: #495562 url("../images/layout/bg-top-uvod.gif") center 52px no-repeat;
}

body.koupelny { 
    background: #b59b78 url("../images/layout/bg-top-koupelny.gif") center 52px no-repeat;
}

#page { 
    width: 922px;

    text-align: left;

    margin: 0 auto;
    margin-top: 0px;

    min-height: 100px;
}

.uvod #page { 
    background: url("../images/layout/top-uvod.jpg") 6px 16px no-repeat;
}

.vetim #page { 
    background: url("../images/layout/top-vetim.jpg") 6px 2px no-repeat;
}

.koupelny #page { 
    background: url("../images/layout/top-koupelny.jpg") 7px 0px no-repeat;
}

.vetim #top-wrapper, .koupelny #top-wrapper { 
    height: 322px;
}

.vetim #top-wrapper { 
    background: url("../images/layout/shade-vetim-left.gif") top left repeat-y;
}

.koupelny #top-wrapper { 
    background: url("../images/layout/shade-menu-koupelny-right.gif") top right repeat-y;
}

#top { 
    padding: 10px 10px;
}

#top #logo-vetim { 
    float: left;
}

#top #logo-koupelny { 
    float: right;
    text-align: right;
}

.uvod #logo-vetim { 
    width: 535px;
    height: 280px;
}

.uvod #logo-koupelny { 
    width: 358px;
    height: 280px;
}

.vetim #logo-vetim { 
    width: 535px;
    height: 310px;
}

.vetim #logo-koupelny { 
    width: 358px;
    height: 310px;
}

.koupelny #logo-vetim { 
    width: 358px;
    height: 310px;
}

.koupelny #logo-koupelny { 
    width: 538px;
    height: 310px;
}

.menu-vetim { 
    float: left;
    padding-left: 1px;
}

.menu-koupelny { 
    float: right;
}

.uvod .menu-vetim { 
    margin-top: 22px;
    margin-left: 6px;
}

.uvod .menu-koupelny { 
    margin-top: 2px;
}

#content { 
    min-height: 100px;

    background: white;
}

.uvod #content { 
    margin-top: 44px;

    float: left;
    width: 530px;
}

.vetim #content { 
    float: left;

    width: 733px;

    margin-left: 2px;

    background: white url("../images/layout/shade-vetim-right.gif") top right repeat-y;
}

.vetim #content-inner { 
    background: url("../images/layout/bg-content-vetim.gif") 504px top repeat-y;

    _border-top: 1px solid #3E4853;
}

.koupelny #content-inner { 
    background: url("../images/layout/bg-content-koupelny.gif") 214px top repeat-y;

    _border-top: 1px solid #917C60;
}

.koupelny #content { 
    float: left;

    width: 731px;

    margin-left: 2px;

    background: white url("../images/layout/shade-koupelny-left.gif") top left repeat-y;
}

#content #row-main { 
    float: left;

    width: 506px;
}

#content #row-side { 
    float: left;

    width: 214px;
}

.vetim #row-side { 
    text-align: right;
}

.vetim #row-side table { 
    float: right;

    text-align: left;
}

#row-side table .day { 
    padding-right: 2em;
}

.koupelny #content #row-main { 
    float: right;
}

.koupelny #content #row-side { 
    float: left;
}

#content .content { 
    padding: 10px;
}

#content .content-info { 
    padding-left: 20px;
}

.vetim #main { 
    background: url("../images/layout/shade-vetim-left.gif") 181px top repeat-y;
}

.koupelny #main { 
    background: url("../images/layout/shade-menu-koupelny-right.gif") 734px top repeat-y;
}

.vetim #bottom { 
    background: #495562 url("../images/layout/shade-vetim-bottom.gif") 0 0 no-repeat;

    height: 10px;
}

.koupelny #bottom { 
    clear: both;
    background: url("../images/layout/shade-koupelny-bottom.gif") 4px 0 no-repeat;

    height: 10px;
}

#foot { 
    clear: both;

    text-align: right;

    margin-top: 10px;
}

.uvod #foot { 
    float: right;

    width: 350px;

    border-top: 1px solid black;
}

.vetim #foot { 
    padding-right: 10px;
}

.koupelny #foot { 
    padding-right: 190px;
}