/*   
Theme Name: lawer
*/

body {
text-align: justify;
line-height: 1.6;
overflow-x: hidden;
background: #f5f5f5;
}

#mywrapper {
margin: 0 auto;
width: 100%;
max-width: 1000px;
overflow-y: hidden;
overflow-x: hidden;
background: white;
}

header {
width: 100%;
position: relative;
z-index: 10;
}

#big {
position: relative;
z-index: 15;
}

#logo {
float: left;
width: 24%;
position: absolute;
top: 27%;
left: 6.5%;
z-index: 1000;
}

#logo a {
font-family: 'Times New Roman';
font-size: 21px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

#logo p {
margin-bottom: -5px;
color: #3A0000 !important;
}

#tele {
float: left;
width: 21%;
position: absolute;
top: 7%;
left: 77%;
z-index: 1000;
width: 23%;
text-align: center;
}

@media only screen and (max-width:1000px){
#logo {
width: 21%;
top: 27%;
left: 7.5%;
}
#tele {
top: 5%;
width: 21%;
left: 78%;
}
}

.adr {
font-family: georgia;
font-style: italic;
margin-bottom: -3px;
color: #3A0000 !important;
font-size: 15px;
}

.tit {
font-size: 25px;
margin-bottom: -2px;
color: #3A0000 !important;
}

.tele {
font-size: 21px;
margin-bottom: -5px;
color: #3A0000 !important;
}

.clear {
width: 100%;
height: 1px;
clear: both;
}

article {
width: 77%;
padding: 0 1% 0 0;
float: right;
font-size: 13px;
line-height: 160%;
font-family: Verdana, sans-serif;
background: white;
}

aside {
width: 20%;
padding: 0 0 20px 0;
}

@media only screen and (max-width:900px){
article {
width: 98%;
margin: 0 auto;
float: none;
}

aside {
width: 200px;
padding: 0 0 20px 1%;
}
}

.title {
font: normal 12pt/100% Arial, sans-serif;
background: #F0CE6D;
color: black;
padding: 5px 3px 5px 3px;
text-align: center;
}

aside ul li {
margin: 0 0 0 15px;
}

aside ul li a {
color: #05c;
font-size: 14px;
font-family: Arial;
text-decoration: underline;
}

aside ul li a:hover {
text-decoration: none;
}

#yandex {
margin: 20px 0 0 20px;
}

footer {
width:100%;
clear:both;
border-top: 1px solid #cccccc;
}

#foot {
margin: 7px 0 7px 10px;
font-size: 14px;
color: #444;
}

html {
overflow-y:scroll;
}

ul {
list-style:none;
margin:0;
padding:0;
}

img {
padding:0;
margin:0;
border:0;
max-width:100%;
height:auto;
}

*{
margin:0;
padding:0;
border:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}

a {
color: #05c;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
margin-bottom:7px;
color:#333;
}

h1 {
font: normal 15pt/100% Arial, sans-serif;
color: #5c5c5c;
margin: 17px 0 15px 0;
}

h2 {
font: normal 14pt/100% Arial, sans-serif;
color: #5c5c5c;
margin: 10px 0 15px 0;
}

h3 {
font: normal 13pt/100% Arial, sans-serif;
color: #5c5c5c;
margin: 10px 0 15px 0;
}

strong {
color:#444;
}

img.alignright{float:right;margin:0 0px 3px 5px;}
img.alignleft{float:left;margin:0 10px 3px 0;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignright{float:right}.alignleft{float:left;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}