﻿body {font-family: Arial; font-size: 12px; margin: 0; padding: 0;}
a img {border: none; }

#main {margin: 0 auto; width: 651px; }
#content {float: left; margin-top: 35px; }   /*************** odsazeni odshora stranky***************/

#sh-top {float: left; width: 651px; height: 54px; background: transparent url(./sh-top.png) no-repeat; }
#sh-bottom {float: left; width: 651px; height: 72px; background: transparent url(./sh-bottom.png) no-repeat; }

#sh-left {float: left; width: 62px; height: 167px; background: transparent url(./sh-left.png) no-repeat; }
#sh-right {float: left; width: 61px; height: 167px; background: transparent url(./sh-right.png) no-repeat; }

#sh-top.d {background: transparent url(./d-sh-top.png) no-repeat; }
#sh-bottom.d {background: transparent url(./d-sh-bottom.png) no-repeat; }

#sh-left.d {background: transparent url(./d-sh-left.png) no-repeat; }
#sh-right.d {background: transparent url(./d-sh-right.png) no-repeat; }

#l-main {float: left; width: 528px; height: 167px; }

#l-main-ct {float: left; width: 528px; height: 5px; background: transparent url(./l-mct.png) no-repeat; }
#l-main-content {float: left; width: 526px; height: 157px; background: transparent url(./l-mbg.png) repeat-x; border-left: solid 1px #d2d2d2; border-right: solid 1px #d2d2d2;}
#l-main-cb {float: left; width: 528px; height: 5px; background: transparent url(./l-mcb.png) no-repeat; }

#l-main.d #l-main-ct {background: transparent url(./d-mct.png) no-repeat; }
#l-main.d #l-main-content {background: transparent url(./d-mbg.png) repeat-x;}
#l-main.d #l-main-cb {background: transparent url(./d-mcb.png) no-repeat; }

#l-left {float: left; width: 244px; padding-left: 27px; padding-top: 42px; height: 115px;}
#l-left span {float: left; margin-top: 5px; color: #267faa; }
#l-main.d #l-left span {color: #fff; font-size: 14px;}
#l-form {width: 251px; float: left; position: relative; }
#l-form .ct {float: left; width: 251px; height: 8px; background: transparent url(./l-sct.png) no-repeat;}
#l-form .cnt {float: left; width: 251px; height: 141px; background: transparent url(./l-bg.png) repeat-x;}
#l-form .cb {float: left; width: 251px; height: 8px; background: transparent url(./l-scb.png) no-repeat;}

#l-main.d #l-form .ct {background: transparent url(./d-sct.png) no-repeat;}
#l-main.d #l-form .cb {background: transparent url(./d-scb.png) no-repeat;}

#l-form table {width: 230px; border-spacing: 0; border-collapse: collapse; margin-left: 10px; color: #fff;}
#l-form table th {font-weight: normal; width: 65px; text-align: left;padding-top: 6px; }
#l-form table td {padding-top: 6px;}
input.txt, select {width: 162px; border: solid 1px #15538e; color: #434343; }
#forgot {float: right; color: #fff; margin-top: 4px; margin-right: 10px; font-size: 11px;}

#buttons {float: left; width: 100%; position: absolute; top: 114px; height: 35px; background-color: #fff;}

#buttons .l {float: left; width: 114px; border-left: solid 1px #d2d2d2; border-right: solid 1px #d2d2d2; height: 35px;}
#buttons .l a {float: left; margin-top: 16px; font-size: 14px; color: #257da9; text-decoration: none; width: 100%; text-align:center; }
#buttons .r {float: left; width: 134px; border-right: solid 1px #d2d2d2; height: 35px;}

#submit {border: none; float: left; font-size: 14px; color: #434343; background: transparent url(./lock.png) no-repeat right center; padding-right: 31px; padding-top: 8px; 
         margin-top: 7px; margin-left: 8px;}
         
#copy {float: left; width: 100%; color: #a7a7a7; margin-top: 7px;}
#copy .left {float: left; margin-left: 75px; }
#copy .right {float: right; margin-right: 75px; }


/* safari 3 hack (+chrome) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    table td, table th {padding-top: 2px !important; }
}

