.pricelist .main{
  display:block; float:left; width: 120px;
}
.pricelist .description{
  display:block; float:left; width: 440px;
}

ul.pricelist li{
  font-size:115%;
  height: 26px;
  line-height: 26px;
}


body
{
  background: url('../img/bg-main.png') 97% 0% no-repeat;
	margin: 0;
	padding: 0;
}

div.container
{
	margin: 0 auto;
	min-height: 450px;
	width: 650px;
}

/*----- Header
{
*/
#header
{
	/*width: 800px;
	position: absolute;
		top: 0;*/
}
	div#header div.inner_pad
	{
		float: left;
		margin: 15px 0 30px 0;
		width: 100%;
	}
		
		#header div#logo_holder
		{
		  background: url("../img/bluecom-logo.png") no-repeat;
		  display: inline;
		  float: left; 
		  height: 63px;
		  margin: 0 0 0 10px;
		  width: 234px;
		}
		
		  #header div#logo_holder h1,
  		#header div#logo_holder h2
  		{
  		  margin: 0;
  		  overflow: hidden;
  			text-decoration: none; border: none;
  			text-indent: -6000px;
  		}
  		
  	div.company_details
  	{
  	  color: #B3B3B3;
  	  display: inline;
  	  float: right;
  	  width: 25%;
  	}
  	  .company_details.right_col
  	  {
  	    width: 20%;
  	  }
      
      .company_details a
      {
        color: #B3B3B3;
      }
        .company_details a:hover
        {
          color: #666;
        }
        
      .company_details ul,
      .company_details ul li
      {
        background: none;
        margin: 0;
        padding: 0;
      }
      
/*
}
*/
/*-----Page map*/
div#page_map{
  width: 690px;
}
  div#page_map ul.map{
    height: 165px;
    padding:0px;
    margin:0px 0px 40px 0px;
  }

    div#page_map ul li.page, div#page_map ul li.marks{
      position: relative;
      width:190px;
      background: url('../img/title-cell-frame.png') no-repeat;
      height: 165px;
      float:left;
      padding: 0px;
      margin: 0px 40px 0px 0px;
    }
      div#page_map ul li .straith{
        display:block;
        width: 100%;
        height:170px;
      }

      div#page_map ul li .content{
        height:155px;
        overflow: hidden;
        text-align: center;
      }

        div#page_map ul li.page .content img.ilustration{
          margin-top: 25px;
        }

        div#page_map ul li.marks .content img.ilustration{
          margin-top: 50px;
        }

        div#page_map ul li .content .title{
          display: block;
          width: 180px;
          position: absolute;
          color:black;
          background: url('../img/title-cell-body-bottom.png') repeat-y;
          text-align: center;
        }
        
        .page .title{
          padding: 5px 5px 0px 5px;
          bottom: 10px;
        }

        .marks .title{
          padding: 0px 5px 5px 5px;
          top: 10px;
        }

        .panel{
          width: 526px;
          padding: 18px;
          position: absolute;
          z-index: 10;
          display: none;
        }
        
        .panel .close.button{
          position:absolute;
          top:-5px;
          right:-5px;
          width: 57px;
          height: 57px;
          background: url('../img/close-panel.png');
          z-index: 100;
        }

          .panel .close.button:hover{
            background-position: 0px -82px;
          }

        .panel.i6{
          height: 325px;
          background: url('../img/title-panel-6.png') no-repeat;
        }
          .panel.i6 ul.row1,
          .panel.i6 ul.row1 li{
            height:170px;
          }

          .panel.i6 ul.row1 li a{
            margin-top:20px;
            height:150px;
            text-decoration:none;
          }

          #page_map a:focus, 
          #page_map a:visited,
          #page_map a{
            text-decoration:none;
          }

          .panel.i6 ul.row2, 
          .panel.i6 ul.row2 li,
          .panel.i6 ul.row2 li a{
            height:153px;
          }

          div#page_map ul li .panel.more ul.row2 li img{
            margin-top: 20px;
          }

        .panel.i3{
          background: url('../img/title-panel-3.png') no-repeat;
          height: 202px;
        }

        .marks .panel {
          background: url('../img/title-panel-free.png') no-repeat;
        }

        div#page_map ul li .panel.more ul{
          margin: 0px;
          overflow: hidden;
        }

          div#page_map ul li .panel.more ul li{
            float:left;
            position: relative;
            width:174px;
            border-right:1px solid #d8d8d8;
            background: none;
            padding: 0px;
            text-align: center;
          }

          div#page_map ul li.marks .panel.more ul li{
            position: absolute;
            border: 0;
            margin: 5px;
            width:auto;
          }

          #logo-axis{
            top:32px;
            left:40px;
          }

          #logo-fluke{
            top: 45px;
            left: 310px;
          }

          #logo-imc{
            top: 155px;
            left: 60px;
          }

          #logo-milestone{
            top: 137px;
            left: 213px;
          }

          #logo-bosch{
            top: 165px;
            left: 340px;
          }

          #logo-crc{
            top: 265px;
            left: 70px;
          }

          #logo-microsemi{
            top: 268px;
            left: 206px;
          }

          #logo-airmagnet{
            top: 265px;
            left: 345px;
          }


            div#page_map ul li .panel.more ul li a{
              display:block;
              width:100%;
              text-decoration: none;
            } 


            div#page_map ul li .panel.more ul li .title{
              display: block;
              position: absolute;
              color:black;
              padding: 0px 4px;
              z-index: 60;
              height: 48px;
              width: 166px;
              bottom: 0px;
              line-height: 48px;
              font-size: 1.35em;
            }

              li.page:hover, li.marks:hover{
                cursor: pointer;
                * cursor: hand;
              }

              div#page_map ul li .panel.more ul li a:hover .title,
              div#page_map ul li:hover .title{
                color:#4DB5E5;
              }

            div#page_map ul li .panel.more ul li .title.double{
              line-height: 20px;
              height: 40px;
              bottom: 5px;
            }

/*        div#page_map ul li.page:hover .panel{
          display: block;
        }*/

      div#page_map ul li.page .footer{
        height:10px;
        background: url('../img/title-cell-bottom.png') no-repeat;
      }
      div#page_map ul li.marks .header{
        height:10px;
        background: url('../img/title-cell-top.png') no-repeat;
      }


/*----- Content
{
*/
#content
{
	
}
  
  div.solution_block
  {
    background: url("../img/bg-solution.png") no-repeat;
    margin: 0 0 2em 0;
  }
    .solution_block .solution_bottom
    {
      background: url("../img/bg-solution-bottom.png") left bottom no-repeat;
      padding: 1.5em;
    }
      #top_holder .solution_bottom
      {
        background-image: url("../img/bg-solution-bottom-top.png")
      }
    
      .solution_bottom .ico_holder,
      .solution_bottom .text_holder
      {
        display: inline;
        float: left;
        text-align: center;
        width: 30%;
      }
      
      .solution_bottom .text_holder
      {
        text-align: left;
        width: 70%;
      }
      
    .solution_block p
    {
      margin: 0;
    }
	
	/*--- extendedFooter
	{
	*/
	div#extendedFooter
	{
		background: #EED3B6 url('../img/bg-kategorie-top.gif') left top repeat-x;
	}
		#extendedFooter .innerPad
		{
			background: url('../img/bg-kategorie-bottom.gif') left bottom repeat-x;
			padding: 1.5em 1.5em 1.5em 2em;
		}
		
		#extendedFooter div.catHolder
		{
			float: left; display: inline;
			margin: 0 5em 0 0;
		}
			#extendedFooter #reseni
			{
				margin-right: 0;
				width: 12em;
			}
			
			#extendedFooter div#prislusenstvi
			{
				margin-right: 18.3em;
			}
			
		#extendedFooter h3
		{
			color: #808080;
		}
		
		#extendedFooter ul
		{
			margin: 0;
		}
		
		#extendedFooter ul li a
		{
			color: #404040;
			text-decoration: none;
		}
			#extendedFooter ul li a:hover
			{
				text-decoration: underline;
				color: black;
			}
	/*
	} / extendedFooter
	*/
	
	
	
/*
}
*/


/*----- Footer
{
*/
#footer .company_details
{
  float: left;
  width: 33%;
}
  #footer .solution_bottom .ico_holder
  {
    margin: 0.75em 0.5em 0 -0.5em;
  }
  
  
/*
}
*/



/*----- Nadpisy
{
*/
#top_holder h1 /* like h2 */
{
  font-size: 2em;
  margin-bottom: 0.5em;
  text-align: center;
}
  #top_holder h1 span
  {
    color: #888;
  }
  #top_holder ul
  {
    margin-left:70px;
    
  }

  #top_holder ul li
  {
    width:46%;
    float:left;
    margin-top:5px;
  }


  #top_holder p
  {
    padding-left: 18.9em;
    clear:both;
  }

  #top_holder .arrow_button
  {
    margin-top:1.25em;
  }

h2 a
{
  text-decoration: none;
}

/*
}
*/


/*----- a hrefs
{
*/
a {text-decoration:underline;}

  /*--- arrowBut
  {
  */
  a.arrow_button
  {
    background: #b2b2b2;
    color: #fff;
    display: block;
    font-weight: bold;
    float: left;
    height: 18px;
    line-height: 1;
    margin: 0.75em 0 0 9px;
    padding: 4px 0 0 0;
    text-decoration: none;
  }
    a.arrow_button:hover
    {
      background: #34609d;
    }
    
    a.arrow_button span.ar_left
    {
      background: url("../img/bg-arrow-left.png") 0 -36px no-repeat;
      display: block;
      float: left;
      height: 24px;
      margin: 0 -5px 0 0;
      position: relative;
        left: -9px;
        top: -6px;
      width: 9px;
    }
    a.arrow_button span.ar_text
    {
      display: block;
      float: left;
    }
    
    a.arrow_button span.ar_right
    {
      background: url("../img/bg-arrow-right.png") 0 -36px no-repeat;
      display: block;
      float: right;
      height: 25px;
      margin: 0 0 0 -5px;
      position: relative;
        left: 10px;
        top: -6px;
      width: 28px;
    }
      a.arrow_button:hover span.ar_left,
      a.arrow_button:hover span.ar_right
      {
        background-position: 0 0;
      }
    


  /*
  }
  */


  /*--- pdf
  {
  */
  a.pdf, a.pdf:visited
  {
  	display: block;
  	background: url("../img/a_pdf.gif") 0px 3px no-repeat;
  	padding: 0.25em 0 1em 45px;
  	text-decoration: none;
  	font-size: 110%;
  }
  	a.pdf span
  	{
  		display: block;
  		text-decoration: none;
  		color: #909090;
  		font-size: 85%;
  	}
  /*
  }
  */


/*
}
*/


/*----- Formulare
{
*/
form
{
	margin: 0 0 1.5em 0;
}

form ol
{
	float: left; width: 100%;
	list-style: none;
	margin: 0 auto 1.5em auto;
	padding: 0;
}
	form ol li
	{
		margin: 0 0 1.875em 0;
		background: transparent;
		padding: 0;
	}
	
	form ol li
	{
		float: left; width: 100%; display: inline;
		list-style: none;
		padding: 0; margin: 0 0 10px 0;
	}
		form ol li label
		{
			float: left; width: 20.0%; display: inline;
			text-align: right;
			padding: 3px 0 0 0;
		}
		form ol li span
		{
			display: block;
			float: left; width: 55%; display: inline;
			text-align: left;
			margin-left: 15px;
		}
	
	form ol.blocky li label
	{
		margin-left: 0.2em;
		display: block;
		clear: both;
	}
		form ol.blocky li span
		{
			display: block;
			clear: both;
			width: 100%;
		}
		form ol li.inline
		{
			float: left;
			margin-right: 1.5em;
		}
	
	form label.require em
	{
		font-style: normal;
		color: red;
	}
	
		
	
	form ol li input,
	form ol select
	{
		width: 100%;
	}
		form ol li.checkboxHolder label,
		form ol li.checkboxHolder span
		{
			float: left;
			clear: none;
			width: auto;
		}
		
		form ol span.checkbox input
		{
			float: left;
			clear: none;
			width: 13px;
			margin: 0 4px 0.581em 0;
		}
	
	form p
	{
		margin: 0;
	}
	
	form input.submitBut
	{
		font-size: 1.332em;
	}	
	form input.delete
	{
		color: red;
	}
	
	form input.veryUseful
	{
		position: absolute;
		display: none;
	}
	
	form input.submitInput
	{
		font-size: 1.2em;
	}
	
	form#cenikLog
	{
		margin-top: 1em;
	}

/*
}
*/


/*------ Ostatni
{
*/
ul, ol
{
	margin: 0 0 1.5em 0;
	padding: 0;
}
	ul li, ol li
	{
		margin: 0;
		padding: 0 0 0 1.5em;
	}

	ul
	{
		list-style: none;
	}
	  ul li
	  {
	    background: url("../img/ul-li.png") left center no-repeat;
	  }
	
	ul.no_style, ol.no_style, ul.no_style li { list-style: none; background: none; }
	
	ul.no_indent li, ol.no_indent li { padding-left: 0; background: none;}

	
	dl
	{
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	 	dl dd
		{
			margin: 0;
		}

	
hr
{
	background: #ddd;
	color: #ddd;
}

span.float_stop, div.float_stop {
	display: block;
	clear: both;
	line-height: 0.01%;
	height: 0.01em;
	font-size: 0.01%;
}

img.ilu_pic_rgt {
	float: right; display: inline;
	margin: 3px 0 7px 15px;
}
img.ilu_pic_lft {
	float: left; display: inline;
	margin: 3px 15px 7px 0;
}

.to_left {text-align: left;}
.to_center {text-align: center; margin-left: auto; margin-right: auto;}
.to_right {text-align: right;}

.flt_lft {display: block; float: left;}
.flt_rgt {display: block; float: right;}
.flt_none {float: none;}

.clr_rgt {clear: right;}
.clr_lft {clear: left;}
.clr_bth {clear: both;}

.bordered { border: 2px solid #e9e9e9; }
.no_border {border: none;}
.no_margin {margin: 0;}
.no_decor {text-decoration: none;}

.dis_block {display: block !important;}
.dis_inline {display: inline;}
.dis_none {display: none !important;}
.screen_hide { position: absolute; overflow: none; left: -6000px; }


.w-5{width: 5%;}
.w-10{width: 10%;}
.w-15{width: 15%;}
.w-20{width: 20%;}
.w-25{width: 25%;}
.w-30{width: 30%;}
.w-35{width: 35%;}
.w-40{width: 40%;}
.w-45{width: 45%;}
.w-50{width: 50%;}
.w-55{width: 55%;}
.w-60{width: 60%;}
.w-65{width: 65%;}
.w-70{width: 70%;}
.w-75{width: 75%;}
.w-80{width: 80%;}
.w-85{width: 85%;}
.w-90{width: 90%;}
.w-95{width: 95%;}
.w-100{width: 100%;}
/*
}
*/