html,body {padding:0px; margin:0px; font:normal normal 0.85em Arial, sans-serif;}
body {}
form {margin:0px;}
table {border:none; margin:auto;}
#obsah td {_font-size:12px; _color:#6E523B}
img {border:none; vertical-align:middle}
input {vertical-align:middle;}
a {text-decoration:underline; color:black;}
a:hover {text-decoration:none; color:#F40031;}

<?
include 'both.css';
?>

.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.tvetsi {font-size:120%;}
.tmensi {font-size:80%;}
.al {text-align:left}
.aj {text-align:justify}
.ac {text-align:center}
.ar {text-align:right}
.fl {float:left;}
.fr {float:right;}
.inv {display:none;}
.obrl {float:left; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both}
.vyrazny {color:#ffa200;}
.full {width:100%;}
#levy .full {_width:93%;}
.nic {font-size:1px;}
.w960 {width:960px; margin:auto;}

/*    pf_button    */
.pf_button-cerveny {height:37px; width:156px; color:#ffffff; font-weight:normal; background:url("imgs/cerveny-button.png") no-repeat top; text-transform: lowercase; font-size: 20px; border:none; text-align: center; font-family:Arial; padding-top:7px; display: block; text-decoration: none;}
.pf_button-cerveny:hover {color:white;}

.pf_button-navigace {height:37px; width:150px; color:#000000; font-weight:normal; background:url("imgs/pf_button-podstrankovy.png") no-repeat top; font-weight:bold; font-size: 12px; border:none; text-align: center; font-family:Arial; padding:17px 3px 0px 3px; display: block; text-decoration: none; line-height:1.2em;}
.pf_button-navigace:hover {color:black;}                                                                                                                                                                                                                                    

#zahlavi {background:url("imgs/horni-lista.jpg") repeat-x top;}
  #zahlavi .w960 {background:url("imgs/horni-lista-zahlavi.jpg"); height:151px; position: relative;}
  #zahlavi .info {float:left; margin-left:40px;}
  #zahlavi h1 {padding:20px 0px 10px 0px; margin:0px; width:700px;}
  #zahlavi div.kontakt {width:600px;}
  #zahlavi .logo {display: block; float:left; background:url("imgs/logo.png"); margin-top:15px;}
  #zahlavi .pf_button-cerveny {position: absolute; right:10px; top:10px;}
  
/*    instančně rozdílné v záhlaví    */
#zahlavi .logo {width:130px; height:125px;}
#zahlavi h1 {color:black; font: bold 35px Arial; width:620px;}
#zahlavi div.kontakt {font-size:14px; color:black;}
.obrazek-zahlavi {display: block;}
.obrazek-zahlavi-vysokozdvizne-voziky {width:389px; height:279px; background:url("imgs/obrazek-zahlavi.jpg"); position: absolute; right:0px; top:110px;}
.obrazek-zahlavi-automaticke-regaly {width:323px; height:450px; background:url("imgs/obrazek-zahlavi-automaticke-regaly.png"); position: absolute; right:0px; top:50px;}
.obrazek-zahlavi-smykove-nakladace {width:350px; height:235px; background:url("imgs/obrazek-zahlavi-smykove-nakladace.png"); position: absolute; right:0px; top:70px;}
.obrazek-zahlavi-montazni-plosiny {width:200px; height:395px; background:url("imgs/obrazek-zahlavi-montazni-plosiny.png"); position: absolute; right:0px; top:70px;}
.obrazek-zahlavi-stavebni-mechanizace {width:403px; height:274px; background:url("imgs/obrazek-zahlavi-pujcovna-stavebni-mechanizace.png"); position: absolute; right:0px; top:70px;}
.obrazek-zahlavi-diamantove-nastroje {width:320px; height:205px; background:url("imgs/obrazek-zahlavi-diamantove-nastroje.png"); position: absolute; right:0px; top:70px;}
.obrazek-zahlavi-aisle-master {width:410px; height:351px; background:url("imgs/obrazek-zahlavi-aisel-master.png"); position: absolute; right:0px; top:115px;}
  
/*    obsah    */
#obsah {}
  #obsah h1 {padding-left:0px !important;}
  #obsah .w960 {background:url("imgs/obsah-stin.png") no-repeat top; min-height:400px; height:auto !important; height:400px; }
  .nahore {width:960px; min-height:200px; height:auto !important; height:200px;}
  .galerie {background:url("imgs/galerie-separator.png") no-repeat bottom; padding-bottom:25px;}
  .obsah-box {background:url("imgs/obsah-box-y.png") repeat-y; width:960px; margin-top:20px; margin-bottom:20px;}
  .obsah-box_top {background:url("imgs/obsah-box-top.png") no-repeat top;}
  .obsah-box_bottom {background:url("imgs/obsah-box-bottom.png") no-repeat bottom; min-height:50px; height:auto !important; height:50px;  padding:15px;}
.obsah-box-leva-cast {float:left; width:120px; font-size:16px; font-weight: bold;}
.obsah-box-prava-cast {float:left; width:760px; font-size:14px; margin-left:30px;}
  
/*    text */
.podstranky {float:right; margin-left:20px; margin-top:30px;}
  .podstranka {float:left; margin-left:3px; margin-bottom:4px;}
  .podstranka-odkaz {background:url("imgs/podstranka.png"); display: block; width:122px; height:72px; padding:9px 15px 21px 15px; margin-left:2px;}
h1 {}
h2 {font-size:16px; color:#FFA200; padding:0px; margin:10px 0px 5px 0px;}
.galerie h2 {color:black;}
.text {font-size:14px; line-height:1.5em; padding-top:25px; position: relative;}
.galerie table {border-spacing:10px; width:auto;}
.galerie td {width:200px; height:125px; text-align: center; padding:10px; background:#FEE600; vertical-align: middle;}
.galerie td a {width:200px; height:125px; overflow: hidden; display: block;}
.galerie td:hover {background:#E2CD09;}
.galerie td img {max-width:200px;}

/*    zapati    */
.kontaktni_zapati {margin-top:25px; padding:5px 3px 5px 3px; font-size: 12px; color:#3a3a3a;}
.zapati {border-top:1px solid #838383; padding:5px 3px 15px 3px; color:#3a3a3a; font-size:10px;}
  .zapati .fr {background:url("imgs/animato_logo.png") no-repeat 144px 0px; padding-bottom:5px; padding-top:2px;}