*{margin: 0px; padding: 0px}
body {background: url(../layout/background.jpg) repeat-y #000000; text-align: center; font-family: Arial, Helvetica, Verdana; font-size: 11px;}
img {display: block; border: 0px none;}
#obal {display: block; position: relative; width: 1120px; margin: 0 auto;}


#index_menu {display: block; position: relative; width: 364px; height: 20px; background-color: #000000; left: 16px; top: 238px; margin: 0 auto;}
.main_menu {display: block; position: relative; float: left; width: 420px; height: 20px; background-color: #000000; top: 10px; margin: 0 auto;}

.uvod {display: block; position: relative; float: left; width: 46px; height: 20px; background: url(../layout/buttons/uvod.jpg) no-repeat; margin: 0 auto; background-position: 0px -20px; cursor: pointer;}
.webdsgn {display: block; position: relative; float: left; width: 104px; height: 20px; background: url(../layout/buttons/webdsgn.jpg) no-repeat; margin: 0 auto; background-position: 0px -20px; cursor: pointer;}
.grafdsgn {display: block; position: relative; float: left; width: 160px; height: 20px; background: url(../layout/buttons/grafdsgn.jpg) no-repeat; margin: 0 auto; background-position: 0px -20px; cursor: pointer;}
.kontakt {display: block; position: relative; float: left; width: 80px; height: 20px; background: url(../layout/buttons/kontakt.jpg) no-repeat; margin: 0 auto; background-position: 0px -20px; cursor: pointer;}

.uvod a {display: block; position: relative; float: left; width: 46px; height: 20px; background: url(../layout/buttons/uvod.jpg) no-repeat; margin: 0 auto; background-position: 0px -20px; cursor: pointer;}
.webdsgn a {display: block; position: relative; float: left; width: 104px; height: 20px; background: url(../layout/buttons/webdsgn.jpg) no-repeat; margin: 0 auto; background-position: 0px -20px; cursor: pointer;}
.grafdsgn a {display: block; position: relative; float: left; width: 160px; height: 20px; background: url(../layout/buttons/grafdsgn.jpg) no-repeat; margin: 0 auto; background-position: 0px -20px; cursor: pointer;}
.kontakt a {display: block; position: relative; float: left; width: 80px; height: 20px; background: url(../layout/buttons/kontakt.jpg) no-repeat; margin: 0 auto; background-position: 0px -20px; cursor: pointer;}

.uvod a:hover {display: block; position: relative; float: left; width: 46px; height: 20px; background: url(../layout/buttons/uvod.jpg) no-repeat; margin: 0 auto; background-position: 0px 0px; cursor: pointer;}
.webdsgn a:hover {display: block; position: relative; float: left; width: 104px; height: 20px; background: url(../layout/buttons/webdsgn.jpg) no-repeat; margin: 0 auto; background-position: 0px 0px; cursor: pointer;}
.grafdsgn a:hover {display: block; position: relative; float: left; width: 160px; height: 20px; background: url(../layout/buttons/grafdsgn.jpg) no-repeat; margin: 0 auto; background-position: 0px 0px; cursor: pointer;}
.kontakt a:hover {display: block; position: relative; float: left; width: 80px; height: 20px; background: url(../layout/buttons/kontakt.jpg) no-repeat; margin: 0 auto; background-position: 0px 0px; cursor: pointer;}

.lomitko {display: block; position: relative; float: left; width: 10px; height: 20px; background: url(../layout/buttons/lomitko.jpg) no-repeat; margin: 0 auto;}

#head_image {display: block; position: relative; float: left; width: 1120px; height: 468px; background: url(../layout/head_image.jpg) no-repeat; margin: 0 auto;}
#webdsgn_page {display: block; position: relative; float: left; width: 1120px; padding-bottom: 200px; margin: 0 auto;}
#grafdsgn_page {display: block; position: relative; float: left; width: 1120px; padding-bottom: 200px; margin: 0 auto;}
#kontakt_page {display: block; position: relative; float: left; width: 1120px; margin: 0 auto;}

.head {display: block; position: relative; float: left; width: 1120px; height: 340px; border-bottom: solid 1px #64FF00; margin: 0 auto;}
.head p {display: block; position: relative; float: left; color: #FFFFFF; font-size: 11px; left: 5px; top: 40px; margin: 0 auto;}
.head h1 {display: block; position: relative; float: left; color: #FFFFFF; font-size: 11px; font-weight: normal; left: 5px; top: 40px; margin: 0 auto;}
.head h2 {display: block; position: relative; float: left; width: 1120px; color: #3C3C3C; text-align: left; font-size: 34px; font-weight: bold; letter-spacing: -4px; top: 198px; margin: 0 auto;}
.head img {display: block; position: relative; float: left; top: 40px; margin: 0 auto;}

.service_menu {display: block; position: relative; float: right; right: 8px; margin: 0 auto;}
.service_menu p {display: block; position: relative; float: left; color: #64FF00; font-size: 11px; left: 5px; margin: 0 auto;}
.service_menu a {color: #FFFFFF; text-decoration: none;}
.service_menu a:hover {color: #64FF00; text-decoration: underline;}

.portfolio_item {display: block; position: relative; float: left; width: 1120px; height: 350px; top: 22px; margin: 0 auto;}
.portfolio_item img {display: block; position: relative; float: left; width: 660px; height: 230px; border: solid 20px #242424; top: 20px; margin: 0 auto;}

.portfolio_item_popis {display: block; position: relative; float: left; width: 360px; height: 230px; top: 20px; left: 32px; margin: 0 auto;}
.portfolio_item_popis h2 {display: block; position: relative; float: left; color: #FFFFFF; text-align: left; font-size: 30px; font-weight: bold; letter-spacing: -2px; margin: 0 auto;}
.portfolio_item_popis h3 {display: block; position: relative; float: left; width: 350px; color: #64FF00; text-align: left; font-size: 14px; font-weight: normal; letter-spacing: -1px; margin: 0 auto;}
.portfolio_item_popis ul {display: block; position: relative; float: left; width: 350px; color: #FFFFFF; text-align: left; font-size: 12px; line-height: 18px; list-style-type: none; top: 20px; margin: 0 auto;}

.portfolio_item_navigace {display: block; position: relative; float: left; width: 350px; height: 20px; left: 32px; top: 4px; margin: 0 auto;}
.portfolio_item_navigace p {display: block; position: relative; float: left; color: #64FF00; font-size: 11px; left: 5px; margin: 0 auto;}
.portfolio_item_navigace a {color: #FFFFFF; text-decoration: none;}
.portfolio_item_navigace a:hover {color: #64FF00; text-decoration: underline;}
.portfolio_item_navigace ul {display: block; position: relative; float: left; color: #64FF00; text-align: left; font-size: 11px; line-height: 18px; list-style-type: none; top: 20px; margin: 0 auto;}

#kontakt_bckg {display: block; position: relative; float: left; width: 1120px; height: 600px; top: 20px; margin: 0 auto;}
#left_column {display: block; position: relative; float: left; width: 560px; height: 590px; margin: 0 auto;}
#left_column h2 {display: block; position: relative; float: left; width: 530px; color: #FFFFFF; text-align: left; font-size: 30px; font-weight: bold; letter-spacing: -2px; top: 30px; margin: 0 auto;}
#left_column h3 {display: block; position: relative; float: left; width: 530px; color: #64FF00; text-align: left; font-size: 14px; font-weight: normal; letter-spacing: -1px; top: 28px; margin: 0 auto;}

#right_column {display: block; position: relative; float: left; width: 560px; height: 590px; margin: 0 auto;}
#right_column p {display: block; position: relative; float: left; width: 500px; color: #FFFFFF; text-align: left; font-size: 12px; margin: 0 auto;}
#right_column a {color: #FFFFFF; text-decoration: none;}
#right_column a:hover {color: #FFFFFF; background: #000000; text-decoration: none;}
#right_column h2 {display: block; position: relative; float: left; width: 500px; color: #FFFFFF; text-align: left; font-size: 30px; font-weight: bold; letter-spacing: -2px; left: 30px; top: 30px; margin: 0 auto;}
#right_column h3 {display: block; position: relative; float: left; width: 500px; color: #64FF00; text-align: left; font-size: 14px; font-weight: normal; letter-spacing: -1px; left: 30px; top: 28px; margin: 0 auto;}
#right_column ul {display: block; position: relative; float: left; width: 260px; color: #FFFFFF; font-size: 12px; text-align: left; line-height: 20px; list-style-type: none; left: 30px; top: 60px; margin: 0 auto;}

.kontakt_item {display: block; position: relative; float: left; width: 560px; height: 120px; top: 60px; margin: 0 auto;}
.kontakt_item img {display: block; position: relative; float: left; width: 67px; height: 83px; border: solid 10px #242424; margin: 0 auto;}
.kontakt_item a {color: #FFFFFF; text-decoration: none;}
.kontakt_item a:hover {color: #000000; background: #64FF00; text-decoration: none;}
.kontakt_item ul {display: block; position: relative; float: left; color: #FFFFFF; text-align: left; font-size: 12px; line-height: 20px; list-style-type: none; left: 20px; top: 12px; margin: 0 auto;}

.input_tag {display: block; position: relative; float: left; width: 300px; height: 30px; border: solid 1px #242424; font-size: 14px; background-color: #FFFFFF; margin: 0 auto; font-family: Arial, Helvetica, Verdana; font-size: 11px; padding-top: 6px; padding-left: 6px;}

form {display: block; position: relative; float: left; color: #FFFFFF; text-align: left; font-size: 12px; line-height: 20px; left: 30px; top: 50px; margin: 0 auto;}
textarea {font-family: Arial, Helvetica, Verdana; font-size: 12px}

#odeslat_button {display: block; position: relative; float: left; width: 79px; height: 20px; background: url(../layout/buttons/odeslat.jpg) no-repeat; left: -300px; top: 145px; margin: 0 auto; background-position: 0px -20px; cursor: pointer;}
#odeslat_button input:hover {display: block; position: relative; float: left; width: 79px; height: 20px; background: url(../layout/buttons/odeslat.jpg) no-repeat; margin: 0 auto; background-position: 0px 0px; cursor: pointer;}

.odeslat {width: 79px; height: 20px;}
.odeslat:hover {display: block; position: relative; float: left; width: 79px; height: 20px; background: url(../layout/buttons/odeslat.jpg) no-repeat; margin: 0 auto; background-position: 0px 0px; cursor: pointer;}

#footer {display: block; position: relative; float: left; width: 100%; height: 310px; border-bottom: solid 25px #64FF00; background: url(../layout/footer_bckg.jpg) repeat-x; margin: 0 auto;}
#in_footer {display: block; position: relative; width: 1120px; height: 310px; margin: 0 auto;}
#in_footer p {display: block; position: relative; float: left; width: 1100px; color: #FFFFFF; text-align: left; font-size: 13px; left: 5px; top: 120px; margin: 0 auto;}
#in_footer a {color: #3C3C3C; text-decoration: underline;}
#in_footer a:hover {color: #64FF00; text-decoration: none;}
#in_footer img {display: block; position: relative; float: left; width: 221px; height: 123px; background-color: #64FF00; left: 20px; top: 40px; margin: 0 auto;}

#in_footer_logo a {display: block; position: relative; float: left; width: 221px; height: 123px; background: url(../layout/buttons/logo.jpg) no-repeat; top: 60px; background-position: 0px -123px; cursor: pointer; margin: 0 auto;}
#in_footer_logo a:hover {display: block; position: relative; float: left; width: 221px; height: 123px; background: url(../layout/buttons/logo.jpg) no-repeat; background-position: 0px 0px; cursor: pointer; margin: 0 auto;}