* { margin:0;padding:0;border:0;}

html {
    background-color : #F6EDF1;
}

body {
    width : 922px;
    margin : 0 auto;
    text-align : center;
    background: #E8F5FE url(../images/bg.jpg) repeat-y;
}

a {
    text-decoration:none;
    cursor:pointer;
    cursor:hand;
}

#hd {
    width : 900px;
    height : 483px;
    margin : 0 auto;
    background : #E8F5FE url(../images/head.jpg) no-repeat 0 49px;
    position : relative;
}

#bd {
    width : 900px;
    margin : 0 auto;
    position : relative;
    text-align : left;
}

#svet {
    width : 900px;
    height : 49px;
    background-color : #2496EB;
}

#svet img {
    position : absolute;
    left : 201px;
    top : 8px;
}

#logo1 {
    position : absolute;
    top : 101px;
    left : 30px;
}

#logo2 {
    position : absolute;
    top : 405px;
    left : 35px;
}

#cart {
    position : absolute;
    top : 55px;
    left : 675px;
}

#cartp {
    background : url(../images/cart.jpg) no-repeat 0 14px;
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    line-height : 14px;
    text-align : left;
    position : absolute;
    top : 55px;
    left : 727px;
}

#dobryden {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    position : absolute;
    top : 187px;
    left : 32px;
}

#vstup {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #000;
    position : absolute;
    top : 225px;
    left : 32px;
}

#meno {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #000;
    position : absolute;
    top : 244px;
    left : 32px;
}

#heslo {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #000;
    position : absolute;
    top : 286px;
    left : 32px;
}

#vstupit {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #000;
    position : absolute;
    top : 329px;
    left : 32px;
}

#zabudliste {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #000;
    position : absolute;
    top : 329px;
    left : 104px;
}

#zaregistrovat {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #C0AAED;
    position : absolute;
    top : 358px;
    left : 32px;
}

#lang {
    position : absolute;
    top : 0;
    left : 656px;
    height : 41px;
}

#lang div {
    float : left;
    width : 46px;
    height : 41px;
    margin-left : 1px;
}

#lang a {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #464548;
	display : block;
    width:100%;
    height:100%;
	overflow:hidden;
    background : url(../images/lang.gif) no-repeat;
}

#lang span {
	display: block;
	padding-top : 18px;
}

#lang a.x {
    background-position : -46px 0;
    color : #C35B9A;
    font-weight : bold;
}

#lang a:hover {
    background-position : -46px 0;
    color : #C35B9A;
    font-weight : bold;
}

#lang div {
	overflow:hidden;
    background : url(../images/lang.gif) no-repeat;
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #464548;
    cursor : default;
}

#dmk {
    position : absolute;
    top : 352px;
    left : 686px;
    cursor : default;
}

#dmk span {
    padding : 0 5px;
    display : block;
    float : left;
}
#dmk a {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #2496EB;
    padding-top : 18px;
    line-height : 39px;
}

#dmk .a1 {background : url(../images/domov.gif) no-repeat top center;}
#dmk .a2 {background : url(../images/how.gif) no-repeat top center;}
#dmk .a3 {background : url(../images/kontakty.gif) no-repeat top center;}

#user {
    position : absolute;
    left : 32px;
    top : 262px;
}

#pass {
    position : absolute;
    left : 32px;
    top : 303px;
}

#user,#pass {
    width : 141px;
    height : 20px;
    border : 1px solid #000;    
    font : normal 12px "Trebuchet MS",Arial,Serif;
    padding : 2px 2px 0 2px;
}

#menu {
    background-color : #005DA3;
    width : 218px;
    padding-bottom : 10px;
}

#menu div {
    width : 200px;
    margin-left : 7px;
}

#menu a {
    display : block;
    width : 100%;
    height : 100%;
    background : url(../images/menu.gif) no-repeat 0 2px;
    vertical-align : middle;
}

#menu a:hover {
    background-position : 0 -106px;
}

#menu a:hover span {
    font-weight : bold;
}

#menu span {
    display : block;
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #7FC1F2;
    margin-left : 20px;
}

#menu div.noreg span {
    font-weight : normal;
    color : #0C74C2;
    cursor : default;
    background : url(../images/menu1.gif) no-repeat 0 2px;
    margin-left : 0;
    padding-left : 20px;
}

#counter {
    font : normal 10px "Trebuchet MS",Arial,Serif;
    color : #660099;
    text-align : right;
    padding-right : 10px;
}

#ref {
    width : 218px;
    margin-bottom :10px;
    padding-top : 10px;
}

#refph {
    padding : 10px 0 10px 8px;
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #A1D6FA;
}

.refp1, .refp2 {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #2496EB;
    width : 200px;
    padding-left : 8px;
}

.refp2 {
    font-weight : normal;
    padding-bottom :20px;
}

#foot {
    width : 900px;
    height : 24px;
    background-color : #2496EB;
    border-top : 4px solid #004682;
}

#fl {
    display : block;
    float : left;
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #E8F5FE;
    padding: 3px 0 0 22px;
}

#fr {
    display : block;
    float : right;
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #004682;
    padding: 3px 22px 0 0;
}

#foot img {
    vertical-align : middle;
    padding : 0 5px;
}

#mtable {
    margin : 0 0 20px 20px;
    width : 860px;
}

#tdl {
    border-left : 1px solid #004682;
    border-right : 1px solid #004682;
    border-bottom : 1px solid #004682;
    width : 218px;
}

#bodydiv {
    width : 620px;
    margin-left : 20px;
}

#ank {
    position : absolute;
    top : 0px;
    left : 690px;
    text-align : left;
    cursor : default;
    line-height : 12px;
}

#anketa {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #004682;
}

#spokojny {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #2496EB;
    margin-bottom : 22px;
    line-height : 12px;
}

.ano1 {
    font : normal 10px "Trebuchet MS",Arial,Serif;
    color : #004682;
    line-height : 10px;
}

.ano1 span {
    margin-left : 10px;
    line-height : 12px;
}

.ano2 {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #660099;
    line-height : 12px;
}

.news {
    position : absolute;
    top : 15px;
    left : 654px;
    width : 220px;
    height : 220px;
    border : 1px solid #004682;
    background-color : #D3E7F6;
}

#newsletter {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #004682;
    margin : 15px 0 10px 30px;
}

#newstxt {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #2496EB;
    margin : 0 20px 10px 30px;
    line-height : 14px;
}

#newsm {
    width : 141px;
    height : 20px;
    border : 1px solid #000;    
    font : normal 12px "Trebuchet MS",Arial,Serif;
    padding : 2px 2px 0 2px;
    margin-left : 30px;
}

#newssend {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    margin : 10px 0 0 30px;
}

#novinka {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #004682;
    margin : 50px 0 10px 30px;
}

.novinkatxt {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #2496EB;
    margin : 0 20px 0 30px;
    line-height : 14px;
}

#kosik {
    width : 615px;
    border : 0;
    font : normal 10px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    margin-top : 35px;
}

#kosik td {
    height : 35px;
}

#kosikb {
    height : 35px;
    border:0;
    margin : 30px auto 0 auto;
}

#kosikb span {
    margin-left : 50px;
    line-height : 35px;
}

#kosikb a {
    display:block;
    width:100%;
    height : 100%;
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
}

.kosikb1,.kosikb2 {
    text-align : left;
    width : 180px;
}

.kosikb1 {background : #F1E8FD url(../images/nok.gif) no-repeat 15px 5px;}
.kosikb2 {background : #F1E8FD url(../images/ok.gif) no-repeat 15px 5px;}

.kosikc {
    width : 60px;
}

.tr1 {
    border-top : 1px solid #E4D2FC;
    border-bottom : 1px solid #E4D2FC;
    text-align : center;
}

.tr2 {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    text-align : center;
}

.tr3 {
    border-top : 1px solid #E4D2FC;
    border-bottom : 1px solid #E4D2FC;
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    background-color : #D7EDFF;
}

#p,#u {
    background : url(../images/pu.gif) no-repeat;
    width : 24px;
    height : 25px;
    margin : 0 auto;
}

#u {
    background-position : -24px 0;
}

#p a, #u a {
    display : block;
    width : 100%;
    height : 100%;
}

.obj {
    width : 615px;
    height : 32px;
    background-color : #F1E8FD;
    border-bottom : 1px solid #E4D2FC;
    text-align : center;
}

.obj a {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    display : block;
    width : 100%;
    height : 100%;
    line-height : 32px;
}

#xform {
    border : 0;
    margin : 20px auto 0 auto;
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;

}

#xform tr {margin-bottom:50px;}

.xf1 {
    width : 130px;
    height : 25px;
    font-weight : normal;
}

.xf2 {
    width : 60px;
    height : 25px;
}

.inp {
    width : 126px;
    height : 23px;
    border : 1px solid #FECEFF;
    font : normal 12px "Trebuchet MS",Arial,Serif;
    padding : 2px 2px 0 2px;
    background: transparent url();
}

.objt1 {
    width : 612px;
    height : 25px;
    background-color : #F1E8FD;
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    margin : 10px auto;
}

.objt1 span {
    padding-left : 40px;
    line-height : 26px;
}

.rd1 {
    width : 200px;
    margin : 15px auto;
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
}

.rd1 span,.rd1 input {
    text-align : center;
    vertical-align : middle;
    padding-right : 12px;
}

.rd2 {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
}

.rd2 input {
    margin : 0 10px 0 28px;
    vertical-align : middle;
}

.ta1 {
    display : block;
    width : 340px;
    height : 70px;
    border : 1px solid #FECFFF;
    margin : 0 auto;
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
}

#sumar {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    width : 612px;
    margin : 0 auto;
}

.sm1,.smx1 {
    padding-left : 100px;
}

.sm2,.smx2 {
    text-align : right;
    padding-right : 150px;
}

.smx1, .smx2 {
    border-top : 1px solid #E4D2FC;
    border-bottom : 1px solid #E4D2FC;
    background-color : #D7EDFF;
    height : 32px;
    font-weight : bold;
}

#odoslat {
    width : 217px;
    height : 32px;
    background-color : #F1E8FD;
    border : 1px solid #FECEFF;
    margin : 7px auto;
    text-align : center;
}

#ochrana span {
    color : #660099;
    font : normal 12px "Trebuchet MS",Arial,Serif;
}

#ochrana {
    margin : 15px auto;
    text-align : center;
}


#odoslat a {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    display : block;
    width : 100%;
    height : 100%;
    line-height : 32px;
}

#zabudlnk {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    text-decoration : underline;
    margin-left : 30px;
}

#zabudli {
    width : 141px;
    height : 20px;
    border : 1px solid #000;    
    font : normal 12px "Trebuchet MS",Arial,Serif;
    padding : 2px 2px 0 2px;
}

.tt,.t1,.t2,.t3 {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    padding-left : 20px;
}

.tt {
    font-weight : bold;
}

.ta {
    font : normal 14px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    padding-left : 30px;
}

#dotaznik {
    font : normal 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    margin : 20px auto;
    width : 500px;
}

#dotaznik td.center {
    text-align : center;
}

#dotaznik td textarea {
    margin:5px 0 0 15px;
}

#dotaznik td.pad {
    padding-left : 15px;
}

.inb {
    float : left;
    width : 141px;
    height : 20px;
    border : 1px solid #000;    
    font : normal 12px "Trebuchet MS",Arial,Serif;
    padding : 2px 2px 0 2px;
}

.inbodo {
    float : left;
    width : 145px;
    height : 22px;
    background-color : #F1E8FD;
    border : 1px solid #FECEFF;
    text-align : center;
    margin-left : 30px;
}

.inbodo a {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    display : block;
    width : 100%;
    height : 100%;
    line-height : 22px;
}

#favorites {
    font : bold 12px "Trebuchet MS",Arial,Serif;
    color : #005DA3;
    position : absolute;
    top : 50px;
    left : 5px;
}