body 
	{
    	margin: 0;
    	padding: 0;
        font-family: Arial;
    }
    
    img
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    }
	
    div 
    {
    	margin: 0;
    	padding: 0;
    
    }
    
	h1
	{
    	margin: 0;
    	padding: 0;		
	}
	
    #content
    {
		width: 100%;
    	margin: auto;
    	padding: 0;
    	max-width: 800px;
    	min-width: 320px;
    
    }
	
	.container 
	{
		float:left;
		width: 100%;
    	margin: 0;
    	padding: 0;
    	max-width: 800px;
    	min-width: 320px;
    }
	
	.container p
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#header
	{
		float:left;
		width: 100%;
        text-align: center;
        color: black;
        margin: 0;
    	padding: 0;
	}
	
	#footer 
	{
		float:left;
		width: 100%;
        text-align: center;
        color: black;
        padding-bottom: 20px;
        padding-top: 20px;
        //background-color: yellow;
    }

	#footer .contact_info 
	{
		float:left;
		width: 100%;
		font-size: 80%;
	}
	
	#nav 
	{
        padding-bottom: 10px;
        padding-top: 10px;
        background-color: #334c7f;
        color: white; 
        font-weight: bold;
		float:left;
		width: 100%;
		/*
		position:fixed;
		left:0;
		top:0;
		*/
	}
	
	#nav a
	{
        color: white;
    	text-align: center; 
		text-decoration: none; 
		float: right;
        //padding-top: 10px;
        //padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
	}	
	
	#nav a:hover 
	{
    	text-decoration: underline;
	}
	
	#nav_search
	{
		padding-bottom: 10px;
        padding-top: 10px;
        //background-color: yellow;
        //color: white; 
        font-weight: bold;
		float:left;
		width: 100%;
    	text-align: center;
	}
	
	#nav_search_input 
	{	
		border: 1px solid;
		padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 10px;
        padding-right: 10px;
	}
	
	#nav_search_button 
	{
		border: 1px solid;
        background-color: #334c7f;
		color: white; 
		padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
	}
	
	#catalog_nav
	{
		float: right;
		width: 150px;
		margin: 0;
		//background: grey;
	}
	
	#catalog_nav_title
	{
		float: right;
		margin: 5px 0px 5px 0px;
		padding: 5px;
		width: -webkit-calc(100% - 10px);
   		width:    -moz-calc(100% - 10px);
    	width:         calc(100% - 10px);
		background: #334c7f;
		color:#ffffff;
		font-weight: bold;
	}
	
	#catalog_nav a
	{
		padding: 5px;
		margin: 0;
		float:left;
		width:140px;
		color:#334c7f;
    	text-decoration: none;
	}
		
	#catalog_nav a:hover
	{
    	text-decoration: underline;	
		//background-color: #476bb2;
		//color: white;	
	}
	
	#catalog_nav_sub
	{
		padding: 5px;
		margin: 0;
		float:left;
		width:140px;
    	text-decoration: none;
	}
	
	#catalog_nav_sub a
	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 5px;
		margin: 0;
		float:left;
		width:130px;
		color:#334c7f;
    	text-decoration: none;
	}
		
	#catalog_nav_sub a:hover
	{
    	text-decoration: underline;	
		//background-color: #5b89e5;
		//color: yellow;	
	}
	
	#catalog
	{
		//background: cyan;
		
		float: right;
		width: -webkit-calc(100% - 150px);
   		width:    -moz-calc(100% - 150px);
    	width:         calc(100% - 150px);
    
		height: 100%;
		
    	//text-align: center; 
		
		padding: 0px;
	}
	
	.item
	{
		//display: inline-block;
		float: left;
		width: 25%;
		height: 230px;
		padding: 0px;
		margin: 0px;
    	text-align: center; 
		//background: red;
	}
	
	.item_contatiner
	{			
		//background: yellow;
		padding: 0px;
		margin: 5px;
		
		width: -webkit-calc(100% - 10px);
   		width:    -moz-calc(100% - 10px);
    	width:         calc(100% - 10px);
		
		
		height: -webkit-calc(100% - 10px);
   		height:    -moz-calc(100% - 10px);
    	height:         calc(100% - 10px);
	}
	
	.item_contatiner a 
	{
		color: blue;
    	text-decoration: none;
		font-size: 14px;
	}
		
	.item a:hover 
	{
    	text-decoration: underline;
	}
	
	.item_name
	{
		display: block;
		float: left;
		width: 100%;
	}
	
	.item_price
	{
		display: block;
		float: left;
		width: 100%;
	}
	
	.item_image
	{
		display: block;
		float: left;
		width: 100%;
	}
	
	.item_image img
	{		
		width: 96px;
		height: 136px;
	}

	#product_images
	{
		width: 182px;
		height: 262px;
		padding: 5px;
		float: left;
		//background: cyan;
	}
	
	.product_image
	{
		background: red;
		//width: 100%;
		height: 100%;
	}
	
	#product_video
	{
		float: left;
		//background: grey;
		text-align: right;
		padding: 5px;
		
		width: -webkit-calc(100% - 202px);
   		width:    -moz-calc(100% - 202px);
    	width:         calc(100% - 202px);
		
		height: 262px;
	}
	
	#product_video iframe
	{
		width: 100%;
		height: 100%;
	}
	
	#product_name
	{
		float: left;
		//background: pink;
		text-align: right;
		padding: 5px;
		
		width: -webkit-calc(100% - 10px);
   		width:    -moz-calc(100% - 10px);
    	width:         calc(100% - 10px);
		
	}
	
	#product_price
	{
		float: left;
		//background: green;
		text-align: right;
		padding: 5px;
		
		width: -webkit-calc(100% - 10px);
   		width:    -moz-calc(100% - 10px);
    	width:         calc(100% - 10px);
		
	}
	
	#product_description
	{
		float: left;
		
		width: -webkit-calc(100% - 10px);
   		width:    -moz-calc(100% - 10px);
    	width:         calc(100% - 10px);
		
		padding: 5px;
		//background: orange;		
	}
	
	#product_description p 
	{
		padding: 5px;
		
	}

	@media screen and  ( max-width: 800px ) 
	{
		.item
		{
			width: 33%;
		}
	}

	@media screen and  ( max-width: 520px ) 
	{
		
		#catalog_nav
		{
			width: 100%;
		}
				
		#catalog_nav_title
		{			
			text-align: center; 
		}
		
		#catalog_nav a
		{
			padding: 5px;
			width: 46%;
			text-align: center; 
		}
		
		#catalog
		{		
			width: -webkit-calc(100%);
			width:    -moz-calc(100%);
			width:         calc(100%);
		
			height: 100%;
		}
	
		.item
		{
			width: 100%;
		}
		
		.item_contatiner a 
		{
			font-size: 20px;
		}
		
		.item_name
		{
			display: table-cell;
			float: left;
			width: 50%;
			height: 50%;
			vertical-align: bottom;
		}
		
		.item_price
		{
			display: table-cell;
			float: left;
			width: 50%;
			height: 50%;
			vertical-align: top;
		}
		
		.item_image
		{
			display: block;
			float: left;
			width: 50%;
			height: 100%;
		}
		
		.item_image img
		{		
			width: 155px;
			height: 220px;
		}
		
		#product_images
		{
			width: 100%;
			text-align: center; 
		}
		
		#product_video
		{
			width: 100%;		
		}
		
	}