html {
	margin: 0;
	padding: 0;
	font: 9pt/1.2 Arial,Helvetica,sans-serif;
	color: black;
	background: #717681 url(../img/bg.jpg) repeat-x;
	height: 100%;
}
html.html15{
	background: #717681 url(../img/bg2.jpg) repeat-x;
}
html.html16{
	background: #717681 url(../img/bg3.jpg) repeat-x;
}
html.html17{
	background: #717681 url(../img/bg4.jpg) repeat-x;
}
body {
	margin: 0;
	padding: 0;
	background:url(../img/flag1.png) center 0px no-repeat;
	height: 100%;
}  

#page {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1004px;
  z-index: 1;
}


#header 
{
position:relative;
width:1004px;
height:370px;
background: url(../img/header.png) no-repeat;
}

#fotos{
  width:180px;
  height:40px;
  position: absolute;
  top:225px;
  left:775px;
  display: block;
  z-index: 100;
}
#flags{
  width:180px;
  height:40px;
  position: absolute;
  top:130px;
  left:820px;
  display: block;
  z-index: 100;
  list-style: none;
}
#flags li{
  float:left;
  margin:0 10px;
  padding:0;
}
#flags li a{
  display: block;
  width:31px;
  height:20px;
}
#flags li a.cz{background: url(../img/cz.jpg) no-repeat;}
#flags li a.en{background: url(../img/en.jpg) no-repeat;}  
h1 {
  width:1024px;
  height: 214px;
	position: relative;
	margin: 0;
	padding: 0;
  overflow: hidden;
  margin:-14px 0 0 0;
}


h1 a {
	width: 1024px;
	height: 214px;
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
}
h1 a span {
	display: block;
	width: 1024px;
	height:200px;
	position: absolute;
	top:0;
	left:0;
	background: url('../img/flash.jpg') 0 0 no-repeat;
	
}
.no_css{
  display: none;
}



h2 {

color:red;


}

h3 {

color:red;
font-size:16px;

}

img {
border:none;
}

#menu{
  width:1004px;
                       
  background: url(../img/header.png) no-repeat;
  margin:0px 0 0 0;
  padding:0;
  overflow: hidden;
  list-style: none;
  z-index: 50;
}
#menu li{
  margin:0;
  padding: 0;
  float:left;
}
#menu li a{
  height:148px;
  display: block;
  font-size: 0;
  
}


#menu li.m1 a{width:270px;}
#menu li.m15 a{width:200px; background:url('../img/menu1.jpg') 0 0 no-repeat}
#menu li.m16 a{width:222px; background:url('../img/menu2.jpg') 0 0 no-repeat}
#menu li.m17 a{width:311px; background:url('../img/menu3.jpg') 0 0 no-repeat}


#menu li.m15 a.active{width:200px; background:url('../img/menu1_.jpg') 0 0 no-repeat}
#menu li.m16 a.active{width:222px; background:url('../img/menu2_.jpg') 0 0 no-repeat}
#menu li.m17 a.active{width:311px; background:url('../img/menu3_.jpg') 0 0 no-repeat}

#menu li.m15 a:hover{width:200px; background:url('../img/menu1_.jpg') 0 0 no-repeat}
#menu li.m16 a:hover{width:222px; background:url('../img/menu2_.jpg') 0 0 no-repeat}
#menu li.m17 a:hover{width:311px; background:url('../img/menu3_.jpg') 0 0 no-repeat}


#page #menu li ul{
  position: absolute;
  top:334px;
  margin:0;
  padding:0 0 0 20px;
  left:0px;
  width:984px;
  background:  url(../img/menu.jpg) 0px 0px no-repeat;
  list-style: none;
  z-index: 50;
}   
#menu li ul li{
  margin:0;
  padding:0;
  margin:0 0 0 10px;
  width:85px;
  position: relative;
  z-index: 50;
}
#menu li.m1 ul li a, #menu li.m15 ul li a, #menu li.m16 ul li a, #menu li.m17 ul li a{
  background: none;
  display: block;
  height:47px;
  line-height: 42px;
  width:85px;
  font-size: 1.0em;
  background:  url(../img/menu-li.jpg) 0px 5px no-repeat;
  color:#000;
  text-decoration: none;
  padding:0 5px 0 17px;
  overflow: hidden;
  text-align: left;
  width:auto:
  z-index: 50;
}
#menu li.m1 ul li.first a, #menu li.m15 ul li.first a, #menu li.m16 ul li.first a, #menu li.m17 ul li.first a{
  background: none;
}
#menu li.m1 ul li a:hover, #menu li.m15 ul li a:hover, #menu li.m16 ul li a:hover, #menu li.m17 ul li a:hover,
#menu li.m1 ul li a.active, #menu li.m15 ul li a.active, #menu li.m16 ul li a.active #menu li.m17 ul li a.active{
  font-weight: bold;
}   

#page #menu li ul li ul{
  position: relative;
  top:-3px;
  margin:0;
  padding:10px 0 10px 0px;
  left:0px;
  width:225px;
  z-index: 50;
  list-style: none;
  background:#d00e0c url(../img/li-top-active.jpg) 0px 0px no-repeat ;
  display: none;  
}


#menu li ul li ul li{
  margin:0;
  padding:0;
  
  float: none;
}   
#menu li.m1 ul li ul li a, #menu li.m15 ul li ul li a, #menu li.m16 ul li ul li a, #menu li.m17 ul li ul li a{
  font-size: 1.0em;
  color:#fff;
  height:32px;
  line-height: 32px;
  background: none;
  width:210px;
  border-bottom:1px #fff dashed;
  margin:0;
  padding:0 0 0 15px;
}

   
   #main
   
   {
     position:relative;
     margin:20px 0 0 0;
     background: #717681 ;
     z-index:1;
   }
   
  #main a{
    color:red;
  }
#content{
  float:left;
  position:relative;
  z-index:10;
  margin:0;
  padding:20px 20px 20px 20px;
  background: white url(../img/menu-top.jpg) 0px 0px no-repeat;
  width:707px;
  display: block;
}
   
   
#right{
position:relative;
float:left;
width:236px;

}
   
   
   
#newsletter
{
position:relative;
margin-left:20px;
background: white url(../img/newsletter.jpg) 0px 0px no-repeat;
width:236px;
height:111px;
   
}
   
   
#inzerce
{
position:relative;
margin-left:20px;
margin-top:20px;
background: white url(../img/inzerce.jpg) 0px 0px no-repeat;
width:236px;
height:71px;
}
   
   
#race
{
position:relative;
margin-left:20px;
margin-top:20px;
background: white url(../img/race.jpg) 0px 0px no-repeat;
width:236px;
height:143px;
   
   
   }
   
   
#nadpis {
color:#e9b7b7;
font-weight:bold;
margin-left:15px;
padding-top:15px;
}


#inzerce_nadpis {
color:#fdfbfe;
font-weight:bold;
font-size:1.2em;
margin-left:70px;
padding-top:18px;
}

 
 
 
#race_nadpis {
color:#d80411; 
font-weight:bold;
margin-left:60px;
padding-top:15px;
font-size:1.2em;
}
 
 
 
 
 
 #newsletter form{
  
  width:200px;
 
}


#newsletter input.button2 {
 
	position:absolute;
	top:35px;

	margin-left:172px;
	##margin-left:0px;
  width:53px;
  height:51px;
  display:block;
  border:none;
  background: url('../img/button.jpg') 0 0px no-repeat;
  cursor: pointer;
  font-weight:bold;
}

#newsletter input.searchengine
{
position:relative;
margin-left:20px;
margin-top:16px;
color:#000;
##margin-top:-4px;
##margin-left:17px;
##width:130px;
border:none;
width:143px;
height:18px;
}
 
 
 
.red{
  color:#d00000;
} 
 
#page input.button {
  top:85px;
	position:absolute;
  left:300px;
  cursor: pointer;
  font-weight:bold;
  width:100px;
  ##top:100px;
} 
 
 
 
 
 
   
   
   
   hr.cl
{
clear: both;
height: 1px;
line-height:1px;
margin: -1px 0 0 0;
padding: 0;
border: none;
visibility: hidden;

}
.clear_both{
  clear:both;
}


#footer 

{
margin:10px 0 0 0;
width:747px;
height:130px;
 background: #717681 url(../img/footer.jpg) 0px 0px no-repeat;



}


.banery {
margin-top:15px;
margin-left:5px;

}

.banery img{
  margin:5px 15px;
}

#white {
width:236px;
height:150px;
background:#fff;
margin-left:20px;
margin-top:20px;
}



#footer .partneri
{
display:block;
font-weight:bold;
color:#d00b0b;
font-size:14px;
padding:10px 0 0 20px;
height:90px;
}
#footer .partneri img{
  margin:0 15px;
}

#footer span.istudio
{
display:block;

color:white;

padding:15px 0 0 10px;

}


#footer span.istudio a
{


color:white;



}


#object_detail img, #last_photo img{
  background: url('../img/border.jpg') 0 0 no-repeat;
  padding:4px;
  border:none;
  
}
#news .news-item, #objects .objects-item, #events .events-item{
  background: url('../img/line.jpg') right bottom no-repeat;
  padding:10px 0;
  margin:10px 0;
}

#main #news .news-item a.img, #new_detail a.img img, #main #objects .objects-item a.img, #main #events .events-item a.img, #main #redirection a.img{
  background:red  url('../img/news.jpg') 0 0 no-repeat;  
  display: block;
  height:117px;
  width:115px;
  float:left;
  text-decoration: none;
  border:none;
  margin-right:20px;
  margin:0 15px 0 0;
}


#new_detail img{
  text-align: center;
  margin:20px auto;
  display: block;
}

#main #news a.img img, #main #objects a.img img,#main #events a.img img, #main #redirection a.img img{
  border:none;
  padding:14px;
  float:left; 
}

#news .news_inserted{
  color:rgb(183,151,123);
  font-weight: bold;
  font-size: 1.2em;
}

/**/

#piloti{
    
    margin:0 180px 0 0;                                                                                                                
    padding-right: 10px;
    
}
#piloti img{
   display: block;
  float:left; 
  width:118px;
  height:118px;
  text-decoration: none;
  border:none;
  background: url('../img/news2.jpg') 0 0 no-repeat;
  padding:15px; 
}

#piloti ul{
    list-style: none;
    
    
    
    margin: auto 0 0 140px;
    _margin-left: 140px;
}
#piloti h5{
    font-size: 1em;
    margin-left:180px;
    padding: 10px 0px;
  
}
#piloti a{
    
    text-decoration: underline;
}

.pilot{
    margin-bottom: 20px;
    min-height: 120px;
    _height: 80px;
}

/**/

#uvod_technika {
    
	margin-top:10px;
    font-weight: normal;
    color: #FFF;
    text-align: left;
    line-height: 20px;
	
}

.uvod_obr_technika {
padding:15px;
border:none;

}

.obrys_vozu_technika {
   
    margin: 0;
	margin-top:10px;
    
	}
	
.obr_motor_technika {
   
    margin: 0;
	margin-top:10px;
	float:left;
    
	}
	
.popis_technika {
   
    	float:left;
	width:305px;
	_width:298px;
	height:280px; 
	margin-left: 15px;
	padding:10px;

	text-align:justify;

	
    
	}
.historie_technika {
   
    	float:left;
	padding:10px;

	text-align:justify;
	
	
    
	}

.nahled_technika{
	
	margin:0 10px 10px 0;
	_margin:0 8px 8px 0;
	border:0px;

	}




/*rozcestnik*/

#content #page_divider{
  list-style-type: none;
}

#content #page_divider li{
  list-style: none;
  list-style-type: none;
  background: none;
  margin:15px 0;
  height:120px;
}

#content #page_divider li img {
  display: block;
  float:left; 
  
  text-decoration: none;
  border:none;
  background: url('../img/news.jpg') 0 0 no-repeat;
  padding:15px; 
}
#content #page_divider li h3{
  float:left;
  display: block;
  
  padding:5px 0 0px 10px;
  
}

#content #page_divider li a{
  text-decoration: none;
 
}




/*partneri */

#page .partners-item{

  float:left;
  margin: 10px;
  vertical-align: middle;
}
#page .partners-item a.img{
   border:None;
   text-decoration: none;
   background:#fff url('../img/partners-bg.jpg') 0 0 no-repeat;
   display: block;
   text-align: center;
    width:211px;
    height:177px;  
}
#page .partners-item img{
  border:none;
   margin:50px 0 0 0;  
}
#page .partners-item h3{
  margin:0;
   text-align:center;
}
#page .partners-item h3 a{
 position:relative;
 font-size:13px;
 text-decoration:none;
}


/*fotogalerie*/

#main .mesice

{

  float:left;
  margin:2px;
  text-align:center;
  padding:0 7px;
  height:30px;
  line-height:30px;
  font-size:11px;
  background:#ffd098;
}

#main.blood .mesice{
 background:#FED7D3;
}




#content .gallery{
  display: block;
 text-align: center;
  float:left;
  width:100px;
  margin:20px 30px;

}

.gallery   img{
  display: block;
  float:left; 
  
  text-decoration: none;
  border:none;
  background: url('../img/news.jpg') 0 0 no-repeat;
  padding:15px; 
}
 

.gallery a{
  text-decoration: none;
  margin-left:15px;
}

#content .gallery strong{
  color:black;
  font-size:10px;
}

/* kalendar udalosti */

#page #main #content table#calendar
{
  margin: 0; 
  margin-left: 10px;
  display: block;
  background: #fff;
 padding:4px;
  border-width: 2px;
  float:right;

}

#page #main #content .calendar_item i{
  font-weight: bold;
  color:red;

}
 
#main #content table#calendar th, #main #content table#calendar td
{
  text-align: center;
  width: 26px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  font-weight: bold;
  border: 1px solid #c2c2c2; 
  margin: 3px;
  background: #ddd url(../images/calendar-td.jpg) top left no-repeat;
}

#main #content table#calendar th
{
  background: #228490;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #696969 url(../images/calendar-th.jpg) top left no-repeat;
}


#main #content table#calendar td
{
  font-size: .9em;
}
	
#main #content table#calendar td a
{
		display: block;
  width: 25px;
  height: 20px;
  line-height: 20px;
	overflow: hidden;
	text-decoration: none;
}
	  
#main #content table#calendar td a:hover
{
	text-decoration: underline;
}
	  
#main #content table#calendar th a
{
	display: block;
  width: 25px;
  height: 20px;
  line-height: 20px;
	overflow: hidden;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 1.4em;
}  
  
#main #content table#calendar td.day-highlited
{
  color: #fff;
  background: #a00 url(../images/calendar-td-active.jpg) top left no-repeat;
}

#main #content table#calendar td.day-highlited a
{
color: #fff;
}


/* informacni bublina */

#bubble
{
	position: absolute;
	top: 0;
	left: 0;
	width:150px;
	display: none;
	background: #d9d9d9;
	border: 2px solid #a0a0a0;
	padding: 10px;
	color: #000;
	font-weight: bold;
}

.paging{
  text-align: center;
}



#kecarna {
  padding:40px 0;
  text-align: center;
  display: block;
  width:700px;
}

.line{
  border-bottom:1px dotted red;
  margin-bottom:5px;
}

#page .chat a{

}

#kecarna label,#kecarna span{
  float:left;
  margin:4px 0 0 0; 
  padding:3px 0 0 0;
  font-weight: bold;
  width:120px;
}

#kecarna input {
  width:280px;
  height: 15px;
  margin:5px 0 0 50px;
  text-align: left;
  float:left;
}

#kecarna textarea{
  width:380px;
  margin:0 0 0 30px;
  float: left;
  height:120px;
  margin-left: 15px;
}

#kecarna #rules {
  width:15px;
  float:right;
}

#kecarna #send{
   width:191px;
   height:42px;
   float:right;
   border:none;
   background:none;
   background: url('../img/chat1.jpg') 0 0 no-repeat;
   text-align: center;
   color:#fff;
   font-weight: bold;
   cursor: pointer;
}


.red{
  color:red;
}

ul.chat {
  display:block;
  font-size: 1em;
  padding:0;
  margin:0;
  margin-left:-10px;
}

ul.chat li {
  list-style: none;
  list-style-type: none;
  float:left;
  text-align: center;
  padding: 0px 10px 0px 8px;
	background: url('../img/divider.jpg') left 5px no-repeat;  
}

ul.chat li.first {
  background:none;
}


.margin-left{
  margin-left: 25px;
}