/*Основная страница*/

.gbentry-top {
    height: 50px;
}

.gbentry-img {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.gbentry-head {
    display: inline-block;
    position: absolute;
    vertical-align: top;
    width: 50vw;
    max-width: 1000px;
    margin: auto;
}

/*.gbentry-head {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}*/

/* нечетные */
.gbentry-i {
    width: 50vw;
    height: 290px;
    max-width: 1000px;
    float: none;
    min-height: 250px;
    border-bottom: 2px #0f5d67 solid;
    border-left: 2px #0f5d67 solid;
    border-right: 2px #0f5d67 solid;
    background: rgb(255 255 255 / 90%);
    background-position: bottom right;
    background-repeat: no-repeat;
    border-radius: 5px;
    border-collapse: collapse;
    margin: 10px auto;
}

.gbtitle-i {
    text-align: left;
    float: none;
    width: 100%;
    /* max-width: 500px; */
    /* height: 30%; */
    font-size: 1.6em;
    font-weight: 400;
    /* font-style: italic; */
    padding: 15px 50px;
    /* background-color: #faf4ee; */
    color: #0f5d67;
}

.gbmail-i {
    padding: 10px 10px 15px 10px;
    float: none;
    text-align: right;
    /* color: #1f1f1f;
    border-top: #1f1f1f 2px solid; */
}

.gbmail-i img {
    border: none !important;
}

.button {
    height:30px
}

.gbcontent-i {
    padding: 20px 50px;
    color: #232323;
    font-size: 1em;
    font-weight: 200;
}
.gbcomment-i {
    font-style: italic;
    font-size: 0.8em;
    background: #ec9526;
    border-radius: 0 20px;
    color: #000;
    padding: 5px 25px;
    margin: 15px 5px 0px 20%;
    /* border: 1px dashed #BCBCBC; */
}

.gbentry-i hr {
    margin: 0 5% 10px;
}

.gbentry-i img {
    float: left;
    margin: 0 20px 20px 0;
    height: 250px;
}

/* четные */
.gbentry-j {
    width: 37vw;
    max-width: 400px;
    height: 380px;
    float: left;
    min-height: 350px;
    background: #82c7e1 url(/media/bg/bg-otz.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    border-radius: 5px;
    border-collapse: collapse;
    margin: 10px;
}

.gbtitle-j {
    text-align: right;
    float: none;
    /* height: 30%; */
    font-size: 1.6em;
    font-weight: 100;
    font-style: italic;
    padding: 15px;
    /* background-color: #faf4ee; */
    color: #1e5d2c;
}

.gbmail-j {
    padding: 10px 10px 15px 10px;
    float: none;
    text-align: right;
    color: #1f1f1f;
    border-top: #1f1f1f 2px solid;
}

.gbmail-j img {
    border: none !important;
}

.gbcontent-j {
    padding: 20px 10px;
    color: #f5f5f5;
    font-size: 1em;
    font-weight: 200;
}
.gbcomment-j {
    font-style: italic;
    font-size: 0.8em;
    background: #ec9526;
    border-radius: 0 20px;
    color: #000;
    padding: 5px 25px;
    margin: 15px 5px 0px 20%;
    /* border: 1px dashed #BCBCBC; */
}

.gbentry-j hr {
    margin: 0 5% 10px;
}

.gbentry-j img {
    float: left;
    margin: 0 20px 20px 0;
    height: 250px;
}

/*дополнительные страницы*/
.gbentry {
    width: 45%;
    display: inline-table;
    min-height: 200px;
    background: #1f1f1f url(/media/bg/bg-otz.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    border-radius: 0 50px;
    border-collapse: collapse;
    margin: 10px;
}

.gbtitle {
    /* bottom: 0px; */
    /* position: absolute; */
    /*width: 100%;*/
    text-align: right;
    float: right;
    /* height: 30%; */
    font-size: 1em;
    font-weight: 100;
    font-style: italic;
    padding: 0 15px 0 5px;
    /* background-color: #faf4ee; */
    color: #feff44;
    /* border-bottom: 1px solid #DCDCDC; */
}

.gbmail {
    float:right;
}

.gbmail img {
    border: none !important;
}

.button {
    height:30px
}

.gbcontent {
    padding: 20px;
    text-align: left;
    color: #f5f5f5;
    font-size: 1em;
    font-weight: 200;
}
.gbcomment {
    font-style: italic;
    font-size: 0.8em;
    background: #ec9526;
    border-radius: 0 20px;
    color: #000;
    padding: 5px 25px;
    margin: 15px 5px 0px 20%;
    /* border: 1px dashed #BCBCBC; */
}

.gbentry hr {
    margin: 0 5% 10px;
}

/* add entry */
.required {
  color: #EE0000;
}
img.button {
  vertical-align: bottom;
}
.input_form {
	font-size: 1em;
	border: 0;
}
.input_name_field {
	width: 100%;
    	border-radius: 0;
    	padding: 5px;
    	border: #a6a6a6 1px solid;
}
.input_mail_field {
	width: 100%;
    	border-radius: 0;
    	padding: 5px;
    	border: #a6a6a6 1px solid;
}
.input_website_field {
	width: 300px;
}
.input_message_field {
	width: 100%;
    	border-radius: 0;
    	padding: 5px;
    	border: #a6a6a6 1px solid;
}
.input_smileys {
	text-align: right;
}
.smileys {
	border: 0;
}
.captcha_table {
	padding-top: 5px;
}

.captcha_table input[type="text"] {
    padding: 10px;
}

.text_captcha {
    font-size: 1.4em;
}

.image_captcha {
	border: 0;
}
.captcha_expl {
	font-size: 0.8em;
}

/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}
.footer-ot {
	width:100%;
	background: #1f1f1f;
    	color: #fff;
}
.footer-ot a {
	color:#fff;
}

.m_guestbook h2 {
    background: #ff7800;
    color: #ffffff;
    font-size: 1em;
    font-weight: 400;
    display: inline-block !important;
    padding: 8px 20px 10px !important;
    margin: 0 1% !important;
    width: auto !important;
    border-radius: 8px !important;
}   

.m_guestbook h2:hover {
    background: #0f5d67;
}

.title-form-gb {
    text-align: right;
    width: 30%;
}

#guestbook_form input[type="button"],
#guestbook_form  input[type="reset"], 
#guestbook_form input[type="submit"] {
	border-radius: 0;
    	background: #860f03;
    	color: #fff;
    	font-size: 1.4em;
    	border: none;
    	padding: 10px 20px;
}       

@media(max-width:768px){
	.gbentry-i,
	.gbentry-j {
	    width: 85vw;
	}
	.gbentry-head {
            width: 75%;
        }
	.m_guestbook h2 {
	    font-size: 0.7em;
	}
	.gbentry {
	    width: 95%;
	}
}