* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, hr, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body { 
  padding: 0; 
  background: #fff url("../img/bg.jpg") repeat-x; 
  font: 0.8em/1.5 "arial",sans-serif; 
  color: #354146; 
  text-align: center; 
}

/* obecne odkazy --------------------------------------------------------------- */
a {color:#1666a3;}
a:link {color:#1666a3;}
a:hover {color:#0b4775;}

/* nadpisy --------------------------------------------------------------------- */
h1, h2, h3 { margin:15px 0 10px 0; }
h4, h5, h6 { margin:0 0 10px 0; }
h1 { font-size:200%; font-family: Georgia;}
h2 { font-size:180%; color: #354146;font-weight: bold; padding: 0;margin:0; }
h3 { font-size:220%; font-weight:normal; margin-top:0; color:#c92500; }
h4 { font-size:120%; }
h5 { font-size:100%; }

/* layout ---------------------------------------------------------------------- */
.noscreen { display:none }

#layout { 

  text-align:left; 
}
  #container { 
    clear: both;


  }
  #intro{
    background: #e6e8e9;height: auto;
  }
  #intro-in{
    width:891px; 
    margin:0 auto; 
    padding: 20px 0;
  }

  	/* hlavicka ------------------------------------------------------------------ */
  	#layout #header {width:891px; margin:0 auto; height:100px;}
	#layout #header .logo{width:661px; padding-top: 6px;}
	#layout #header .logo a{color: #ced1d2; text-decoration: none; display: block;padding: 18px 0 17px; font-weight: normal; font-size:200%; font-family: Georgia;}
	#layout #header .logo a:hover{color: #fff;}

    #layout #header .call{width:230px; text-align:right; float:right; position: relative; top:41px;}
      
        
    /* horizontalni navigace --------------------------------------------------- */
      #nav {width:891px; 
      margin:0 auto; }
      #nav ul {margin:0; padding:0; list-style:none;height: 35px;}
      	#nav ul li {float:left; display:block; margin:0; padding:0;}
      	#nav ul li a {
          display: block; 
          float: left;
          font-size: 12px;
          color: #fff;
          text-decoration: none;
          padding: 12px 20px 10px;
          text-align: center;

        }
        #nav ul li a:hover {
          color: #ced1d2;
          text-decoration: underline;
        }
      	#nav ul li#active a {
      	color: #101517;
      	border: 1px solid #fff;border-bottom:1px solid #e6e8e9;
        background:#e6e8e9; text-decoration:none;}
  
  
  
    .content {
      padding: 0 0 0 0;
      z-index: 10;
      width:891px; 
      margin:0 auto; 
       
    }
    .content .in{
      padding: 20px 0 30px;
    }
    p.intro{
      background: url("../img/line.jpg");
      line-height: 23px;
      margin:0 0 0;
	  font-size:large;
    }
    .shadow{
      margin-top:20px;
	  border-top: 1px solid #dddddd;
      padding: 10px 0;
      background: url("../img/shadow.jpg") no-repeat;
	}
	.featured{
	  border:6px solid #000;  
	  height: 180px; 
	  background-color: #000000;
    }
	
	.featured_launchdate {
		margin: 6px;
		font-size: 11px;
		color: #666;
		text-align: right;
	}
	
    img.thumb{padding: 3px; background: #fff; border: 1px solid #d1d1d1;}
    
    .columns {list-style: none;margin:20px 0 0 0;padding:0; font-size: 90%;}
    .columns li{float: left; width: 32%; margin-bottom:20px;}
	.columns li h3{padding: 0 10px;color: #c92500; margin: 0 0 5px; font-size:220%;}
    .columns li p{line-height: 22px;padding: 0 20px 0 10px; margin: 0; color: #3f4345; font-size:180%;}
	
	.columns li.col1 a.more{display: block;color: #82a438;padding: 20px 0 0 0;}
    .columns li.col1 a.more:hover{color: #0b4775; text-decoration: none;}
	
    .columns li.col2{border-left: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;}
    .columns li.col2 h3{padding-left: 20px;}
	.columns li.col2 p{padding: 0 20px 0 20px;}
	.columns li.col2 a.more{display: block;color: #82a438;}
    .columns li.col2 a.more:hover{color: #0b4775; text-decoration: none;}
	.columns li.col2 h6 { font-size:175%; margin:5px 0 10px 20px;}
	.columns li.col2 h6 a{ text-decoration:none; color:#6b839c; font-weight:bold;}
	.columns li.col2 h6 a:hover{ text-decoration:underline;}

    .columns li.col3 h3{padding-left: 20px; color: #c92500;}
	.columns li.col3 h4{padding-left: 20px; line-height:2em; margin:0;}
	.columns li.col3 p{padding: 0 10px 0 20px; line-height:1.2em;}
	.columns li.col3 h6 { font-size:175%; margin:5px 0 10px 20px;}
	.columns li.col3 a.more{display: block;color: #82a438;padding: 25px 0 0 0;}
    .columns li.col3 a.more:hover{color: #0b4775; text-decoration: none;}
  
  
  	/* paticka ----------------------------------------------------------------- */
  	#footer {
  	  width:891px; 
      margin:0 auto;
      clear:both;
      font-size: 85%;
      padding-bottom: 20px;
      color: #898989;
    }
    #footer a{color: #898989;}
    #footer a:hover{color: #666666; text-decoration: none;}
      #footer .f-left, #footer .f-right { padding: 10px 10px; }




/* odstavce -------------------------------------------------------------------- */
p { margin:15px 0; }

/* tabulky --------------------------------------------------------------------- */
table { margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th { text-align:center; font-weight:bold; }
th, td { padding:3px 5px; }

/* seznamy --------------------------------------------------------------------- */
ul, ol { display:block; margin:15px 0 15px 40px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; }
ul li a { text-decoration:underline; }

/* definice -------------------------------------------------------------------- */
dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

/* form --------------------------------------------------------------------- */
form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 500px;
  max-width: 570px;
  width: 570px;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #ccc;
  border-width: 1px 1px 0 0;
  border-style: solid solid none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 220%;
  font-weight: normal;
  color: #c92500;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 344px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 20px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ccc;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
background-image: url(../images/icon_info.gif);
background-repeat: no-repeat;
background-position: top left;

  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 60px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div img {
  border: 1px solid #000000;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
  width: 70%;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}

/* form --------------------------------------------------------------------- */
#form2 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 500px;
  max-width: 570px;
  width: 570px;
}

#form2 fieldset {
  clear: both;
  font-size: 100%;
  border-color: #ccc;
  border-width: 1px 1px 0 0;
  border-style: solid solid none none;
  padding: 10px;
  margin: 0 0 0 0;
}

#form2 fieldset legend {
  font-size: 120%;
  font-weight: normal;
  color: #c92500;
  margin: 0 0 0 0;
  padding: 0 5px;
}

#form2 label {
  font-size: 100%;
}

#form2 label u {
  font-style: normal;
  text-decoration: underline;
}

#form2 input, select, textarea {
  font-size: 100%;
  color: #000000;
}

#form2 textarea {
  overflow: auto;
}

#form2 div {
  clear: left;
  display: block;
  width: 344px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

#form2 fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 20px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ccc;
  color: #666666;
  font-size: 88%;
}

#form2 fieldset div.notes h4 {
background-image: url(../images/icon_info.gif);
background-repeat: no-repeat;
background-position: top left;

  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

#form2 fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

#form2 fieldset div.notes p.last {
  margin: 0em;
}

#form2 div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

#form2 div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

#form2 div.required fieldset legend {
  font-weight: bold;
}

#form2 div label {
  display: block;
  float: left;
  width: 90px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

#form2 div.optional label, label.optional {
  font-weight: normal;
}

#form2 div.required label, label.required {
  font-weight: bold;
}

#form2 div label.labelCheckbox, #form2 div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

#form2 div fieldset label.labelCheckbox, #form2 div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

#form2 div img {
  border: 1px solid #000000;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

#form2 div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

#form2 div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

#form2 div select, #form2 div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

#form2 div input.inputText, #form2 div input.inputPassword {
  width: 60%;
  padding: 3px 4px;
  margin: 0 0 0 0;
  border: 1px dotted #333333;
}

#form2 div input.inputFile {
  width: 211px;
}

#form2 div select.selectOne, #form2 div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

#form2 div input.inputCheckbox, #form2 div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

#form2 div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

#form2 div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

#form2 div input.inputSubmit, #form2 div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

#form2 div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

#form2 div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}


/* univerzalni prvky ------------------------------------------------------------ */
input.small{
  width: 50px;
}
input.normal{
  width: 146px;
}
.bigger {font-size:115%;}
.smaller {font-size:85%;}

.high {color:#00F;}
.nonhigh {color:#777;}

.foto{  display: block; border: 3px solid #ddd;}