/*
 * BEZAPO s.r.o.
 * author: Petr Dvorak
 */
html, body, h1, h2, h3, h4 { padding: 0; margin: 0;}
body { font-family: Arial, sans-serif; font-size: 0.8em; line-height: 1.4em;}

/* headings */
h1, #logo-title, #menu, h2.small-shield { font-family: Calibri, Arial, sans-serif; line-height: 1em;}
h2 { font-size: 1.2em; font-weight: bold; margin: 15px 0 10px 0;}
h3 { font-size: 1em; font-weight: bold; margin: 10px 0 2px 0;}

/* text elements */
#text ul { padding: 0; margin: 10px 0;}
#text li { margin: 7px 0 7px 14px;}
#text strong { color: #000;}

.fl { float: left;}
.fr { float: right;}

.q { clear: both;}
.none { display: none;}

.strong { font-weight: bold;}

/* links */
a { color: #221F22; text-decoration: underline;}
a:hover { color: #706770;}
a:active { color: #FECA09;}
a img { border: 0;}

p.butt { padding: 5px 0; margin-top: 0;}
a.butt, input.butt { background: #E1E1E1 url(../_img/butt.png) 0 0 repeat-x; border: 1px solid #E0E0E0; color: #3C373C; text-transform: uppercase; padding: 5px 28px; text-decoration: none; font-size: 0.9em;}
a.butt:hover, input.butt:hover { background: #FECA09 url(../_img/butt-hover.png) 0 0 repeat-x; border-color: #F1C004; color: #3C373C;}
a.butt:active { border-style: inset;}

.reference p { margin-top: 0 !important; font-size: 0.9em; color: #706770;}
label { font-weight: bold; display: block;}

/*
 * screen stylesheet
 */
@media screen, projection, tv {
body { background: #FECA09;}

/* design */
#body { background: #fff url(../_img/background.png) 0 0 repeat-x; text-align: center;}
#page { width: 885px; margin: auto; background: url(../_img/page-menu-background.png) 0 89px no-repeat; text-align: left; position: relative;}

#left, #left a { color: #3C373C;}
#left a:hover { color: #000;}
#left { width: 277px; float: left; margin: 0 0 0 8px; padding-top: 36px;}
#text { color: #3C373C; width: 570px; float: right; margin: 0 10px 0 0; background: url(../_img/text-background.gif) 0 380px no-repeat; min-height: 500px; padding-left: 11px;}
#text-inside { padding: 0 20px;}

/* footer */
#footer { background: url(../_img/footer.png) 50% 0 repeat-x; height: 115px; padding: 70px 0 0 0; font-size: 0.85em; color: #221F22; }
#footer-inside { width: 885px; margin: auto;}
#footer-inside p { background: #FECA09; width: 550px; margin: 0 0 0 295px; padding: 7px 15px;}

/* text elements */
#text li { list-style: none; background: url(../_img/li.gif) 0 0.45em no-repeat; padding: 0 0 0 16px;}
.indent { margin-left: 30px;}

/* header */
#logo, #logo span { display: block; width: 275px; height: 48px;}
#logo span { background: url(../_img/logo.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; z-index: 4;}
#logo { float: left; overflow: hidden; font-style: italic; font-weight: bold; position: relative; margin: 28px 0 0 12px; font-size: 2.7em; text-align: center;}

#logo-title, #logo-title span { display: block; height: 70px;}
#logo-title span { width: 350px;}
#logo-title { width: 302px;}
#logo-title span { background: url(../_img/logo-title.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; z-index: 4;}
#logo-title { float: left; overflow: hidden; text-transform: uppercase; font-weight: bold; position: relative; margin: 19px 0 0 18px; padding: 0 0 0 48px; font-size: 1.3em; line-height: 1.3em;}

#footer-line { position: absolute; bottom: 0; left: 287px; width: 8px; height: 104px; background: url(../_img/footer-line.png) 0 0 no-repeat;}

/* h1 */
#heading { background: url(../_img/shield-background.png) 0 0 no-repeat; padding-top: 45px; position: relative;}
#heading img { border-top: 1px solid #fff; background: #fff; padding-bottom: 1px; border-bottom: 2px solid #E7E6E7;}
h1 { border-bottom: 2px solid #221F20; color: #23201F; text-transform: uppercase; font-size: 2.35em; padding-left: 48px; padding-bottom: 3px;}
h1 span { text-transform: none;}
.h1-shield { position: absolute; display: block; width: 41px; height: 45px; background: url(../_img/shield-firma.png) 0 0 no-repeat; top: 42px; left: 0;}

.heading-pozar h1 { border-color: #C9071C; color: #C9071C;}
.heading-pozar .h1-shield { background-image: url(../_img/shield-pozar.png);}

.heading-bezpecnost h1 { border-color: #EFBF00; color: #EFBF00;}
.heading-bezpecnost .h1-shield { background-image: url(../_img/shield-bezpecnost.png);}

.heading-koordinator h1 { border-color: #EFBF00; color: #EFBF00;}
.heading-koordinator .h1-shield { background-image: url(../_img/shield-koordinator.png);}

.heading-hygiena h1 { border-color: #F56404; color: #F56404;}
.heading-hygiena .h1-shield { background-image: url(../_img/shield-hygiena.png);}

h2.small-shield { background: url(../_img/shield-small.png) 0 0 no-repeat; padding: 5px 0 5px 35px; margin: 25px 0 10px 0; text-transform: uppercase; color: #686868; font-size: 1.6em; font-weight: bold; min-height: 22px;}

/* images */
.img { padding: 5px; background: #F8F8F8 url(../_img/form-shadow-down.png) 0 0 no-repeat;}

/* forms */
form { background: #F8F8F8 url(../_img/form-shadow-up.png) 0 0 no-repeat; margin: 10px 0; padding: 0;}
form div { background: url(../_img/form-shadow-down.png) 100% 100% no-repeat; padding: 5px 20px;}
textarea { width: 95%;}
.error { color: red; font-weight: bold;}

.ac {text-align: center};

/* homepage (index) */
#homepage { background: url(../_img/homepage-line-background.png) 328px 18px no-repeat;}
#homepage-left { width: 320px; float: left;}
#homepage-right { width: 230px; float: right; padding-top: 23px;}
#homepage-right div { padding: 0 5px 0 12px;}
#homepage-right p { margin: 5px 0;}

#homepage-right a.butt { padding-left: 22px; padding-right: 22px;}
#homepage-right p.butt { margin-top: 10px;}

/* menu */
#menu, #menu li { margin: 0; padding: 0; list-style: none;}
#menu li { font-size: 20px; text-transform: uppercase;}
#menu a, #menu strong { display: block; padding-left: 48px; text-decoration: none; font-weight: bold; height: 52px; line-height: 52px; overflow: hidden; border-bottom: 1px solid #F2DA7B; position: relative;}
#menu a span, #menu strong span { display: block; width: 276px; height: 52px; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat;}
#menu a:hover { text-decoration: underline;}
#menu a:hover span { background-position: 0 -52px;}
#menu a:active span, #menu strong span { background-position: 0 -104px;}

#mbezpecnost a, #mbezpecnost strong { border-color: #F6E7A9;/*#F2DA7B;*/ color: #EFBF00;}
#mbezpecnost span { background-image: url(../_img/menu-bezpecnost.png);}

#mkoordinator a, #mkoordinator strong { border-color: #F6E7A9;/*#F2DA7B;*/ color: #EFBF00;}
#mkoordinator span { background-image: url(../_img/menu-koordinator.png);}

#mhygiena a, #mhygiena strong { border-color: #FADCC7;/*#F8CDB0;*/ color: #F56404;}
#mhygiena span { background-image: url(../_img/menu-hygiena.png);}

#mpozar a, #mpozar strong { border-color: #F8DDE0;/*#EEB3BA;*/ color: #C9071C;}
#mpozar span { background-image: url(../_img/menu-pozar.png);}

#mfirma a, #mfirma strong, #mreference a, #mreference strong, #mkontakt a, #mkontakt strong { border-color: #E1E1E1; color: #686868;}
#mfirma span { background-image: url(../_img/menu-firma.png);}
#mreference span { background-image: url(../_img/menu-reference.png);}
#mkontakt a { border-width: 0;}
#mkontakt span { background-image: url(../_img/menu-kontakt.png);}

/* contact */

#contact { border-bottom: 2px solid #FECA09; padding: 25px 5px 15px 20px; margin: 20px 0 0 0; background: #F8F8F8 url(../_img/contact-background.png) 0 0px repeat-x; font-size: 0.9em; line-height: 1.3em;}
#contact h3 { font-size: 1em;}
#contact p { margin: 5px 0;}

}

/*
 * print stylesheet
 */
@media print {
  #menu, #footer, #heading img, form { display: none;}
  #text ul { margin-left: 20px;}

  #logo { font-size: 1.3em;}
  #logo-title { font-size: 1.2em;}
  
  h1 { padding: 15px 0 5px 0; border-bottom: 2px solid #E7E6E7;}
  
  #contact { border-top: 2px solid #E7E6E7; margin: 15px 0 0 0; padding-top: 10px;}
  #contact p { width: 200px; float: left;}
}