/* 

created by (c) Radek Kysely {.} pixelsmix.com . all rights reserved

*/

/* ------------ MAIN ------------ */

body {
margin: 0;
padding: 0;
background: #ffffff;
font-family: Arial, sans-serif;
text-align: center;
font-size: 13px;
color: #000000;
}

a {
color: #000000;
text-decoration: underline;
font-size: 13px;
}

a:hover {
color: #000000;
text-decoration: none;
font-size: 13px;
}

#not {
display: none;
}

/* ------------ MENU ------------ */

#menu {
width: 100%;
position: fixed;
margin: 0;
padding: 0;
height: 121px;
z-index: 2000;
background: url('../img/menu.png') repeat-x left top;
}

#menucon {
margin: 0 auto;
width: 990px;
height: 121px;
overflow: hidden;
}

ul#nav {
position: absolute;
margin: 0;
padding: 0;
width: 990px; 
float: left;
height: 121px;
}

ul#nav li {
float: left;
list-style-type: none;
width: auto;
margin: 0;
padding: 0;
}

ul#nav li a {
position: relative;
display: block;
height: 121px;
line-height: 121px;
}

ul#nav li a span {
position: absolute;
top: 0; left: 0;
display: block;
height: 100%;
width: 100%;
background: url('../img/menucon.png');
behavior: url('../img/iepngfix.htc');
background-repeat: no-repeat;
}

ul#nav li a#nav-tos {width: 298px;}
ul#nav li a#nav-uvod {width: 94px;}
ul#nav li a#nav-onas {width: 96px;}
ul#nav li a#nav-codelame {width: 140px;}
ul#nav li a#nav-reference {width: 127px;}
ul#nav li a#nav-akce {width: 93px;}
ul#nav li a#nav-kontakt {width: 127px;}

ul#nav li a#nav-tos:hover span {background-position: 0 -122px;}
ul#nav li a#nav-uvod:hover span {background-position: -299px -122px;}
ul#nav li a#nav-onas:hover span {background-position: -393px -122px;}
ul#nav li a#nav-codelame:hover span {background-position: -490px -122px;}
ul#nav li a#nav-reference:hover span {background-position: -630px -122px;}
ul#nav li a#nav-akce:hover span {background-position: -753px -122px;}
ul#nav li a#nav-kontakt:hover span {background-position: -850px -122px;}

ul#nav li a#nav-tos span {background-position: 0 0;}
ul#nav li a#nav-uvod span {background-position: -299px 0;}
ul#nav li a#nav-onas span {background-position: -393px 0;}
ul#nav li a#nav-codelame span {background-position: -490px 0;}
ul#nav li a#nav-reference span {background-position: -630px 0;}
ul#nav li a#nav-akce span {background-position: -753px 0;}
ul#nav li a#nav-kontakt span {background-position: -850px 0;}

/* ------------ KONTAKT ------------ */

#conleft {
float: left;
text-align: left;
padding-left: 32px;
color: #333333;
font-size: 15px;
margin-bottom: 50px;
line-height: 20px;
width: 400px;
}

.conconleft {
font-size: 17px;
font-weight: bold;
}

.contr {
}

.pass {
color: #44aa00;
font-size: 15px;
}

.npass {
color: #d40000;
font-size: 15px;
}

#conright {
float: right;
width: 446px;
text-align: left;
margin-bottom: 50px;
}

input.conin {
width: 294px;
height: 33px;
font-size: 13px;
color: #444444;
padding-left: 10px;
background: url('../img/input.png') top left no-repeat;
behavior: url('../img/iepngfix.htc');
border: 0;
margin-bottom: 5px;
}

input.consub {
width: 99px;
height: 30px;
font-size: 13px;
text-align: center;
color: #444444;
padding-left: 10px;
background: url('../img/submit.png') top left no-repeat;
behavior: url('../img/iepngfix.htc');
border: 0;
}

.big {
font-size: 17px;
font-weight: bold;
display: block;
margin-bottom: 15px;
}

.small {
font-size: 12px;
}

.small a {
color: #333333;
text-decoration: underline;
font-size: 12px;
}

.small a:hover {
color: #333333;
text-decoration: none;
font-size: 12px;
}

textarea.conar {
width: 400px;
font-family: Arial;
height: 102px;
font-size: 13px;
color: #444444;
overflow: hidden;
padding-left: 10px;
padding-top: 10px;
background: url('../img/textarea.png') top left no-repeat;
behavior: url('../img/iepngfix.htc');
border: 0;
margin-bottom: 8px;
}

/* ------------ PATICKA ------------ */

#foot1 {
width: 100%;
margin-top: 50px;
clear: both;
}

.bl {
color: #000000;
font-weight: bold;
}

#foot {
margin: 0 auto;
border-top: 3px solid #cccccc;
width: 990px;
height: 120px;
color: #777777;
}

#footl {
float: left;
width: 495px;
padding-top: 20px;
text-align: left;
}

#footr {
float: right;
width: 495px;
padding-top: 20px;
text-align: right;
}

#footr a {
color: #777777;
text-decoration: underline;
font-size: 13px;
}

#footr a:hover {
color: #777777;
text-decoration: none;
font-size: 13px;
}


/* ------------ Hx ------------ */

#content h2 {
position: relative;
overflow: hidden;
font-size: 100%;
font-weight: bold;
height: 120px;
color: #550000;
}
#content h2 span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
height: 120px;
}

#hledate {
position: relative;
margin-left: 40px;
overflow: hidden;
font-size: 100%;
font-weight: bold;
width: 990px;
background: url('../img/hledate.png') top left no-repeat;
height: 50px;
color: #444444;
}

a#zajistujeme {
position: relative;
display: block;
overflow: hidden;
font-size: 100%;
font-weight: bold;
width: 500px;
height: 32px;
color: #444444;
}
a#zajistujeme span {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 500px;
background: url('../img/zajistujeme.png') top left no-repeat;
behavior: url('../img/iepngfix.htc');
height: 32px;
}

#refakt {
margin-top: -320px;
float: right;
width: 450px;
}

.refakt {
font-size: 17px;
font-weight: bold;
display: block;
color: #333333;
margin-top: 7px;
margin-bottom: 7px;
}

a.cod {
position: relative;
overflow: hidden;
font-size: 100%;
font-weight: bold;
padding-left: 5px;
margin-left: 720px;
width: 169px;
height: 50px;
color: #550000;
}
a.cod span.codspan {
display: block;
position: absolute;
left: 0;
top: 0;
padding-left: 5px;
z-index: 1;
width: 169px;
background: url('../img/codelame-but.png') top left no-repeat;
behavior: url('../img/iepngfix.htc');
height: 50px;
}
a.cod span.codspan:hover {background: url('../img/codelame-but.png') bottom left no-repeat; behavior: url('../img/iepngfix.htc');}

a.kont {
position: relative;
overflow: hidden;
font-size: 100%;
font-weight: bold;
padding-left: 5px;
width: 386px;
margin-top: 30px;
margin-left: 50px;
display: block;
height: 50px;
color: #333333;
}
a.kont span.kontspan {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 386px;
background: url('../img/kontaktujte-but.png') top left no-repeat;
behavior: url('../img/iepngfix.htc');
height: 50px;
}
a.kont span.kontspan:hover {background: url('../img/kontaktujte-but.png') bottom left no-repeat; behavior: url('../img/iepngfix.htc');}

h2#onas {width: 960px;}
h2#onas span {width: 990px; background: url('../img/onas.png') bottom center no-repeat; behavior: url('../img/iepngfix.htc');}

h2#akce {width: 960px;}
h2#akce span {width: 990px; background: url('../img/akce.png') bottom center no-repeat; behavior: url('../img/iepngfix.htc');}

h2#kontakt {width: 960px;}
h2#kontakt span {width: 990px; background: url('../img/kontakt.png') bottom center no-repeat; behavior: url('../img/iepngfix.htc');}

h2#klienti {width: 960px; margin-bottom: 40px;}
h2#klienti span {width: 990px; background: url('../img/klienti.png') bottom center no-repeat; behavior: url('../img/iepngfix.htc');}

h2#codelame {width: 960px;}
h2#codelame span {width: 990px; background: url('../img/codelame.png') bottom center no-repeat; behavior: url('../img/iepngfix.htc');}


/* ------------ OBSAH ------------ */

ul.arrow {
margin: 0 auto;
width: 360px;
text-align: justify;
padding: 20px 0 0 0;
}

ul.arrow li {
list-style-image: url('../img/li.png');
behavior: url('../img/iepngfix.htc');
}

ul.aarrow {
margin: 0 auto;
width: 740px;
text-align: justify;
padding: 20px 0 0 0;
}

ul.aarrow li {
list-style-image: url('../img/li.png');
behavior: url('../img/iepngfix.htc');
}

ul.carrow {
margin: 0 auto;
width: 420px;
text-align: justify;
padding: 20px 0 0 0;
}

ul.carrow li {
list-style-image: url('../img/li.png');
behavior: url('../img/iepngfix.htc');
}

li.important {
color: #d40000;
}

ul.carrow li.h {
list-style-image: none;
list-style-type: none;
}

.hid {
visibility: hidden;
}

#leftonas {
float: left;
width: 480px;
margin-left: 10px;
margin-bottom: 50px;
text-align: center;
}

#rightonas {
float: right;
width: 480px;
margin-right: 10px;
margin-bottom: 50px;
text-align: left;
}

.h3 {
font-size: 16px;
font-weight: bold;
margin: 0 auto;
width: 420px;
padding-top: 20px;
color: #880000;

text-align: justify;
display: block;
}

#home {
margin: 0 auto;
width: 990px;
height: 283px;
background: url('../img/homebg.png') no-repeat center top;
behavior: url('../img/iepngfix.htc');
}

#content {
margin: 0 auto;
padding-top: 106px;
width: 980px;
color: #111111;
font-size: 13px;
text-align: left;
}

.leftref {
float: left;
margin-left: 10px;
width: 475px;
text-align: justify;
height: 106px;
border-bottom: 1px dotted #777777;
margin-bottom: 20px;
}

.leftref img {
margin-right: 5px;
}

.rightref {
float: right;
margin-right: 10px;
width: 465px;
text-align: justify;
height: 106px;
margin-bottom: 20px;
border-bottom: 1px dotted #777777;
}

.rightref img {
margin-right: 5px;
}

.bigref {
display: block;
font-size: 15px;
font-weight: bold;
margin-bottom: 5px;
}

#center {
margin-top: 50px;
width: 990px;
}

#refaktin {
margin-top: 50px;
width: 980px;
height: 30px;
background: url('../img/refakt.png') top center no-repeat;
}

#refaktint {
margin: 0 auto;
width: 730px;
}

.refaktins {
position: relative;
top: 8px;
color: #444444;
}

#homecontainer {
margin: 0 auto;
width: 960px;
font-size: 13px;
text-align: left;
}

#uklid {
float: left;
width: 290px;
height: 245px;
}

a.uklid {
position: relative;
overflow: hidden;
font-size: 100%;
font-weight: bold;
width: 288px;
height: 243px;
color: #333333;
}

a.uklid span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 288px;
height: 243px;
background: url('../img/uklidove-sluzby.png') top left no-repeat;
behavior: url('../img/iepngfix.htc');
}

a.ochrana {
position: relative;
overflow: hidden;
font-size: 100%;
font-weight: bold;
width: 288px;
height: 243px;
color: #333333;
}

a.ochrana span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 288px;
height: 243px;
background: url('../img/ochrana-objektu.png') top left no-repeat;
behavior: url('../img/iepngfix.htc');
}

a.pronajem {
position: relative;
overflow: hidden;
font-size: 100%;
font-weight: bold;
width: 288px;
height: 243px;
color: #333333;
}

a.pronajem span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 288px;
height: 243px;
background: url('../img/pronajem-bunek.png') top left no-repeat;
behavior: url('../img/iepngfix.htc');
}

#pronajem {
margin: 0 auto;
width: 290px;
height: 245px;
}

#ochrana {
float: right;
width: 290px;
height: 245px;
}

p {
margin: 0 auto;
line-height: 20px;
font-size: 13px;
width: 420px;
text-align: justify;
padding: 20px 0 0 0;
}

p.refaktp {
margin: 0 0 20px 0;
line-height: 20px;
font-size: 13px;
width: 420px;
text-align: justify;
padding: 20px 0 0 0;
}

.refaktsm {
font-size: 10px;
color: #444444;
}

li {
margin-bottom: 8px;
}