/* Created by TopStyle Pro Trial Version - www.bradsoft.com */
body
{
margin:0;
padding:0;
/*background-image: url(obr/hlavicka/pozadi.jpg);
background-repeat: repeat;*/
background-color: white;
/*background-color: rgb(226,226,226);*/
text-align:center;
font-size: 8pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Times New Roman;
}

#obal
{
background-image: url("obr/menu/pozadi.jpg");
background-repeat: repeat-y;
/*height: 100%;*/
padding: 0;
margin-left: auto;
margin-right: auto;
width: 770px;
border: 0px;
text-align: left;


}
/*-----------------------------HLAVICKA-----------------------------------*/
#hlavicka
{
padding: 0px;
margin: 0px 0px 0px 0px;
width: 770px;
height: 35px;
border: 0px;
background-image: url("obr/hlavicka/vyplnhlavicka.jpg");
background-repeat: repeat-x;
}

#hlavicka .left
{
	float: left;
	background: url("obr/hlavicka/levahranahlavicky.jpg") no-repeat 0 0;
	width: 8px;
	height: 29px;
	margin: 0px;
	padding: 0px;
}

#hlavicka .middle {		/*parametry hlavicky ve stredu mezi okraji*/
 width: 754px;
 padding: 0;
 margin: 0;	
 float: left;
}

#hlavicka .right				/*prava cast hlavicky a v ni je obr quint.cz*/
{
	float: right;
	background: url("obr/hlavicka/pravahranahlavicky.jpg") no-repeat 0 0;
	width: 8px;
	height: 29px;
	margin: 0px;
	padding: 0px;
}
#hlavicka .middle-left {  /*levy stred cast hlavicky */
	float: left;
	width: 48%;
	height: 29px;
}
/*-----------------------------HLAVICKA / vlajky-----------------------------------*/
#hlavicka .middle-left ul {
	margin: 0px;
	height: 29px;
	padding: 0px;}
	
#hlavicka .middle-left ul li {  /*pozicuje vlajky*/
	display: inline;
	padding: 7px 0px 0px 25px;
   height: 17px;
	float: left;
	}
#hlavicka .middle-left ul li a{			/*parametry vlajek*/
   height: 14px;
	width: 24px;
	float : left;
}
#hlavicka .middle-left ul li a:hover {  /*Hybaci vlajecky*/
	border : 1px solid rgb(221,111,0)
	
}
a.ceska {														/*odkazy na obrazky vlajek*/
	background: url("obr/hlavicka/ceska.jpg") no-repeat 0 0;}    
a.nemecka{
	background: url("obr/hlavicka/nemecka.jpg") no-repeat 0 0;}
a.anglicka{
	background: url("obr/hlavicka/anglicka.jpg") no-repeat 0 0;}
	/*-----------------------------HLAVICKA/ vlajky konec------------------------*/
	
#hlavicka .middle-right {
	float: right;
	width: 48%;
	height: 29px;
	background: url("obr/hlavicka/quintadresa.jpg") no-repeat 95% 0;
}
/*----------------------------konec HLAVICKA-----------------------------------*/

/*-----------------------------baner------------------------*/
#baner 
{
	background: url("obr/banner/banner.jpg") no-repeat 0 0;
	padding:  0px;
	margin: 0px;
	/*border: 1px solid blue;*/
	width: 770px;
	height: 136px;
	
}
/*----------------------------baner konec------------------------*/
/*----------------------------yacatek leveho sloupce------------------------*/

#obalstredu {
/*background-image: url("obr/menu/pozadi.jpg");
background-repeat: repeat-y;*/
width: 770px;
height: 100%;
margin: 0;
padding: 0 0 0 0;
position: relative;

/*border:1px solid rgb(51,153,0);*/
}
#obalstredu .levypanel
{
width: 188px;
margin:0;
padding:0px;
/*height: auto;*/
border: 0px;
float: left;
/*position: relative;*/



}

#obalstredu .levypanel .podbaner {
	background: url("obr/menu/podbanner.jpg") no-repeat 0 0;
	width: 188px;
	height: 64px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	/*float: left;*/
	
}
/*----------------------------rozloeni sloupce------------------------*/
#obalstredu .levypanel .stred {
	width: 195px;
  height: auto;
	float: left;
	margin: 0px;
	/*padding: 0 0 auto 0;*/
	position: relative;
	

}
					/*----------------------------zacatek menu------------------------*/
#obalstredu .levypanel .stred .menu {
  width: 182px;
	height: 266px; 
	margin: 25 0 0 13;
	padding: 0 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	display: inline;
	
	
}
#obalstredu .levypanel .stred .menu ul li{
  /*display: inline;*/
  margin: 0;
  padding: 0;
 	float: left;
  width: 174px;
 	height: 37;


}
#obalstredu .levypanel .stred .menu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
 	float: left;
	/*display: inline;*/ 
  width: 174px;
  height: 185px;

}
#obalstredu .levypanel .stred .menu ul li a {
  display: block;
  width: 174px;
  height: 37px;
  line-height: 37px;
  text-decoration: none;
  background: url("obr/menu/neaktivni.jpg") no-repeat left center;
 /* text-indent: 33px;  dela posunuti v IE o 33px co se tzce menu*/
 	float: left;
	/*display: inline;*/
	margin: 0;
	padding: 0 0 0 13;
  color: rgb(0,0,0);
  text-align: center;
  color: rgb(64,64,64);

	
}
#obalstredu .levypanel  .stred .menu ul li a:hover {
  background-image: url("obr/menu/aktivni.jpg");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 0 13; 
	width: 174px;
  height: 37px;
	  text-align: center; color: rgb(0,0,0);
}		
/*dela to, ze na kazde strance bude v menu zvyraznena pozice*/
#home #obalstredu .levypanel  .stred .menu .home a,
#vyrmoznosti #obalstredu .levypanel  .stred .menu .vyrmoznosti a,
#provoz #obalstredu .levypanel  .stred .menu .provoz a,
#reference #obalstredu .levypanel  .stred .menu .reference a,		
#kontakt #obalstredu .levypanel  .stred .menu .kontakt a {
  background-image: url(obr/menu/vybrano.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0 0 0 13;
  width: 182px;
  cursor: default;
    text-align: center;color: rgb(0,0,0);
}

					
				/*----------------------------menu konec------------------------*/
				/*---------------------------zacatek adresa a mapka------------------------*/
#obalstredu .levypanel  .stred .adresa {
	width: 158px;
	height: 115px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 5 22;
	text-align: left;
}

#obalstredu .levypanel  .stred .adresa p strong {
	font-size: 1.3em;	
} 
#obalstredu .levypanel  .stred .adresa .email {
	
	width: 155px;
	height: 22px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#obalstredu .levypanel  .stred .adresa .email a {
	background-image: url("obr/menu/adresa.jpg");
	background-repeat: no-repeat;
	width: 138px;
	height: 22px;
	float: left;
	margin: 0 0 0 2;
	padding: 0 0 0 0;
}



#obalstredu .levypanel  .stred .mapa{												/*zacatek mapy*/
	width: 180px;
	height: 67px;
	float: left;
	margin: 0;
	padding:0 0 0 0;
}
#obalstredu .levypanel  .stred  a{
	background: url("obr/menu/mapa.jpg") no-repeat 0 0;
	width: 151px;
	height: 67px;
	margin: 0 10 0 21; /*POSOUVANI MAPY*/
	float: left;
}
																				/*konec mapy*/
/*----------------------------levy sloupec konec------------------------*/



#paticka
{
padding: 0 0 0 0 ;
background: url(obr/paticka/paticka.jpg);
background-repeat: no-repeat;
width: 770px;
height: 36px;
clear: both;

}

#paticka p {
color: white;
font-weight: bold;
padding: 18 0 0 25;
}
#paticka p a {
/*text-decoration: none;*/
color : white;
padding: 0 0 0 380;
}
.vid {
display: none;
}




