body {margin: 0; padding: 0; text-align: center; background-color: #DEEFF4; font-family: Arial, sans-serif; color: #313438; font-size: 80%}
h1 {color: #4B5660; clear: both; margin: 0; padding: 50px 0 40px 0; font-weight: normal; font-size: 250%; display: inline-block}
h1 span {display: none}
h1 span.light {display: inline-block}
h1 span.christmas {display: block; color: #8F1129; font-size: 70%; background: url("./images/kitten.jpg") left 7px no-repeat; padding: 15px 200px 35px 140px}
h2, h3, .green {color: #4CB017; font-size: 170%}
h3 {font-size: 120%; margin-top: 20px}
ul {margin: 10px 0; padding-left: 10px; width: 400px}
li {list-style-type: none; background: url("./images/list.gif") left 6px no-repeat; padding: 5px 0 7px 25px}
li .green {font-size: 120%; position: relative; top: 0}
ul li ul {margin: 0; padding: 0}
ul li ul li {padding: 3px 0 3px 15px; background: url("./images/arrow_green.gif") left 9px no-repeat}
img, a img {border: none}
a {color: #5F6A74}
a:hover {text-decoration: none}
table {border-collapse: collapse; margin: 10px 0 10px 0; width: 580px; font-size: 100%}
th, td {border: 1px solid #BED7DE; padding: 10px; background-color: #EFF7FA; text-align: left}
th {color: #48AC16; border-top-width: 3px; background-color: #F9F9F9}
th.right, td.right {width: 35%; text-align: center}
label {display: block; margin: 0 0 2px 5px; font-size: 90%}
input, textarea {border: 1px solid #BED7DE; padding: 2px; width: 246px; margin: 0 0 10px 3px; font-size: 100%; color: #313438}
input {height: 21px; padding: 4px 2px 0 2px}
textarea {font-family: Arial, sans-serif}

#body {width: 1196px; margin: 29px auto 0 auto; background: url("./images/bg_head.png") center top no-repeat}

#head {width: 890px; margin: 0 auto; text-align: left; padding-top: 30px}
.logo {float: left; display: block; width: 198px; height: 28px; background: url("./images/bg_logo.png") center center no-repeat; margin: 5px 20px 0 0}
.logo span {display: none}
#menu {margin: 4px 0 0 0; float: left; padding: 0; width: auto}
#menu li {float: left; background: none; padding: 0 0 0 10px}
#menu a, #menu span {color: #717679; display: block; text-decoration: none; font-weight: bold; padding: 8px 13px}
#menu li.active span, #menu li a:hover {background-color: #ECEDEE; border-top: 1px solid #E2E3E3; padding-top: 7px}
#main-offer {float: left; position: relative; left: -7px; font-size: 110%}
/*VANOCNI AKCE:  #main-offer {float: left; position: relative; left: -7px; top: -20px; font-size: 110%; margin-bottom: -50px}*/
#main-offer div {width: 297px; float: left; padding: 0 20px 18px 0; display: inline}
#main-offer a {color: #7E878B}
#main-offer span {display: block; float: left; width: 63px; height: 66px; background: url("./images/ico_psd.png") center bottom no-repeat}
#main-offer span.price-offer {background-image: url("./images/ico_offer.gif")}
#main-offer span.coding {background-image: url("./images/ico_code.png")}
#main-offer span.finish {background-image: url("./images/ico_finish.png")}
#main-offer p {margin: 0 0 0 72px; font-weight: bold; color: #7E878B; position: relative; top: 17px}

#references {margin: 41px auto 0 auto; text-align: left; width: 950px; clear: both; padding: 0 0 15px 0; position: relative; left: 15px; display: inline-block}
#references h2 {margin: 18px 15px}
#references ul li div {float: left; padding: 7px; background: #FFFFFF url("./images/bg_references.gif") left bottom repeat-x; margin: 0 20px 20px 0; border-left: 1px solid #D3E3E8; border-right: 1px solid #D3E3E8}
#references ul li a {display: block; font-weight: bold; margin-bottom: 5px; height:140px; width: 276px; border:1px solid #FFFFFF}
#references ul li a:hover {border: 1px solid #BFCCD0}
#references ul li a img {width:276px; height:140px}
#references ul li a.name-web {margin: 0 0 3px 5px; width:auto; height:auto; border:none; margin: 0 0 3px 5px; display: inline}
#references div.fix {float: none; padding: 0; margin: 0; height: 0.001px; line-height: 0.001px; font-size: 0.0001px; background: none}
#carousel {width: 1040px; position: relative; left: -50px}
#carousel-in {width: 938px; float: left}
#carousel-in ul {margin: 0; padding: 0}
#carousel-in ul li {float: left; width: 294px; height: 178px; background: none; margin: 0 20px 0 0; padding: 0}
.car-left, .car-right {width: 42px; height: 42px; float: left; display: inline-block; background: url("./images/arrow_left.png") left top no-repeat}
.car-right {background-image: url("./images/arrow_right.png"); margin: 60px 0 0 0}
.car-left {margin: 60px 15px 0 0}

#main {margin: 0 auto; padding-bottom: 30px; text-align: left; width: 890px; background: url("./images/bg_main.gif") 604px top repeat-y; clear: both}
#main.subpage {margin-top: 43px; display: inline-block}
#main h2, #main p {margin: 0 0 9px 0; line-height: 1.5em}
#main strong.red {color: #FF0000}
#main .dictionary h2 {float: left; width: 150px; margin: 0; font-size: 140%}
#main .dictionary p {width: 380px; float: left; margin: 0}
#main .dictionary.bold div {margin: 15px 0}
#colleft {width: 580px; float: left; padding-top: 13px}
#colleft a {color: #4CAA17}
#colleft h3 {margin-bottom: 0}
#colright {margin-left: 630px; padding-top: 6px}
#colright h2 {margin: 0}
#colright h3 {margin-bottom: 10px}
#colright p {line-height: 1.3em; margin-bottom: 5px}
#colright p.smaller {font-size: 80%; color: #0C5D87}
#colright a {color: #0C5D87}
#colright .twitter div {border-bottom: 1px solid #D3DFE3; margin-bottom: 16px; padding-bottom: 11px}
#colright h2.tweetee, #colright h2.contact {color: #4B5660; background: url("./images/tweetee.gif") left 10px no-repeat; padding: 12px 0 10px 53px}
#colright h2.contact {background: none; padding-left: 0; padding-top: 8px}
#contacts {margin-bottom: 0; width: 240px}
#colright .vcard p.fn.n {margin-bottom: 0}
.mobile {background: url("./images/ico_mobile.gif") 1px 5px no-repeat}
.mail {background: url("./images/ico_mail.gif") left 7px no-repeat}
.icq {background: url("./images/ico_icq.gif") 1px 5px no-repeat}
.skype {background: url("./images/ico_skype.gif") 2px 5px no-repeat}
.jabber {background: url("./images/ico_jabber.gif") 4px 5px no-repeat}
.dictionary div {background-color: #EFF7FA; border: 1px solid #BED7DE; padding: 15px 20px; margin-top: 15px}
.dictionary div.fix {background: none; border: none; padding: 0; margin: 0}
.dictionary img {float: left; position: relative; top: -3px; left: -10px}
.dictionary.bold div {font-weight: bold; color: #0C5D87; padding: 10px; margin-top: 20px}
.line {width: 1196px; height: 3px; line-height: 3px; font-size: 3px; background: url("./images/bg_line.png") left top no-repeat; clear: both}
.dic, #colleft a.dic {color: #757B80; background: url("./images/ico_link-dictionary.gif") right center no-repeat; padding-right: 12px}
.ext, #colleft a.ext {background: url("./images/ico_link-external.gif") right center no-repeat; padding-right: 12px}

#footer {background: #FFFFFF url("./images/bg_footer.gif") left top repeat-x; padding: 45px 0; min-width: 1230px}
#footer-in {margin: 0 auto; width: 890px; text-align: left}
#footer .logo {background-image: url("./images/bg_logo-smaller.gif"); width: 152px; height: 22px}
#footer p {margin: 0 0 0 150px; font-size: 90%; position: relative; top: 8px; color: #797F86}
#footer p span {display: inline; float: right}
#footer p a {color: #797F86}
#footer p a span {display: none}

.fix {clear: both}
.arrow {background: url("./images/arrow_blue.gif") left center no-repeat; padding-left: 10px}
.green {font-size: 140%}
.italic {font-style: italic}
.submit {border: 1px solid #48AC16; background: url("./images/bg_submit.gif") left top repeat-x; width: 150px; height: 35px; font-weight: bold; color: #FFFFFF; padding: 0}
.nomargin-right {margin-right:0 !important}
.display-none {display: none}
.overline {border-top: 1px solid #D3DFE3; padding-top: 5px; color: #757B80; margin-top: 30px !important}
.notify {border: 1px solid #FF0000; padding: 10px; background-color: #F9F9F9}