﻿/* -------------------------------------------------
 * Hotel Heluan****
 * - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Popis: Hlavni kaskadovy styl pro heluan.eu
 *  Verze: 1.0
 *  Datum: 17. prosince, 2009
 *  Autor: Studio Fresh, s.r.o.
 * ---------------------------------------------- */


  /* Resetovani */
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
  table {border-collapse:collapse; border-spacing:0;}
  fieldset,img {border:0;}
  ol,ul {list-style:none;}

  /* Obecne definice */
  html, body {}
  body {background: #2a3445 url('./engine/obr/bg-vzorek.gif') repeat; font: 10px/150% 'Georgia CE', Georgia, 'Times New CE', times, 'New York CE', serif; text-align: center;}

  h1, h2, h3, h4, h5, h6 {font-weight: normal; padding: 0.5em 0 0.5em 0.5em; color: #906e3c; border-bottom: 1px dotted #906e3c;}
  h1 {font-size: 280%; padding-left: 35px; color: #8a3315; border-color: #8a3315; border-color: #8a3315; background: transparent url('./engine/obr/bg-h1-odrazka.gif') no-repeat 0% 50%;}
  h2 {font-size: 200%; padding-top: 1em; padding: 1em 0 0.2em 0; margin-left: 0.5em; line-height: 1em;}
  h3 {font-size: 140%; color: #8a3315;}
  h4 {font-size: 130%;}
  h5 {font-size: 120%;}
  h6 {font-size: 110%; font-weight: bold;}

  /* Tabulky */
  table {margin: 1em 0; width: 100%; font-size: 100%;}
  table {width: 400px;} /* Jen pro heluan layout */
  tr {padding: 2px 0; border-bottom: 1px solid #c6b194;}
  th {padding: 2px 5px; color: #bb8b74; font-weight: bold;}
  td {padding: 2px 5px; font-size: 1em; color: #8a3315;}

  /* Odkazy */
  a, a:visited, a:active {color: #b16335; border-bottom: 1px dotted #b16335; text-decoration: none;}
  a:hover {color: #8a3315; border-bottom: 1px solid #8a3315;}

  h1 a, h1 a span {width: 141px; height: 56px; position: absolute; z-index: 999; font-size: 80%; background: transparent url('./engine/obr/logo-heluan.gif') no-repeat 50% 50%;}
  h1 a, h1 a:visited, h1 a:hover {top: 39px; left: 530px; margin-left: 0; overflow: hidden; line-height: 50px; text-align: center; border: none; text-decoration: none;}
  h1 a span {top: 0; left: 0; cursor: pointer;}

  /* Layout */
  .obsah, .ukonceni {margin: 0 auto; width: 740px;}

  #stranka {}
  #stranka .obsah {background: url('./engine/obr/bg-stranka.png') repeat-y 50% 0%; position: relative;}
  #stranka .obsah #obsahova-cast {margin: 0 20px; height: 100%; background-color: #ccb088;}
  #stranka .ukonceni {height: 30px; background: url('./engine/obr/bg-stranka-ukonceni.png') no-repeat 50% 0%;}

  #hlavicka {position: relative;}
  #hlavicka .vysoka, #hlavicka .nizka {width: 700px; height: 300px; background: url('./engine/obr/hlavicka-vysoka.jpg') no-repeat;}
  #hlavicka .nizka {height: 150px; background-image: url('./engine/obr/hlavicka-nizka.jpg');}
  #hlavicka .vysoka .sloupec, #hlavicka .nizka .sloupec {position: absolute; left: 470px; top: 0; width: 220px; height: 100%; background: url('./engine/obr/bg-sloupec.png') repeat-y 50% 0;}
  #hlavicka .sloupec div {margin: 0 10px; height: 100%; background: url('./engine/obr/bg-sloupec.gif') repeat-y;}

  #levy-sloupec {float: left; width: 460px; text-align: left;}
  #obal {padding: 30px 0 20px 20px; background: transparent url('./engine/obr/bg-text-horni.gif') no-repeat 100% 20px;}
  #text {padding: 0 20px 20px 20px; background: #ebdfcf url('./engine/obr/bg-text-dolni.gif') no-repeat 50% 100%;}
  #text p {padding-top: 1em; text-indent: 1em; font-size: 1.2em; line-height: 1.5em; color: #483110;}
  #text .img p {padding: 0 15px 1em 15px; margin-top: -5px; font-size: 1em; line-height: 1.2em; color: #a08662; text-align: right;}
  #text small {padding-left: 1em; color: #8a3315;}
  #text ul, #text ol {padding: 1em 0 0 0; color: #483110; font-size: 1.1em;}
  #text ol {margin-left: 2.8em;}
  #text ul li {padding: 0.2em 0 0.5em 2.8em; background: url('./engine/obr/bg-ul-odrazka.gif') no-repeat;}
  #text ol li {padding: 0.2em 0 0.5em 0; list-style-type: decimal;}
  #text ol.alpha li {list-style-type: lower-alpha;}

  #pravy-sloupec {float: left; width: 240px; text-align: left;}
  #menu {background: url('./engine/obr/bg-menu.gif') repeat-y 50% 0;}
  #menu .menu-obsah {padding: 1em 2em 2em 2em; background: url('./engine/obr/bg-menu-dolni.gif') no-repeat 50% 100%;}
  #menu .menu-obsah ul {margin: 0 1em; padding: 1em 0; background: #253047 url('./engine/obr/bg-menu-ul.gif') repeat-y; color: #6c7b95;}
  #menu .menu-obsah ul li {padding: 0.2em 1em; background: url('./engine/obr/bg-menu-ul-li.gif') no-repeat 40px 100%;}
  #menu .menu-obsah ul li.bez {background: none;}
  #menu .menu-obsah ul li a {display: block; height: 150%; padding-left: 35px; line-height: 150%; border: none; background: url('./engine/obr/bg-menu-odrazka.gif') no-repeat 0 5px; color: #6c7b95; font-size: 1.4em; text-decoration: none;}
  #menu .menu-obsah ul li a:hover {color: #fff; /*background-image: url([obr='bg-menu-odrazka-hover.gif');*/ background-position: 0 -95px;}
  #menu .menu-obsah ul li.vybrane a {color: #b4c7ec; background-position: 0 -196px;}

  #pravy-sloupec h2 {margin-left: 20px;}

  #kontakt {position: absolute; left: 500px; top: 110px; width: 200px; text-align: center;}
  #kontakt strong {font-size: 1.4em; letter-spacing: 0.1em; line-height: 180%; color: #fff;}
  #kontakt p {padding-left: 30px; color: #8292ae; text-align: left;}
  #kontakt a {color: #6c7b95; text-decoration: underline; border: none;}
  #kontakt a:hover {color: #fff; text-decoration: none;}

  #jazyky {position: absolute; left: 40px; top: 270px;}
  #jazyky.nizka {top: 125px;}
  #jazyky ul {}
  #jazyky ul li {display: inline; padding: 7px;}
  #jazyky ul li.vyb a {font-weight: bold; color: #fff;}
  #jazyky ul li a {padding-left: 22px; color: #dcc79b; border: none; background-position: 0 50%; background-repeat: no-repeat;}
  #jazyky ul li a:hover {color: #fff; text-decoration: underline;}
  #jazyky ul li a.cs {background-image: url('./engine/obr/vlajky/cs.gif');}
  #jazyky ul li a.en {background-image: url('./engine/obr/vlajky/en.gif');}
  #jazyky ul li a.de {background-image: url('./engine/obr/vlajky/de.gif');}
  #jazyky ul li a.ru {background-image: url('./engine/obr/vlajky/ru.gif');}
  #jazyky ul li a.zh {background-image: url('./engine/obr/vlajky/zh.gif');}

  #paticka {margin: 10px 0 0 0; height: 30px; background: #28303e url('./engine/obr/bg-paticka.gif') repeat-x; color: #4b5971; line-height: 30px;}
  #paticka .obsah {width: 700px;}
  #paticka .prava {width: 400px; float: left; text-align: left;}
  #paticka .prava p {padding-left: 20px;}
  #paticka .odkazy {width: 300px; float: left; text-align: right;}
  #paticka .odkazy ul {padding-right: 20px;}
  #paticka .odkazy ul li {display: inline; padding-right: 7px; background: url('./engine/obr/paticka-odkazy-delitko.gif') no-repeat 100% 50%; color: #94989f;}
  #paticka .odkazy ul li.bez {background: none; padding: 0;}
  #paticka .odkazy ul li a {color: #94989f; text-decoration: none; border: none;}
  #paticka .odkazy ul li a:hover {text-decoration: underline;}

  /* Formulare */
  fieldset {margin-top: 2.5em; padding: 0 1.5em; /*width: 400px;*/ /*background: url('./engine/obr/bg-legend.gif') repeat-x;*/ border-top: 1px solid #c7b294;}
  fieldset legend {font-weight: normal; padding: 0.5em 0em; background: #ebdfcf /*#fff*/; color: #906e3c; font-size: 1.8em;}
  fieldset .polozky {margin: 2em 0; /*width: 400px;*/}

  input, textarea, select {font-family: 'Georgia CE', Georgia, 'Times New CE', times, 'New York CE', serif;}
  /*input.txt {font-size: 1em; line-height: 1em; background-color: #f3eadd; border: none; border-bottom: 1px dotted #ccb088; color: #7b5b37;}*/
  /*select {background-color: #f3eadd; border: none;}*/

  .polozky {width: 100%;}
  .polozky td {border-bottom: 1px solid #d9c8b2;}
  .polozky tr.posl {border: none;}
  .polozky .vpravo {text-align: right;}
  .polozky .lbl {width: 150px;}
  /*.polozky .lbl label {width: 80px; color: #8a3315; / *color: #7b5b37;* / font-size: 1.1em; line-height: 1.67em;}*/
  .polozky input.txt {width: 180px;}
  .polozky input, .polozky select {color: #7b5b37;}

  /*.polozky input {padding: 0.3em 0.5em; margin-right: 5px;}*/

  .formTlc {padding: 2em 0 0; text-align: center;}

  ul.vert {margin: 1.5em 1em;}
  
  /* Galerie */
  #galerie .nahled {width: 200px; height: 160px; background: url('./engine/obr/bg-gal-nahled.gif') no-repeat; float: left;}
  #galerie .nahled img {margin: 20px;}
  #galerie .nahled a {border: 0; text-decoration: none;}
  
  /* Ostatni */
  #balicky {border: 1px dotted #ceb18a; background: #e4d2b9; border-left: none; border-right: none; padding: 1em;}

  .zprava {margin: 10px 0 0; border: 1px solid #d9c8b2; background-color: #ebddca; font-size: 12px;}

  /* Tridy */
  .cln {clear: both; height: 0.1em; font-size: 0.1em;}
  .skryte {position: absolute; left: -2000px;}

  .c {text-align: center;}
  .l {text-align: left;}
  .r {text-align: right;}
  
  .fll {float: left;}
  .flr {float: right;}
  
  .alpha {list-style-type: lower-alpha;}
  .aktivni-bg {background: #f3eadd; color: #8a3315;}

  .osoby {font-size: 80%; padding-top: 1em; font-size: 1.2em; line-height: 1.5em; color: #483110;}
  .osoby span {font-size: 80%; color: #8a3315;}
  
  .last-minute {margin: 20px 0; text-align: center; background: #dacbb4;}
  .last-minute a {color: #c00; font-size: 180%; line-height: 300%;}
  /* zneviditelneni */
  .last-minute { 
  	display: none;
	visibility: hidden;
  }
  
  td.label {color: #483110; width: 120px;}
  ol.alpha, ol.alpha li, ul.alpha, ul.alpha li {list-style: none; list-style-type: lower-alpha;}

  
  #menu-odkaz {
 	margin: 10px;
	background-image: URL('./engine/obr/bg-menu.gif');
	text-align: center;
  }
  
  	#menu-odkaz-horni {
  		display: block;
		height: 20px;
		background-image: URL('./engine/obr/bg-menu-horni.gif');
  	}

  	#menu-odkaz-dolni {
  		display: block;
		height: 20px;
		background-image: URL('./engine/obr/bg-menu-dolni.gif');
  	}
	
	#menu-odkaz a {
		display: block;
		padding-top: 3px;
		height: 20px;
		font-size: 11px;
		color: #6c7b95;
		border: 0px;
	}
	
	#menu-odkaz a:hover {
		color: #fff;
	}
	
	
	.zvyraz {
		font-size: 1.5em;
		font-weight: bold;
		color: #8a3315;
	}
	