html{
   overflow-y:scroll;
   overflow-x:auto;}


body {
	text-align: center;
	background: #D7C99A;
	color:#533419;
	text-shadow:1px 1px 0 rgba(255,255,255,0.2);
	font-family: Garamond;
	font-size: 16px;
	line-height: 22px;
	margin: 20px 0 0 0;
	padding:0;}

a {
	color:#533419;
	text-decoration:underline;
	outline:none;}
  
a:hover {
	color:#A45209;
	text-decoration:none;}

/************************ DIVY ************************/

div#container{
  text-align:left;
  margin: 0 auto;
  width:950px;
  border:0px;}
   
div.logo{
  float:left;
  width:700px;
  margin-bottom:10px;
  border:0px;}
  
div.jazyky{
  position:relative;
  float:left;
  width:245px;
  height:50px;
  text-align:right;
  font-size:10px;}
  
div.jazyky2{
  position:absolute;
  right:0;
  bottom:0;}

div.bottom{
  clear:both;
  text-align:right;
  background:#533419;
  color: #D7C99A;
  text-shadow:none;
  margin:30px 0 0 0;
  border-top: 1px solid #FFF;
  font-size:12px;
  padding: 20px 0 50px; 0}
 
 div.bottom a{
  color: #FFF;}
 
 div.bottom img{border:0; margin:0 0 0 5px;}

	



div.content{
  border:0px;
  position:relative;
  padding: 10px 0;}
  
div.content2{
  margin-left:0px;
  margin-right:0px;}
  
  
div.full{margin-right:100px;}

div.gauche{
  float:left;
  padding-right:40px;}
  
div.droite{
  float:left; font-size:14px;}
  
div.droite img{
  border:1px solid #533419; padding:5px;}
  
div.cover {float:left; padding-top:20px;}

div.cover img{
	border: 1px solid #533419;
	padding:5px;}
	
div.desc { padding:0;}

#m125{margin: 0 0 0 125px;}
#m230{margin: 0 0 0 230px;}
#m300{margin: 0 0 0 300px;}

div.desc h1{margin-top:25px;}

div.name {padding-top:50px; font-weight:bold; font-size:16px; line-height:normal;}

div.bio{margin:15px 0; font-size:16px; line-height:18px;/* padding:10px; background-color:#E8DFC3;*/}

div.hline{background:url(pics/hline.gif) repeat-x top left; height:2px; width:100%; margin:10px 0;}

div.vline{background:url(pics/vline.gif) repeat-y top left; padding-left:20px;}

#element{
  border:1px solid #996633;
  padding:5px;}

#stopa{background: center center no-repeat url(pics/stopa.jpg);}

#stopy{background: top center repeat-y url(pics/stopy.jpg);}

#normal{line-height:normal;}

div.clear{clear:both;}

div.line{height:2px; border-top:1px solid #FFF;}

#w200 {width:200px;}
#w250 {width:250px;}
#w300 {width:300px;}
#w320 {width:320px;}
#w350 {width:350px;}
#w375 {width:375px;}
#w400 {width:400px;}
#w425 {width:425px;}
#w450 {width:450px;}
#w500 {width:500px;}
#w570 {width:570px;}
#w580 {width:580px;}
#w600 {width:600px;}
#w650 {width:650px;}

div.social{width:300px; padding:0px; margin-top:40px;}
#fbbg{background-color:#E8DFC3;}

.echo{
	background-color:#E8DFC3;
  	border-bottom:1px solid white;
  	color:#533419;
  	padding: 2px 5px;
	border-radius:5px;
	margin:0 0 0 -5px;
	}

#den{background:#533419; width:45px; color:#D7C99A; padding:2px 5px; text-shadow:none; border-top-left-radius: 5px; border-bottom-left-radius:5px; float:left;}

#akt{background:#E8DFC3; border-left: 1px solid #fff; border-right: 1px solid #fff; padding:2px 5px; margin:0 0 10px 55px;}	

#akt img{float:right; margin:0 -3px 0 20px;}

#kolaz{margin:0 0 20px 2px;}
	
/************************ MENU ************************/

div.menu {
  text-align:right;
  margin-top:5px;
  margin-bottom:20px;}

div.menu a{text-decoration:none;}
  
div.menu img{
  border: 0px;
  margin-left:10px;}

div.submenu{
  text-align:left;
  width:650px;
  margin-bottom:20px;}

div.submenu img{
  border: 0px;
  margin-right:15px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;}
 
 div.submenu2{
  text-align:left;
  width:650px;
  margin-top: -15px;
  margin-bottom:20px;}

div.submenu2 img{
  border: 0px;
  margin-right:15px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;} 
 

#current img{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity:1;}
  
.hover:hover img{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity:1;}
  
#achjo{margin-left:146px;}



.enter {
	display: block;
	float:left;
	width: 250px;
	height: 44px;
	background: url('pics/enter.png') bottom;
	text-indent: -99999px;
}

.enter:hover {
	background-position: 0 0;}

#enter{
	width:250px;
	float:right;
	margin:30px 0 20px 40px;}

#odsek{padding-top:20px;}
 
 
 /************************ EXPEDITIONS SUBMENU ************************/
 
 #submenu{
	width:186px;
	float:right;
	margin:30px 0 40px 40px;}
 
  .overview {
	display: block;
	float:left;
	width: 186px;
	height: 34px;
	background: url('submenu/overview.png') bottom;
	text-indent: -99999px;
}

.overview:hover {
	background-position: 0 0;}
.overview#active {
	background-position: 0 0;}
	
 .itinerary {
	display: block;
	float:left;
	width: 186px;
	height: 34px;
	background: url('submenu/itinerary.png') bottom;
	text-indent: -99999px;
}

.itinerary:hover {
	background-position: 0 0;}	
.itinerary#active {
	background-position: 0 0;}	
	
 .roadmap {
	display: block;
	float:left;
	width: 186px;
	height: 34px;
	background: url('submenu/roadmap.png') bottom;
	text-indent: -99999px;
}

.roadmap:hover {
	background-position: 0 0;}	
.roadmap#active {
	background-position: 0 0;}	
	
 .pricing {
	display: block;
	float:left;
	width: 186px;
	height: 34px;
	background: url('submenu/pricing.png') bottom;
	text-indent: -99999px;
}

.pricing:hover {
	background-position: 0 0;}		
.pricing#active {
	background-position: 0 0;}	
	
 .kitlist {
	display: block;
	float:left;
	width: 186px;
	height: 34px;
	background: url('submenu/kitlist.png') bottom;
	text-indent: -99999px;
}

.kitlist:hover {
	background-position: 0 0;}	
.kitlist#active {
	background-position: 0 0;}	
	
 .shouldknow {
	display: block;
	float:left;
	width: 186px;
	height: 34px;
	background: url('submenu/shouldknow.png') bottom;
	text-indent: -99999px;
}

.shouldknow:hover {
	background-position: 0 0;}	
	
.shouldknow#active {
	background-position: 0 0;}	
	

 
 
 
/************************ NADPISY ************************/

h1{
  font-size:24px;
  color:#533419;
  font-weight:bold;}

#margin{margin:15px 0 20px 0;}
#nomargin{margin-bottom: 5px;}

h1 img{margin: 0 0 0 10px;}

h1 a{
  color:#533419;}
  
h1 a:hover{
  color:#A45209;}

h2{
  font-size:20px;
  color:#A45209;
  font-weight:bold;
  margin:20px 0px 10px 0px;}
  
h3{
  font-size:14px;
  font-weight:bold;
  color:#D7C99A;
  text-align:right; margin:0px 0px 10px 0px;}

h4{color:#533419; margin:0 0 0 10px; line-height:normal;}

h5{
  color:#D7C99A;
  font-size:24px;
  font-weight:bold;}
  
h6{
  font-size:18px;
  color:#A45209;
  font-weight:bold;
  margin:15px 0px 5px 0px;}  

h7{
  font-size:18px;
  font-weight:bold;
  color:#D7C99A;
  padding-bottom:30px;} 
  
   
/************************ PARAGRAFY ************************/
  
p{margin:0px 0px 10px 0px;}

#l{float:left; width:30%;}
#r{float:right;width:65%; text-align:right;}
#s{float:right;width:111; text-align:right;}
#c{clear:both;}

div#n img{border:0; margin:0; padding:0;}

p#onas{
  border: none;
  height:200px;
  padding:5px;
  margin-right:100px;
  margin-top:20px;}
  
p#onas:first-line{
  font-size:14px;
  font-variant:small-caps;
  font-weight:bold;
  letter-spacing:2px;
  color: #FF6600; line-height:25px;}
  
p#onas img{
  float:left;
  border:1px solid #FF6600;
  margin-right:10px;
  margin-left:20px;
  padding:5px;}

p#faq{
  margin-left:20px;
  margin-right:100px;
  margin-top:20px;}
  
p#faq:first-line{
  font-weight:bold;
  color: #333333;
  line-height:25px;}


/************************ SOCIAL ************************/

.facebook {
	display: block;
	float:left;
	width: 24px;
	height: 24px;
	background: url('pics/facebook.png') bottom;
	text-indent: -99999px;
}

.facebook:hover {
	background-position: 0 0;
}


.twitter {
	display: block;
	float:left;
	margin-left:5px;
	width: 24px;
	height: 24px;
	background: url('pics/twitter.png') bottom;
	text-indent: -99999px;
}

.twitter:hover {
	background-position: 0 0;
}


.linkedin {
	display: block;
	float:left;
	margin-left:5px;
	width: 24px;
	height: 24px;
	background: url('pics/linkedin.png') bottom;
	text-indent: -99999px;
}

.linkedin:hover {
	background-position: 0 0;
}

.youtube {
	display: block;
	float:left;
	margin-left:5px;
	width: 24px;
	height: 24px;
	background: url('pics/youtube.png') bottom;
	text-indent: -99999px;
}

.youtube:hover {
	background-position: 0 0;
}




/************************ TABULKY ************************/

table#custom {
	border-collapse:collapse;
  	border:0px solid white;
	text-shadow:none;
	font-size:14px;
	line-height:19px;
  	background-color:#533419;
  	color:#D7C99A;}
  
table#custom td{padding:4px 20px 0px 20px;}

table#custom tr{
  border:0px solid white;
  background-color:#533419;}
  
table#custom tr#caption{
  font-weight:bold;
  border-bottom:1px solid #996633;}

table#custom tr#caption{
  font-weight:bold;
  border-bottom:1px solid #996633;}

table#custom a{color:#FFF; text-decoration:none;}
table#custom a:hover{text-decoration:underline;}

table#custom img{
  border:1px solid #D7C99A;
  padding:5px;
  margin: 0px 0px 0px 5px;}
 
 table#custom img#noborder{border:0; margin: 5px;}
 
table#timeline td{padding:5px;}
  
table#onas{border-collapse:collapse;}
table#onas img{border: 1px solid #533419; padding:5px; margin: 0 20px 20px 0;}

table#onas td:first-line{
  font-size:18px;
  color:#A45209;
  font-weight:bold;
  margin:0 0 5px 0;}

table#timeline td{padding:4px 0;}
td#days {background:url(pics/days.png) top left no-repeat;}

img#noborder{border:0; margin: 5px;}

/************************ FORMULAR ************************/



table#formular {
	border-collapse:collapse;
  	border:0px solid white;
	text-shadow:none;
	font-size:18px;
	font-weight:normal;
	line-height:normal;
  	color:#533419;}
  
table#formular td{padding:4px 10px 0px 10px;}

table#formular tr{
  border:0px solid white;;}
  




textarea.custom{
  background-color:#E8DFC3;
  border:1px solid #533419;
  color:#533419;}
  
input.custom{
  background-color:#E8DFC3;
  border:1px solid #533419;
  height:20px;
  color:#533419;}
  
table.form{border:0px solid red;}

table.form td{border:0x solid red;}


/************************ GALERIA ************************/

/*
	 Auto Generating Photo Gallery
	 by Chris Coyier
	 http://css-tricks.com
*/

#page-wrap			{ width: 800px; margin: 0 auto; }

#page-wrap img{
	border:0px;}

.photo-link			{ padding: 5px; margin: 5px; border: 1px solid #A45209; display: block; width: 100px;
					  float: left; }
.photo-link:hover	{ border-color: #FF6600; }







  
/************************ POZNAMKY ************************/

/*
BORDER
.hover:hover img {border-bottom:1px solid #999999;}
#current img{border-bottom:1px solid #CCCCCC;}

OPACITY
div.menu img{border: 0px; margin-left:15px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: 0.7;}
.hover:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

*/