/* * * * * * * * * * * * * * *    common styles    * * * * * * * * * * * * * * */
	
html, body	
{
	margin: 0;
	padding: 0;

	background: #4bb0e7 url(obr/pozadi.jpg) repeat-x;
}



	/*--------------------- MAIN ----------------------------------------------------*/
	
	#main 								{ text-align: left; width: 978px; margin: 0 auto; text-align: left;
											   }	
	
	/*--------------------- TOP -----------------------------------------------------*/
	
	#top 									
	{
	position: relative;
	width: 100%;
	height: 246px;
	background: url(obr/logo.jpg) no-repeat;
	font-family: Arial;
}
	
.pocitadlo {
text-align:center;
 }	
	
	/*--------------TOP MENU --------------------------------------------------------*/
	
	#topmenu								{ position: absolute; left: 37px; top: 42px; }
	#topmenu ul							{ padding: 0; margin: 0; list-style: none; float: left; display: block; line-height: normal; width: 202px; }
	#topmenu ul li						{ position: relative; float: left; width: 100%; padding: 0; margin: 0 0 4px 0;
											  background: url(obr/bg_leftmenu_li.gif) 2px 5px no-repeat; }
	#topmenu ul li a					{ color: #fff; display: block; width: 178px; padding: 3px 0 5px 24px; text-align: left; font-size: 1em;
											  border-bottom: 1px solid #79b3d2; text-decoration: none;   }
	#topmenu ul li.home a			{ border: none; }
	
	#topmenu ul ul						{ position: absolute; top: -999em; left: -999em; }
	
	#topmenu ul li:hover a,
	#topmenu ul li.hover a			{ color: #ff9e02; }
	
	#topmenu ul li:hover ul,
	#topmenu ul li.hover ul			{ top: -1px; left: 142px; border: solid 1px #ef9500; border-bottom: none; }
	
	#topmenu ul li:hover ul ul,
	#topmenu ul li.hover ul ul		{ left: -999em; }
	
	#topmenu ul ul li:hover ul,
	#topmenu ul ul li.hover ul		{ left: 202px; }
	
	#topmenu ul li:hover ul li,
	#topmenu ul li.hover ul li		{ margin: 0; border-bottom: solid 1px #ef9500; background: #FFA714; }
	
	#topmenu ul li:hover ul li a,
	#topmenu ul li.hover ul li a	{ width: 192px; padding: 4px 0 4px 10px; margin: 0; color: white; border: none; }
	
	#topmenu ul li:hover ul li:hover,
	#topmenu ul li.hover ul li.hover		{ background: #ef9500; }
		
	
	/*--------------------- LEFT ----------------------------------------------------*/
	
	
	
	#left 								
	{
	position: relative; 
	left: 7px;
	width: 258px; 
	background-color: White;
	
}
	
	#left_cont 							
	{
	width: 258px;
	min-height: 750px;
	margin: 0 0 0 4px;
	padding: 0 0 0 5px;
	background-color: White;
}
	
	/*--------------------- CENTER --------------------------------------------------*/
	
	#center 								
	{
	position: absolute;
	top: 246px;
}
	
	#center_cont 						
	{ 
	width: 697px;
	min-height: 800px;
   height: auto;
   _height: 700px;
   margin: 0 0 0 7px;
	padding: 0 0 0 266px;
	background-color: White;
	}

	

	
	
/* ------------- novinky ------------ */
	
	.novinky
	{
	width: 230px;
	background: #f4f4f4;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
}

.text
	{
	margin: 0px; 
	padding: 0; 
}

.obr
	{
	margin: 0px; 
	padding: 0; 
}
  
	  


	
/* ------------- novinky ------------ */
	
	.kontakt
	{
	width: 250px;
	background: #f4f4f4;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
}


/* * * * * * * * * * * * * formulare - input  * * * * * * * * * * * * * */
	
	form 								{ margin: 0; padding: 0; }	
	
	input.sub2
	{
	border: 1px solid #4BB0E8;
	background: white url(../obr/bg_input.gif) repeat-x;
	width: 186px;
	color: Black;
	font-size: 14px;
}
	
	input.sub						
	{
	padding: 1px 2px;
	margin: 5px 0 0 0;
	background: white url(../obr/bg_infomail_button.gif) repeat-x;
	color: #fff;
	border: 1px solid Gray;
	font-size: 14px;
}

	input.for_jmeno
	{
	border: 1px solid #4BB0E8;
	background: white url(../obr/bg_input.gif) repeat-x;
	width: 186px;
	color: Black;
	font-size: 14px;
}

	input.for_email
	{
	border: 1px solid #4BB0E8;
	background: white url(../obr/bg_input.gif) repeat-x;
	width: 186px;
	color: Black;
	font-size: 14px;
}

	input.for_tel
	{
	border: 1px solid #4BB0E8;
	background: white url(../obr/bg_input.gif) repeat-x;
	width: 186px;
	color: Black;
	font-size: 14px;
}

	textarea.for_text
	{
	border: 1px solid #4BB0E8;
	background: white url(../obr/bg_input.gif) repeat-x;
	width: 500px;
	height: 186px;
	color: Black;
	font-size: 14px;
}

/*************** auta **********/

.auta_foto
	{
	border: 1px solid #4BB0E8;
	margin: 2px;
	  }
	  
  
/******************* kontakty administrace ***************/

.kon_table
{
	border: 1px solid #4BB0E8;
	  }

.kon_nadpis
{
	font-size: 16px;
	color: Red;
	font-weight: bold;
}

/****** formulare administrace  *********/

	input.for_auta
	{
	border: 1px solid #4BB0E8;
	background: white url(../obr/bg_input.gif) repeat-x;
	width: 300px;
	color: Black;
	font-size: 14px;
}

	textarea.for_auta
	{
	border: 1px solid #4BB0E8;
	background: white url(../obr/bg_input.gif) repeat-x;
	width: 300px;
	height: 186px;
	color: Black;
	font-size: 14px;
}

	textarea.for_auta_admin
	{
	border: 1px solid #4BB0E8;
	background: white url(../obr/bg_input.gif) repeat-x;
	width: 300px;
	height: 25px;
	color: Black;
	font-size: 14px;
}


/****************************************************************************/
	
	
	.stred
	{
	margin: 10px; 
	padding: 10px; 
	  }
	

	
   h1
{
	
	font-size: 20px;
	color: #0F77AF;
	font-weight: bold;
}

p 
{
	
	font-size: 16px;
	color: Black;
}
	
a									
{
	text-decoration: underline;
	color: #076da4;
	border: none;
}
	
				

	
	/***************************************** tvorime-weby ********************************/
	
.web_seda {
font-size: 16px;
color: #626262;
}
	
.web_t {
font-size: 16px;
color: red;
}

.web_w {
font-size: 16px;
color: black;
}	

.web_pod {
text-decoration: none;
}	

.web_text {
font-size: 14px;
color: #626262;
}