/* reset nastavení browseru */
body, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, fieldset { margin:0; padding:0; border:0; }
a { outline:none; }

/* obecné styly */
body { background: #f5f5f5 url('images/background.gif') repeat-x left top; font-family: Arial, sans-serif; font-size: 62.5%; color: #0f0f0f; text-align: center; }
.break { clear: both; }
img.foto { float:left; margin-right: 15px; margin-bottom: 5px; }
table.cenik { font-size: 1.2em; margin-bottom: 20px; }
  table.cenik th { text-align: left; padding-right: 10px; }
  table.cenik td { text-align: left; padding-right: 10px; }
  table.cenik td.cena { text-align: center; }
  table.cenik tr.blue td { color: #005ba1; }
  table.cenik tr.brown td { color: #985d05; }
table.foto { margin: 10px 0px; } 
table.foto td { padding: 0px 10px 10px 0px; }  

/* layout */
#container { width: 960px; margin: 0px auto; }
  #header { width: 960px; height: 140px; }
  #header h1 a { display: block;  width: 960px; height: 140px; background: url('images/header-horsky-hotel.jpg') no-repeat left top; text-indent: -9000px; }
  
  #wrapper { min-height: 500px; height:auto !important; height:500px; background: url('images/background-content.gif') repeat-y left top; overflow: auto; }
    #wrapper div.content-top { min-height: 200px; height:auto !important; height:200px; background: url('images/background-content-top.gif') no-repeat left top; }

  #wrapper ul.menu { list-style: none; text-align: left; margin-left: 80px; padding-top: 15px; margin-bottom: 30px; overflow: auto; }  
    #wrapper ul.menu li { float: left; padding-left: 20px; padding-right: 20px; padding-top: 9px; background: url('images/sun.gif') no-repeat right top; }  
    #wrapper ul.menu li.first { padding-left: 0px; }
    #wrapper ul.menu li a { font-family: "georgia", arial, sans-serif; font-style: italic; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #606974; }
    #wrapper ul.menu li a.active { color: #005ba1; }
    #wrapper ul.menu li a:hover { color: #ff5a00; }
  
    #content { float: left; width: 570px; margin-left: 81px; text-align: left; padding-bottom: 20px; }
      #content h2 { font-style: italic; font-family: "georgia", arial, sans-serif; font-size: 1.8em; color: #071871; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 15px; }     
      #content h2 span { color: #005ba1; }    
      #content h2 span em { color: #ffb600; }    
      #content h3 { font-size: 1.2em; margin-top: 20px; margin-bottom: 10px; color: #071871; }
      #content h3.blue { color: #005ba1; }
      #content h3.brown { color: #985d05; }
      #content h4 { font-size: 1.2em; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #dedede; }
      #content h4 a { color: #000; text-decoration: none; }
      #content h4 a:hover { text-decoration: underline; }
      #content h5 { font-size: 1.2em; color: #ff5a00; }
      #content p { font-size: 1.2em; text-align: justify; line-height: 1.4em; padding-bottom: 10px; }
      #content p strong { color: #005ba1; }
      #content p strong.cena { color: #005ba1; display: inline-block; float: right; }
      #content ul { font-size: 1.2em; margin-left: 20px; }
      #content ul li { line-height: 1.4em; }       
      #content ul li.blue { color: #005ba1; }
      #content ul li.brown { color: #985d05; }
      #content ul li.orange { color: #ff5a00; }
      #content a { font-weight: bold; color: #ff5a00; text-decoration: underline; }
      #content a:hover { color: #ffb600; }

      #content p.error { background: #fff6bf url('images/chyba.png') center no-repeat;	background-position: 15px 50%;
	                   text-align: left;	padding: 5px 20px 5px 45px;	border: 1px solid #ffd324; margin: 5px 0px 10px 0px; }	
      #content p.ok { background: #e5fab1 url('images/ok.png') center no-repeat;	background-position: 15px 50%; text-align: left;
                  padding: 5px 20px 5px 45px;	border: 1px solid #b0e62a; margin: 5px 0px 10px 0px; }

    
    #news { float: right; width: 195px; margin-right: 81px; text-align: left; }
      #news h2 { font-style: italic; font-family: "georgia", arial, sans-serif; font-size: 1.8em; color: #606974; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 15px; }     
      /*#news h2.galerie { padding-top: 30px; }*/
      #news p { font-size: 1.2em; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f2f2f2; color: #606974; line-height: 1.4em; }
      #news p span.datum { color: #ff5a00; }
      #news p strong { color: #005ba1; }
      #news table td { padding: 0px 7px 7px 0px; }

  #footer { width: 960px; height: 64px; background: url('images/footer.gif') no-repeat left top; }
    #footer p { color: #606974; font-size: 1.1em; line-height: 46px; }

/* formuláře */
form.rezervace fieldset { border: 1px solid #f2f2f2; margin-bottom: 10px; background: #fff; }  
form.rezervace legend { font-style: italic; font-family: "georgia", arial, sans-serif; font-size: 1.6em; color: #071871; font-weight: bold; padding-left: 3px; padding-right: 3px; padding-bottom: 10px; }
form.rezervace label { font-size: 1.2em; float: left; width: 100px; padding-top: 3px; margin-left: 10px; }
form.rezervace input[type=text] { margin-bottom: 2px; width: 200px;}
form.rezervace input[type=submit] { padding: 2px 10px;  margin-bottom: 10px; }
form.rezervace input.captcha { margin-top: 2px; width: 100px; }
form.rezervace select { border: 1px solid #dedede; margin-bottom: 2px; width: 200px; }
form.rezervace textarea { border: 1px solid #dedede; margin-bottom: 2px; width: 300px; height: 100px; font-family: sans-serif; }