.paginator
{
border: 0px dotted red;
line-height: 2em;
margin: 0.5em 0;
padding: 0 0.1em;
width: 100%;
text-align: center;
}
.paginator a, .paginator span
{
border: 1px solid #DDDDDD;
padding: 0.3em 0.6em;
font-weight: bold;
background: #EEEEEE;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #DDDDDD), color-stop(1, #EEEEEE));
background-image: -o-linear-gradient(top, #DDDDDD, #EEEEEE);
background-image: -moz-linear-gradient(top, #DDDDDD, #EEEEEE);
background-image: -webkit-linear-gradient(top, #DDDDDD, #EEEEEE);
background-image: linear-gradient(to bottom, #DDDDDD, #EEEEEE);
border-radius: 6px;
}
.paginator a:hover, .paginator a.current, .paginator span:hover, .paginator span.current
{
border: 1px solid #003399; border: 1px solid #996600;
color: #EEEEEE;
background: #996633;
background-image: -webkit-gradient(linear, top left, bottom right, color-stop(0, #CC9966), color-stop(1, #CC9966));
background-image: -ms-linear-gradient(top left, #003399, #000066);
background-image: -o-linear-gradient(top left, #CC9966, #CC9966);
background-image: -moz-linear-gradient(top left, #CC9966, #CC9966);
background-image: -webkit-linear-gradient(top left, #CC9966, #CC9966);
background-image: linear-gradient(to bottom right, #CC9966, #CC9966);
text-shadow: 1px 1px 3px #996633;
text-decoration: none;
}


#topbar
{
width: 100%;
height: 31px;
overflow: hidden;
margin: 0;
padding: 0px 0px 0px 0px;
border: 0px dotted red;
border-bottom: 1px solid #000033;
color: #996633;
text-align: right;
position: fixed;
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: 18px;
margin: 4px 0px 4px 0px;
padding: 0px 0px 0px 0px;
}
#topbar #admin_menu
{
border: 0px dotted green;
width: 90%;
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;}
#topbar #admin_menu ul li a {font-size: 0.9em; font-family: Tahoma, Arial, sans-serif; padding: 10px 8px 6px 8px;}

#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 10px 0px 5px;
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: 9%;
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; float: right;}

.catalog_button_sidebar
{
border: 1px solid #996633;
width: auto;
text-align: center;
margin: 10px auto 20px auto;
padding: 0.5em 0.5em;
color: #996633;
font-weight: bold;
}
.catalog_button_sidebar:hover {color: #A5A7AA; border: 1px solid #A5A7AA;}
.catalog_button_sidebar.second {margin: 20px auto 10px auto;}

/* горизонтальное меню */
#menug
{
visibility: visible;
width: 100%;
border: 0px dotted #666600;
}
#menug.visible {visibility: visible; height: auto;}
#menug.hidden {visibility: hidden; height: 1px;}
#homelink
{
float: left;
width: 30px;
height: 30px;
margin: 0.2em 10px 0 10px;
border: 2px dotted #000000;
display: none;
}
#main_menu
{
border: 0px dotted red !important;
width: 100%;
margin: 0px 0px;
padding: 0.5em 0;
overflow: hidden;
text-align: center;
}
#main_menu li
{
font-family: Tahoma,Arial,sans-serif;
display: block;
width: 100%;
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 0px;
}
#main_menu li.first
{
margin: 0 0px 4px 0;
background: none;
}
#main_menu li a, #main_menu li span
{
width: 100%;
display: block;
padding: 0.5em 1em 0.5em 1em;
margin: 0px 0px;
color: #A5A7AA;
text-decoration: none;
text-transform: uppercase;
}
#main_menu li span
{
width: 100%;
display: inline-block;
font-weight: bold;
}
#main_menu li a:hover, #main_menu li.current a, #main_menu li span:hover, #main_menu li.current span
{
color: #BA936A;
text-shadow: none;
}
#main_menu li.home
{
padding: 0 8px 2px 2px;
background: none;
}
#main_menu li.home a, #main_menu li.home span
{
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, #main_menu li.home span {margin-right: 0; padding-right: 0;}


.menuv {
list-style-type: none;
margin: 1em 0px 1.5em 0px;
padding: 0;
}
.menuv li {
font-family: Tahoma,Arial,sans-serif;
list-style: none;
width: 100%;
padding: 0;
margin: 0 0 0px 0;
text-align: left;
border-left: 0;
border-right: 0;
}
ul.menuv li.current, .menuv li.current {color: #A5A7AA;}
ul.menuv li span {font-weight: bold;}
ul.menuv li.sub, .menuv li.sub {font-style: italic; font-size: 0.9em; background: #EEEEEE;}
ul.menuv li.sub a, nav.menuv li.sub a, ul.menuv li.sub span, nav.menuv li.sub span {padding-left: 1.5em;}
ul.menuv li a, ul.menuv li.current a, .menuv li a, .menuv li.current a,
ul.menuv li span, ul.menuv li.current span, .menuv li span, .menuv li.current span
{
display: block;
color: #996633;
padding: 0.5em 0.5em;
border: 0;
border-top: 1px solid #996633;
}
ul.menuv li a:hover, ul.menuv li.current, ul.menuv li span:hover
{
text-decoration: none;
color: #A5A7AA;
}
ul.menuv li.current a, .menuv li.current a, ul.menuv li.current span, .menuv li.current span
{
color: #A5A7AA;
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;}

a.button_all {
background: #996633;
border-radius: 4px;
padding: 0.25em 0.4em 0.25em 0.4em;
margin: 5px 0;
font-size: 1em;
font-weight: bold;
color: #FFFFFF;
line-height: 200%;
}
a.button_all:hover {
text-decoration: none;
background: #A5A7AA;
}

/* Ссылка входа в админку */
#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)
{
#main_menu li {font-size: 1em; text-align: center; border-top: 1px solid #A5A7AA; margin: 0;}
}

@media only screen and (min-width: 320px)
{
#main_menu li {font-size: 1em; text-align: center; border-top: 1px solid #A5A7AA; margin: 0;}
}

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

}


@media only screen and (min-width: 480px)
{
#catalog_button_header {clear: both;}
.mobile_style_button, .catalog_button_sidebar {display: none; visibility: hidden;}
#menug.hidden {display: inline-block; visibility: visible;}
#main_menu {}
#main_menu li {border: 0px solid #A5A7AA; display: inline; width: auto; padding: 0; padding: 0.5em 0em;}
#main_menu li a, #main_menu li span
{
border: 0px dotted navy;
display: inline-block;
width: auto;
padding: 0.5em 0.5em;
margin: 0em 0.1em 0.1em 0;
}
}


@media only screen and (min-width: 640px)
{
#catalog_button_header {clear: both;clear: none;}
/*.mobile_style_button {clear: none; float: right; margin: 0;}*/
}


@media only screen and (min-width: 768px)
{
#main_menu {border: 0px dotted red;}
}


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

}


@media only screen and (min-width: 1000px)
{
#main_menu li {border: 0px solid #A5A7AA;}
}

/* Social_buttons */
.share {margin: 0px 0 10px 0;}
.share .h4 {text-transform: uppercase !important; font-size: 1em;}
.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;}