/****************************************************************************************/
/*                                                                                      */
/* Version:         2009-09-09 24:00                                                    */
/* Last changed by: Josef Vondráček                                                     */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* CONTENT		                                                                        */
/*======================================================================================*/

#content h1,
#content h3
{

}




#content h1 strong,
#content h2 strong
{
	color: #95a641;
}

#content ul,
#content ol
{
	margin: 0 15px;
}

#content p
{
	padding: 30px 5px;
}

#content .buttons
{
	margin: 25px 0 0 0;
}

#content .buttons .left
{
	width: 250px;
	margin: 0 90px 0 0;
	float: left;
}

#content .buttons .last
{
	margin: 0;
}

#content .buttons p
{
	padding: 10px 5px 5px 5px;
}

.buttons h2,
.buttons h2 span
{
	width: 201px;
	height: 50px;
	position: relative;
	overflow: hidden;
}

.buttons h2 span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/button-mandatory.png) no-repeat left top;
}

.buttons h2 a
{
	text-decoration: none;
}

.buttons h2.wrecking span
{
	background-image: url(images/button-wrecking.png);
}

.buttons h2.travel span
{
	background-image: url(images/button-travel.png);
}

/*======================================================================================*/
/* LEFT PANEL	                                                                        */
/*======================================================================================*/

#leftPanel
{
	width: 772px;
	margin: 0 0 0 5px;
	display: inline;
	float: left;
	position: relative;
	background: #ffffff;
}

#leftPanel #leftPanelContent
{
	padding: 15px 0px 0px 0px;
}

#leftPanel #leftPanelContent h1
{

	margin: 5px 0 0 0;

	color: #0f3973;
	font-size: 20px;
}

#rightPanel #leftPanelContent h1
{
	width: 330px;
	margin: 5px 0 0 0;
	float: left;
	color: #0f3973;
	font-size: 20px;
}

#leftPanel #leftPanelContent ul.top
{
	width: 395px;
	padding: 0 0 0 15px;
	float: right;
	overflow: hidden;	
	color: #3d4756;
}

#leftPanel #leftPanelContent #comparison
{
	width: 739px;
	margin: 10px 0 0 0;
	clear: both;
}

#leftPanel #leftPanelContent #comparison .items
{
	width: 178px;
	height: 178px;
	margin: 0 8px 0 0;
	padding: 45px 0 0 0;
	float: left;
}

#leftPanel #leftPanelContent #comparison #personal
{
	background: url(images/personal-background.jpg) no-repeat left top;
}

#leftPanel #leftPanelContent #comparison #freight
{
	background: url(images/freight-background.jpg) no-repeat left top;
}

#leftPanel #leftPanelContent #comparison #motorcycle
{
	background: url(images/motorcycle-background.jpg) no-repeat left top;
}

#leftPanel #leftPanelContent #comparison #other
{
	background: url(images/other-background.jpg) no-repeat left top;
}

#leftPanel #leftPanelContent #comparison #other input
{
	margin: 0 5px 0 15px;
	position: relative;
	float: left;
	clear: left;
}

#leftPanel #leftPanelContent #comparison #other label
{
	width: 100px;
	margin: 0 0 4px 0;
	float: left;
	color: #3d4756;
}

#leftPanel #leftPanelContent #comparison .last
{
	margin: 0;
}

#leftPanel #leftPanelContent #comparison .itemInfo
{
	padding: 9px 0 0 0;
	position: relative;
	top: -1px;
}

#leftPanel #leftPanelContent #comparison .itemInfo #topObject
{
	width: 187px;
	height: 9px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	background: url(images/item-content-object-background.png) no-repeat left top;
}

#leftPanel #leftPanelContent #comparison .itemContent
{
	width: 689px;
	padding: 10px 25px;
	float: left;
	position: relative;
	background: #0f3973;
}

#leftPanel #leftPanelContent #comparison .itemContent .left
{
	width: 375px;
	float: left;
}

#leftPanel #leftPanelContent #comparison .itemContent .left .form label
{
	width: 180px;
	margin: 0 0 10px 0;
	padding: 4px 0 0 0;
	float: left;
	color: #ffffff;
}

#leftPanel #leftPanelContent #comparison .itemContent .left .form select
{
	width: 178px;
	margin: 0 0 10px 0;
	float: left;
	background: #ffffff;
	border: 1px solid #082040;
}

#leftPanel #leftPanelContent #comparison .itemContent .left .form .smallSelect
{
	width: 80px;
	margin: 0 10px 10px 0;
	float: left;
}

#leftPanel #leftPanelContent #comparison .itemContent .left .form input
{
	width: 40px;
	margin: 0 5px 10px 0;
	float: left;
	background: #ffffff;
	border: 1px solid #082040;
}

#leftPanel #leftPanelContent #comparison .itemContent .left .form .info
{
	width: 11px;
	height: 11px;
	margin: 3px 0 0 0;
	float: left;
	overflow: hidden;
	background: url(images/info-background.png) no-repeat left top;
}

#leftPanel #leftPanelContent #comparison .itemContent .right
{
	width: 300px;
	float: right;
}

#leftPanel #leftPanelContent #comparison .itemContent .right .form label
{
	width: 110px;
	margin: 0 0 10px 0;
	padding: 4px 0 0 0;
	float: left;
	color: #ffffff;
}

#leftPanel #leftPanelContent #comparison .itemContent .right .form select
{
	width: 178px;
	margin: 0 0 10px 0;
	float: left;
	background: #ffffff;
	border: 1px solid #082040;
}

#leftPanel #leftPanelContent #comparison .itemContent .right .form input
{
	width: 30px;
	margin: 0 5px 10px 0;
	float: left;
	background: #ffffff;
	border: 1px solid #082040;
}

#leftPanel #leftPanelContent #comparison .itemContent .right .form input.long
{
	width: 40px;
}

#leftPanel #leftPanelContent #comparison .itemContent .submitButton
{
	width: 117px;
	height: 35px;
	padding: 0 0 4px 20px;
	float: right;
	background: #f99f2b url(images/button-continue.png) no-repeat left top;
	color: #ffffff;
	border: none;
	overflow: hidden;
	font-weight: bold;
	cursor: pointer;
}

#leftPanel #leftPanelContent #comparison .itemContentTop,
#leftPanel #leftPanelContent #comparison .itemContentBottom
{
	width: 739px;
	height: 10px;
	overflow: hidden;
	background: url(images/item-content-top-background.png) no-repeat left top;
}

#leftPanel #leftPanelContent #comparison .itemContentBottom
{
	background-image: url(images/item-content-bottom-background.png);
}

#leftPanel .leftPanelTop,
#leftPanel .leftPanelBottom
{
	width: 772px;
	height: 8px;
	background: url(images/left-panel-top-background.png) no-repeat left top;
	overflow: hidden;
}

#leftPanel .leftPanelBottom
{
	background-image: url(images/left-panel-bottom-background.png);
}

/*======================================================================================*/
/* RIGHT PANEL	                                                                        */
/*======================================================================================*/

#rightPanel
{
	width: 201px;
	float: right;
	overflow: hidden;
}

#rightPanel p
{
	padding: 5px;
}

#rightPanel .buttons
{
	margin: 10px 0 0 0;
}

#rightPanel .buttons h2
{
	margin: 0 0 5px 0;
}
#frame-left {
  position:relative;
  float:left;
  width:223px;
}

#frame-right {
  position:relative;
  float:right;
  width:213px;
  _width:208px;
}

#i-frame {
  width: 759px;  
  margin: -44px 0px 0px 14px;
  background: url('../img1s/iframe.jpg');
  
  overflow: hidden;
  
  
}

#frame-up {
  background: url('../imgs/iframe-up.jpg') no-repeat;
  height: 19px;

}

#frame-stred {
 
  background: url('../imgs/iframe-stred.jpg');
}

#frame-down {

  background: url('../imgs/iframe-down.jpg') no-repeat;
}

#i-frame iframe {
  width:773px;
  padding:0;
  margin: -39px 0px 0px 0px;
}

#i-framePovinne iframe {

  height:690px;
  width:773px;
  
  padding:0;
  margin: -59px 0px 0px 0px;
}

.porovnani {
  width: 224px;      
  height: 237px;
  background: url("../img/pruhporovnani.jpg") repeat-x;
  text-align: left;
  font:bold  14pt tahoma;
  color: #0f3973;
}

#pojistovny {
  margin-left: 4px;
}

#pojistovny a img {
  float: left;
  width: 68px;
}