

/*****************************************************/
/*****		MAIN SITE SETTINGS	 *************/
/*****************************************************/
body {
	margin:0px; padding:0px;
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	color: #000000; 
	background-color: white; 
	
	text-align: center;
	height: 100%; 
	
	background-image: url(../img/layout/podklad.jpg);
	background-attachment: fixed;
}


select,input, button, textarea {
	font-size: 12px;
}

td{
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	color: #000000;
}

table.topped td {vertical-align:top;}

h1		{font-size: 16px; margin:0px; margin-bottom:8px; color: #000000; text-decoration: none;}
h2		{font-size: 12px; margin:0px; margin-bottom:1px; color: #000000;}
h3		{font-size: 14px; margin-bottom:1px;}
h4		{font-size: 13px; margin-bottom:1px;}
h5		{font-size: 12px; margin-bottom:1px;}
h6		{font-size: 11px; margin-bottom:1px;}
p		{margin: 0px; margin-bottom: 6px;text-align:left;}


p,td	{color:#000000;}


a.btm	{color: #97B8CC;text-decoration:none;}
a.btm:hover	{color: #97B8CC;text-decoration:none;}

a   {font-weight: bold;   color: #5C7F6E;}
a:hover	{color: #000000;}

.tabprint {
	display:none;
	visibility: hidden;
}

/*****************************************************/
/*****		PAGE STYLING		 *************/
/*****************************************************/



#fxPage {
	margin: auto; padding:0px;
	width:1090px;
	/*background-image: url(../img/layout/prebg.gif);*/
	background-repeat: no-repeat;
	text-align:center;
	}
	
#fxPageBG {
	margin: 0px; padding:0px;
	width:1090px;
	background-image: url(../img/layout/prebg.gif);

}
	
	
	

#fxHeader {
	height: 207px;
	width: 871px;
	padding: 0px;
	float: left;
	position: relative;
	left: 109px;
	text-align: left;
	background-color:black;
	
	}

#fxHeaderControls {
	height: 33px;
	width: 871px;
	padding: 0px;
	float: left;
	position: relative;
	left: 109px;
	text-align: left;
	background-color: #999999;
	
	
}

#langs {
	width: 140px;
	height: 33px;
	line-height:33px;
	text-align: center;
	float: left;
	background-color: white;	
}

#topText {
	font-family: Arial;
	font-size: 20px;
	float: left;
	/*
	position: relative;
	top: +115px;
	left: +200px;
	text-align: right;
	*/
	
	padding: 0px;
	margin: 0px;
	padding-left:30px;
	width: 700px;
	height: 33px;
	line-height: 33px;
	text-align: left;
	font-weight: bold;
	color: white;
}


#tophome {
	position: absolute;
}

#fxLeft {
	margin-top:0px;
	position: relative; 
	left: +110px; 
	margin-top:12px;
	
	width:150px;
	float:left;
	overflow: hidden;
	z-index: 5;
	clear: both;
}

#fxLeft select {
	 font-size: 11px;
	}
	
#fxLeft button, #accsearch {
	font-size: 11px;
	font-weight: bold;
}

#fxLeft h3 {
	float: right;
	width: 140px;
	height: 40px;
	margin:0px;
	border:0px;
	padding:0px;
	background-image: url(../img/layout/leftmenu.gif);
	color: #EEECD5;
	text-align: left;
}

#leftContact {
	margin-bottom: 10px;
}

#leftContact p{
	padding:0px;
	margin:0px;
	margin-left:10px;
}



#leftContact h3 {
	float: right;
	width: 140px;
	height: 40px;
	margin:0px;
	border:0px;
	padding:0px;
	background-image: url(../img/layout/leftmenu.gif);
	color: black;
	overflow: hidden;
	text-align: left;
}








#selectTours h3 {
	float: right;
	width: 140px;
	height: 40px;
	margin:0px;
	border:0px;
	padding:0px;
	background-image: url(../img/layout/leftmenu.gif);
	color: #EEECD5;
	overflow: hidden;
	text-align: left;


}
#selectTours select {
	width: 130px;
	margin-top: 1px;
}

#selectTours button {
	width: 130px;
	background-color: #EEECD5;
}

#selectAccomodation {margin-top: 0px;}
#selectAccomodation h3 {
	float: right;
	width: 140px;
	height: 40px;
	margin:0px;
	border:0px;
	padding:0px;
	background-image: url(../img/layout/leftmenu.gif);
	color: black;
	overflow: hidden;
	text-align: left;
	
}
#selectAccomodation select {
	width: 130px;
	margin-top: 1px;
}

#selectAccomodation input {
	width: 130px;
	margin-top:10px;
}

#selectAccomodation form {
	display:inline;
}

#selectAccomodation button {
	width: 130px;
	
}


#selectAttractions {margin-top: 0px;}
#selectAttractions h3 {
	float: right;
	width: 140px;
	height: 40px;
	margin:0px;
	border:0px;
	padding:0px;
	background-image: url(../img/layout/leftmenu.gif);
	color: #EEECD5;
	overflow: hidden;
	text-align: left;
}

#selectAttractions select {
	width: 130px;
	margin-top: 1px;
}

#selectAttractions button {
	width: 130px;
	background-color: #EEECD5;
}

#selectSportfields {margin-top: 15px;}
#selectSportfields a {text-decoration:none; color: white;}
#selectSportfields h3 {
	width: 189px;
	height: 36px;
	margin:0px;
	border:0px;
	padding:0px;
	background-image: url(../img/layout/leftmenu.jpg);
	color: white;
	overflow: hidden;
	line-height: 240%;
	text-align: left;
}


#leftBanners {
	margin-top: 15px;
	text-align: left;
}
#leftBanners a {text-decoration:none; color: white;}
#leftBanners h3 {
	width: 189px;
	height: 36px;
	margin:0px;
	border:0px;
	padding:0px;
	background-image: url(../img/layout/leftmenu.jpg);
	color: white;
	overflow: hidden;
	line-height: 240%;
	text-align: left;
}

#leftBanners a {margin-left:28px;text-decoration: none; color: #515528; font-size: 12px; font-weight: bold;}
a.vlevo_banner:hover {margin-left:28px;text-decoration: none; color: #515528;font-size: 12px; font-weight: bold;}

#rightBanners {
	text-align: center;
	color: black;
	font-weight: bold;
	margin-top:10px;
}

#rightBanners a {color: black; font-weight: bold; text-decoration: none;}
a.vpravo_banner:hover {color: black; font-weight: bold; text-decoration: underline;}


#fxRight {
	width:190px;
	overflow: hidden;
	text-align: left;
	margin-top: 12px;
	float:right;
	position:relative;
	left: -110px;
	top: 0px;
	color: #EEECD5;
	
 
}

#fxRight a {
	color: black;
}


#fxRight h3x {
	
	width: 180px;
	height: 25px;
	margin:0px;
	border:0px;
	padding:0px;
	background-image: url(../img/layout/leftmenu1r.gif);
	color: black;
	text-align: left;
	margin-bottom: 5px;
	text-indent: 5px;
}

#fxRight h3 {
	
	width: 180px;
	height: 25px;
	margin:0px;
	border:0px;
	padding:0px;
	background-image: url(../img/layout/leftmenu1r.gif);
	color: black;
	text-align: right;
	margin-bottom: 5px;
	text-indent: 5px;
}

.rfirst {
	position: relative; 
	top: -2px;
}

#fxHeaderContact a {color: white; text-decoration:none}
#fxHeaderContact a.hover {color: white; text-decoration:none}



#fxMaindiv {
	 float: left;
	 margin:0px; padding:0px;
	 width: 527px;
	 text-align: left;
	 position: relative;
	 left: +110px;
	 background-color: white;
	 border:1px solid white;
	 }

#fxMaindiv_big {
	 float: left;
	 margin:0px; padding:0px;
	 width: 700px;
	 text-align: left;
	 position: relative;
	 left: +110px;
	 background-color: white;
	 border:1px solid white;
	 }


#fxPreContentdiv {
   float: left;
   width: 30px;
   height: 15px;

}
#fxContentdiv {
	  float: left;
    	  margin-top:5px;
	  width: 515px;
	  position: relative;
	  left: 5px;
	  /*overflow: hidden;*/
}

#fxContentdiv_big {
	  float: left;
    	  margin-top:5px;
	  width: 685px;
	  /*overflow: hidden;*/
	  position: relative;
	  left:5px;	 

}

	 
#fxFooter	{
	clear: both;
	height: 30px;
	width: 870px;
	padding: 0px;
	margin: 0px;
	padding-top: 5px; 
	color: white;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
	text-align: left;
	background-color: #FFCC00; 

	
}

#bottomBanners {
	width: 550px;
	color: white;
	position: relative;
	left: 150px;

}

a.dole_banner	{font-size: 11px; font-weight:bold;color: #000000;}
a.dole_banner:hover	{font-size: 11px;  font-weight:bold; color: #000000;}




#topBanners {
	/*
	float: right;
	position: relative;
	top: +142px;
	left: -20px;
	clear: both;
	border: 1px solid red;
	*/
	height: 31px;
	line-height:31px;
	width: 830px;
	padding: 0px;
	float: left;
	position: relative;
	left: 140px;
	text-align: left;

}


a.nahore_banner	{font-size: 12px; font-weight:bold;color: #000000;}
a.nahore_banner:hover	{font-size: 12px;  font-weight:bold; color: #000000;}
a.nahore_banner_on	{font-size: 12px; font-weight:bold; background-color: #ffffff; color: #000000;}
a.nahore_banner_on:hover	{font-size: 12px;  font-weight:bold;  background-color: #ffffff; color: #000000;}

#topBanners2 {
	/*
	text-align: left;
	width: 700px;
	height: 18px;
	position: relative;
	top: 3px;
	*/
	height: 20px;
	line-height:20px;
	width: 710px;
	padding: 0px;
	float: left;
	position: relative;
	left: 110px;
	text-align: left;
	overflow: hidden;

}

#topBanners2 div {
 /* spolecne pro horni bannery2*/
	height: 25px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	display: inline;
}

#topBanners2 a {
	position: relative;
	top: 0px;
}
a.nahore2_banner	{font-size: 12px; font-weight:bold;color: #000000;}
a.nahore2_banner:hover	{font-size: 12px;  font-weight:bold; color: #000000;}

a.nahore2_banner_on	{font-size: 12px; font-weight:bold;color: #000000;}
a.nahore2_banner_on:hover	{font-size: 12px;  font-weight:bold; color: #000000;}


div.nahore2_banner_on {
	/*
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	*/
	background-color: #ffffff;
}

div.nahore2_banner {
	/*
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	*/
}








/*****************************************************/
/*****		TOUR,ATTRACTION DIV CLASSES **********/
/*****************************************************/

/* whole detail of tour */
#tourdetail {
   	
}

#tourdetail h4 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
	padding-left: 5px;
}

#tourdetail h2 {
	font-size: 14px;
}

#tourprices {
  
}

.tourprices {width: 60%;}

#tourimages {
	margin-top:3px;
	margin-bottom: 10px;
}

#tourimages img {margin:5px;}

#tourattractions {
	border: 1px solid gray;
}

#tourattractions img {
	margin: 5px;
}

#tourattractions td {
	vertical-align:top;
}



/* attraction detail */
#attractiondetail {
}

#tourdetail h4 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
	padding-left: 5px;
}

#attractiondetail h4 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
	padding-left: 5px;
}


#attractionimages {
	border: 1px solid gray;
	margin-top:10px;
	margin-bottom: 10px;

}

#attractionimages img {margin:5px;}


/* accomodation detail */

#accdetail {
	margin-top:10px;
	margin-bottom: 10px;
}

#accdetail h2 {
	font-size: 14px;
	font-weight:bold;
	padding:0px;
	margin-top: 0px;	
	margin-bottom: 0px;	
	margin-left: 8px;	
}

#accdetail h4 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
	padding-left: 5px;
	
}

#atdetail {
	margin-top:10px;
	margin-bottom: 10px;
}

#atdetail h2 {
	font-size: 14px;
	font-weight:bold;
	padding:0px;
	margin-top: 0px;	
	margin-bottom: 0px;	
	margin-left: 8px;	
}

#atdetail h4 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
	padding-left: 5px;
	
}


#accprices {
}

.accprices {
	width:60%;
}

#acccontact {
	border: 1px solid gray;
	margin-top:10px;
	margin-bottom: 10px;
}

#acccontact h4 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
	font-size:12px;
}

#accimages {
	margin-top:10px;
	margin-bottom: 5px;
}

#accimages img {
	margin:5px;
}

#atimages {
	margin-top:10px;
	margin-bottom: 5px;
}

#atimages img {
	margin:5px;
}


#accpicto {
}

#accpicto .picto {
		width:80%;
}


/* TOUR LIST */
.TLtourlist {
	padding: 5px;
	border: 1px solid gray;
	margin-top: 10px;
	padding-top:5px;
	padding-bottom: 5px;
}

.TLtourlist h3 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
}
.TLtourlist a {
	text-decoration: none;
}

.TLtourlist img {
	margin:10px;
	margin-top:0px;
}

.TLtourlist td {
	vertical-align: top;
}


.TLtourname {
}

.TLtourimage {
	display: inline;
}

.TLtourhead {
	display: inline;
}




/* ATTRACTION LIST */
.ATattlist {
	border: 1px solid gray;
	margin-top: 10px;
	padding-top:5px;
	padding-bottom: 5px;
}

.ATattlist h3 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
}
.ATattlist a {
	text-decoration: none;
}


.ATattname {

}
.ATattimage {
	display: inline;
	
}
.ATattheader {
	display: inline;

}

/* ACCOMODATION LIST */
.AClist {
	border: 1px solid gray;
	margin-top: 10px;
	padding-top:5px;
	padding-bottom: 5px;
}

.AClist h3 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
}
.AClist a {
	text-decoration: none;
}


.ACimage {
	display: inline;
}

.AChead {
	display: inline;
}

#sfimages {
	border: 1px solid gray;
	margin-top:10px;
	margin-bottom: 10px;
}
#sfimages img {
	margin: 5px;
}


#sfdetail h4 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
	padding-left: 5px;
}


/* ACCOMODATION RESERVATION*/
#accreserve a {
	font-weight: bold;
	font-size: 14px;
}

#accreserve h4 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
	padding-left: 5px;
}

#roomtypes {
	border: 1px solid gray;
	margin-top:10px;
	margin-bottom: 10px;

}

#roomtypes h4 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
}

#roomtypes table {
	border: 1px solid black;
}

#roomtypes td {
	background-color: white;
	vertical-align: top;	
	border: 1px solid gray;
}
tr.headline td {
	font-weight: bold;
	color: #515528;
}


#resform {
	border: 1px solid gray;
	margin-top:10px;
	margin-bottom: 10px;

}

#resform h4 {
	margin-top:2px;
	padding-top:5px;
	color: gray;
}

#respreview td {
	background-color: #bbbaa6;
}

#sfreservations td {
	background-color: #bbbaa6;
}

#sfreservations td {
	background-color: #bbbaa6;
}

#respreview {
	width: 500px;
	overflow: scroll;
	padding-bottom: 15px;
}
.help {color:gray; font-size:9px;}

#sfreservations {
	width: 500px;
	overflow: scroll;

}


/* RESERVATION*/
#reserve {
    background-color: #f1efef;
    padding: 5px;
    margin-bottom:10px;

}

#reserve h1 {
	text-transform: uppercase;
}

#reserve h2 {
	text-transform: uppercase;
}

.resStep {
   background-color: white;
   padding: 10px;
   margin-bottom: 10px;

}

input.reserveBut {
   background-color: #666666;
   color: white;
}

/*****************************************************/
/*****		NEWS CLASSES		 *************/
/*****************************************************/
#fxNews	{border: 1px solid black; padding: 5px;}
.fxNewsItem	{margin:0px; margin-bottom:10px;}
.fxNewsItemHeader	{font-weight:bold; font-size:110%;}
.fxNewsItemContent	{}


/*****************************************************/
/*****		GOOGLE SEARCH CLASSES	 *************/
/*****************************************************/
#fxSearch			{}
#fxSearchForm, searchbox_012595423694845355541:lm4g0pojeka			{text-align:center; padding: 0px; margin:0px; }
.fxSearchresult			{padding-bottom: 15px;}
.fxSearchresultHead		{}
.fxSearchresultNote		{text-align:right; margin-bottom:10px;}
.fxSearchresultSnippet		{}
.fxSearchresultUrl		{}
.fxSearchfooter			{margin:30px;text-align: center;}


#googlesearch {
/*
	margin:0px;
	height: 25px;
	width: 200px;
	float: right;
	margin-top: 5px;
	

	position: relative;
	top: 85px;
	left: 10px;
	float: right;
	clear: both;
	overflow: hidden;
	clear: both;
*/
	margin-top:15px;	
}

#googlesearch .fxSearchSubmit {
	width: 30px;
	background-color: #EEECD5;
	font-weight: bold;
	position:relative;
	top: 1px;
}

#googlesearch .fxSearchInput {
	width: 100px;
 	font-size: 11px;	
}


/*****************************************************/
/*****		SWITCHING DIVs	ACCOMODATION  ********/
/*****************************************************/

#ACTabs {
  margin-left: 9px;
  padding-bottm: 10px;
}

div.ACcard	{
	/*
	border:1px solid gray;
	border-top:1px solid white;
	border:2px solid;
	*/
	border:1px solid gray;
	display:inline;
	font-size:12px;
	width:620px;
	
	display:none;				
	padding:10px;
	margin-bottom: 3px;
	background-color: white;
}

div.ACtab	{
	border:1px solid gray;
	border:2px solid;				
	border-bottom:none;
	padding:2px 4px 2px 4px;
	display:inline;
	height:1px;
	position:relative;				
	font-size:12px;
	font-weight: bold;
	background-color: #666666;
	color: white; 
	cursor:hand;
	cursor:pointer;
}
div.ACtabON	{
	border:1px solid gray;
	border:2px solid;				
	border-bottom:none;
	padding:2px 4px 2px 4px;
	display:inline;
	height:1px;
	position:relative;				
	font-size:12px;
	font-weight: bold;
	color: white; 
	cursor:hand;
	cursor:pointer;
	background-color: #666666;
}
div.ACtabOFF	{
	border:1px solid gray;
	border:2px solid;				
	border-bottom:none;
	padding:2px 4px 2px 4px;
	display:inline;
	height:1px;
	position:relative;				
	font-size:12px;
	font-weight: bold;
	color: #666666; 
	cursor:hand;
	cursor:pointer;
	background-color: white;
}

div.ACtabCHECK	{
	border:1px solid gray;
	border:2px solid;				
	border-bottom:none;
	padding:2px 4px 2px 4px;
	display:inline;
	height:1px;
	position:relative;				
	font-size:12px;
	font-weight: bold;
	background-color: #5C7F6E;
	color: white; 
	cursor:hand;
	cursor:pointer;
}


/*****************************************************/
/*****		SWITCHING DIVs	TOURS    *************/
/*****************************************************/
#TOURTabs {
  margin-left: 9px;
}

div.TOURcard	{
	/*
	border:1px solid gray;
	border-top:1px solid white;
	border:2px solid;
	*/
	display:inline;
	font-size:12px;
	width:620px;			
	display:none;				
	padding:10px;
	margin-bottom: 3px;
	background-color: white;
}

div.TOURtab	{
	border:1px solid gray;
	border:2px solid;				
	border-bottom:none;
	padding:2px 4px 2px 4px;
	display:inline;
	height:1px;
	position:relative;				
	font-size:12px;
	font-weight: bold;
	background-color: #666666;
	color: white; 
	cursor:hand;
	cursor:pointer;
}
div.TOURtabON	{
	border:1px solid gray;
	border:2px solid;				
	border-bottom:none;
	padding:2px 4px 2px 4px;
	display:inline;
	height:1px;
	position:relative;				
	font-size:12px;
	font-weight: bold;
	color: white; 
	cursor:hand;
	cursor:pointer;
	background-color: #666666;
}
div.TOURtabOFF	{
	border:1px solid gray;
	border:2px solid;				
	border-bottom:none;
	padding:2px 4px 2px 4px;
	display:inline;
	height:1px;
	position:relative;				
	font-size:12px;
	font-weight: bold;
	color: #666666; 
	cursor:hand;
	cursor:pointer;
	background-color: white;
}

div.TOURtabCHECK	{
	border:1px solid gray;
	border:2px solid;				
	border-bottom:none;
	padding:2px 4px 2px 4px;
	display:inline;
	height:1px;
	position:relative;				
	font-size:12px;
	font-weight: bold;
	background-color: #5C7F6E;
	color: white; 
	cursor:hand;
	cursor:pointer;
}



#tour_right {
	/*background-color: #f1efef;*/
	background-color: white;
	color: black;	
}

#tour_right a {
	color: black;
	line-height: 140%;
}

.region_gallery {
	display:none;
}

.tour_gallery {
	display:none;
}


div.tour_gallery {
	text-align: center;
}

/* Data table */

#predata {
	/*width:520px; */
	width: 98%;

}

#data {
  width: 100%;
  font-size:10px;


}

#data td {
	
}

#data .blank {
   background-color: white;
}


#thead-list {
	background-color: #333333;
}

td.hb {
	color: white;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	text-align: center;
	font-size:10px;
	
}

td.ac_city, td.ac_types, td.ac_styles, td.ac_cuisines, td.ac_stars, td.ac_price, td.t_types, td.t_interest, td.t_persons, td.t_days, td.t_guidances, td.t_ratings, td.t_price, td.at_name, td.at_destinations, td.at_types {
 text-align: center;
 font-weight:bold;
}

td.ac_price	{
	white-space: nowrap;
}

td.t_price	{
	white-space: nowrap;
}


td.at_name {
   font-weight: bold;
   white-space:nowrap;
}

td.ac_more, td.t_more, td.at_more {
 background-color: #f1efef;
 font-weight: normal;
}

.t_more {
	font-size: 13px;
}


.ac_more a {
  font-weight: bold;
  color: #5C7F6E;
} 
.at_more a, .ACcard a, .TOURcard a {
  font-weight: bold;
  color: #5C7F6E;
} 

.t_more a {
  font-weight: bold;
  color: #5C7F6E;
  font-size:14px;

} 

div.t_details {
	font-size: 12px;
	text-align: right;
	display: inline;
	text-align: right;
	
}

.t_details a {
	text-align: right;
	font-size: 12px;
}

td.ac_detail {
 background-color: #f1efef;
 font-weight: normal;
}

td.at_detail {
 background-color: #f1efef;
 font-weight: normal;
}

td.t_detail {
 background-color: #f1efef;
 font-weight: normal;
}


.datarow {
 background-color: #f1efef;
}

.resObigatory {
	display:inline;
	color: red;
}

