@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
.reveal-modal-bg { 
position: fixed; 
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0; 
}
.texts .texts_in h3 {
	background-color: #FFF;
	color: #258CB1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/style/list_blue.png);
	background-position: 0px;
	background-repeat: no-repeat;
	font-size: 130%;
	padding-left: 17px;
}
 
.reveal-modal {
visibility: hidden;
top: 100px; 
left: 50%;
margin-left: -300px;
width: 350px;
background-color:#eee;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

 
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
} 

.button {
display: inline-block;
padding: 5px 20px; 
text-align: center;
text-decoration: none;
outline: none;
}
.button::before,
.button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,
.button::before,
.button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button {
position: relative;
z-index: 2;
background-color: #333;
border: 2px solid #333;
color: #fff;
}
.button:hover {
background-color: #fff;
border-color: #59b1eb;
color: #59b1eb;
}
.button::before,
.button::after {
left: 0;
width: 100%;
height: 50%;
background-color: #333;
}
.button::before {top: 0;}
.button::after {bottom: 0;}
.button:hover::before,
.button:hover::after {
height: 0;
background-color: #59b1eb;
}
.menu {
	border: 1px solid #ccc;
    margin-top: 4px;
    padding: 5px!important;
}
.menu-item {
	background-color: #eeeeee;
    background-image: url("../images/side.png");
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-top: 4px;
    padding: 3px 5px 5px 20px;
    text-align: left;
}
.ads {
	margin:0 0 10px 10px;
}
table {
 word-break: break-all;
}
.s_read {
	clear:both;
}

.btn3 {
    padding: 10px;
    text-align: center;
}
.side {
	margin-top:15px;
}
.side_top {
	margin-bottom:15px;
}
.list_coments {
	padding:15px;
}
.tit {
	font-size:400%;
	padding:3%;
}
.texts_in {
	padding:15px;
}
.conte_in {
    padding:10px 0 0 0!important;
}
.ban img {
	border:1px solid #ccc;
	z-index:5;
	border-radius:3px;
}

.area_out {
    min-height: 195px;
    height: auto !important;
    height: 300px;
	border-bottom:hidden;
	font-size:105%!important;

}
.area {
	line-height:0px;
}
.side_top {
	line-height:0px;
}
html {
	height:100%;
}
body {
	height:100%;
}
.main {
	height:100%;
}
.widget_pages ul {
	border: 1px solid #ccc;
    margin-top: 4px;
    padding: 5px!important;
}
.page_item {
	background-color: #eeeeee;
    background-image: url("../images/side.png");
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-top: 4px;
    padding: 3px 5px 5px 20px;
    text-align: left;
}
.widget ul {
	border: 1px solid #ccc;
    margin-top: 4px;
    padding: 5px!important;
}
.widget li {
	background-color: #eeeeee;
    background-image: url("../images/side.png");
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-top: 4px;
    padding: 3px 5px 5px 20px;
    text-align: left;
}
.s_read {
	overflow:hidden;
}
.maru {
	list-style-image:url(images/maru.png);
	margin-left:2%;
}