/*-----------------------------------------------------------------------------*/
/* x1                                                                          */ 
/*-----------------------------------------------------------------------------*/

@media
only screen and (-webkit-min-device-pixel-ratio: 1)      and (min-width: 0px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 1)      and (min-width: 0px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 1)      and (min-width: 0px) and (max-width: 768px),
only screen and (     -o-min-device-pixel-ratio: 1/1)    and (min-width: 0px) and (max-width: 768px),
only screen and (        min-device-pixel-ratio: 1)      and (min-width: 0px) and (max-width: 768px),

only screen and (                min-resolution: 96dpi)  and (min-width: 0px) and (max-width: 768px),
only screen and (                min-resolution: 1dppx)  and (min-width: 0px) and (max-width: 768px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	body {
	/*	background-color: black;*/
		}
  .box {
    width: 100%;
    }
/* produkty pod AAG */

	.products {
		position: static;
		width: 100%;
		}
	
/* identity */

	.identity {
		height: 250px;
    width: 90% !important;
    padding: 5%;
		position: relative;
    top: 0;
    }
	.identity h1 {
    margin-right: 0;
    }
	.identity h2 {
    font-size: 42px;
    }
	.block_container {
		float: none !important;
		width: 100%;
		padding-top: 0;
		margin-left: 0;
		display: block;
		font-size: 0;
		padding-left: 0;
		}		
	.identity .reference {
		padding: 5px 3% !important;
    width: 94% !important;
		z-index: 500;
		bottom: 0;
		}	
	.identity .reference.selected_reference {
		padding: 5px 3%!important;
		width: 94% !important;
		height: 190px;
		}	
  .identity .reference img {
    padding: 5px 5px;
    width: 65px;
    height: 30px;
    margin: 0;
    }
    		
/* bloky */		
	
	.block {	
		display: block;
		font-size: 0;
		vertical-align: top;
		}
	.block .title {
		width: 90%!important;
		padding: 5% 5% 8% 5%!important;
		height: auto;
		display: block;
		font-size: 18px;
		margin: 10px 0 0 0;
    background-repeat: repeat;
		}
  .block.selected_block .title,
  .block .title:hover {
    background-repeat: repeat;
		}
	.block.hor2 .title
	.block.vert2 .title {
		width: 90%!important;
		padding: 5%!important;
		height: 360px;
		display: block;
		font-size: 18px;
    background-repeat: repeat;
		}
	.block.hs {
		display: block;
		}
	.block.selected_block .content,
	.block.hs:hover .content {
		width: 90%!important;
		padding: 5%!important;
		margin: 0 !important;    
		}

	.block .content {
	  margin: 0 !important;
	  }
  .block.hor2 .title h2 {
    font-size: 24px;
    }
		
/* zmena z vertikalnich na 1x ctverec*/

	.block.hor2 .title,
	.block.vert2 .title {
		width: 90% !important;
		padding: 5% 5% 8% 5% !important;
		height: auto;
		margin: 10px 0 0 0;
		font-size: 18px;
    background-repeat: repeat;
		}
	.block.selected_block.hor2 .title,
	.block.hor2 .title:hover,
	.block.selected_block.vert2 .title,
	.block.vert2 .title:hover {
		color: #fba61c;
		background: #fff url('/img/bck_webwalker_block_hover.png') 0 0 no-repeat;
    background-repeat: repeat;
		}	
	
	/*vert 2 content*/
	
	.block.vert2 .content {
		margin: 0 !important;
		display: block;
		}
	.block.selected_block.vert2 .content {
		background: #fff;
		width: 90%!important;
		padding: 5%!important;
		height: 360px;
		margin: 0 0 0 0;
		}
	.block.selected_block .content p,
	.block.selected_block.vert2 .content p,
	.block.selected_block.hor2 .content p {
		padding: 5px 0;
		font-size: 14px;
		line-height: 16px;
		color: #000;	  
		}
	.block.blind .title,
	.block.blind .title:hover,
	.block.blind:hover .title,
	.block.blind.vert2 .title,
	.block.blind.vert2 .title:hover,
	.block.blind.vert2:hover .title,
	.block.blind.hor2 .title,
	.block.blind.hor2 .title:hover,
	.block.blind.hor2:hover .title { 
		display: none;
		}


  .block.selected_block .content.px160,
  .block.selected_block .content.px180,
  .block.selected_block .content.px200,
  .block.selected_block .content.px220,
  .block.selected_block .content.px240,
  .block.selected_block .content.px260,
  .block.selected_block .content.px280,
  .block.selected_block .content.px300,
  .block.selected_block .content.px320,
  .block.selected_block .content.px340,
  .block.selected_block .content.px360,
  .block.selected_block .content.px380,
  .block.selected_block .content.px400,
  .block.selected_block .content.px420,
  .block.selected_block .content.px440,
  .block.selected_block .content.px460,
  .block.selected_block .content.px480,
  .block.selected_block .content.px500,
  .block.selected_block .content.px520,
  .block.selected_block .content.px540,
  .block.selected_block .content.px560,
	.block.selected_block .content.auto  { min-height: 160px !important; height: auto !important;  }	
	
	.block.selected_block.hor2 .content.px160,
  .block.selected_block.hor2 .content.px180,
  .block.selected_block.hor2 .content.px200,
  .block.selected_block.hor2 .content.px220,
  .block.selected_block.hor2 .content.px240,
  .block.selected_block.hor2 .content.px260,
  .block.selected_block.hor2 .content.px280,
  .block.selected_block.hor2 .content.px300,
  .block.selected_block.hor2 .content.px320,
  .block.selected_block.hor2 .content.px340,
  .block.selected_block.hor2 .content.px360,
  .block.selected_block.hor2 .content.px380,
  .block.selected_block.hor2 .content.px400,
  .block.selected_block.hor2 .content.px420,
  .block.selected_block.hor2 .content.px440,
  .block.selected_block.hor2 .content.px460,
  .block.selected_block.hor2 .content.px480,
  .block.selected_block.hor2 .content.px500,
  .block.selected_block.hor2 .content.px520,
  .block.selected_block.hor2 .content.px540,
  .block.selected_block.hor2 .content.px560,
	.block.selected_block.hor2 .content.auto  { min-height: 160px !important; height: auto !important;  }
	
	.block.selected_block.vert2.hor2 .content.px160,
  .block.selected_block.vert2.hor2 .content.px180,
  .block.selected_block.vert2.hor2 .content.px200,
  .block.selected_block.vert2.hor2 .content.px220,
  .block.selected_block.vert2.hor2 .content.px240,
  .block.selected_block.vert2.hor2 .content.px260,
  .block.selected_block.vert2.hor2 .content.px280,
  .block.selected_block.vert2.hor2 .content.px300,
  .block.selected_block.vert2.hor2 .content.px320,
  .block.selected_block.vert2.hor2 .content.px340,
  .block.selected_block.vert2.hor2 .content.px360,
  .block.selected_block.vert2.hor2 .content.px380,
  .block.selected_block.vert2.hor2 .content.px400,
  .block.selected_block.vert2.hor2 .content.px420,
  .block.selected_block.vert2.hor2 .content.px440,
  .block.selected_block.vert2.hor2 .content.px460,
  .block.selected_block.vert2.hor2 .content.px480,
  .block.selected_block.vert2.hor2 .content.px500,
  .block.selected_block.vert2.hor2 .content.px520,
  .block.selected_block.vert2.hor2 .content.px540,
  .block.selected_block.vert2.hor2 .content.px560,
	.block.selected_block.vert2.hor2 .content.auto  { min-height: 160px !important; height: auto !important;  }
    
  .block.selected_block .content img {
    width: 50% !important;
    height: auto !important;
    }
  .block.selected_block .content ul li {
    font-size: 12px;
    }
  .block.form .title h2, 
  .block.calculator .title h2 {
    cursor: pointer;
    height: 130px;
    width: 100%;
    }
  .block .content {
    width: 90%!important;
		padding: 0 5% !important;
    }
	.block.selected_block.hs .content {
		width: 90%!important;
		padding: 5%!important;
		margin: 0 !important;
		}
  .copyright {
    width: 100%;
    }
}	

@media
only screen and (-webkit-min-device-pixel-ratio: 1)      and (min-width: 769px) and (max-width: 1040px),
only screen and (   min--moz-device-pixel-ratio: 1)      and (min-width: 769px) and (max-width: 1040px),
only screen and (   min--moz-device-pixel-ratio: 1)      and (min-width: 769px) and (max-width: 1040px),
only screen and (     -o-min-device-pixel-ratio: 1/1)    and (min-width: 769px) and (max-width: 1040px),
only screen and (        min-device-pixel-ratio: 1)      and (min-width: 769px) and (max-width: 1040px),

only screen and (                min-resolution: 96dpi)  and (min-width: 769px) and (max-width: 1040px),
only screen and (                min-resolution: 1dppx)  and (min-width: 769px) and (max-width: 1040px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	body {
		/*background-color: orange;*/
		}
/* produkty pod AAG */

	.products {
		position: static;
		width: 410px;
		}
	
/* identity */

	.identity {
		height: 250px;
    width: 350px;
    padding: 30px;
		position: relative;
    top: 0;
    }
	.identity h1 {
    margin-right: 0;
    }
	.identity h2 {
    font-size: 42px;
    }
    
	.block_container {
		float: none !important;
		width: 630px;
		padding-top: 0;
		margin-left: -10px;
		padding-left: 0;
		}
  .identity .reference {
		padding: 5px 3% !important;
    width: 94% !important;
		z-index: 500;
		bottom: 0;
		}	
	.identity .reference.selected_reference {
		padding: 5px 3%!important;
		width: 94% !important;
		height: 190px;
		}
  .identity .reference img {
    padding: 5px 15px;
    width: 65px;
    height: 30px;
    margin: 0;
    }
	.block.hs {
		display: block;
		}
	.block.hs:hover .content {
		width: 370px;
		}
  .block.hor2 .title h2 {
    font-size: 24px;
    }    
		
/* zmena z vertikalnich na 1x ctverec*/

	.block.vert2 .title {
		width: 160px;
		height: 160px;
		margin: 10px 0 0 10px;
		}
	.block.vert2:hover .title,
	.block.vert2 .title:hover {
		color: #fba61c;
		background: #fff url('/img/bck_webwalker_block_hover.png') 0 0 no-repeat;
		}	
	
	/*vert 2 content*/
	
	.block.vert2 .content {
		margin: 0 0 0 10px;
		display: block;
		}
	.block.selected_block.vert2 .content {
		background: #fff;
		width: 370px;
		height: 360px;
		padding: 20px;
		margin: 0 0 0 10px;
		} 
    .copyright {
        width: 100%;
        }
}	


/*-----------------------------------------------------------------------------*/
/* x2                                                                          */ 
/*-----------------------------------------------------------------------------*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 0px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 0px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 0px) and (max-width: 768px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 0px) and (max-width: 768px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 0px) and (max-width: 768px),

only screen and (                min-resolution: 192dpi)  and (min-width: 0px) and (max-width: 768px),
only screen and (                min-resolution: 2dppx)  and (min-width: 0px) and (max-width: 768px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	body {
	/*	background-color: black;*/
		}
  .box {
    width: 100%;
    }
/* produkty pod AAG */

	.products {
		position: static;
		width: 100%;
		}
	
/* identity */

	.identity {
		height: 250px;
    width: 90% !important;
    padding: 5%;
		position: relative;
    top: 0;
    }
	.identity h1 {
    margin-right: 0;
    }
	.identity h2 {
    font-size: 42px;
    }
	.block_container {
		float: none !important;
		width: 100%;
		padding-top: 0;
		margin-left: 0;
		display: block;
		font-size: 0;
		padding-left: 0;
		}		
	.identity .reference {
		padding: 5px 3% !important;
    width: 94% !important;
		z-index: 500;
		bottom: 0;
		}	
	.identity .reference.selected_reference {
		padding: 5px 3%!important;
		width: 94% !important;
		height: 190px;
		}	
  .identity .reference img {
    padding: 5px 5px;
    width: 65px;
    height: 30px;
    margin: 0;
    }	
		
/* bloky */		
	
	.block {	
		display: block;
		font-size: 0;
		vertical-align: top;
		}
	.block .title {
		width: 90%!important;
		padding: 5% 5% 8% 5%!important;
		height: auto;
		display: block;
		font-size: 18px;
		margin: 10px 0 0 0;
    background-repeat: repeat;
		}
  .block.selected_block .title,
  .block .title:hover {
    background-repeat: repeat;
		}
	.block.hor2 .title
	.block.vert2 .title {
		width: 90%!important;
		padding: 5%!important;
		height: 360px;
		display: block;
		font-size: 18px;
    background-repeat: repeat;
		}
	.block.hs {
		display: block;
		}
	.block.selected_block .content,
	.block.hs:hover .content {
		width: 90%!important;
		padding: 5%!important;
		margin: 0 !important;    
		}

	.block .content {
	  margin: 0 !important;
	  }
  .block.hor2 .title h2 {
    font-size: 24px;
    }
		
/* zmena z vertikalnich na 1x ctverec*/

	.block.hor2 .title,
	.block.vert2 .title {
		width: 90% !important;
		padding: 5% 5% 8% 5% !important;
		height: auto;
		margin: 10px 0 0 0;
		font-size: 18px;
    background-repeat: repeat;
		}
	.block.selected_block.hor2 .title,
	.block.hor2 .title:hover,
	.block.selected_block.vert2 .title,
	.block.vert2 .title:hover {
		color: #fba61c;
		background: #fff url('/img/bck_webwalker_block_hover.png') 0 0 no-repeat;
    background-repeat: repeat;
		}	
	
	/*vert 2 content*/
	
	.block.vert2 .content {
		margin: 0 !important;
		display: block;
		}
	.block.selected_block.vert2 .content {
		background: #fff;
		width: 90%!important;
		padding: 5%!important;
		height: 360px;
		margin: 0 0 0 0;
		}
	.block.selected_block .content p,
	.block.selected_block.vert2 .content p,
	.block.selected_block.hor2 .content p {
		padding: 5px 0;
		font-size: 14px;
		line-height: 16px;
		color: #000;	  
		}
	.block.blind .title,
	.block.blind .title:hover,
	.block.blind:hover .title,
	.block.blind.vert2 .title,
	.block.blind.vert2 .title:hover,
	.block.blind.vert2:hover .title,
	.block.blind.hor2 .title,
	.block.blind.hor2 .title:hover,
	.block.blind.hor2:hover .title { 
		display: none;
		}


  .block.selected_block .content.px160,
  .block.selected_block .content.px180,
  .block.selected_block .content.px200,
  .block.selected_block .content.px220,
  .block.selected_block .content.px240,
  .block.selected_block .content.px260,
  .block.selected_block .content.px280,
  .block.selected_block .content.px300,
  .block.selected_block .content.px320,
  .block.selected_block .content.px340,
  .block.selected_block .content.px360,
  .block.selected_block .content.px380,
  .block.selected_block .content.px400,
  .block.selected_block .content.px420,
  .block.selected_block .content.px440,
  .block.selected_block .content.px460,
  .block.selected_block .content.px480,
  .block.selected_block .content.px500,
  .block.selected_block .content.px520,
  .block.selected_block .content.px540,
  .block.selected_block .content.px560,
	.block.selected_block .content.auto  { min-height: 160px !important; height: auto !important;  }	
	
	.block.selected_block.hor2 .content.px160,
  .block.selected_block.hor2 .content.px180,
  .block.selected_block.hor2 .content.px200,
  .block.selected_block.hor2 .content.px220,
  .block.selected_block.hor2 .content.px240,
  .block.selected_block.hor2 .content.px260,
  .block.selected_block.hor2 .content.px280,
  .block.selected_block.hor2 .content.px300,
  .block.selected_block.hor2 .content.px320,
  .block.selected_block.hor2 .content.px340,
  .block.selected_block.hor2 .content.px360,
  .block.selected_block.hor2 .content.px380,
  .block.selected_block.hor2 .content.px400,
  .block.selected_block.hor2 .content.px420,
  .block.selected_block.hor2 .content.px440,
  .block.selected_block.hor2 .content.px460,
  .block.selected_block.hor2 .content.px480,
  .block.selected_block.hor2 .content.px500,
  .block.selected_block.hor2 .content.px520,
  .block.selected_block.hor2 .content.px540,
  .block.selected_block.hor2 .content.px560,
	.block.selected_block.hor2 .content.auto  { min-height: 160px !important; height: auto !important;  }
	
	.block.selected_block.vert2.hor2 .content.px160,
  .block.selected_block.vert2.hor2 .content.px180,
  .block.selected_block.vert2.hor2 .content.px200,
  .block.selected_block.vert2.hor2 .content.px220,
  .block.selected_block.vert2.hor2 .content.px240,
  .block.selected_block.vert2.hor2 .content.px260,
  .block.selected_block.vert2.hor2 .content.px280,
  .block.selected_block.vert2.hor2 .content.px300,
  .block.selected_block.vert2.hor2 .content.px320,
  .block.selected_block.vert2.hor2 .content.px340,
  .block.selected_block.vert2.hor2 .content.px360,
  .block.selected_block.vert2.hor2 .content.px380,
  .block.selected_block.vert2.hor2 .content.px400,
  .block.selected_block.vert2.hor2 .content.px420,
  .block.selected_block.vert2.hor2 .content.px440,
  .block.selected_block.vert2.hor2 .content.px460,
  .block.selected_block.vert2.hor2 .content.px480,
  .block.selected_block.vert2.hor2 .content.px500,
  .block.selected_block.vert2.hor2 .content.px520,
  .block.selected_block.vert2.hor2 .content.px540,
  .block.selected_block.vert2.hor2 .content.px560,
	.block.selected_block.vert2.hor2 .content.auto  { min-height: 160px !important; height: auto !important;  }
    
  .block.selected_block .content img {
    width: 50% !important;
    height: auto !important;
    }
  .block.selected_block .content ul li {
    font-size: 12px;
    }
  .block.form .title h2, 
  .block.calculator .title h2 {
    cursor: pointer;
    height: 130px;
    width: 100%;
    }
  .block .content {
    width: 90%!important;
		padding: 0 5% !important;
    }
	.block.selected_block.hs .content {
		width: 90%!important;
		padding: 5%!important;
		margin: 0 !important;
		}
  .copyright {
    width: 100%;
    }
}	

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 769px) and (max-width: 1040px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 769px) and (max-width: 1040px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 769px) and (max-width: 1040px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 769px) and (max-width: 1040px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 769px) and (max-width: 1040px),

only screen and (                min-resolution: 192dpi) and (min-width: 769px) and (max-width: 1040px),
only screen and (                min-resolution: 2dppx)  and (min-width: 769px) and (max-width: 1040px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	body {
		/*background-color: orange;*/
		}
/* produkty pod AAG */

	.products {
		position: static;
		width: 410px;
		}
	
/* identity */

	.identity {
		height: 250px;
    width: 350px;
    padding: 30px;
		position: relative;
    top: 0;
    }
	.identity h1 {
    margin-right: 0;
    }
	.identity h2 {
    font-size: 42px;
    }
    
	.block_container {
		float: none !important;
		width: 630px;
		padding-top: 0;
		margin-left: -10px;
		padding-left: 0;
		}
	.identity .reference {
		padding: 5px 3% !important;
    width: 94% !important;
		z-index: 500;
		bottom: 0;
		}	
	.identity .reference.selected_reference {
		padding: 5px 3%!important;
		width: 94% !important;
		height: 190px;
		}	
  .identity .reference img {
    padding: 5px 15px;
    width: 65px;
    height: 30px;
    margin: 0;
    }
	.block.hs {
		display: block;
		}
	.block.hs:hover .content {
		width: 370px;
		}
  .block.hor2 .title h2 {
    font-size: 24px;
    }    
		
/* zmena z vertikalnich na 1x ctverec*/

	.block.vert2 .title {
		width: 160px;
		height: 160px;
		margin: 10px 0 0 10px;
		}
	.block.vert2:hover .title,
	.block.vert2 .title:hover {
		color: #fba61c;
		background: #fff url('/img/bck_webwalker_block_hover.png') 0 0 no-repeat;
		}	
	
	/*vert 2 content*/
	
	.block.vert2 .content {
		margin: 0 0 0 10px;
		display: block;
		}
	.block.selected_block.vert2 .content {
		background: #fff;
		width: 370px;
		height: 360px;
		padding: 20px;
		margin: 0 0 0 10px;
		} 
    .copyright {
        width: 100%;
        }
}	


/*-----------------------------------------------------------------------------*/
/* x3                                                                          */ 
/*-----------------------------------------------------------------------------*/

@media
only screen and (-webkit-min-device-pixel-ratio: 3)      and (min-width: 0px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 3)      and (min-width: 0px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 3)      and (min-width: 0px) and (max-width: 768px),
only screen and (     -o-min-device-pixel-ratio: 3/1)    and (min-width: 0px) and (max-width: 768px),
only screen and (        min-device-pixel-ratio: 3)      and (min-width: 0px) and (max-width: 768px),

only screen and (                min-resolution: 288dpi) and (min-width: 0px) and (max-width: 768px),
only screen and (                min-resolution: 3dppx)  and (min-width: 0px) and (max-width: 768px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	body {
	/*	background-color: black;*/
		}
  .box {
    width: 100%;
    }
/* produkty pod AAG */

	.products {
		position: static;
		width: 100%;
		}
	
/* identity */

	.identity {
		height: 250px;
    width: 90% !important;
    padding: 5%;
		position: relative;
    top: 0;
    }
	.identity h1 {
    margin-right: 0;
    }
	.identity h2 {
    font-size: 42px;
    }
	.block_container {
		float: none !important;
		width: 100%;
		padding-top: 0;
		margin-left: 0;
		display: block;
		font-size: 0;
		padding-left: 0;
		}		
	.identity .reference {
		padding: 5px 3% !important;
    width: 94% !important;
		z-index: 500;
		bottom: 0;
		}	
	.identity .reference.selected_reference {
		padding: 5px 3%!important;
		width: 94% !important;
		height: 190px;
		}	
  .identity .reference img {
    padding: 5px 5px;
    width: 65px;
    height: 30px;
    margin: 0;
    }
		
/* bloky */		
	
	.block {	
		display: block;
		font-size: 0;
		vertical-align: top;
		}
	.block .title {
		width: 90%!important;
		padding: 5% 5% 8% 5%!important;
		height: auto;
		display: block;
		font-size: 18px;
		margin: 10px 0 0 0;
    background-repeat: repeat;
		}
  .block.selected_block .title,
  .block .title:hover {
    background-repeat: repeat;
		}
	.block.hor2 .title
	.block.vert2 .title {
		width: 90%!important;
		padding: 5%!important;
		height: 360px;
		display: block;
		font-size: 18px;
    background-repeat: repeat;
		}
	.block.hs {
		display: block;
		}
	.block.selected_block .content,
	.block.hs:hover .content {
		width: 90%!important;
		padding: 5%!important;
		margin: 0 !important;    
		}

	.block .content {
	  margin: 0 !important;
	  }
  .block.hor2 .title h2 {
    font-size: 24px;
    }
		
/* zmena z vertikalnich na 1x ctverec*/

	.block.hor2 .title,
	.block.vert2 .title {
		width: 90% !important;
		padding: 5% 5% 8% 5% !important;
		height: auto;
		margin: 10px 0 0 0;
		font-size: 18px;
    background-repeat: repeat;
		}
	.block.selected_block.hor2 .title,
	.block.hor2 .title:hover,
	.block.selected_block.vert2 .title,
	.block.vert2 .title:hover {
		color: #fba61c;
		background: #fff url('/img/bck_webwalker_block_hover.png') 0 0 no-repeat;
    background-repeat: repeat;
		}	
	
	/*vert 2 content*/
	
	.block.vert2 .content {
		margin: 0 !important;
		display: block;
		}
	.block.selected_block.vert2 .content {
		background: #fff;
		width: 90%!important;
		padding: 5%!important;
		height: 360px;
		margin: 0 0 0 0;
		}
	.block.selected_block .content p,
	.block.selected_block.vert2 .content p,
	.block.selected_block.hor2 .content p {
		padding: 5px 0;
		font-size: 14px;
		line-height: 16px;
		color: #000;	  
		}
	.block.blind .title,
	.block.blind .title:hover,
	.block.blind:hover .title,
	.block.blind.vert2 .title,
	.block.blind.vert2 .title:hover,
	.block.blind.vert2:hover .title,
	.block.blind.hor2 .title,
	.block.blind.hor2 .title:hover,
	.block.blind.hor2:hover .title { 
		display: none;
		}


  .block.selected_block .content.px160,
  .block.selected_block .content.px180,
  .block.selected_block .content.px200,
  .block.selected_block .content.px220,
  .block.selected_block .content.px240,
  .block.selected_block .content.px260,
  .block.selected_block .content.px280,
  .block.selected_block .content.px300,
  .block.selected_block .content.px320,
  .block.selected_block .content.px340,
  .block.selected_block .content.px360,
  .block.selected_block .content.px380,
  .block.selected_block .content.px400,
  .block.selected_block .content.px420,
  .block.selected_block .content.px440,
  .block.selected_block .content.px460,
  .block.selected_block .content.px480,
  .block.selected_block .content.px500,
  .block.selected_block .content.px520,
  .block.selected_block .content.px540,
  .block.selected_block .content.px560,
	.block.selected_block .content.auto  { min-height: 160px !important; height: auto !important;  }	
	
	.block.selected_block.hor2 .content.px160,
  .block.selected_block.hor2 .content.px180,
  .block.selected_block.hor2 .content.px200,
  .block.selected_block.hor2 .content.px220,
  .block.selected_block.hor2 .content.px240,
  .block.selected_block.hor2 .content.px260,
  .block.selected_block.hor2 .content.px280,
  .block.selected_block.hor2 .content.px300,
  .block.selected_block.hor2 .content.px320,
  .block.selected_block.hor2 .content.px340,
  .block.selected_block.hor2 .content.px360,
  .block.selected_block.hor2 .content.px380,
  .block.selected_block.hor2 .content.px400,
  .block.selected_block.hor2 .content.px420,
  .block.selected_block.hor2 .content.px440,
  .block.selected_block.hor2 .content.px460,
  .block.selected_block.hor2 .content.px480,
  .block.selected_block.hor2 .content.px500,
  .block.selected_block.hor2 .content.px520,
  .block.selected_block.hor2 .content.px540,
  .block.selected_block.hor2 .content.px560,
	.block.selected_block.hor2 .content.auto  { min-height: 160px !important; height: auto !important;  }
	
	.block.selected_block.vert2.hor2 .content.px160,
  .block.selected_block.vert2.hor2 .content.px180,
  .block.selected_block.vert2.hor2 .content.px200,
  .block.selected_block.vert2.hor2 .content.px220,
  .block.selected_block.vert2.hor2 .content.px240,
  .block.selected_block.vert2.hor2 .content.px260,
  .block.selected_block.vert2.hor2 .content.px280,
  .block.selected_block.vert2.hor2 .content.px300,
  .block.selected_block.vert2.hor2 .content.px320,
  .block.selected_block.vert2.hor2 .content.px340,
  .block.selected_block.vert2.hor2 .content.px360,
  .block.selected_block.vert2.hor2 .content.px380,
  .block.selected_block.vert2.hor2 .content.px400,
  .block.selected_block.vert2.hor2 .content.px420,
  .block.selected_block.vert2.hor2 .content.px440,
  .block.selected_block.vert2.hor2 .content.px460,
  .block.selected_block.vert2.hor2 .content.px480,
  .block.selected_block.vert2.hor2 .content.px500,
  .block.selected_block.vert2.hor2 .content.px520,
  .block.selected_block.vert2.hor2 .content.px540,
  .block.selected_block.vert2.hor2 .content.px560,
	.block.selected_block.vert2.hor2 .content.auto  { min-height: 160px !important; height: auto !important;  }
    
  .block.selected_block .content img {
    width: 50% !important;
    height: auto !important;
    }
  .block.selected_block .content ul li {
    font-size: 12px;
    }
  .block.form .title h2, 
  .block.calculator .title h2 {
    cursor: pointer;
    height: 130px;
    width: 100%;
    }
  .block .content {
    width: 90%!important;
		padding: 0 5% !important;
    }
	.block.selected_block.hs .content {
		width: 90%!important;
		padding: 5%!important;
		margin: 0 !important;
		}
  .copyright {
    width: 100%;
    }
}	

@media
only screen and (-webkit-min-device-pixel-ratio: 3)      and (min-width: 769px) and (max-width: 1040px),
only screen and (   min--moz-device-pixel-ratio: 3)      and (min-width: 769px) and (max-width: 1040px),
only screen and (   min--moz-device-pixel-ratio: 3)      and (min-width: 769px) and (max-width: 1040px),
only screen and (     -o-min-device-pixel-ratio: 3/1)    and (min-width: 769px) and (max-width: 1040px),
only screen and (        min-device-pixel-ratio: 3)      and (min-width: 769px) and (max-width: 1040px),

only screen and (                min-resolution: 288dpi) and (min-width: 769px) and (max-width: 1040px),
only screen and (                min-resolution: 3dppx)  and (min-width: 769px) and (max-width: 1040px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	body {
		/*background-color: orange;*/
		}
/* produkty pod AAG */

	.products {
		position: static;
		width: 410px;
		}
	
/* identity */

	.identity {
		height: 250px;
    width: 350px;
    padding: 30px;
		position: relative;
    top: 0;
    }
	.identity h1 {
    margin-right: 0;
    }
	.identity h2 {
    font-size: 42px;
    }
    
	.block_container {
		float: none !important;
		width: 630px;
		padding-top: 0;
		margin-left: -10px;
		padding-left: 0;
		}
	.identity .reference {
		padding: 5px 3% !important;
    width: 94% !important;
		z-index: 500;
		bottom: 0;
		}	
	.identity .reference.selected_reference {
		padding: 5px 3%!important;
		width: 94% !important;
		height: 190px;
		}	
  .identity .reference img {
    padding: 5px 15px;
    width: 65px;
    height: 30px;
    margin: 0;
    }	
	.block.hs {
		display: block;
		}
	.block.hs:hover .content {
		width: 370px;
		}
  .block.hor2 .title h2 {
    font-size: 24px;
    }    
		
/* zmena z vertikalnich na 1x ctverec*/

	.block.vert2 .title {
		width: 160px;
		height: 160px;
		margin: 10px 0 0 10px;
		}
	.block.vert2:hover .title,
	.block.vert2 .title:hover {
		color: #fba61c;
		background: #fff url('/img/bck_webwalker_block_hover.png') 0 0 no-repeat;
		}	
	
	/*vert 2 content*/
	
	.block.vert2 .content {
		margin: 0 0 0 10px;
		display: block;
		}
  .block.selected_block.vert2 .content {
		background: #fff;
		width: 370px;
		height: 360px;
		padding: 20px;
		margin: 0 0 0 10px;
		} 
  .copyright {
    width: 100%;
    }
}	






/*XXXXXXXXXXXXXXX dilci prvky pro loga, po mensich krocich XXXXXXXXXXXXXXXXXXX*/

/* 480 az 600 */

@media
only screen and (-webkit-min-device-pixel-ratio: 1)      and (min-width: 481px) and (max-width: 600px),
only screen and (   min--moz-device-pixel-ratio: 1)      and (min-width: 481px) and (max-width: 600px),
only screen and (   min--moz-device-pixel-ratio: 1)      and (min-width: 481px) and (max-width: 600px),
only screen and (     -o-min-device-pixel-ratio: 1/1)    and (min-width: 481px) and (max-width: 600px),
only screen and (        min-device-pixel-ratio: 1)      and (min-width: 481px) and (max-width: 600px),

only screen and (                min-resolution: 96dpi)  and (min-width: 481px) and (max-width: 600px),
only screen and (                min-resolution: 1dppx)  and (min-width: 481px) and (max-width: 600px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

  .identity .reference img {
    padding: 5px 23px;
    width: 65px;
    height: 30px;
    margin: 0;
    }
    
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 481px) and (max-width: 600px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 481px) and (max-width: 600px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 481px) and (max-width: 600px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 481px) and (max-width: 600px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 481px) and (max-width: 600px),

only screen and (                min-resolution: 192dpi) and (min-width: 481px) and (max-width: 600px),
only screen and (                min-resolution: 2dppx)  and (min-width: 481px) and (max-width: 600px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

  .identity .reference img {
    padding: 5px 23px;
    width: 65px;
    height: 30px;
    margin: 0;
    }
    
}
@media
only screen and (-webkit-min-device-pixel-ratio: 3)      and (min-width: 481px) and (max-width: 600px),
only screen and (   min--moz-device-pixel-ratio: 3)      and (min-width: 481px) and (max-width: 600px),
only screen and (   min--moz-device-pixel-ratio: 3)      and (min-width: 481px) and (max-width: 600px),
only screen and (     -o-min-device-pixel-ratio: 3/1)    and (min-width: 481px) and (max-width: 600px),
only screen and (        min-device-pixel-ratio: 3)      and (min-width: 481px) and (max-width: 600px),

only screen and (                min-resolution: 288dpi) and (min-width: 481px) and (max-width: 600px),
only screen and (                min-resolution: 3dppx)  and (min-width: 481px) and (max-width: 600px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

  .identity .reference img {
    padding: 5px 23px;
    width: 65px;
    height: 30px;
    margin: 0;
    }
    
}

/* 601 az 768 */

@media
only screen and (-webkit-min-device-pixel-ratio: 1)      and (min-width: 601px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 1)      and (min-width: 601px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 1)      and (min-width: 601px) and (max-width: 768px),
only screen and (     -o-min-device-pixel-ratio: 1/1)    and (min-width: 601px) and (max-width: 768px),
only screen and (        min-device-pixel-ratio: 1)      and (min-width: 601px) and (max-width: 768px),

only screen and (                min-resolution: 96dpi)  and (min-width: 601px) and (max-width: 768px),
only screen and (                min-resolution: 1dppx)  and (min-width: 601px) and (max-width: 768px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

  .identity .reference img {
    padding: 5px 23px;
    width: 65px;
    height: 30px;
    margin: 0;
    }
    
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 601px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 601px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 601px) and (max-width: 768px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 601px) and (max-width: 768px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 601px) and (max-width: 768px),

only screen and (                min-resolution: 192dpi) and (min-width: 601px) and (max-width: 768px),
only screen and (                min-resolution: 1dppx)  and (min-width: 601px) and (max-width: 768px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

  .identity .reference img {
    padding: 5px 23px;
    width: 65px;
    height: 30px;
    margin: 0;
    }
    
}
@media
only screen and (-webkit-min-device-pixel-ratio: 3)      and (min-width: 601px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 3)      and (min-width: 601px) and (max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 3)      and (min-width: 601px) and (max-width: 768px),
only screen and (     -o-min-device-pixel-ratio: 3/1)    and (min-width: 601px) and (max-width: 768px),
only screen and (        min-device-pixel-ratio: 3)      and (min-width: 601px) and (max-width: 768px),

only screen and (                min-resolution: 288dpi) and (min-width: 601px) and (max-width: 768px),
only screen and (                min-resolution: 3dppx)  and (min-width: 601px) and (max-width: 768px) {

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

  .identity .reference img {
    padding: 5px 23px;
    width: 65px;
    height: 30px;
    margin: 0;
    }
    
}