/* reset nastavení browseru */
body, h1, h2, h3, h4, h5, h6, p, img, form, input, ul, ol, li, fieldset { margin:0; padding:0; border:0; }
a { outline:none; }
/* obecné styly */
body { background: #d7d7d7; font-family: Arial, sans-serif; font-size: 62.5%; color: #444444; text-align: center; }
.break { clear: both; }
table { font-size: 1.2em; border-collapse: collapse; }

/* layout */
#wrapper { width: 950px; margin: 0px auto; }
#header { height: 125px; background: url('images/header.jpg') no-repeat left bottom; }
#content { background: url('images/content.jpg') repeat-y left top; min-height: 480px; height:auto !important; height:480px; }
  #main { float: right; width: 606px; margin-right: 45px; display: inline; }
  #news { float: left; width: 256px; background: url('images/background-news.jpg') no-repeat left top; min-height: 412px; height:auto !important; height:412px; }
#foot { height: 44px; background: url('images/foot.jpg') no-repeat left top; }   
#footer { height: 40px; }


/* typografie */
#header { text-align: left; }

#header .homepage { width: 270px; height: 120px; float: left; margin:0; padding:0; border:0;}
  #header .homepage a { display: block; float: left; width: 270px; height: 120px; text-indent: -9000px; }

#header ul { list-style: none; width: 590px; height: 35px; border-bottom: 1px solid #cccccc; text-align: left; float: right; margin: 54px 20px 0px 0px; display: inline; }
  #header ul li {float: left; height: 25px; padding: 0px 15px;  background: url('images/arrow.png') no-repeat left 9px; padding-bottom:5px;}
  #header ul li a {display: block; font-size: 1.3em; letter-spacing:0.1em; color: black; height: 25px; line-height: 25px; text-decoration: none; float: left; font-weight:bold; text-transform:lowercase;}
  #header ul li a:hover {color: #D70E0D;}
#header .language {width:46px; height: 35px; float:right; margin-top:49px}
#header .phone {width: 260px; height: 25px; color:white; line-height:1.7em; float: right; margin: 10px 65px 0px 0px; font-size:1.4em; font-weight:bold; letter-spacing:0.3em; text-align:center; background: url('images/round-250x25.gif') no-repeat left 0px;}    

#main { text-align: left; }
  #main h1 { height: 17px; margin-bottom: 22px; color:#9A0A27; font-size: 2em; font-weight:normal;  font-family: font-family: Arial, Helvetica, sans-serif; }
  #main h2{font-size: 1.2em; font-weight:bold;padding-bottom: 15px; color:#9A0A27}
  #main p { font-size: 1.2em; text-align: justify; padding-bottom: 15px; line-height: 1.5em; }
    #main p.sub { border-bottom: 1px solid #cccccc; font-size: 1.1em; padding-bottom: 10px; color: #8e8e8e; margin-bottom: 10px; }
  #main a { color: #a30001; letter-spacing:0.2em; }
  #main a:hover { color: #d70e0d; }
  #main img.left { float: left; margin-right: 24px; margin-bottom: 10px; }
  #main img.right { float: right; margin-left: 24px; margin-bottom: 10px; }
  #main img.logo { margin-right: 14px; }
  #main img.last { margin-right: 0px; }
  #main ul { font-size: 1.2em; list-style: none; }
    #main ul li { padding-left: 18px; background: url('images/li.gif') no-repeat left 5px; padding-bottom: 5px; line-height: 1.5em; }


#news { text-align: left; }
  #news .address {font-size: 1.1em; font-weight: bold; margin-left: 49px; padding-top: 170px; color: #d18589; letter-spacing:0.2em}
  #news h3 { text-transform: uppercase; font-size: 1.1em; font-weight: bold; margin-left: 49px; padding-top: 20px; color: #131313; padding-bottom: 15px; }
  #news ul { list-style: none; font-size: 1.1em; margin-left: 49px; margin-right: 33px; }
  #news ul li { color: #cecece; padding-bottom: 18px; }
  #news ul li span { color: #fff; }
  #news ul li strong { color: #000; font-weight: normal; }

#footer p { font-size: 1em; color: #777777; }
  #footer p a { color: #777777; font-weight: bold; text-decoration: none; }
  #footer p a:hover { color: #444444; text-decoration: underline; }

.cleaner {clear: both;height: 0;font-size: 0;visibility: hidden;}
.kontakt-zamestnanec {font-size:1.2em; float:left; padding:20px; width: 250px;}
  .kontakt-zamestnanec div{ padding-bottom:5px;}
  .kontakt-zamestnanec .jmeno { font-weight:bold; letter-spacing: 0.3em;}
  .kontakt-zamestnanec .popis { padding-bottom:0px; width:50px;float:left; text-decoration:underline}
  .kontakt-zamestnanec .pozice {letter-spacing: 0.2em;}

form.dotaz { width:450px; padding: 5px; padding-left:20px; border: 1px dotted #AAAAAA; background-color:#EEEEEE; }
  form.dotaz label { font-size: 1.2em; font-weight: bold; }
  form.dotaz label.left { float: left; padding-top: 2px; width: 70px;  }
  form.dotaz p { padding-top: 10px;  }
  form.dotaz textarea { border: 1px solid #b1b0b0; padding:1px; font-family: sans-serif; font-size: 1.2em; width: 430px; height: 80px; }
  form.dotaz input.text { border: 1px solid #b1b0b0; padding:1px; margin-bottom: 3px; width: 200px; }
  form.dotaz input.submit { border: 1px solid #b1b0b0; background: #cccccc; padding: 0px 10px; }
  form.dotaz .error  { padding:5px 5px 5px 40px; color: red; font-size:1.1em; font-weight:bold; background: url('images/error.png') no-repeat 0px 5px;}
.zavinac { position:relative; top:2px;}

table { border-collapse: collapse; margin:10px;}
table td { border: 1px solid #AAAAAA; padding: 5px; text-align: center;}
th { text-align: center; background-color:#AAAAAA; color: #FFFFFF; border: 1px solid #FFFFFF; height: 20px;}
.px180{ width: 210px;}
.px90 { width: 90px;}
.textLeft { text-align: left;}