/**************************************************/
/*                                                */
/*     Author:    Libor Skoupý                    */
/*     websites:  www.salsazlin.cz                     */
/*                                                */
/*     Date:       20.09.2009                     */
/*                                                */
/**************************************************/

/* nastaveni defaultnich prvku */
body, html {	
	background: #000000;
    font-family: 'Lucida Grande', Geneva, Arial, Tahoma !important;
    font-size: 83%; /*small*/
    color: #ACAB5C;
	text-align: center; /* centrovani textu, Internet Explorer to vycentrov�n� dokumentu */
	position: absolute; /* position: absolute, top a bottom kv�li stanoven� v�ky na 100%. Ur�en� v�ka je nutn� k ur�en� minim�ln� v�ky lev�ho, prav�ho a hlavn�ho r�mu (Jinak min-height  v % nefunguje). */
	top: 0;
	bottom: 0;
    border: 0px none;
	padding:0 0;
	margin: 0px 0px;
	width: 100%;
	min-width: 970px;
    line-height: 140%;
}

a img {border:0;}
em, address {font-style:normal;}
a {text-decoration:underline; color: #FD8E17; /*barva odkazu*/ cursor: pointer;}
a:hover {text-decoration:underline;}

.clear {clear: both;}   /*  clear: both vetsinou pro element span pro vyclearovani zarovnani pomoci float: left nebo right  */
.hidden {display: none;}    /*  display:none pro skryti prvku na strance    */

.center {text-align: center;}

/* konec defaultne nastavene stranky */
html, body {
  background: url(../images/pozadi2.jpg) 0 0 repeat;
}

div#na-stred { /*	nastaveni sirky layoutu stranky, zarovnani na stred 	*/
	margin: auto;
 	height: auto;
	position: relative;
    width: 970px;
    background: #000000; /*barva pozadí střed*/
    padding: 0px;
}

.blue {
  color: #F67A15;
}
div#hlavicka {
  margin: 80px 0px 0px 0px;
  padding: -5px;
  text-align: left;
}
div#hlavicka div#RK {
  background: url(../images/top-top_01.jpg) 0px top no-repeat;
  height: 190px;
  position:relative;
  top: 0px;
  left: 0px;
}


div#hlavicka div#top-top ul {
  margin: 0px;
  padding: 0px;
  height: 30px;
  line-height: 30px;
  float: right;
}
div#hlavicka div#top-top ul li {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px
}
div#hlavicka div#top-top a {
  color: #A2A2A2;
  text-decoration: none;
}
div#hlavicka div#top-top a:hover {
  color: #DACB11;
  text-decoration: underline;
}
div#hlavicka div#top-top ul li#jazyky {
  background: url(../images/jazyky-oddel1.jpg) 0 0 no-repeat;
  margin: 0px;
  padding: 0 10px 0 20px;
  height: 34px;
}

div#hlavicka div#top-top ul li#jazyky a {
  display: block;
  width: 23px;
  height: 23px;
  float: left;
  margin: 5px 5px 0 0;
  font-size: 1px;
}
div#hlavicka div#salsazlin {
  background: url(../images/RK.gif) -2px -2px no-repeat;
  height: 330px;
  width: 200px;
  position: absolute;
  top: -50px;
  left: -80px;
  z-index:100;
}
div#hlavicka div#aboriginal h1 {
  margin: 0px;
  padding: 0px;
}

div#hlavicka div#aboriginal a {
  margin: 0px;
  padding: 0px;
  position: relative;
  display: block;
  width: 113px;
  height: 121px;
  top: 0px;
  left: 43px;
}
div#hlavicka div#aboriginal div#popisek-v-hlavicce {
  font-size: 180%;
  color: black;
  position: absolute;
  bottom: 15px;
  left: 50px;
  line-height: normal;
}
div#hlavicka div#aboriginal div#popisek-v-hlavicce span {
  padding: 0 0 0 10px;
}


div#hlavicka ul#menu {
  height: 38px;
  margin: 0px;
  padding: 0px 0px 0 120px;
  background: url(../images/cara.jpg) 0px 30px  no-repeat;
}
div#hlavicka ul#menu li {
  display: block;
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  font-size: 1.2em;
  padding: 0px 10px;
  height: 33px;
}
div#hlavicka ul#menu li a{
	color: #666666!important;
	text-decoration: none;
}
div#hlavicka ul#menu li a:hover{
	color: #FFEA00!important;
	text-decoration: none;
}

div#hlavicka ul#menu li.active {
	color: #FF3333;
	font-weight: 700;
}
div#hlavicka ul#menu li.active a{
	color: #FF3333!important;
}

div#hlavicka ul#menu li span.polozka-vypln {
  padding: 6px 6px 0 6px;
  display: block;
}
div#hlavicka ul#menu li ul.menu-lvl2 {
  position:absolute;
  top: 28px;
  left: 15px;
  visibility: hidden;
  display: block;
  margin: 0px!important;
  padding: 0px!important;
  font-size: 0.8em;
}
div#hlavicka ul#menu li.menu-zeny-lvl2:hover ul.menu-lvl2 {
	visibility: visible;
}
div#hlavicka ul#menu li ul.menu-lvl2 li {
	display:block;
	text-align: left;
	margin: 0px!important;
	padding: 2px!important;
	background: #000000;
}
div#hlavicka ul#menu li ul.menu-lvl2 li a{
	display: block;
	padding: 5px 7px;
	width: 130px;
	margin: 0px;
	color: #666666!important;
	font-weight:normal!important;
}
div#hlavicka ul#menu li ul.menu-lvl2 li a:hover {
	/*background: #333333!important;*/
	color: #FFEA00!important;
}

div#hlavicka ul#menu li ul.menu-lvl3 {
  position:absolute;
  top: 28px;
  left: 15px;
  visibility: hidden;
  display: block;
  margin: 0px!important;
  padding: 0px!important;
  font-size: 0.8em;
}
div#hlavicka ul#menu li.menu-zeny-lvl3:hover ul.menu-lvl3 {
	visibility: visible;
}
div#hlavicka ul#menu li ul.menu-lvl3 li {
	display:block;
	text-align: left;
	margin: 0px!important;
	padding: 2px!important;
	background: #000000;
}
div#hlavicka ul#menu li ul.menu-lvl3 li a{
	display: block;
	padding: 5px 7px;
	width: 130px;
	margin: 0px;
	color: #666666!important;
	font-weight:normal!important;
}
div#hlavicka ul#menu li ul.menu-lvl3 li a:hover {
	/*background: #333333!important;*/
	color: #FFEA00!important;
}

div#telo {
  text-align: center;
}


div#telo div#kontakty-sl {
  width: 200px;
  float: left;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  text-align: left;
  color: #FFD21F;
  /*background: #210808;  pozadí levý sloupec*/
}
div#telo div#obsah {
 font-size: 120%;
  width: 540px;
  float: left;
  text-align: left;
  padding: 0px 0px 10px 0px;
  
}

div#telo div#kontakty-sl span.odsad-k {
  float: left;
  display: block;
 
}
div#telo div#kontakty-sl span.ico, div#telo div#kontakty-sl span.tf  {
  width: 3em;
}
div#telo div#kontakty-sl span.mail {
  width: 5em;
}
div#telo div#kontakty-sl h4 {
  font-size: larger;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  color: #FAF83F;
}
div#telo div#kontakty-sl h3 {
  font-size: 110%;
  font-weight: 700;
  margin: 10px 0 20px 0;
  padding: 0px;
}
div#telo div#partneri {
  width: 200px;
  float: right;
  margin: 0px;
  padding: 10px 0 0 0;
  text-align: left;
  /*background: #F63C0B; barva pozadí partneři*/
}


div#telo div#partneri span.odsad-k {
  float: right;
  display: block;
}
div#telo div#partneri span.ico, div#telo div#partneri span.tf  {
  width: 3em;
}
div#telo div#partneri span.mail {
  width: 5em;
}
div#telo div#partneri h4 {
  font-size: larger;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  color: #3399CC;
}
div#telo div#partneri h3 {
  font-size: 110%;
  font-weight: 700;
  margin: 0px 0 20px 0;
  padding: 0px ;
}
div#paticka {
   background: url(../images/cara.jpg) 0px 0 no-repeat;
  color: #F67A15 !important;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  font-size: 0.95em;
}
div#fuga {
	height: 70px;
	width: auto;
	padding: 0px;
	margin: 0px;
}

div#telo div#obrrych {
  width: 200px;
  float: left;
  margin: 0px;
  padding: 10px 0 0 0;
  text-align: left;
  /*background: #F63C0B; barva pozadí partneři*/
}
/*  fotogalerie  */
div#fotogalerie { width: 538px; }
div#fotogalerie h1 { background: url(../images/fotogalerie-hlavicka.jpg) 0 0 no-repeat; font-size: 150%; padding: 5px 0 0 50px; font-weight: normal;margin: 0px; }
div#fotogalerie div#gal-top { background: url(../images/fotogalerie-top-bg.jpg) 0 0 no-repeat; height: 10px; font-size: 1px; width: 538px; }
div#fotogalerie div#gal-bottom { background: url(../images/fotogalerie-bottom-bg.jpg) 0 0 no-repeat; height: 10px; font-size: 1px; width: 538px; }
div#fotogalerie div#gal-telo { background: #CCEC47; padding: 3px 20px 10px 20px; }

div#galerie-top { background: url(../images/galerie-ramecek-top.jpg) 0 0 no-repeat; width: 487px; height: 10px; font-size: 1px;margin: 0px; padding: 0px; }
div#galerie-bottom { background: url(../images/galerie-ramecek-bottom.jpg) 0 0 no-repeat; width: 487px; height: 10px; font-size: 1px;margin: 0px; padding: 0px; }
div.g-levy { background: #F3F9D3; padding: 5px 10px; text-align: center; width: 219px; float: left; margin: 10px 0 0 0; }
div.g-pravy { background: #F3F9D3; padding: 5px 10px; text-align: center; width: 219px; float: right; margin: 10px 0 0 0; }
a div.g-ramecek { background: white; padding: 5px;margin: 5px 10px; line-height: 125px; border: 1px solid #D4D4D4; }
a:hover div.g-ramecek { border: 1px solid #FFE75B; }
a:hover div.g-ramecek img { border: 1px solid #FFE75B; }
div.g-ramecek img { vertical-align: middle; }
div.galerie-mid { background: url(../images/galerie-ramecek-midd.jpg) 0 0 repeat-y; width: 487px; margin: 10px 0 0 0; padding: 0px; }
div.galerie-mid a { color: #980000; font-weight: 700; display: block; padding: 0 0 10px 0; }

div#gal-ram-top { background: url(../images/gal-top-bg.jpg) 0 0 no-repeat; height: 10px; font-size: 1px; width: 487px; }
div#gal-ram-bottom { background: url(../images/gal-bott-bg.jpg) 0 0 no-repeat; height: 10px; font-size: 1px; width: 487px; }
div#gal-ram-mid { background: #F3F9D3; width: 487px; padding: 20px 0 0 0;margin:0px; }
div#gal-ram-mid a { display: block; width: 98px; height: 115px; line-height: 115px; float: left; background: white; margin: 0 0 20px 17px;_margin: 0 0 20px 12px;padding: 5px 0; text-align: center; border: 1px solid #D4D4D4; }
div#gal-ram-mid a:hover { border: 1px solid #F5B63E; }
div#gal-ram-mid img { vertical-align: middle; margin: 0px; padding: 0px; }

div#sipky { text-align: center; margin: 15px 0 0 0; }
div#sipky a#sipka-vlevo { background: url(../images/sipka-vlevo.jpg) 0 0 no-repeat; width: 49px; height: 42px;float: left; }
div#sipky a#sipka-vpravo { background: url(../images/sipka-vpravo.jpg) 0 0 no-repeat; width: 49px; height: 42px;float: right; }
div#sipky div#cisla { float: left; padding: 10px 0 0 0; text-align: center; width: 389px; font-weight: 700; }
    div#cisla a {  color: #980000; padding: 0 2px }
    div#cisla span.activ { color: #F5B63D; }

div#paticka a {
  color: #666666 !important;
}
div#paticka a:hover {
  color: #FFEA00 !important;
}
div#paticka ul#pata-menu {
  margin: 0px;
  padding: 0px 0 0 200px;
  text-align:center;
  font-size: 1em;
}
div#paticka ul#pata-menu li {
  display: block;
  float: left;
}

div#paticka p#mady-by {
  display: block;
  text-align: center;
  width: 300px;
  margin: 0px;
  padding: 0px;
}

form#formular {
  margin: 0px;
  padding: 0px;
}
form#formular input {
  border: 1px solid #3F3F3F;
  background: #161919;
  color: #A2A2A2;
  width: 180px;
}
form#formular textarea {
  border: 1px solid #3F3F3F;
  background: #161919;
  color: #A2A2A2;
  width: 270px;
  height: 70px;
}
form#formular label {
  display: block;
  padding: 10px 0 5px 5px;
}
form#formular input.odeslat {
  float: right;
}

div#obsah h2 {
  line-height: normal;
  padding: 0 0 0 46px;
  text-indent: -46px;
  margin: 0px;
}