/*
Theme Name: geomagia (new)
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. geomagia supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: Dmitry
Version: 2.0
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/
html, body {height: 50%;min-height:50%; }
body{font: normal 16px/18px Tahoma, arial, sans-serif; position:relative;width: 100%;background: url(../images/bg.jpg);color:#25221c;}
h1,h2,h3,h4,h5,h6 {font-family: Tahoma, arial, sans-serif;color:#333333;font-weight:300;}
a {color:rgb(192, 133, 69);text-decoration:underline;}
a:hover{text-decoration:none;}
img {border: 0;}
p {margin:0 0 25px 0;}

.clear {clear:both;}

/*---Тело страницы---*/


/*---Шапка---*/
#header,#header1,#header2 {height: 660px}
#header1 {background: url(../images/headerbg3.jpg) center no-repeat}
/*#header {height: 660px;background: url(../images/hbg2.png) -80px 0 no-repeat;}
#header2 {height: 660px;background: url(../images/hbg3.png) 1665px 0 no-repeat;}*/
#logo {width: 326px;height: 62px;background: url(../images/logo.png) no-repeat;margin: 0 auto;}
#logo a {width: 326px;height: 62px;display:block;}
#doplogo {width: 959px;height: 114px;background: url(../images/2020-dop-logo.png) no-repeat;margin: 0 auto;margin-top: 20px;}

/*---Конетент---*/
#content {width: 996px;margin: -25px auto;position: relative;min-height:568px;}
#content-top {height: 87px;background: url(../images/c-t.png) top center no-repeat;}
#content-center {height: 468px;padding:0 100px 0 160px;text-align: justify; background: url(../images/c-c.png) repeat-y;}
.scroll-pane {max-height: 468px;padding-left: 10px;outline: none;}
#content-bottom {
    height: 87px;
    margin-top:-25px;
    background: url(../images/c-b.png) bottom center no-repeat;
}
#content-bottom2 {
    position: relative;
    left: -100px;
    top: -87px;
    height: 87px;
    width: 100px;
    z-index: 1;
    background: url(../images/c-b.png) bottom center no-repeat;
}
#girl {width: 551px;height: 628px;background: url(../images/girl.png) no-repeat;position: absolute;left:-195px;top: -279px;}
#cart {z-index: 2; width: 242px;height: 212px;background: url(../images/cart.png) no-repeat;position: absolute;left:-120px;bottom: -20px;}
#svecha {z-index: 1; width: 216px;height: 568px;background: url(../images/svecha.png) no-repeat;position: absolute;right:-105px;top: 10px;}
#book {z-index: 2; width: 284px;height: 308px;background: url(../images/book.png) no-repeat;position: absolute;right:-125px;bottom: -20px;}

/*---Меню---*/
#menu {width: 994px;height: 139px;position: absolute;left:50px;top: -70px;}
#menu ul li{display:inline;list-style:none;text-indent: -9999px;}
.uslugi {
	float: left;
	width:106px;
	height:139px;
	display:block;
	background:url(../images/menu.png) 0 0 no-repeat;
}
.uslugi span.hover{
	position: absolute;
	display: block;
	width:106px;
	height:92px;
	background:url(../images/menu.png) 0px -157px no-repeat;
}
.l-magia {
	float: left;
	width:118px;
	height:139px;
	display:block;
	background:url(../images/menu.png) -106px 0 no-repeat;
}
.l-magia span.hover{
	position: absolute;
	display: block;
	width:118px;
	height:92px;
	background:url(../images/menu.png) -106px -157px no-repeat;
}

.d-magia {
	float: left;
	width:112px;
	height:139px;
	display:block;
	background:url(../images/menu.png) -224px 0 no-repeat;
}
.d-magia span.hover{
	position: absolute;
	display: block;
	width:112px;
	height:92px;
	background:url(../images/menu.png) -224px -157px no-repeat;
}
.magia {
	float: left;
	width:104px;
	height:139px;
	display:block;
	background:url(../images/menu.png) -336px 0 no-repeat;
}
.magia span.hover{
	position: absolute;
	display: block;
	width:104px;
	height:110px;
	background:url(../images/menu.png) -336px -157px no-repeat;
}

.gadanie {
	float: left;
	width:106px;
	height:139px;
	display:block;
	background:url(../images/menu.png) -440px 0 no-repeat;
}
.gadanie span.hover{
	position: absolute;
	display: block;
	width:106px;
	height:92px;
	background:url(../images/menu.png) -440px -157px no-repeat;
}

.ob-am {
	float: left;
	width:114px;
	height:139px;
	display:block;
	background:url(../images/menu.png) -546px 0 no-repeat;
}
.ob-am span.hover{
	position: absolute;
	display: block;
	width:114px;
	height:92px;
	background:url(../images/menu.png) -546px -157px no-repeat;
}


.za-ri {
	float: left;
	width:114px;
	height:139px;
	display:block;
	background:url(../images/menu.png) -660px 0 no-repeat;
}

.za-ri span.hover{
	position: absolute;
	display: block;
	width:114px;
	height:92px;
	background:url(../images/menu.png) -660px -157px no-repeat;
}

.contactm {
	float: left;
	width:124px;
	height:139px;
	display:block;
	background:url(../images/menu.png) -774px 0 no-repeat;
}
.contactm span.hover{
	position: absolute;
	display: block;
	width:124px;
	height:92px;
	background:url(../images/menu.png) -774px -157px no-repeat;
}



/*---Формы---*/
#form2{margin:1em 0;color:#f8a64d;width:320px;font-size:14px;}
#form2 p{margin:.5em 20px;}	
#form2 label{display:block;color:#935000;text-transform:uppercase;}	
#form2 input, #form2 textarea{
	padding:7px 5px;
	width: 361px;
	border: none;
	outline: none;
	color:#4d3c1f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #bfaf9d;
	-moz-box-shadow: 0 1px 0 #f7edd8, inset 0 1px 1px #84786b;
	-webkit-box-shadow: 0 1px 0 #f7edd8, inset 0 1px 1px #84786b;
	box-shadow: 0 1px 0 #f7edd8, inset 0 1px 1px #84786b;
}		
#form2 textarea{height:125px;overflow:auto;font-family: Tahoma, arial, sans-serif;}					
#form2 p.submit{text-align:right;color:#000;}	
#form2 button{
	color: #302c1a;
	text-shadow: 0 1px 0 #e3daad;
	cursor: pointer; border: 1px solid #827b57; padding: 4px 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #272727;
	-moz-box-shadow: inset 0 0 0 1px #fff6ce;
	-webkit-box-shadow: inset 0 0 0 1px #fff6ce;
	box-shadow: inset 0 0 0 1px #fff6ce;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzN2Q1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjYzViYjhkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzljMTk1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
	background-image: -moz-linear-gradient(bottom, #837d55 0%, #c5bb8d 64.99%, #c9c195 100%);
	background-image: -o-linear-gradient(bottom, #837d55 0%, #c5bb8d 64.99%, #c9c195 100%);
	background-image: -webkit-linear-gradient(bottom, #837d55 0%, #c5bb8d 64.99%, #c9c195 100%);
	background-image: linear-gradient(bottom, #837d55 0%, #c5bb8d 64.99%, #c9c195 100%);
}
#form2 button:hover{color:#703d00;}
#form2 button:active{position: relative;top:1px;}

/*---Подвал---*/
#footer {width: 996px;margin: 30px auto;height: 40px;}
.copyr {width: 118px;height: 28px;background: url(../images/copy.png) no-repeat;text-indent: -9999px;float: right;}
.copyr a{width: 118px;height: 28px;display: block;}

h1 {
    width: 730px;
    text-align:center;
    color:#935000;
    text-transform:uppercase;
    margin-bottom: 15px;
    font-size: 18px;
}

h2.entry-title {
    width: 730px;
    text-align:center;
    color:#935000;
    text-transform:uppercase;
    margin-bottom: 15px;
    margin-top: 10px;

    font-size: 15px;
}

h2.entry-title * {
    font-size: 15px;
    text-align:center;
    color:#935000;
    text-transform:uppercase;
}

.post {
    margin-bottom: 30px;
}

.scroll-pane {
    padding-left: 20px;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {

    font-size: 100%;
    line-height: 100%;
    overflow: hidden;
}
.navigation a:link,
.navigation a:visited {

}
.navigation a:active,
.navigation a:hover {

}
.nav-previous {
    float: left;
    width: 50%;
}
.nav-next {
    float: left;
    text-align: left;
    width: 50%;
}
#nav-above {
    margin: 0 0 18px 0;
}
#nav-above {
    display: none;
}
.paged #nav-above,
.single #nav-above {
    display: block;
}
#nav-below {
    margin: -18px 0 0 0;
}


#comments {
    display: none;
}

#content-center ul {
    line-height: 22px;
    margin: 0 0 25px 50px;
}

#content-center h2, #content-center h3, #content-center h4, #content-center h5 {
    width: 730px;
    text-align: center!important;
    color: #935000;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 18px;
}