/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, label { padding: 0px; margin: 0px; }

html, body {
  font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	line-height: 150%;
        background-color: #ffcb66;
}

th, td { margin: 0px!important; border: 0px!important; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none!important; }
.red { color: #CC0000!important; }
.orange { color: #FC9700!important; }
.green { color: #009900!important; }
.left { text-align: left!important; }
.right { text-align: right!important; }
.center { text-align: center!important; }
.small { font-size: 11px!important; }
.grey { color: #CCCCCC!important; }
.big { font-size: 14pt!important; }

img { border: none; }
a img { border: none; }
a { color: #000000; text-decoration: underline; font-weight: bold;}
a:hover { color: #CC0000; }

em { font-style: normal; font-weight: bold; color: #fc9700; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden !important; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

p img { float:left; margin-right: 30px; margin-bottom: 20px; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; background: #ffcb66 url(../img/bg-body.gif) repeat-y center 25px; margin-top: 10px;  }
#page-wrapper { width: 942px; position: relative; z-index: 1; margin: 0 auto; text-align: left;  }

#page-alte-bg-position { position: fixed; bottom: 0px; left: 50%; z-index: 0; }
#page-alte-bg { position: absolute; left: -467px; top: -225px; width: 934px; height: 225px; background: url(../img/bg-alte.gif) no-repeat bottom right; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 127px; }
#header-content { background: #ffcb66 url(../img/header-profil.jpg) no-repeat 264px top; }
#page-kontakty #header-content { background-image: url(../img/header-kontakty.jpg); }
#page-nabizene-sluzby #header-content { background-image: url(../img/header-sluzby.jpg);  }

/********/
/* LOGO */
/********/
/*
#logo { position: absolute; left: 36px; top: 45px; }
#logo, #logo * { width: 111px; height: 68px; }
#logo span { background-image: url(../img/logo-alte.gif); }
*/

#logo { width: 264px; height: 127px; }

#title-facility-management { position: absolute; top: 53px; right: 40px; }
#title-facility-management, #title-facility-management * { width: 164px; height: 23px; }
#title-facility-management span { background-image: url(../img/title-facility-management.gif); }

/********/
/* MENU */
/********/
#menu {  }
#menu li { list-style: none; list-style-type: none; width: 253px; height: 40px; }
#menu li a { color: #ffffff; padding-left: 30px; height: 35px; text-decoration: none;  }
/*
#menu-profil-spolecnosti { margin-right: 7px; }
#menu-reference { margin-right: 7px; }
#menu-nabizene-sluzby { margin-right: 7px; width: 207px;}
#menu-nabizene-sluzby * { width: 207px;}

#menu-profil-spolecnosti span { background-image: url(../img/profil2.gif); }
#menu-nabizene-sluzby span { background-image: url(../img/sluzby2.gif); }
#menu-reference span { background-image: url(../img/reference2.gif); }
#menu-kontakty span { background-image: url(../img/kontakt2.gif); }
*/

#menu li a:hover span { background-position: 0px -0px; }

#page-profil-spolecnosti #menu-profil-spolecnosti span { background-position: 0px -0px; }
#page-nabizene-sluzby #menu-nabizene-sluzby span { background-position: 0px -0px; }
#page-kontakty #menu-kontakty span { background-position: 0px -0px; }

#page-homepage #menu span { background-position: 0px -0px; }

/*******************************************************************/
/*                                                            BODY */
/*******************************************************************/
#body { }

#left-column { width: 263px; float: left; background: transparent url(/img/back-left-column-middle.jpg) repeat-y top left; }
#left-column-content { padding: 0px 5px; background: transparent url(/img/back-left-column-content-bottom.jpg) no-repeat left bottom ; padding-bottom: 25px; }

#left-column-content-top { width: 263px; height: 20px; background: transparent url(/img/back-left-column-content-top.jpg) no-repeat left top; }
#left-column-content hr { display: block; color: #fc9700; border: 0px none; background-color: #fc9700; height: 1px; margin: 0px 10px 20px 10px; }
#left-column #left-column-content h2 { margin-bottom: 15px; }
#left-column-content h2,
#left-column-content p { padding-left: 30px; }

#leftspacer-kontakt    { margin-bottom: 53px; }
#leftspacer-sluzby     { margin-bottom: 225px; }
#leftspacer-formular   { margin-bottom: 120px; }
#leftspacer-profil     { margin-bottom: 110px; }
#leftspacer-reference    { margin-bottom: 208px; }

#title-spolecnost-alte { margin-bottom: 16px; }
#title-spolecnost-alte,
#title-spolecnost-alte * { color: #858585;}

#right-column { width: 679px; float: left; background: transparent url(/img/back-right-column-middle.jpg) repeat-y top left; }
#right-column-content { padding: 0px 60px 70px 25px; background: transparent url(/img/back-right-column-content-bottom.jpg) no-repeat left bottom ;  }

#right-column-content .right-column-item em { color: #ffffff; }
#right-column-content .right-column-item:hover em { color: #fc9700; }

#right-column-content-top { width: 679px; height: 25px; background: transparent url(/img/back-right-column-content-top.jpg) no-repeat left top; }

.right-column-item { float: left; clear: both; margin: 0px 0px 15px 0px;  }
.right-column-item .image { float:left; margin-top: 5px; width: 182px; height: 99px; background: transparent url(/img/back-sluzba.gif) no-repeat left top; }
.right-column-item .image:hover { background-position: 0px -99px; }
.right-column-item .image img { margin-top: 5px; margin-left: 12px; }

.right-column-item ul { float: left; margin-left: 35px; width: 375px; }
.right-column-item li {  }

#page-reference .right-column-item .image img { width:92px; height: 68px; margin-top: 5px; margin-left: 0px; }
#page-reference .right-column-item .text { padding-left: 25px; float: left; width: 385px; }
#page-reference .right-column-item h2  { margin-bottom: 15px; margin-top: 10px; }
#page-reference .right-column-item .image { background-image: url(/img/back-sluzba-light.gif); text-align: center; }

#page-kontakty .address    { float: left; }
#page-kontakty .address a  { text-decoration: none; color: inherit; }
#page-kontakty .light      { color: #89867f; }

#page-kontakty .map       { float: right; width: 370px;   }
#page-kontakty .map img   {    }
#page-kontakty .map h2    { color: #ffffff; }

#page-formular #right-column-content h2	   { color: #ffffff; }
#page-formular table.text    { height: 190px; margin-bottom: 20px; }
#page-formular table *  { font-weight: normal; text-align: left;  }
#page-formular sup       { color: #fc9700; }
#page-formular thead th { color: #fc9700; font-size: 12pt; font-weight: bold; padding-bottom: 10px; }

#page-formular .text input    { font-size: 8pt; width: 100%; padding: 0px; }
#page-formular .text .short   { width: 40%; }

#page-formular table.zajem        { margin-top: 0px; }
#page-formular .zajem input  { /*display: inline;*/ }
#page-formular .zajem textarea { width: 100%; height: 200px; }
#page-formular input.odeslat   { background: transparent url(/img/odeslat.jpg) no-repeat top left; width: 121px; height: 34px; 
                                 border: 0px none; color: transparent; font-size: 0em; margin-top: 20px; }

#page-formular input.odeslat:hover    { background-position: left -34px;}

#body h2 { font-size: 12px; text-transform: uppercase; color: #fc9700; margin-bottom: 5px; letter-spacing: 1px; font-weight: bold;}
#body h1 { font-size: 18px; font-weight:bold; text-transform: uppercase; color: #fc9700; margin-bottom: 0px; margin-bottom: 15px; letter-spacing: 1px;}
#body h3 { font-size: 14px; font-weight:bold; margin-bottom: 0px; margin-bottom: 15px;  }


#body ul li { list-style: url(/img/bullet.gif) none; list-style-position: outside; }
#body ul { padding-bottom: 1em; }

#body p { padding-bottom: 1em; }

address {
    font-style: normal;
}

/**********/
/* TITLES */
/**********/
#body h1, #body h1 * { height: 20px !important; }
#body h2, #body h2 * { height: 14px !important; }
#body h3, #body h3 * { height: 14px !important; }

#title-dalsi-sluzby-v-oblasti-technickeho-zabezpeceni-budov, #title-dalsi-sluzby-v-oblasti-technickeho-zabezpeceni-budov * { width: 331px; }
#title-dalsi-sluzby-v-oblasti-technickeho-zabezpeceni-budov span { background-image: url(/img/title-dalsi-sluzby-v-oblasti-technickeho-zabezpeceni-budov.gif); }
/*
#title-kontakty, #title-kontakty * { width: 79px; }
#title-kontakty span { background-image: url(../img/title-kontakty.gif); }
#title-nabizene-sluzby, #title-nabizene-sluzby * { width: 138px; }
#title-nabizene-sluzby span { background-image: url(../img/title-nabizene-sluzby.gif); }
#title-nabizime-sluzby, #title-nabizime-sluzby * { width: 99px; }
#title-nabizime-sluzby span { background-image: url(../img/title-nabizime-sluzby.gif); }
#title-profil-spolecnosti, #title-profil-spolecnosti * { width: 161px; }
#title-profil-spolecnosti span { background-image: url(../img/title-profil-spolecnosti.gif); }
#title-rizeni-technickeho-provozu-budov, #title-rizeni-technickeho-provozu-budov * { width: 213px; }
#title-rizeni-technickeho-provozu-budov span { background-image: url(../img/title-rizeni-technickeho-provozu-budov.gif); }
#title-uklid-budov, #title-uklid-budov * { width: 75px; }
#title-uklid-budov span { background-image: url(../img/title-uklid-budov.gif); }
#title-zahradnicke-sluzby, #title-zahradnicke-sluzby * { width: 123px; }
#title-zahradnicke-sluzby span { background-image: url(../img/title-zahradnicke-sluzby.gif); }
#title-zajisteni-energetickeho-rezimu-budov, #title-zajisteni-energetickeho-rezimu-budov * { width: 237px; }
#title-zajisteni-energetickeho-rezimu-budov span { background-image: url(../img/title-zajisteni-energetickeho-rezimu-budov.gif); }
#title-zajistujeme, #title-zajistujeme * { width: 73px; }
#title-zajistujeme span { background-image: url(../img/title-zajistujeme.gif); }
#title-zamestnavame, #title-zamestnavame * { width: 89px; }
#title-zamestnavame span { background-image: url(../img/title-zamestnavame.gif); }
#title-zpracovani-provozni-dokumentace-objektu, #title-zpracovani-provozni-dokumentace-objektu * { width: 263px; }
#title-zpracovani-provozni-dokumentace-objektu span { background-image: url(../img/title-zpracovani-provozni-dokumentace-objektu.gif); }
*/