body {
  font-family: verdana, "Geneva CE", lucida, sans-serif;
  font-size: 100%;
  text-align: center;
  background: #1E7098 url("/media/images/pozadi.jpg") repeat-x;
  margin: 0;
  padding: 0;
}
div#www-centrumplastovychoken-cz {
  width: 1081px;
  font-size: 70%;
  text-align: left;
  color: #555;
  background: url("/media/images/obsah_pozadi.jpg") repeat-y;
  margin: auto;
}
div#container {
  position: relative;
  width: 1004px;
  margin-left: 39px;
}
p#leftBorder {
  position: absolute; left: -40px; top: 0;
  width: 40px;
  height: 770px;
  background-image: url("/media/images/levy_okraj.jpg")
}
p#rightBorder {
  position: absolute; left: 1004px; top: 0;
  width: 38px;
  height: 770px;
  background-image: url("/media/images/pravy_okraj.jpg");
}
p#leftBorder, p#rightBorder, div#logo p {
  margin: 0;
}
div#logo {
  width: 1004px;
  height: 180px;
  background-image: url("/media/images/logo_pozadi.jpg");
}
/* Left box */
  div#leftBox {
    float: left;
    width: 513px;
    background: #fff url("/media/images/hlavicka_leva.jpg") no-repeat;
    margin: 0;
    padding: 87px 0 0 52px;
  }
  div#leftBox p {
    margin-right: 45px;
  }
  div#leftBox ul li, div#leftBox ol li {
    text-align: justify;
    margin-right: 45px;
  }
  ul#menu {
    float: left;
    width: 565px;
    height: 92px;
    margin: 0 0 25px -52px;
    padding: 0;
    background-image: url("/media/images/menu_pozadi.jpg");
  }
  div#leftBox ul#menu li {
    float: left;
    display: inline;
    list-style-type: none;
    margin: 0;
  }
  h2.imageHeadline {
    padding: 5px 0 40px 75px;
    margin: 30px 0 0 0;
  }
  h2.number1 {
    background: url("/media/images/nadpis_cislo_1.jpg") no-repeat;
  }
  h2.number2 {
    background: url("/media/images/nadpis_cislo_2.jpg") no-repeat;
  }
  h2.number3 {
    background: url("/media/images/nadpis_cislo_3.jpg") no-repeat;
  }
  p#headlineLink {
    margin: -12px 0 15px 0;
  }
  p.imageHeadlineInfo {
    margin: -33px 40px 15px 75px;
  }
  div.articleBox {
    float: left;
    width: 442px;
    background: url("/media/images/nadpis_dlouhy_box_pozadi.jpg") repeat-y;
    margin: 7px 0 5px 0;
    padding: 0 15px 15px 15px;
    border-bottom: 1px solid #cde1ec;
  }
  div#leftBox div.articleBox p {
    margin: 0;
  }
  div.articleBox h2 {
    font-size: 120%;
    background-image: url("/media/images/nadpis_dlouhy_pozadi.jpg");
    margin: -2px -15px 5px -15px;
    padding: 12px 15px 6px 15px;
  }
  div#demandService {
    width: 472px;
    height: 165px;
    background: url("/media/images/versus.jpg") 212px bottom no-repeat;
    margin: 15px 0 -5px 0;
  }
  div#leftBox div#demandService p {
    margin: 0 0 15px 0;
  }
  div#virtualDemand {
    float: left;
    width: 201px;
  }
  div#classicDemand {
    float: right;
    width: 201px;
  }
  div#demandService h2 {
    position: relative;
    width: 201px;
    height: 100px;
    background: none;
    margin: 0;
    padding: 0;
  }
  div#demandService h2 a span {
    position: absolute; left: 0; top: 0;
    display: block;
    cursor: pointer;
    width: 201px;
    height: 100px;
  }
  div#virtualDemand h2 a span {
    background-image: url("/media/images/virtualni_poptavka_button.jpg");
  }
  div#classicDemand h2 a span {
    background-image: url("/media/images/klasicka_poptavka_button.jpg");
  }
  div#leftBox p#appletStart, div#leftBox p#appletActivate {
    margin: 25px 0 10px 40px;
  }
  div#appletBox {
    position: relative;
    margin: 35px 0 35px 30px;
  }
  div#regionList {
    background-color: #f7f7f7;
    padding: 15px;
    margin-top: 30px;
  }
  div.creditBox {
    width: 180px;
    float: left;
    margin: 20px 40px 0 0;
  }
  div.creditBox label {
    font-weight: bold;
    padding-left: 4px;
  }
  div.creditBox label span {
    display: inline;
  }
  span#startText {
    color: #3f98ba;
  }
  span#bronzeText {
    color: #cda32a;
  }
  span#silverText {
    color: #d4d4d2;
  }
  span#goldText {
    color: #f7d354;
  }
  div.creditBox span {
    display: block;
    margin-top: 3px;
    padding-left: 5px;
  }
  
  /* Company catalog */
  div#area {
    float: left;
    background-color: #f1f6fa;
    margin: 0 45px 20px 0;
  }
  div#leftBox p#areaMap {
    float: left;
    width: 210px;
    padding: 10px 15px 10px 10px;
    margin: 0;
  }
  div#areaRegions {
    float: left;
    width: 230px;
  }
  div#area h2 {
    background: none;
    padding: 0;
  }
  div#leftBox div#areaRegions p {
    text-align: left;
    margin-right: 15px;
  }
  div#areaRegions a {
    color: #333;
    padding-right: 8px;
  }
  div#areaRegions a:hover {
    color: #1866b1;
  }
  h3#currentRegion {
    font-size: 130%;
    color: #609ec5;
  }
  div.companyList {
    float: left;
    clear: both;
    width: 445px;
    background-color: #f1f6fa;
    padding: 10px;
    margin-bottom: 20px;
  }
  div#leftBox p.companyListLogo {
    float: left;
    width: 90px;
    margin: 0 10px 0 0;
  }
  div.companyListInfo {
    float: left;
    width: 300px;
  }
  div.companyListInfo h4 {
    font-size: 120%;
    color: #609ec5;
    margin: 0 0 8px 0;
  }
  div#leftBox div.companyListInfo p {
    margin: 5px 0 5px 0;
  }
  div.companyListInfo a {
    padding-right: 8px;
  }
  div.companyListInfo a:hover {
    color: #1866b1;
  }
  

/* Right box */
  div#rightBox {
    float: left;
    width: 436px;
    background-color: #fff;
  }
  div#rightBox p {
    margin-right: 35px;
  }
  div#infoBox {
    width: 436px;
    background: url("/media/images/hlavicka_prava.jpg") no-repeat;
  }
  div#infoBox h2#headline {
    color: #3887b0;
    background: none;
    margin: 0 0 0 80px;
    padding: 74px 0 0 0;
  }
  div#infoBox p.text {
    width: 248px;
    font-size: 120%;
    font-weight: bold;
    color: #3887b0;
    background: url("/media/images/informacni_box_pozadi.jpg") repeat-y;
    margin: 39px 90px 0 0;
    padding: 0 30px 30px 30px;
  }
  p#infoBoxFoot {
    width: 298px;
    height: 56px;
    background: url("/media/images/informacni_box_paticka.jpg") left bottom no-repeat;
    margin: 0;
  }
  p#infoBoxFoot a {
    position: relative;
    width: 118px;
    height: 18px;
    color: #fff;
    margin-left: 110px;
    padding: 2px;
    background-color: #3894bb;
  }
  p#infoBoxFoot a span {
    position: absolute;
    left: 0; top: 0;
    display: block;
    cursor: pointer;
    width: 118px;
    height: 18px;
    background: url("/media/images/vice_informaci_tlacitko.jpg") no-repeat;
  }
  div#rightBox p.moreInfoTxt {
    margin-top: -10px;
  }
  div#rightBox p.moreInfoTxt a {
    color: #1866b1;
  }
  div#rightBox p.moreInfoTxt a:hover {
    color: #9aaa54;
  }

/* Main box */  
  div#mainBox {
    float: left;
    width: 900px;
    background-color: #fff;
    padding: 0 50px 0 50px;
  }
  div#staticDemandBox {
    float: left;
    width: 368px;
    background: url("/media/images/nadpis_kratky_box_pozadi.jpg") repeat-y;
    margin: 10px 40px 0 0;
    padding: 0 15px 15px 15px;
    border-bottom: 2px solid #cde1ec;
  }
  div#staticDemandBox h3 {
    font-size: 120%;
    background-image: url("/media/images/nadpis_kratky_pozadi.jpg");
    margin: 0 -15px 5px -15px;
    padding: 12px 15px 6px 15px;
  }
  div#virtualDemandBanner {
    position: relative;
    float: left;
    width: 462px;
    height: 171px;
    margin-top: 9px;
  }
  div#virtualDemandBanner a span {
    position: absolute; left: 0; top: 0;
    display: block;
    cursor: pointer;
    width: 462px;
    height: 171px;
    background-image: url("/media/images/virtualni_poptavka_baner.jpg");
  }
  
/* Baner navigation*/
  div#banerNavigation {
    float: left;
    width: 997px;
    height: 165px;
    background: url("/media/images/banerova_navigace_pozadi.gif") repeat-x;
    margin: 20px 0 0 3px;
  }
  div#banerNavigation p {
    float: left;
    width: 104px;
    height: 136px;
    margin: 2px 0 0 0; 
    padding-left: 111px;
    background: url("/media/images/pan_hugo.jpg") right top no-repeat;
  }
  div#banerNavigation h3 {
    float: left;
    background: none;
    margin: 85px 0 0 30px;
  }
  div#banerNavigation h3#demand, div#banerNavigation h3#faq, div#banerNavigation h3#selectionProcedure {
    position: relative;
    width: 192px;
    height: 71px;
  }
  div#banerNavigation h3#demand span, div#banerNavigation h3#faq span, div#banerNavigation h3#selectionProcedure span {
    position: absolute; left: 0; top: 0;
    cursor: pointer;
    width: 192px;
    height: 71px;
  }  
  div#banerNavigation h3#demand span {
    background-image: url("/media/images/zadejte_poptavku_baner.jpg");
  }
  div#banerNavigation h3#faq span {
    background-image: url("/media/images/vase_dotazy_baner.jpg");
  }
  div#banerNavigation h3#selectionProcedure span {
    background-image: url("/media/images/vyberove_rizeni_baner.jpg");
  }
  
/* forms */
  table.formTable {
    float: left;
    width: 430px;
  }
  table.leftTable {
    margin: 20px 30px 10px 0;
  }
  table.rightTable {
    margin: 20px 0 10px 0;
  }
  table#requirementsTable {
    margin-top: 5px;
  }
  td.formProperty {
    width: 190px;
  }
  td.formValue {
    width: 270px;
  }
  input.formInput {
    width: 260px;
    border: 1px solid #237Fa4;
    background-color: #e6eff4;
  }
  input.formInputFile {
    width: 265px;
    border: 1px solid #237Fa4;
  }
  input.formInputSubmit {
    width: 413px;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #fff;
    background: #6CC700;
    padding: 5px 3px 3px 3px;
    border: 0;
  }
  input.formInputMiddleSubmit {
    width: 300px;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #fff;
    background: #6CC700;
    padding: 5px 3px 3px 3px;
    border: 0;
  }
  select.formSelect {
    width: 265px;
    border: 1px solid #237Fa4;
    background-color: #e6eff4;
  }
  textarea {
    width: 410px;
    height: 100px;
    border: 1px solid #237Fa4;
    background-color: #e6eff4;
  }
  table#windowReport {
    width: 880px;
    border: 1px solid #b2c2d1;
    border-collapse: collapse;
  }
  table#windowReport tr td {
    border: 1px solid #b2c2d1;
    border-collapse: collapse;
  }
  tr.oddRow {
    background-color: #E6EFF4;
  }

/* Foot box */  
  div#footBox {
    clear: both;
    width: 1004px;
    height: 83px;
    background-image: url("/media/images/paticka_pozadi.jpg");
  }
  ul#foot {
    width: 1004px;
    margin: 0;
    padding: 25px 0 0 0;
  }
  ul#externalLinks li, ul#foot li {
    display: inline;
    list-style-type: none;
    color: #fff;
    padding-left: 25px;
  }
  ul#externalLinks li.firstItem {
    padding-left: 40px;
  }
  ul#foot li.firstItem {
    padding-left: 50px;
  }
  ul#foot li#webdesign {
    padding-left: 130px;
  }
  ul#foot li a {
    color: #444;
    text-decoration: none;
  }
  ul#foot li a:hover {
    text-decoration: underline;
  }
  ul#externalLinks {
    margin: 24px 0 0 0;
    padding: 0;
  }
  ul#externalLinks li a {
    color: #85CC26;
    text-decoration: none;
  }
  ul#externalLinks li a:hover {
    color: #4498BC;
    text-decoration: underline;
  }

/* Useable whereever */
  hr.separator {
    clear: both;
    visibility: hidden;
    padding-top: 5px;
  }
  hr.grayLineSeparator {
    clear: both;
    width: 880px;
    height: 15px;
    color: #f7f7f7;;
    background: #f7f7f7;
    padding-top: 5px;
    border: none;
  }
  p.moreInfoTxt {
    text-align: right;
    font-style: italic;
    margin: 0;
  }
  p.moreInfoTxt a {
    color: #9aaa54;
    text-decoration: underline;
  }
  p.moreInfoTxt a:hover {
    color: #1866b1;
    text-decoration: none;
  }
  p.moreInfoImage {
    text-align: right;
    font-size: 11px;
    margin: 0;
  }
  p.moreInfoImage a {
    position: relative;
    width: 118px;
    height: 18px;
    color: #fff;
    background-color: #3894bb;
    margin-right: 35px;
    padding: 2px;
  }
  p.moreInfoImage a span {
    position: absolute; left: 0; top: 0;
    display: block;
    cursor: pointer;
    width: 118px;
    height: 18px;
    background: url("/media/images/vice_informaci_tlacitko.jpg") no-repeat;
  }
  p#infoMessage {
    width: 680px;
    height: 97px;
    text-align: right;
    font-weight: bold;
    font-size: 220%;
    color: green;
    background: url("/media/images/potvrzujici_obrazek.jpg") right top no-repeat;
    margin-top: 20px;
    padding: 10px 85px 0 0;
  }
  p#infoMessage span {
    font-size: 70%;
    color: #7a7a7a;
  }
  p#errorMessage {
    font-size: 130%;
    color: red;
  }
  
/* Default */
h2 a, h3 a, h4 a {
  color: #609ec5; 
  text-decoration: none;
}
h2 a:hover, h3 a:hover, h4 a:hover {
  color: #609ec5; 
  text-decoration: underline;
}
h1 {
  font-size: 170%;
  color: #216A91;
  margin: 0 0 15px 0;
}
h2 {
  font-size: 130%;
  color: #609ec5;
  background: url("/media/images/h2_h3_nadpis_bod.gif") 0 2px no-repeat;
  margin: 18px 0 10px -1px;
  padding-left: 20px;
}
p {
  line-height: 1.5em;
  text-align: justify;
  margin: 0 0 12px 0;
}
ul {
  margin: 15px 0 15px 40px;
  padding: 0;
}
ul li {
  line-height: 1.5em;
}
ul li, ol li {
  line-height: 1.5em;
}
a {
  color: #9aaa54;
  text-decoration: underline;
}
a:hover {
  color: #1866b1;
  text-decoration: none;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin: 5px 0 0 0;
}
table thead {
  text-align: center;
  font-weight: bold;
  color: #1a688F;
}
table tr td {
  padding: 5px;
}
img {
  border: 0;
  display: block;
}
form {
  margin: 0;
}