/*
This design was created to be very simple and easy to edit for beginners. This is achieved by comments spread throughout the HTML file and the CSS that indicate where different parts of the design's code are located. If you have any questions, email me at toxicityj@gmail.com or head over to http://www.zilladesigns.net 
*/



/*BODY*/
body {
	background-color: #b0c4de;/*#e6e6fa;/*#99cccc modra;/* #fcf6c0;/*#ffffff; /*#c7504a  barva celeho pozadi
	font-family: Arial, sans-serif;
	color:#000000;    /*325878; */
	}
	
a {
	color: #e6e6fa /*#fcf6c0; /*#ffffff; /*#c7504a; /*#1874cd;    /*25878*/
	text-decoration:none;
	}
	
a:hover {
	color: #000000; /*#fcf6c0; /*#ffffff; /*#c7504a;  /*#ff0000;   /*C2DFF3;*/
	font-weight : bold;
	}

/*CONTAINER STYLES*/

#main {
	width:800px;
	margin:auto;
	}
	
#header {
	background-image: url(images/tower-prague.jpg);
	width:118%;
	height:285px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	}
	
#header2 {
	background-image: url(images/sepia.jpg);
	width:118%;
	height:285px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	}	
	
#header3 {
	background-image: url(images/miroslava-eliasova-guide-window.jpg);
	width:118%;
	height:285px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	}		
	
#header4 {
	background-image: url(images/miroslava-eliasova-guide-cesky-krumlov.jpg);
	width:118%;
	height:285px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	}			
	
#header5 {
	background-image: url(images/july-morning-prague-1.jpg);
	width:118%;
	height:285px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	}				
	
#header6 {
	background-image: url(images/podyji.jpg);
	width:118%;
	height:285px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	}					

#header7 {
	background-image: url(images/jindrichuv-hradec.jpg);
	width:118%;
	height:285px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	}					
	
#navigation {
	width:118%; /*800px;/
	border:1px  #ffff99; /*#ffffff solid; /*#87aace solid;*/
	margin:0px 5px 5px 0px;
	background-color: #5f5f5f; /*#ffff99; /*#ffffff; /*#c7504a; /*#fefff0*/ /*barva POZADI navigacniho pruhu*/
	
}

#left {
	width:800px;
/*	float:left;*/
	margin-top:5px;
	}
	
#right {
	width:935px;
/*	float:right;*/
	margin:0px 0px 60px 0px;
	border:5px solid #cccccc; /*#909090; /*#b0c4de; /*#6495ed; /*#6a5acd;/*#87aace;/*325878 solid;*//*barva ramecku kolem textu*/
	background-color: #fffaf0; /*#f5f5dc; /*#c7504a; /*#fefff0; */ /*barva pozadi textu*/
	}
	
#search {
	width:205px;
	border:1px #ffffff solid; /* #325878 solid; */
	margin:5px 0px 0px 0px;
	text-align:right;
	}
	
#copyright {
	width:100%;
	border:1px #325878 solid;
	margin:5px 0px 0px 0px;
	text-align:center;
	}
	
#contact {
  font-family:   Arial, Helvetica, sans-serif;  /* font textu v obrazku uprostred nahore */
  font-size:     12pt;                            /* velikost textu v obrazku uprostred nahore */
  color:         #ffff66;                         /* barva textu v obrazku uprostred nahore */
                            /* tloustka pisma textu v obrazku uprostred nahore, doporuceno menit normal, bold */
  padding-top:   120px;
  padding-right: 1em;
  font-weight : /*bold;*/
  }
#contact a{
   color : #ffffff;
   font-weight : /*bold;*/
}

#contact a:hover {text-decoration : normal;
}
  
#topbar {
  width:795px; /*100%;*/
  margin:0px;
  border:0px;
  padding:0.2em;
  background-color: #ffffff; /*#87aace; /*FF8042; */ /*1874cd;*/ /* barva pozadi toho pruhu s datumem, mela by sedet s barvou ramecku, radek 57, ma v komentari text aaa */
  font-family:  Arial, Helvetica, sans-serif;         /* pouzity font */
  font-size: 10pt;                                   /* velikost fontu */
  font-weight: normal;                               /* tloustka pisma, doporucene hodnoty normal, bold */
  color: #ffffff;                                    /* barva pisma */
  }
	

/*TEXT STYLES*/

h1 {
	color: #f4a460;/*#ffffff; /*#ffcccc;*/
	font-size: 55px;
	padding-right:30px;
	/*#font-size: 40pt;*/
  font-family: Palatino Linotype; 
  text-align: left;
  font-weight: normal;   
	}
	
h2 {
	color: #4169e1; /*#b8860b; /*#b22222; /*#cc9966 ;/*#ffcc00;/*#00cc99;/*#ffffff;*/
  font-size:18px;
	padding-left:5px;
	margin:0px;
	clear: both;
	font-family: Palatino Linotype; /*#Trebuchet MS;*/
	font-weight: normal;  
	}

h3 {
	color: #cc6600;/* #ffcccc;*/
	font-size: 18px;
	padding-left:5px;
	margin:0px;
	clear: both;
	font-family: Palatino Linotype; 
  text-align: left;
  font-weight: bold;  
	}	

h4 {
	color: #4169e1; /* #0000cd;/* #ffcccc;*/
	font-size: 10pt;
	padding-left:5px;
	margin:0px;
	clear: both;
	font-family: Arial; 
  text-align: justify;
  font-weight: bold;  
	}	
  
h5 {
	color: #cc6600; /* #0000cd;/* #ffcccc;*/
	font-size: 10pt;
	padding-left:5px;
	margin:0px;
	clear: both;
	font-family: Arial; 
  text-align: justify;
  font-weight: bold;  
	}	  	

h6 {
	color: #ffdead; /* #0000cd;/* #ffcccc;*/
	font-size: 10pt;
	padding-left:5px;
	margin:0px;
	clear: both;
	font-family: Arial;
  text-align: justify;
  font-weight: bold;  
	}	  
  
		
	
p {
	margin:2px 0 0 5px;
	
	}
	
.description_text {
	padding:5px;
	text-align:justify;
	}
	
.content {
	padding:5px 5px 5px 5px;
	text-align:justify;
  font-size: 10pt;
	color:#303030;  /*000000;*/
	font-family: Trebuchet MS;
	}
	
.copy {	
	font-size:10px;
	}

/*NAVIGATION STYLES*/
#navigation ul {
  border : 1px;
  list-style-type : none;
  margin : 1px;
  padding : 5px;
  display : inline;
  font-weight : bold;
  font-family : Trebuchet MS;
}
#navigation li {
  display : inline;
  color : #333333;
  font-family : Trebuchet MS;
  font-weight : bold;
}
#navigation a {
  color : #ffffff; /*#cc6633; /*#9d9d9d ; /*#c7504a; /* #ffffff; /*#000000; barva PISMA v nagigacnim pruhu*/ 
  width : 150px;
  font-weight : bold;
  text-decoration : bold;
 /* border-bottom : 1px solid #87aace; */
 /* border-left : 1px dashed #dadada;
  border-right : 1px dashed #dadada;*/
  padding-left : 5px;
  padding-bottom : 0.25em;
  padding-top : 0.25em;
  font-family : Arial /* Trebuchet MS, Verdana, sans-serif*/;
  font-size : 10pt;
  
}
#navigation a:hover {
  color: #f4a460 ; /*#c7504a*/
  background-color:  #5f5f5f; 
  padding-left : 5px;
  padding-bottom : 0.25em;
  padding-top : 0.25em;
 /* border-left : 1px dashed #fcf6c0;
  border-right : 1px dashed #fcf6c0;*/
  font-weight : bold;
}

/*MISC*/


.searchbutton {
	background-color:#517193;
	border:#708DAE;
	margin:0px 2px 2px 0px;
	height:20px;
	color:#88A4C0;
	}

.searchbutton:hover {
	color:#C2DFF3;
	}
	
.searchbox {
	width:195px;
	margin:2px;
	color:#C2DFF3;
	background-color:#728FAF;
	}
	
#header img {
   border: 0px;
}

.obrVlevo {
   float: left;
   padding: 1em;
	 border: 0px solid #ffffff;  /* v pripade, ze bude udelan ramecek, tak zvetsit hodnotu zde z nuly na neco, asi 1em */
}

.obrVpravo {
   float: right;
   padding: 1em;
	 border: 0px solid #ffffff;
	 margin: 0em;     /* v pripade, ze bude udelan ramecek, tak zvetsit hodnotu zde z nuly na neco, asi 1em */
}

.obrUprostred {
   display: block;
   clear: none;
   text-align: center;          /* IE by ho mel zarovnat na stred, lepsi prohlizecum by to vadit snad nemelo, neb to nema zadny svuj text */
   padding: 1em;
   border: 0px solid #ffffff;
   margin: 0em auto 0em auto;   /* v pripade, ze bude udelan ramecek, tak zvetsit hodnotu zde z nuly na neco, asi 1em. Hodnotu auto nemenit, (nove auto nebude :-) ) */
}

#paticka {
   text-align: center;
   padding-left: 150px;
   font-size: 12px;
   color:#7f7f7f; 
   font-family: Arial;        
}