/* VSTUP */
div#vstup_text {position: relative; margin: 20px auto 30px auto; text-align: center; height:123px;}
span#vs-text {padding-right: 25px; font-size:12px;}
#vstup-plocha {position: relative; margin: auto; width:808px; background-image: url('images/obal_uvod.gif');}
#vrch-pruh {position:relative; width:792px; height:5px; background-color: white; font-size: 0px; margin: auto;}
#prostredek-pruh {position:absolute; left: 8px; top: 305px; width:792px; height:15px; background-image: url('images/pruh.gif');
  font-size: 0px}
#spodek-pruh {width:808px; height:8px; background-image: url('images/spodek_lajna.gif'); font-size: 0px;}
object#flash_over_object {position: absolute; left: 8px; top: 5px; width: 792px; height: 300px;}
#vstup-plocha a {height:81px; display:block; margin:0px auto 0px auto; position:absolute; top:33px}
#vstup-plocha a:hover {background-position:0px 81px;}
#vstup-plocha a span {display: none;}
#vstup-plocha a#vstup-stavebni-firma {background-image: url('./images/vstup_stavebni-firma.png'); width:211px; left:100px;}
#vstup-plocha a#vstup-pujcovna-naradi {background-image: url('./images/vstup_pujcovna-naradi.png'); width:252px; right:100px;}


body {margin: 0px 0px 20px 0px; padding: 0px; background-color: #364b6c; text-align: center; font-family: Arial;
  font-size: 13px; color: white; background-image: url('images/background.gif');}
table {font-size: 13px; line-height: 18px;}
#plocha a {border-bottom: 1px solid #ffe400; background-color: #526f90; color: #fff17f; text-decoration: none;}
#plocha a:hover {border-bottom-width: 2px;}
#plocha a:active {background-color: #849cba; color: white;}
form {margin: 0px; padding: 0px;}
h2 {margin: 0px 0px 10px 0px; color: #ffe400; font-size: 17px; border-bottom: 2px solid #53973c; padding-bottom: 3px;}
h3 {margin: 0px 0px 5px 0px; color: #ffe400; font-size: 13px;}
ul {margin: 0px 0px 15px 0px;}
p {margin: 10px 0px 10px 0px;}
li {list-style-type: square;}


/* LAYOUT VRCH */
#vrch {position: relative; margin: auto; height: 151px; width:808px; background-image: url('images/obal.gif');}
h1 {position: absolute; left: 8px; top: 0px; height: 151px; width: 282px; margin: 0px; background-color:#7791B3;}
h1 span {position: absolute; left:0px; top:0px; height: 151px; width: 282px; cursor: Pointer;}
span#stavebni {background-image: url('images/vrch_logo_stavebni-firma.jpg');}
span#pujcovna {background-image: url('images/vrch_logo_pujcovna-naradi.jpg');}
#vrch-prostredek {position:absolute; left:290px; top:0px; width:209px; height:135px; background-color:#7791B3;
  background-image: url('images/vrch_prostredek.jpg');}
#vrch-obrazky {position:absolute; left:499px; top:0px; width:301px; height:120px; background-color:#7791B3;
  background-image: url('images/vrch_obrazky.jpg');}
img#navstivte {border: 0px none; position: absolute; right: 20px; top: -30px;}
img#zelena-usporam {border: 0px none; position: absolute; right: 265px; top: -30px;}
img#vrch-img01 {position: absolute; right: 169px; top: 15px;}
img#vrch-img02 {position: absolute; right: 27px; top: 15px;}
img#vrch-hiltilogo {position:absolute; left:305px; top:55px; width:70px; height:15px;}

/* LAYOUT PLOCHA */
#plocha {position: relative; margin: auto; width:808px; background-image: url('images/obal.gif');}
td#menu {width: 160px; font-weight: bold; vertical-align: top; line-height: normal;}
menu {margin: 0px; padding: 20px 0px 10px 34px;}
menu li {list-style-image: url("images/odrazka.gif"); padding: 3px 0px 3px 0px;}
#plocha menu a {border-width: 0px; color: #ffe400; padding: 2px;}
#plocha menu a:hover {border-width: 0px; color: white; background-color: transparent;}
#plocha menu a:active {border-width: 0px; color: #53973c; background-color: transparent;}
td#obsah {vertical-align: top; padding: 34px 55px 0px 40px;}


/* LAYOUT SPODEK */
#spodek {position: relative; margin: auto; height: 168px; width:808px; background-image: url('images/obal.gif');
  font-size: 11px; font-weight: bold; line-height: 22px;}
#spodek a {border: 0px none; color: white; background-color: transparent; text-decoration: none;}
#spodek a:hover {color: #ffe400;}
#spodek a:active {color: #53973c;}
#spodek-obrazek { position:absolute; left:8px; top:0px; width:125px; height:73px;
  background-image: url('images/spodek_obrazek.jpg');}
#spodek-obrazek-no { position:absolute; left:8px; top:0px; width:125px; height:73px;
  background-image: url('images/spodek_obrazek_no.jpg');}
#spodek-text {position:absolute; left:429px; top:0px; width:371px; height:160px; background-color:#7791B3;
  background-image: url('images/spodek_text.jpg');}
#spodek-text div {position: absolute; bottom: 10px; right: 15px; text-align: right;}
a#adminkey {margin-right: 2px; padding: 2px; color: #99acc6;}
#spodek-menu {position:absolute; left:8px; top:73px; width:421px; height:87px; background-color:#7791B3;
  background-image: url('images/spodek_menu.jpg');}
#spodek-menu-no {position:absolute; left:8px; top:73px; width:421px; height:87px; background-color:#7791B3;
  background-image: url('images/spodek_menu_no.jpg');}
#spodek-menu span, #spodek-menu-no span {position: absolute; bottom: 8px; left: 15px;}
#spodek-lajna {position:absolute; left:0px; top:160px; width:808px; height:8px; background-image: url('images/spodek_lajna.gif');
  background-repeat: no-repeat;}
  

/* STRANKY */
img#img-katalog {position: absolute; right: 52px; top: 140px;}
img.certifikaty {float: left; width: 70px; height: 100px; border: 1px solid #ffe400; background-color: white; margin: 0px 20px 0px 0px}


/* KONTAKT */
div#formular {background-color: #526f90; text-align: center; padding: 8px 0px 12px 0px;}
input, textarea, select {border: 1px solid #ffffff; background-color: #94a9c3; font-size: 12px; font-family: Arial; color: black;}
input:hover, textarea:hover, select:hover {border-color: #ffe400;}
input.tlacitko {font-weight: bold; cursor: Pointer;}
input.tlacitko:hover {background-color: #fff17f;}

/* REFERENCE */
/*div.referencebox {background-color: #526f90; padding: 5px; margin: 0px 0px 12px 0px; border-top: 2px solid #53973c;}
div.referencebox:hover {background-color: #5b7b9f;}*/
div.referencefotky {background-color: #526f90; padding: 3px 5px 2px 5px; font-size: 0px}
div.referencefotky img {border: 1px solid #ffe400; background-color: white; width: 60px; height: 45px; margin: 2px 5px 3px 0px;}
#plocha div.referencefotky a {border: 0px none;}


/* NÁŘADÍ */
table.naradibox {background-color: #526f90; padding: 5px; margin: 0px 0px 12px 0px; border-top: 2px solid #53973c; width: 100%;}
table.naradibox:hover {background-color: #5b7b9f;}
table.naradibox img {border: 1px solid #ffe400; background-color: white; width: 100px; height: 75px;}
#plocha table.naradibox a {border: 0px none;}

table.hrebikybox {background-color: #526f90; padding: 0px; margin: 0px 0px 12px 0px; width: 100%;}
table.hrebikybox td {padding: 2px 5px 2px 5px;}
table.hrebikybox tr:hover {background-color: #5b7b9f;}
table.hrebikybox th {padding: 2px 5px 2px 5px; background-color: #53973c;}




/* AKCE BOX */
div.akce {margin:20px 11px 5px 15px; border: 2px solid #53973c; padding:4px; font-weight:normal; font-size:12px; background-color: #3f6393; text-align:center; line-height:1.5;}
div.akce span {display:block; color: #ffe400; font-size:15px; text-align:center; font-weight:bold; margin-bottom:5px;}