@import url(//fonts.googleapis.com/css?family=Titillium+Web|Open+Sans&subset=latin,latin-ext);


body {    
	margin:0 0 20px 0;
	padding: 0;
   font-size:16px;
	font-family:  "Titillium Web", "Open Sans", "Verdana CE", Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
   line-height:1.6em;
}

h1, h2, h3, h4, h5 {font-weight:normal;}
/*
h1 {padding:0;
   margin:0;
   font-size:8em;
   line-height:0.65em;
   font-weight:100;
   text-align:center;}
h1 small {font-size:0.45em;padding-left:3.5em;
   color:rgb(204,51,0);}
*/  


   
#hlavicka {}
#hlavicka h1 {
   position:absolute;
   top:83px;
   left:189px;
	padding:0;
	margin:0;  
	width:421px;
	height:124px;
   text-align:center;
   background-image: url('../pic/hlavicka-logo.gif');
	background-position: top right;
	background-repeat: no-repeat;}
#hlavicka h1 span {display:none;}

#hlavicka .textovynadpis {padding:0;
   margin:0;
   font-size:4em;
   line-height:0.65em;
   font-weight:100;
   text-align:center;}
   
     
#menu {position:absolute;
   top:30px; 
   left: 0px; 
   width:960px;  
   color:rgb(204,51,0); 
   font-size:1.6em;
   text-align:center;}
   
#menu a {color:rgb(204,51,0); text-decoration:none;}
#menu a:hover {color:black;}
 
#menu .zvolene {text-decoration:underline;}
#menu .zvoleneano {color:black; text-decoration:none;text-transform:uppercase; font-weight:bold;font-size:0.8em;}

#hornilista {text-align:center;
   background: rgb(230,230,230);
   color:rgb(128,128,128);
   padding:5px 0 3px 0;
   margin:0;
   font-size:1.1em;
   letter-spacing:0.2em; 
   word-spacing: 0.3em;
   border-bottom:1px solid rgb(240,240,240);
   }
#hornilista .hornilistabox  {}

#stred {margin:270px 227px 0 93px;}

h3 {padding:0;font-size:1.5em;margin:1em 0 0.2em 0;}

#galerie {text-align:center; overflow:auto; height:300px;width:640px;
   padding:0;margin:0; 
	white-space: nowrap;}

#galerie .galeriebox {height:270px;	width:1660px;overflow:none;white-space: nowrap;}
  
.galeriebox .ukazka {float:left; height:270px; width:332px; overflow:hidden; }
.galeriebox .ukazka h4 {padding:0;margin:0; line-height:1em; color:rgb(204,51,0);font-size:1.5em;}
#galerie img { margin:5px 30px 8px 0px; border:1px solid black;padding:0;}

.ukazkavelkaokno { height:530px; height:80%; overflow:auto;padding:1em 0;background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.ukazkavelka {padding: 0 0 1em 0;}
.ukazkavelka img {padding:5px;margin: 0 1.5em 0.5em 0; float:left;}
.ukazkavelka fieldset {text-align:left; width:590px;line-height:1.5em;border:1px solid silver; color:rgb(80,80,80);margin:0;padding:0 10px 5px 10px;}
.ukazkavelka legend  {padding:0 0.3em;margin:0 0.5em; color:rgb(204,51,0);font-size:1.5em;text-align:center}
.ukazkavelka address {text-align:right; display:box;font-style: normal;}
.ukazkavelka address a {color:rgb(80,80,80);}

hr {padding:0; margin: 3em 1em 3em 1em; background:white;
   border:none; border-bottom:1px solid #ddd;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.cervena {color:rgb(204,51,0)}
#celeokno {width:960px;
	padding:0;
	margin:0 auto;
	position:relative;
   top:0; left:0;
	text-align:left;
   
}
	
#celeokno .celeoknobox {padding:0;
	margin:0;      
   position:relative;
   top:0px;
   left:0px;
   min-height: 600px;
   background-image: url('../pic/pozadi-internet.gif'), url('../pic/pozadi-zkratky.gif');
	background-position: left 60px, right 60px ;
	background-repeat: no-repeat, no-repeat; 
   border-top:1px solid white; 
	}
 
 
 #paticka {margin:3em 7em 1em 0;text-align:center; color:rgb(128,128,128);}