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;
      }
      
/*
}
*/


/*----- 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;
}
  #top_holder h1 span
  {
    color: #888;
    display: block;
  }

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%;}
/*
}
*/