View file web/style_css3.css

.bar_menu
{
	 background: #fff;

    padding: 8px 0px 8px 0px;
	
	-webkit-box-shadow: 0 1px 2px #BDD1D8;
      
	-moz-box-shadow:  0 1px 2px #BDD1D8;
      
    -o-box-shadow:  0 1px 2px #BDD1D8;
      
	box-shadow: 0 1px 2px #BDD1D8;
}

.bar_menu:hover
{
	background: #F7F9FA;
}

.bar_menu img
{
	max-width: 40px;
}


/* The PC version */

@media all and (min-width: 917px)
{
	body 
	{
		max-width: 900px;
		background: #efefef;
	}
	
	.body 
	{
		border-top: 0;
		border-bottom: 0;
		border-color: #b0b0b0;
	}
	
	.auts 
	{
		padding: 9px;
	}
	
	.content
	{
		vertical-align: top;
		width: 100%;
		background: #ffffff;
		
	}
	
	.titles
	{
		display: none;
	}
	
	.main_menu
	{
		 background: #fff;

    padding: 8px 0px 8px 0px;
	
	-webkit-box-shadow: 0 1px 2px #BDD1D8;
      
	-moz-box-shadow:  0 1px 2px #BDD1D8;
      
    -o-box-shadow:  0 1px 2px #BDD1D8;
      
	box-shadow: 0 1px 2px #BDD1D8;
	}
	.main_menu:hover
{

    background: #F7F9FA;
	
}
	
	.main
	{
		background-image: none;
		background-color: #efefef;
		margin: 0;
		border: 0;
		border-bottom: 1px solid #ababab;
		padding: 6px;
	}
	
	.main2
	{
		background-image: none;
		background-color: #efefef;
		margin: 0;
		border: 0;
		border-bottom: 1px solid #ababab;
		padding: 6px;
	}
	
	.bottom_foot
	{
		width: 100%;
	}
	
	.bar_razdel
	{
		background: #D7EFF5;
		color: #405e86;
		padding: 5px;
		font-weight: bold;
		position: relative;
		background-image: url(side_bar/sbar.png);
		background-position: 97%;
		background-repeat: no-repeat;
	}
	
	#bar_sbar
	{
		position: absolute;
		right: 2px;
	}
	
	#logo_bar
	{
		width: 100%;
		max-height: 26px;
	}
	
	#logo
	{
		display: none;
	}
	
	.left_side_bar
	{
		width: 200px;
		display: block;
		vertical-align: top;
		border-right: 1px solid #c4c4c4;
	}
	
	
}

/* The Mini PC version */

@media (max-width: 917px) and (min-width: 359px)
{
	body 
	{
		max-width: 900px;
		background: #efefef;
	}
	
	.body 
	{
		border-top: 0;
		border-bottom: 0;
		border-color: #b0b0b0;
	}
	
	.bar_link
	{
		display: none;
		color:#ffffff;
	}
	
	.auts 
	{
		padding: 6px;
	}
	
	.content
	{
		vertical-align: top;
		width: 100%;
		background: #ffffff;
	}
	
	.titles
	{
		display: none;
	}
	
	.main_menu
	{
		 background: #fff;

    padding: 8px 0px 8px 0px;
	
	-webkit-box-shadow: 0 1px 2px #BDD1D8;
      
	-moz-box-shadow:  0 1px 2px #BDD1D8;
      
    -o-box-shadow:  0 1px 2px #BDD1D8;
      
	box-shadow: 0 1px 2px #BDD1D8;
	}
	.main_menu:hover
{

    background: #F7F9FA;
	
}
	
	.main
	{
		background-image: none;
		background-color: #efefef;
		margin: 0;
		border: 0;
		border-bottom: 1px solid #ababab;
		padding: 6px;
	}
	
	.main2
	{
		background-image: none;
		background-color: #efefef;
		margin: 0;
		border: 0;
		border-bottom: 1px solid #ababab;
		padding: 6px;
	}
	
	.bottom_foot
	{
		width: 100%;
	}
	
	.bar_razdel
	{
		background: #155377;
		position: relative;
		background-image: url(side_bar/sbar.png);
		background-position: 97%;
		background-repeat: no-repeat;
		height: 10px;
	}
	
	.bar_menu
	{
		text-align: center;
		background: #103f5a;
		border-bottom: 1px solid #092231;
	}
	
	.bar_menu img
	{
		background: #bcdff3;
		padding: 3px;
		border-radius: 4px;
		-moz-border-radius: 4px;
	}
	
	.bar_menu:hover
	{
		background: #145074;
	}
	
	#bar_sbar
	{
		position: absolute;
		right: 2px;
	}
	
	#logo_bar
	{
		width: 100%;
		max-height: 26px;
	}
	
	#logo
	{
		display: none;
	}
	
	#eventOpen{
		position: absolute;
		width: 60px;
		height: 40px;
		z-index: 1000;
	}
	
	.left_side_bar
	{
		width: 60px;
		display: block;
		vertical-align: top;
	}
	
}