*, html, body {
    font-family: sans-serif;
    font-size: 12px;
    color: #58595b;
    line-height: 140%;
}

html, body {
    height: 100%;
    min-height: 100%;
    width: 100%;
}

/* Global tags */
a {
    font-weight: bold;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a.highlight {
    font-weight: bold;
    color: #ac438e;
    text-decoration: none;
}

a.highlight:hover {
    text-decoration: underline;
}

p {
    line-height: 140%;
    padding-bottom: 20px;
}

strong {
    font-weight: bold;
}

/* Page design */

#page {
    margin: 0 auto -90px;
    min-height: 100%;
    background-color: #d1d1d1;
}

#topbar {
    height: 36px;
    background-image: url("../image/topline_left.png"), url("../image/topline_right.png");
    background-repeat: no-repeat;
    background-position: left 0, right 0;
    background-size: 50% 4px, 50% 4px;
    background-color: #dedede;
}

#topbarcontent {
    height: 36px;
    background-image: url("../image/topline.png");
    background-repeat: no-repeat;
    background-position: center 0;
}

#topbarlink {
    width: 860px;
    height: 23px;
    margin: 0 auto;
    padding-top: 13px;
    text-align: right;
		padding-right: 15px;
}

#top {
    width: 100%;
    height: 416px;
    background-image: url("../image/menu_dots.png"), url("../image/menu_background.png");
    background-repeat: repeat-x, no-repeat;
    background-position: 0 bottom, calc(50% - 243px) 0;
    background-position: 0 bottom, -webkit-calc(50% - 253px) 0;
    background-color: #ffffff;
}

#tophead {
    position: relative;
    width: 860px;
    height: 104px;
    padding-top: 36px;
    margin: 0 auto;
}

#topmenu {
    width: 550px;
    margin: 0 auto;
}

.button {
    float: left;
    position: relative;
    width: 165px;
    height: 225px;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-box-shadow:  0px 5px 20px 0px #dedede;
    box-shadow:  0px 5px 20px 0px #a0a0a0;
    margin-right: 7px;
    display: table;
}

.button:nth-child(1) {
    background-image: url("../image/menu1.png");
}

.button:nth-child(2) {
    background-image: url("../image/menu2.png");
}

.button:nth-child(3) {
    background-image: url("../image/menu3.png");
}

.button:nth-child(4) {
    background-image: url("../image/menu5.png");
}

.button:nth-child(5) {
    background-image: url("../image/menu5.png");
}

.button > div {
    position: absolute;
    bottom: 0;
    width: 165px;
    height: 83px;
}

.button > div > table {
    width: 100%;
    height: 100%;
}

.button > div > table td {
    vertical-align: middle;
    font-size: 18px;
    color: #ffffff;
    line-height: 130%;
    font-weight: normal;
    text-align: center;
}

.button:hover > div > table td {
    text-decoration: underline;
}

.button.active > div > table td {
    text-decoration: underline;
}

#topheadmenu {
    position: absolute;
    right: 10px;
    top: 60px;
}

#topheadmenu a {
		font-size:120%;
		text-decoration: none;
}

#topheadmenu a:hover {
		text-decoration: underline;
}

#eshop {
		display: inline-block;
		text-align: center;
		width: 80px;
		height: 40px;
		background-color: #622a5c;
		line-height: 40px;
		color: #ffffff;
		border-radius: 8px;
		margin-left: 10px;
}

#content {
    width: 100%;
    _height: 220px;
    min-height: 220px;
    background: -webkit-linear-gradient(#ededed, #d1d1d1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ededed, #d1d1d1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ededed, #d1d1d1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ededed, #d1d1d1); /* Standard syntax */
}

#contentcontent {
    padding-top: 30px;
    width: 860px;
    margin: 0 auto;
    height: 100%;
}

.title {
    color: #ac438e;
    margin: 0 auto;
    padding: 0px 0px 20px 0px;
    font-size: 18px;
}

#footerpush {
    height: 90px;
}

#footer {
    background-image: url("../image/bottom_dots.png");
    background-repeat: repeat-x;
    background-position: 0 top;
    padding-top: 30px;
    height: 60px;
    text-align: center;
    color: #808285;
}

.float_left {
    float: left;
    width: 430px;
    margin-bottom: 40px;
}

.float_left:nth-child(2) {
    border-left: 1px solid #bbbbbb;
    padding-left: 30px;
    width: 390px;
}

.float_left table {
    width: 100%;
}

.float_left table th, .float_left table td {
    padding-bottom: 15px;
}

.float_left table th {
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    min-width: 100px;
}

.float_left:nth-child(2) table td {
    text-align: right;
}


.clear {
    clear: both;
}

input {
    width: 255px;
    height: 20px;
    border: 1px solid #bbbbbb;
    padding-left: 5px;
    padding-right: 5px;
}

textarea {
    width: 255px;
    height: 100px;
    border: 1px solid #bbbbbb;
    padding-left: 5px;
    padding-right: 5px;
    resize: vertical;
}

.send {
    text-align: right;
}

.send input {
    width: 123px;
    height: 30px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #ac438e;
    color: #ffffff;
}

.offer, .detail {
    background-image: url("../image/bottom_dots.png");
    background-repeat: repeat-x;
    background-position: 0 top;
    padding-top: 20px;
    padding-bottom: 20px;
}

.line {
    background-image: url("../image/bottom_dots.png");
    background-repeat: repeat-x;
    background-position: 0 top;
    height: 10px;
}

.detail {
    display: none;
}

.cont {
    width: 860px;
    margin: 0 auto;
}



.offer table {
    width: 100%;
}

.offer table tr:nth-child(1) td:nth-child(1) {
    padding-right: 36px;
    vertical-align: middle;
    text-align:left;
}

.offer table tr:nth-child(1) td:nth-child(2) {
    height: 40px;
    vertical-align: bottom;
}

.offer table tr:nth-child(1) td:nth-child(2) a {
    font-size: 16px;
    color: #ac438e;
    text-decoration: none;
}

.offer table tr:nth-child(1) td:nth-child(2) a:hover {
    text-decoration: underline;
}

.offer table tr:nth-child(2) td:nth-child(1) {
    padding-top: 5px;
}

.offer table tr:nth-child(3) td:nth-child(1) {
    height: 40px;
    vertical-align: bottom;
    padding-bottom: 20px;
}

.offer table tr:nth-child(3) td:nth-child(1) a {
    color: #ac438e;
    text-decoration: underline;
    font-weight: normal;
}

.offer table tr:nth-child(3) td:nth-child(1) a:hover {
    text-decoration: none;
}

.detail table {
    width: 100%;
}

.detail table tr td img {
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.detail table tr:nth-child(1) td:nth-child(1) {
    padding-right: 20px;
    padding-bottom: 20px;
    vertical-align: top;
}

.detail table tr:nth-child(1) td:nth-child(2) {
    height: 40px;
    vertical-align: bottom;
}

.detail table tr:nth-child(1) td:nth-child(2) a {
    font-size: 16px;
    color: #ac438e;
    text-decoration: none;
}

.detail table tr:nth-child(1) td:nth-child(2) a:hover {
    text-decoration: underline;
}

.detail table tr:nth-child(2) td:nth-child(1) {
    padding-top: 5px;
}

.detail table tr:nth-child(3) td:nth-child(1) {
    vertical-align: top;
    padding-bottom: 20px;
}

.detail table tr:nth-child(3) td:nth-child(2) {
    vertical-align: top;
}

.detail table tr:nth-child(4) td:nth-child(1) {
    vertical-align: top;
}

.detail table tr:nth-child(5) td:nth-child(1) {
    text-align: right;
    vertical-align: top;
    padding-top: 15px;
    padding-right: 20px;
}

.detail table tr:nth-child(5) td:nth-child(2) {
    vertical-align: top;
    padding-top: 15px;
}

.nadpis {
    color: #ac438e;
    font-size: 16pt;
}
