@charset "utf-8";
/* CSS Document */

body {
/*color: #777777;*/
color: #3E3E3E;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background: #ffffff;
}

hr {
clear: both;
float: none;
display: block;
visibility: hidden;
border: 0;
height: 0;
line-height: 0;
margin: 0;
padding: 0;}

img {
border: 0;}

a {
color: #ee7f00;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

#logo {
position: relative;
width: 940px;
margin: auto;
margin-bottom: 0;
text-align: left;
padding-top: 20px;
padding-bottom: 12px;
}

#logo .promotext {
color: #ee7f00;
position: absolute;
top: 27px;
right: 0px;}

#page {
width: 990px;
margin: auto;
padding: 0;
background: url('../imgs/page-bg.gif') top center no-repeat;
text-align: left;
margin-top: 0;
}

/* Header */

#header {
position: relative;
width: 940px;
padding: 0;
background: url('../imgs/header-bg.png') 0 80px no-repeat;
margin: 25px;
margin-top: 0;
}

#header img {
padding: 0;
margin: 20px;
margin-top: 25px;
}

#header img.czk {
position: absolute;
margin: 0;
padding: 0;
top: 63px;
left: 225px;
}

#header a.objednat {
position: absolute;
top: 170px;
left: 408px;
margin: 0;
padding: 0;}

#header a.objednat:hover{
background: url('../imgs/645_objednat_hover.png') 0 0 no-repeat;
}

#header a.objednat img {
margin: 0;
padding: 0;}

#header h1 {
position: absolute;
font-size: 15px;
color: #ffffff;
top: 100px;
left: 420px;
margin: 0;
padding: 0;
}

#header p {
position: absolute;
top: 125px;
left: 420px;
margin: 0;
padding: 0;
color: #ffffff;
}

/* Content */

#content {
position: relative;
top: -90px;
width: 980px;
margin: 10px;
padding: 0;
z-index: 99;
padding-bottom: 10px;
}

#content #text {
width: 640px;
float: left;
margin: 0;
margin-left: 5px;
padding: 0;}

#content .left {
display: block;
margin:5px;
padding: 0;
width: 310px;
float: left;
background: url('../imgs/left-bg.png') top center no-repeat;
}

#content .left ul, #content .left ul li {
list-style: none;
margin: 0;
padding: 0;
font-size: 11px;
}

#content .left ul{
padding: 25px;
padding-top: 10px;
padding-bottom: 10px;
}

#content .left ul li {
line-height: 30px;
background: url('../imgs/ok.png') center left no-repeat;
padding-left: 20px;
}

#content .right {
display: block;
margin:5px;
margin-right: 20px;
padding: 0;
width: 310px;
float: right;
background: url('../imgs/left-bg.png') top center no-repeat;
}

#content .right ul, #content .right ul li {
list-style: none;
margin: 0;
padding: 0;
font-size: 11px;
position: relative;
}

#content .right ul {
padding: 25px;
padding-top: 10px;
padding-bottom: 10px;
}

#content h3 {
font-size: 11px;
margin: 0;
padding: 0;
}

#content .right ul li {
padding-top: 5px;
padding-bottom: 15px;}

#content .right ul li i {
display: block;
background: url('../imgs/ref-kat-bg.png') top left no-repeat;
padding: 6px;
font-style: normal;
color: #ffffff;
position: absolute;
top: 5px;
right: 0;
width:70px;
}

#content .right ul li i strong {
font-size: 15px;}

#content h2 {
color: #ee7f00;
font-size: 12px;
padding: 25px;
padding-bottom: 0;
margin: 0;}

#content h4 {
display: block;
color: #ee7f00;
font-size: 11px;
padding: 10px;
margin: 15px;
margin-top: 20px;
background: #f4f2e3;}

#content p {
padding: 25px;
padding-top: 8px;
margin: 0;
font-size: 11px;
padding-bottom: 8px;
}

#content .right .ref-kat-bottom {
display: block;
padding: 0;
width: 310px;
float: right;
background: url('../imgs/ref-kat-bg-bottom.gif') top center no-repeat;
height: 52px;
text-align: right;
}

#content .right .ref-kat-bottom a {
line-height: 44px;
font-size: 11px;
margin: 0;
margin-right: 25px;
padding: 0;
padding-left: 8px;
background: url('../imgs/ref-kat-sipka.gif') left center no-repeat;
}

#content .klient {
display: block;
width: 620px;
margin: 10px;
font-size: 11px;
background: url('../imgs/klient-top.gif') top left no-repeat #f4f2e3;
float: none;
margin-top: 0;
margin-bottom: 0;
}

#content .klient .nazor {
width: 270px;
margin: 20px;
margin-top: 10px;
margin-bottom: 0;
float: left;
}

#content .klient h2 {
padding: 20px;
padding-bottom: 0;}


#content .klient p {
padding: 0;
}

#content .klient i {
display: block;
position: relative;
top: 10px;
width: 270px;
margin: 0;
padding: 0;
text-align: right;
color: #825c26;
}
#content #klient-footer {
background: url('../imgs/klient-bottom.gif') bottom left no-repeat;
height: 32px;
margin: 10px;
margin-top: 0;
width: 620px;
}

/* Footer */

#page-bottom{
position: relative;
top: -90px;
width: 100%;
float: none;
background: url('../imgs/footer-bg.gif') top left repeat-x;
margin: 0;
padding: 0;
text-align: center;
}

#page-bottom #footer {
display: block;
width: 900px;
padding: 0;
padding-top: 20px;
margin: auto;
text-align: left;
font-size: 11px;
}

#page-bottom #footer p {
margin: 0;
display: block;
padding: 0;
text-align: right;
width: 450px;
float: right;
}

#page-bottom #footer p#links {
float: left;
text-align: left;
}

#menu {
position: absolute;
top: 29px;
right: 0;
}

#header #menu ul, #header #menu ul li {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
position: relative;
font-weight: bold;
display: block;
}

#header #menu ul li {
margin: 0;
padding: 0;
margin-left: 10px;
display: block;
float: left;
}

#header #menu ul li a {
padding: 0;
margin: 0;
padding-top: 7px;
height: 29px;
width: 96px;
display: block;
text-align: center;
background: none;
text-decoration: none;
}

#header #menu ul li a:hover {
padding: 0;
margin: 0;
padding-top: 7px;
height: 29px;
width: 96px;
display: block;
text-align: center;
background: url('../imgs/menu-bg.png') top left no-repeat;
color: #ffffff;
text-decoration: none;
}

#header #menu ul li a.active {
padding: 0;
margin: 0;
padding-top: 7px;
height: 29px;
width: 96px;
display: block;
text-align: center;
background: url('../imgs/menu-bg.png') top left no-repeat;
color: #ffffff;
text-decoration: none;
}

/* Formular kontakt */

#content .kontakt-form {
display: block;
margin:5px;
padding: 0;
width: 630px;
float: left;
background: url('../imgs/kontakt-bg.png') top center no-repeat;
}

#content .kontakt-form p {
float: none;
clear: both;}

input {
margin: 0;
display: block;
background: url('../imgs/input-bg.gif') top left no-repeat;
border: solid 1px #999999;
font-size: 11px;
padding: 4px;
width: 200px;
float: left;
margin-right: 10px;
}

textarea {
margin: 0 10px -6px 0;
display: block;
background: url('../imgs/input-bg.gif') top left no-repeat;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
border: solid 1px #999999;
font-size: 11px;
padding: 4px;
height: 100px;
width: 300px;
float: left;
line-height: 14px;
}


/* Reference */

#content #text-ref {
margin: 0;
margin-left: 5px;
margin-right: 5px;
padding: 0;}

#content .ref {
display: block;
margin: 5px;
padding: 0;
padding-top: 10px;
width: 310px;
float: left;
background: url('../imgs/left-bg.png') top center no-repeat;
}

#content .ref ul, #content .ref ul li {
list-style: none;
margin: 0;
padding: 0;
font-size: 11px;
position: relative;
}

#content .ref ul {
padding: 25px;
padding-top: 10px;
padding-bottom: 10px;
}

#content h3 {
font-size: 11px;
margin: 0;
padding: 0;
}

#content .ref ul li {
padding-top: 5px;
padding-bottom: 15px;}

#content .ref ul li i {
display: block;
background: url('../imgs/ref-kat-bg.png') top left no-repeat;
padding: 6px;
font-style: normal;
color: #ffffff;
position: absolute;
top: 5px;
right: 0;
width: 70px;
}

#content .ref ul li i strong {
font-size: 15px;}


form p {
line-height: 24px;
clear: both;}

.check-box {
border: 0;
margin: 0;
padding: 0;
margin-left: 130px;
width: auto;
height: auto;
background: 0;
margin-right: 5px;
margin-top: 5px;}

#partakers {
margin: 0;
padding: O;
}
.check-box1 {
border: 0;
margin: 0;
padding: 0;
margin-left: 5px;
width: auto;
height: auto;
background: 0;
margin-right: 5px;
margin-top: 5px;}

#partakers {
margin: 0;
padding: O;
}

label {
display: block;
float: left;
width: 120px;
text-align: right;
padding: 0;
margin: 0;
margin-right: 10px;
line-height: 14px;
padding-top: 5px;
}
.labely p
{
   height:  15px;
}
.ontextarea {
line-height: 14px;

}

#error , #ok{
display: block;
color: #ff0000;
font-size: 11px;
padding: 15px;
margin: 15px;
background: #f4f2e3;
font-weight: bold;}

#error li, #error ul, #ok li, #ok ul{
list-style: none;
margin: 0;
padding: 0;
}

#pocet-shrnuti {
line-height:0px
}

#ok{
color: #519709;
text-align:center;
}

#nazev_stranky_hidden, #popis_hidden, #keywords_hidden, #email_povrzujici_hidden, #pocet_webu_input, .h {
visibility: hidden;
margin: 0;
padding: 0;
width: 0;
height: 0;
border: 0;}

p.check-zdarma {
margin-top: 0;
padding-top: 0;
position: relative;
top: -16px;
margin-bottom: 0;
padding-bottom: 0;
height: 1px;
}

.send2 {
text-align: center;
width: 100px;
padding: 0;
margin: 0;
line-height: 29px;
margin-left: 130px;
background: url('../imgs/menu-bg.png') top left no-repeat;
border: none;
height: 29px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
cursor: Pointer;
}

.send3 {
text-align: center;
width: 100px;
padding: 0;
margin: 10px 0 0 0;
line-height: 29px;
margin-left: 130px;
background: url('../imgs/menu-bg.png') top left no-repeat;
border: none;
height: 29px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
cursor: Pointer;
}

#addbuttonlink {
text-align: center;
width: 100px;
padding: 0;
margin: 0;
line-height: 29px;
margin-left: 130px;
background: url('../imgs/menu-bg.png') top left no-repeat;
border: none;
height: 29px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
cursor: Pointer;
}

#check_kod {
position: relative;
top: -4px;
text-align: center;
width: 72px;
padding: 0;
margin: 0;
background: url('../imgs/button-bg.png') top left no-repeat;
border: none;
font-size: 12px;
font-weight: bold;
line-height: 29px;
color: #ee7f00;
height: 29px;
cursor: Pointer;
}

#cena, #pocet_webu{
font-size:18px;
line-height:22px;
}

.req{
color:#EE7F00;
margin-left:2.5px;
font-size:17px;
}
.red{background-color: #FF0000;}
.green {background-color: #00FF00;}

.acko{
color:#EE7F00;
}

table {
margin: 0;
padding: 0;
margin-left: 45px;
border: 0;
border-collapse: collapse;
width:540px;
}

table tr {
border-bottom: 1px solid #F4F2E3;
padding: 0;
margin: 10px;
}

th {text-align: left;
border: 0;
color: #ee7f00;
font-size: 11px;
background: #f4f2e3;
padding: 10px;
margin: 0;}

td {text-align: left;
font-size: 11px;
border: 0;
padding: 10px;
padding-bottom: 0;
margin: 0;}

.text-r {
text-align: right;
}

#cena_jednotliva1{font-size: 14px;color:black;font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;}
#cena_jednotliva{font-size: 14px;color:black;font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;}
#cena_jednotliva2{font-size: 14px;color:black;font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;}
#cena_jednotliva3{font-size: 14px;color:black;font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;}
#cena_jednotliva4{font-size: 14px;color:black;font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;}
#cena_jednotliva5{font-size: 14px;color:black;font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;}
#cena_jednotliva6{font-size: 14px;color:black;font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;}
#cena_jednotliva7{font-size: 14px;color:black;font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;}
#cena_jednotliva8{font-size: 14px;color:black;font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;}
#kc{font-size:14px; color:black;font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;}

#tip{
color:#EE7F00;
padding-left:130px;
}

#selectList_druh1{
margin-top:2px;
font-family:sans-serif;
}

#selectList1{
margin-top:2px;
font-family:sans-serif;
}
.display_none{display: none;}
.text_area_odsazeni{margin-bottom: 10px;}
.margin_zleva{margin-left: 20px;}
.kontakt-form i{color:gray;}