/* Aleksey Skubaev

askubaev@gmail.com
icq - 322253350
test-templates.com
Разработка шаблонов для DLE и кроссбраузерная верстка
------------------

Адаптивность 

_______________________________________m8888888 
___________________________________mMoooooooM8888 
_________________________________MogggooooooM88888 
___________________________MMMMMoooooooooooM8888888 
___________________________M6ooooMMMmoooooooM888888888 
________________________Mmooo8oooooooooooooM88888888888 
_______________________MmmmooooooooooooooM88888888888888 
______________________Moooooooooo8888888M8888888888888888 
_____________________Mooooooooooooo88888M88888888888888888 
______________________MmooooooooooooooommM88888888888888888 
__________________________M88ooooo888mooMM88888888888888888 
___________________________M88888888oommooM88888888888888888 
____________________________M888888ooooMM8888888888888888888 
____________________________MooooooooooM888888888888888888888 
_________________________888MoooooooooM8888888888888888888888 
______________________888888MooooooooM88888888888888888888888 
_____________________88888888MoooooooM8888888888mmmm888888888 
____________________888888888Mo8oooooM8888888MooooooooM888888 
___________________8888888888Moo8oooM8888MM8ooooooooooooM88888 
___________________8888888888Mooo88ooooM888MoooooooooooooM8888 
____________________M8o8888ooo8oo88ooo0ooMMoo888oooooooooooM88 
___________________Mooo88888ooo8o88o8oooooooooo8888oooooooooM8 
___________________Moo8888o8ooooo8ooooooooooooooo8888ooooooooM8 
___________________Mooo88oooooooooooooooooooooooo888888oooooooM8 
___________________Mooooooooooooooooooooooooooooo88888888ooooooM8 
____________________MooMooooooooooooooooooooooooooM888ooo88oooooM 
_____________________Mmoooooooooooooooooooooooooo888Moooo8oooooooM 
______________________Moooooooooo8oooooooooooooo8888MMooooooooooooM 
_______________________Moooooooo88ooooooooooooo88888MMM8oooooooooooM 
_______________________Moooooooo88oooooooooooooo88888MMMMoooooooooooM 
_______________________Moooooooo88Moooooooooooooooo88888MMMMoooooooooM 
______________________Mooooooooo88Moooooooooooooooo8MooooMMMMoooooooooM 
_____________________Mooooooooo8MMooooooooooooooo88MoooooMMMMooooooooooM 
____________________Mooooooooo88MMoom888mooooooo88MooooooMM_MMooooooooooM 
____________________M8moooooo888MMoom@@8moooo8888M8oooooooMM__MMoooooooooM 
___________________M@88moooo888MooMom8@8mooo8888MoooooooooMM___Mmoooooo000M 
____________________*M8mooo8888MooooMm8mooo888M888ooooooooMM___Moooooo00000M 
_______________________MMMMMM8888oooooMMmmmmM88888oooooooooMM_Moooooooo0008M 
_____________________________M88Moooooo8888888888oooooooooooMMoooooooooo88M 
_____________________________M88Mooooo8o888888888ooooooooooooMoooooooo888M 
______________________________M88Mooooo8ooo888888oooooooooooMooooooo8888M 
_______________________________M888Mooo888ooooo888ooooooooooMoooooo8888M 
_______________________________M88888Moo888oooooo8888ooooooMooooooo888M88M 
________________________________M888888Mo8888oooooo8888oooMooooooo888M88888M 
_________________________________M8888888Mo8888ooooooooooMoooooooo88M88888888M 
___________________________________M888888M88888oooooooooMoooooooo8M88888888888M 
____________________________________M8oo888M888888ooooooMoooooooo8M888888oooo888M 
_____________________________________M8ooooMM88888888ooMooooooooM8888oooooooooooo8M 
______________________________________MooooM_M88888888MooooooooM888ooooooooooooooo8M 
_______________________________________MooooM_M888888Mooooooo8M88**ooooooooooooooo88M 
________________________________________MooooM_mmmmmmMoooooo8Mmooooooooooooooooo888M 
_________________________________________MoooQooommmmMoooMMooooooooooooooooooooooo888M 
________________________________________MM88ooo8ooooMMMooooooooooooooooooooooooooooo8888M 
_____________________________________mM8888M88o88mMmooooooooooooooooooooooooooooo88888M 
_______________________________mMMMoooooooooM888Mmooooooooooooooooooooooooooooo888888M 
__________________________MMMMoooooooooooooooMMooooooooooooooooooooooooooooooo888888M 
______________________MMMooooooooooooooooooooMMooooooooooooooooooooooooooo888888M 
__________________MMMooooooooooooooooooMMooooooooooooooooooooooooooooo88888888888M 
________________MMooooooooooooooooooooMMooooooooooooooooooooooooooooo8888888888M 
_____________MMoooooooooooooooooooooMMooooooooooooooooooooooooooo888888888888MMM 
___________MmoooooooooooooooooooooMMoooooooooooooooooooooooooo888888888888M88888M 
_________MooooooooooooooooooooooMooooooooooooooooooooooooooo88888888888MM_M8888888M 
_______MoooooooooooooooooooooooMooooooooooooooooooooooooo8888888888M_____M8888888888M 
______M8ooooooooooooooooooo88Mooooooooooooooooooooooo88888888888M_______M8888888888888M 
______M88oooooooooooo8888888Moooooooooooooooooooooo888888MMMMMMMMMMMM888888888888888888888M 
______M8888ooooooo88888MMMMMooooooooooooooooooooo8888M888888888888888888888888888888888888888M 
_______M888888888888MMM888Moooooooooooooooooooo88M8ooooooooooo8888888888888888888888MMMMMMMMMMMM 
________M888888888888oooooMoooooooooooooooooooMMoooooo8888888888888888888888MMM 
_________M8888888888888888M8888oooooo88ooooooMoo888888888888888888888MM 
____________MMMMMMMMMMMMMMM888888ooo88888oo8Mo888888888888888888MM 
_____________________________M8888888888888Mo888888888888MMM 
_______________________________M88888888888MMMMMMM 
__________________________________MMMMM

*/

.mob-menu, .resp-menu, .mob-up {
	display: none;
}

@media (max-width: 1000px) { 
	
	.top-line2, .head-block, .main-center-block, .footer2 {
		width: auto;
	}
	.logo {
		width: 100%;
		top: 10px;
		left: 0px;
	}
	
	.search-block {
		position: absolute;
		left: 3%;
		top: 150px;
		background: #f8dfdf;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		width: 94%;
		height: 45px;
	}
	
	.top-menu {
		display: none;
	}
	
	.mob-menu {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		height: 48px;
		line-height: 46px;
		color: #fff;
		font-size: 19px;
		background: url(../images/mob-menu.png) 10px center no-repeat;
		padding: 0 0 0 50px;
		cursor: pointer;
	}
	
	.content-block {
		background: #fff0f1;
	}
	
	.left-col {
		width: auto;
		margin: 0 0 20px 0;
		padding: 10px;
		float: none;
		text-align: center;
	}
	
	.right-col {
		float: none;
		width: auto;
		margin: 0 0 20px 0;
		padding: 0px;
		
	}
	
	.main-news {
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 28%;
        padding: 0 2.4% 0 2%;
	}
	.main-news-image {width: 230px;margin: auto;}

	
	.right-menu {
		display: none;
	}
	
	.right-block {
		background: #f2e8df;
	}
	
	.hello-block {
		text-align: left;
	}
	
	.resp-menu .top-menu {
		display: block;
		background: #9d304d;
		height: auto;
		text-align: left;
	}
	
		.resp-menu .top-menu a {
			height: auto;
			float: none;
			display: inline-block;
			padding: 8px 20px;
			margin: 0 2px 2px 0;
			background: none;
			line-height: 20px;
			font-size: 18px;
		}
		
	.resp-menu .right-menu-content {
		text-align: left;
	}
	
		.resp-menu .right-menu-content a {
			display: inline-block;
			margin: 0 10px 5px 0;
		}
		
	.logo2 {
		position: relative;
		left: -20px;
		top: -20px;
	}
	
	.footer2 {
		height: auto;
		padding: 20px;
		position: relative;
	}
	
	.full-news, .s-block {
		text-align: left;
	}
	
	.full-win-click {
		display: none;
	}
	
	.mob-up {
		background: url(../images/top-line.png);
		display: block;
	}
	
		.mob-up span {
			background: url(../images/mob-up.png) center center no-repeat;
			height: 70px;
			display: block;
			cursor: pointer;
		}
	
}
@media (max-width: 860px) { 
.main-news {
    width: 28%;
    padding: 0px 3% 0 1.4%;
}
}
@media (max-width: 790px) { 
.main-news {
    width: 41%;
    padding: 0px 4% 0 4%;
	}
}
@media (max-width: 600px) { 

	.resp-menu .right-menu-content a {
			display: block;
			margin: 0;
		}

}

@media (max-width: 500px) { 

	.resp-menu .top-menu a {
		display: block;
	}

}
@media (max-width: 540px) { 
.main-news {
    width: 100%;
    padding: 0px;
}
.main-news-title {height: auto;}
}
@media (max-width: 450px) { 

	.main-news {
		display: block;
		width: auto;
		margin: 0 0 30px 0;
		padding: 6px;
		text-align: left;
	}
		
				
		.main-news-cat {
			position: static;
			margin: 0 0 10px 0;
		}
		
			.main-news-cat a {
				display: inline-block;
				height: 19px;
				line-height: 17px;
				padding: 0 5px;
				color: #fff;
				background: #16b8e0;
				font-size: 14px;
			}
			
		.login-open {
			overflow: hidden;
			line-height: 200px;
			padding: 0;
			width: 48px;
			font-size: 0;
			overflow: hidden;
		}
		
	.login-block {
		position: fixed;
		top: 10%;
		width: 90%;
		margin: 0;
		left: 5%;
		z-index: 888;
		height: auto;
		display: none;
	}
	
	.login-block-title {
		text-align: left;
	}
	
	.login-line {
		height: 52px;
		padding: 0 0 0 58px;
		background: url(../images/login-line.jpg) left top no-repeat;
		margin: 0 0 10px 0;
	}
	
	.user-info-table {
		width: 100%;
		margin: 0;
	}
	
		.user-info-table input, .lost-input-text {
			max-width: 100% !important;
		}
		
		.lost-input-text {
			width: 90% !important;
		}
		
		.user-info-table td {
			display: block;
		}
		
		.user-info-table tr {
			border-bottom: 1px #ccc dotted;
			margin: 0 0 5px 0;
			display: block;
		}
		

}

/********** рейтинг новый */   
.ratingtt {
	font-size: 14px;
	color: #222;
	font-family: Arial;
	padding: 10px 0;
	clear: both;
}

	.ratingtt-title {
		font-size: 11px;
		color: #ccc;
	}
	
	.ratingtt-left, .ratingtt-center, .ratingtt-right {
		float: left;
		margin: 0 2px 0 0;
		font-weight: bold;
	}
	
	.ratingtt a {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
		background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
		background-color:#ffffff;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:1px solid #e0e0e0;
		display: block;
		height: 25px;
		line-height: 25px;
		padding: 0 10px;
	}
	
	.ratingtt-left a {
		color: #f72c2c;
	}
	
	.ratingtt-center {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
		background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
		background-color:#ffffff;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:1px solid #e0e0e0;
		display: block;
		height: 25px;
		line-height: 25px;
		padding: 0 10px;
	}
	
	.ratingtt-right a {
		color: #569a05;
	}