.paginator
{
border: 0px dotted red;
line-height: 2em;
margin: 0.5em 0;
padding: 0 0.1em;
text-align: center;
}
.paginator a, .paginator span
{
border: 1px solid #191E24;
padding: 0.4em 0.6em;
color: #FFFFFF;
background: #191E24;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #262E36), color-stop(1, #060809));
background-image: -o-linear-gradient(top, #262E36, #060809);
background-image: -moz-linear-gradient(top, #262E36, #060809);
background-image: -webkit-linear-gradient(top, #262E36, #060809);
background-image: linear-gradient(to bottom, #262E36, #060809);
font-weight: bold;
font-size: 1.2em;
border-radius: 8px;
}
.paginator a:hover, .paginator a.current, .paginator span.current
{
border: 1px solid #191E24;
background: #FFFFFF;
color: #191E24;
text-decoration: none;
}


#topbar
{
width: 100%;
margin: 0;
padding: 0px 0px 0px 0px;
border: 0px dotted red;
border-bottom: 1px solid #DDDDDD;
text-align: right;
top: 0;
background: #FFFFFF;
}
#topbar #tel
{
border: 0px dotted orange;
width: 90%;
float: left;
font-weight: bold;
text-align: left;
font-style: italic;
font-size: 1.2em; font-size: 18px;
/*font-family: Tahoma, Arial, sans-serif;*/
margin: 4px 0px 4px 0px;
padding: 0px 0px 0px 0px;
}
#topbar #admin_menu
{
border: 0px dotted green;
width: 89%;
float: left;
text-align: left;
margin: 0px 0px 4px 0px;
}
#topbar #admin_menu ul {border: 0px grey; width: 100%; float: left; margin: 4px 5px 4px 5px; padding: 0px 0px 0px 0px;}
#admin_menu ul li a {/*font-family: arial, helvetica, sans-serif;*/}


#topbar .admin_menu_sub
{
border: 0px dotted green;
width: 100%;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 0px;
background: #000066;
overflow: hidden;
}
#topbar .admin_menu_sub ul {
border: 0px grey;
width: 100%;
margin: 4px 5px 4px 5px;
padding: 0px 0px 0px 0px;
}
#topbar .admin_menu_sub ul li {
display: inline;
margin: 4px 0px 4px 0px;
border-radius: 6px;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 1px 7px 5px 0px #000000;
}
#topbar .admin_menu_sub ul li a {
border: 1px dotted red;
font-family: arial, helvetica, sans-serif;
color: #FFFFFF;
padding: 4px 10px 4px 10px;
margin: 0;
border: 0px solid #006600;
border-radius: 4px;
background: #990000;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #CC3333), color-stop(1, #660000));
background-image: -ms-linear-gradient(top left, #CC3333, #660000);
background-image: -o-linear-gradient(top left, #CC3333, #660000);
background-image: -moz-linear-gradient(top left, #CC3333, #660000);
background-image: -webkit-linear-gradient(top left, #CC3333, #660000);
background-image: linear-gradient(to bottom right, #CC3333, #660000);
text-shadow: 1px 1px 3px #000000;
padding-top: 15px;
}

#topbar form
{
border: 0px dotted green;
margin: 0;
padding: 0;
font-size: 0.9em;
background: none;
}
#reg
{
width: 200px;
float: left;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0 0 0 20px;
border: 0px dotted yellow;
}
#reg a {text-decoration: underline; color: #FFFFFF;}
#reg a:hover {text-decoration: none;}
#topbar input {
font-size: 1.1em;
font-weight: bold;
padding: 3px;
margin: 0 5px 0 5px;
background: #555555;
color: #FFFFFF;
border: 1px;
border-radius: 6px;
}
#topbar button {
font-size: 1em;
font-weight: bold;
padding: 6px 10px 5px 10px;
margin: 0px 0px 0px 0px;
border-radius: 4px;
border: 0px solid #000000;
background: none;
}
#login
{
/*width: 300px;
margin: 10px auto;
text-align: center;
box-shadow: 1px 1px 5px 1px #000;
*/
}

#inout
{
width: 10%;
margin: 0px 0px 4px 0px;
float: right;
border: 0px dotted green;
}
#inout ul {width: auto; float: left; margin: 4px 5px 4px 5px; padding: 0px 0px 0px 0px;}
#inout ul li, #admin_menu ul li {
display: inline;
margin: 4px 0px 4px 0px;
border-radius: 6px;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 1px 7px 5px 0px #000000;
}
#inout ul li a, #admin_menu ul li a {
color: #FFFFFF;
padding: 4px 10px 4px 10px;
margin: 0;
border: 0px solid #006600;
border-radius: 4px;
background: #990000;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #CC3333), color-stop(1, #660000));
background-image: -ms-linear-gradient(top left, #CC3333, #660000);
background-image: -o-linear-gradient(top left, #CC3333, #660000);
background-image: -moz-linear-gradient(top left, #CC3333, #660000);
background-image: -webkit-linear-gradient(top left, #CC3333, #660000);
background-image: linear-gradient(to bottom right, #CC3333, #660000);
text-shadow: 1px 1px 3px #000000;
padding-top: 15px;
}
#inout ul li a:hover, #admin_menu ul li a:hover, #admin_menu ul li.current a {
color: #FFFFFF;
text-decoration: none;
border: 0px solid #99CC33;
background: #000066;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #003399), color-stop(1, #000066));
background-image: -ms-linear-gradient(top left, #003399, #000066);
background-image: -o-linear-gradient(top left, #003399, #000066);
background-image: -moz-linear-gradient(top left, #003399, #000066);
background-image: -webkit-linear-gradient(top left, #003399, #000066);
background-image: linear-gradient(to bottom right, #003399, #000066);
position: relative;
top: 3px;
box-shadow: 1px 1px 2px 0px #FFFFFF;
}
#inout ul.right {width: 105px; width: auto; float: right;}


/* горизонтальное меню */
#menug
{
border-top: 2px solid #DDDDDD;
border-bottom: 2px solid #DDDDDD;
clear: both;
width: 100%;
/*background: #191E24;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #262E36), color-stop(1, #060809));
background-image: -o-linear-gradient(top, #262E36, #060809);
background-image: -moz-linear-gradient(top, #262E36, #060809);
background-image: -webkit-linear-gradient(top, #262E36, #060809);
background-image: linear-gradient(to bottom, #262E36, #060809);*/
}
#homelink
{
float: left;
width: 30px;
height: 30px;
margin: 0.2em 10px 0 10px;
display: none;
}
#main_menu
{
width: 100%;
margin: 0px 0px;
padding: 0px;
overflow: hidden;
text-align: left;
}
#main_menu li
{
/*font-family: Tahoma,Arial,sans-serif;*/
display: block;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-shadow: none;
}
#main_menu li.first
{
margin: 0 0px 0 0px; margin: 0 0px 0px 0;
background: none;
}
#main_menu li a
{
width: 100%;
display: block;
padding: 0.8em 1em 0.75em 1em;
margin: 0px 0px;
font-size: 1em;
/*font-family: Tahoma, Arial, sans-serif;*/
color: #FFCC66;
color: #000000;
text-align: center;
text-transform: uppercase;
/*text-shadow: 1px 1px 2px #000000;*/
text-decoration: none;
/*
background: #191E24;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #262E36), color-stop(1, #060809));
background-image: -o-linear-gradient(top, #262E36, #060809);
background-image: -moz-linear-gradient(top, #262E36, #060809);
background-image: -webkit-linear-gradient(top, #262E36, #060809);
background-image: linear-gradient(to bottom, #262E36, #060809);
*/
}
#main_menu li a:hover, #main_menu li.current a
{
color: #000000; color: #003399;
text-shadow: none;
/*
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
*/
}
#main_menu li.home {padding: 0 8px 2px 2px; background: none;}
#main_menu li.home a {margin: 0; border: 0;}
#main_menu li.home a:hover {background: none; border: 0;}
#main_menu li.home img {margin: 0 0px 0px 0; border: 0;}
#main_menu li.home a {margin-right: 0; padding-right: 0;}




@media only screen and (min-width: 510px)
{
#main_menu li a {padding: 0.6em 0.8em 0.5em 0.6em;}
}

@media only screen and (min-width: 800px)
{
#main_menu li a {padding: 0.8em 1em 0.6em 1em;}
}

.v {
list-style-type: none;
margin: 1em 0px 1.5em 0px; margin: 0.5em 0px 0.5em 0px;
padding: 0; padding: 0 0 0 1em;
}
.v li {
/*font-family: Tahoma,Arial,sans-serif;*/
list-style: none;
width: 100%;
padding: 0;
margin: 0 0 0px 0;
/*
background: #191E24;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #262E36), color-stop(1, #060809));
background-image: -o-linear-gradient(top, #262E36, #060809);
background-image: -moz-linear-gradient(top, #262E36, #060809);
background-image: -webkit-linear-gradient(top, #262E36, #060809);
background-image: linear-gradient(to bottom, #262E36, #060809);
*/
margin-bottom: 3px;
text-align: left;
border: 0;
border-radius: 6px;
}
ul.v li.current, .v li.current {color: #000000;}
ul.v li.sub, .v li.sub {font-style: italic; font-size: 0.9em;}
ul.v li.sub a, nav.v li.sub a {padding-left: 1.5em;}
ul.v li a, ul.v li.current a, .v li a, .v li.current a {
display: block;
/*color: #FFCC66;*/
padding: 0.7em 0.5em; padding: 0.4em 0.5em;
border: 0;
border-radius: 6px;
text-transform: uppercase;
color: #003399;
}
ul.v li a:hover, ul.v li.current, .v li a:hover, .v li.current {
text-decoration: none;
color: #000000;
/*
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
*/
}
ul.v li.current a, .v li.current a {color: #000000; text-decoration: none;}

.menu_home {float: right; width: 235px; margin-left: 0;}
.menu_home ul.menuv li, .menu_home nav.menuv li {margin-bottom: 10px;}

.share {margin: 3px 0 10px 0;}
.share span, .share a {
display: inline-block;
vertical-align: inherit;
margin: 5px 0 0 2px;
padding: 0px;
font-size: 0px;
width: 40px;
height: 40px;
background: url("../../../include/social/soc_icon.png") no-repeat scroll 0px 0px transparent;
}
.share span:hover {cursor: pointer;}
.share span.vkontakte {background: url("../../../include/social/soc_icon.png") no-repeat scroll -168px 0px transparent;}
.share span.google {background: url("../../../include/social/soc_icon.png") no-repeat scroll -252px 0px transparent;}
.share span.livejournal {background: url("../../../include/social/soc_icon.png") no-repeat scroll -336px 0px transparent;}
.share span.twitter {background: url("../../../include/social/soc_icon.png") no-repeat scroll -42px 0px transparent;}
.share span.mail {background: url("../../../include/social/soc_icon.png") no-repeat scroll -294px 0px transparent;}
.share span.odnoklassniki {background: url("../../../include/social/soc_icon.png") no-repeat scroll -126px 0px transparent;}
.share span.pinterest {background: url("../../../include/social/soc_icon.png") no-repeat scroll -210px 0px transparent;}
.share span.liveinternet {background: url("../../../include/social/soc_icon.png") no-repeat scroll -378px 0px transparent;}
.share span.evernote {background: url("../../../include/social/soc_icon.png") no-repeat scroll -420px 0px transparent;}
.share span.digg {background: url("../../../include/social/soc_icon.png") no-repeat scroll -588px 0px transparent;}
.share span.spring {background: url("../../../include/social/soc_icon.png") no-repeat scroll -630px 0px transparent;}
.share a.bookmark {background: url("../../../include/social/soc_icon.png") no-repeat scroll -462px 0px transparent;}
.share a.email {background: url("../../../include/social/soc_icon.png") no-repeat scroll -504px 0px transparent;}
.share a.print {background: url("../../../include/social/soc_icon.png") no-repeat scroll -546px 0px transparent;}

/* Ссылка входа в админку */
#adminka
{
position: absolute;
top: 0px;
width: 960px;
height: 1px;
text-align: right;
}
#adminka_link
{
position: relative;
top: 10px;
right: 10px;
width: 200px;
float: right;
border: 0px dotted red;
}


@media only screen and (max-width: 320px)
{

}

@media only screen and (min-width: 360px)
{

}

@media only screen and (min-width: 480px)
{
#main_menu {text-align: left;}
#main_menu li {display: inline; width: auto;}
#main_menu li a {display: inline-block; width: auto; /*box-shadow: 1px 1px 3px 1px #333333;*/}
}

@media only screen and (min-width: 768px)
{
#main_menu {text-align: left; border: 0px dotted red;}
#main_menu li {}
#main_menu li a {}
#main_menu li a:hover {}
}

@media only screen and (min-width: 1000px)
{
#main_menu {padding-left: 20px;}
#main_menu li a {font-size: 1.1em;}
}

@media only screen and (min-width: 1200px)
{
#main_menu {padding-left: 20px;}
#main_menu li a {font-size: 1.2em;}
}