/*
    CSS styly, INSIKO
    (c) Michal Ševčík, http://multi.tricker.cz
*/

*{margin: 0; padding: 0;}

body{ font-size: 12px; font-family: Verdana, Arial, Tahoma, Verdana, sans-serif; color: rgb(23,23,23); background: #c0e5f7; margin: 20px 0px 20px 0px; text-align: center; }
#hlavicka{ text-align: center; width: 890px; height: 129px; }
#vystylka{ text-align: center; width: 890px; background: url("../img/vystelka.gif") top center repeat-y; position: relative; overflow: hidden; margin: auto; }

/* obsah */
#obsah{ text-align: left; margin: 0px 60px 20px 60px; }
#obsah p { margin: 0px 0px 20px 0px; line-height: 18px; text-align: justify; }
#obsah a { font-size: 12px; font-family: Verdana, Arial, Tahoma, Verdana, sans-serif; color: rgb(71,71,71); text-decoration: underline; }
#obsah ul { list-style: disc inside; margin: 0px 0px 20px 20px; line-height: 18px; }

/* paticka */
#paticka{ text-align: center; width: 890px; height: 22px; line-height: 22px; vertical-align: middle; background: url("../img/bottom.gif"); margin: 0px 0px 0px 0px; }

/* podmenickem */
#podmenickem{ text-align: center; width: 890px; height: 37px; line-height: 22px; vertical-align: middle; background: url("../img/podmenickem.gif"); margin: 0px 0px 0px 0px; }

/* soucasti menu */
#menu { position: relative; overflow: hidden; margin: auto; width: 890px; height: 20px; background: url("../img/vystelka.gif") top center repeat-y; display:block; position:relative; }
#menu ul { list-style-type: none; list-style: none; }
#menu ul li { float: left; display: block; }

li#ruzek { width: 61px; height: 20px; line-height: 20px; background: url("../img/menu-00.gif") top left; display: block; text-indent: -5000px; }
li#ruzek2 { width: 61px; height: 20px; line-height: 20px; background: url("../img/menu-99.gif") top left; display: block; text-indent: -5000px; }
li#uvod a { width: 108px; height: 20px; line-height: 20px; background: url("../img/menu-01.gif") top left; display: block; text-indent: -5000px; }
li#uvod a:hover { background-position: 0 -20px; }
li#kabelaze a { width: 108px; height: 20px; line-height: 20px; background: url("../img/menu-02.gif") top left; display: block; text-indent: -5000px; }
li#kabelaze a:hover { background-position: 0 -20px; }
li#interiery a { width: 108px; height: 20px; line-height: 20px; background: url("../img/menu-03.gif") top left; display: block; text-indent: -5000px; }
li#interiery a:hover { background-position: 0 -20px; }
li#exteriery a { width: 108px; height: 20px; line-height: 20px; background: url("../img/menu-04.gif") top left; display: block; text-indent: -5000px; }
li#exteriery a:hover { background-position: 0 -20px; }
li#objednavka a { width: 108px; height: 20px; line-height: 20px; background: url("../img/menu-05.gif") top left; display: block; text-indent: -5000px; }
li#objednavka a:hover { background-position: 0 -20px; }
li#reference a { width: 108px; height: 20px; line-height: 20px; background: url("../img/menu-06.gif") top left; display: block; text-indent: -5000px; }
li#reference a:hover { background-position: 0 -20px; }
li#kontakt a { width: 108px; height: 20px; line-height: 20px; background: url("../img/menu-07.gif") top left; display: block; text-indent: -5000px; }
li#kontakt a:hover { background-position: 0 -20px; }

.obr { border: 2px solid rgb(103,103,103); margin: 10px 10px 10px 10px }
.obr:hover { border: 2px solid rgb(71,71,71); }

/* trochu SEO jako */
.sk{ display:none; }

/* nadpisy */
h1 { font-size: 20px; line-height: normal; font-weight: bold; text-align: left; margin: 0px 0px 15px 20px; }
h2 { font-size: 17px; line-height: normal; font-weight: bold; text-align: left; margin: 0px 0px 15px 20px; }
h3 { font-size: 15px; line-height: normal; font-weight: bold; text-align: left; margin: 0px 0px 15px 20px; }

/* odkazy */
a { font-size: 13px; line-height: normal; text-decoration: none; text-align: left; font-weight: bold; letter-spacing: -1px; }
a:hover { font-size: 13px; line-height: normal; text-decoration: none; text-align: left; font-weight: bold; letter-spacing: -1px; }

#ref table { width: 700px; }
#ref table tr td { height: 90px; line-height: 25px; vertical-align: middle; text-align: center; font-weight: bold; font-size: 18px; }
#ref table tr td a { vertical-align: middle; text-align: center; font-weight: bold; font-size: 18px; }

.fotobox { background: rgb(214,214,214); text-align: center; width: 180px; float: right; padding: 5px 5px 5px 5px; overflow: hidden; position: relative; border: 10px solid rgb(247,247,247); color: rgb(22,22,22); }
.fotobox a img { border: 2px solid #ffb569; }
.fotobox a:hover img { border: 2px solid #cd7924; }

.fotoboxkon { background: rgb(224,224,224); text-align: center; width: 740px; float: right; padding: 5px 5px 5px 5px; overflow: hidden; position: relative; border: 10px solid rgb(240,240,240); color: rgb(22,22,22); margin: 0px 0px 20px 0px; }
.fotoboxkon a img { margin: 10px 10px 10px 10px; border: 2px solid #ffb569; }
.fotoboxkon a:hover img { border: 2px solid #cd7924; }