/*
*	Reset
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;margin:0px;padding:0px;outline:0;vertical-align:baseline;}body{line-height:1}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
html { min-height:100%;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input { line-height: normal; *overflow: visible;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;}
input[type="text"], input[type="password"], textarea, select { border:1px solid #b8c8d2; } 
.center { text-align:center!important;}
.left { text-align:left!important;}
.right { text-align:right!important;}
.nowrap { white-space:nowrap!important;}

body { background: white; background: #bfbfbf url(images/tmplMarina/bg.jpg) 0 0 no-repeat; background-attachment:fixed;}
p, body, font, div, td, input, select, textarea, a, html { font: 12px/18px Verdana, Geneva, sans-serif; color:#222;}
a { text-decoration: underline; color:#6DA83E;}
a:hover { text-decoration:none;}
img { border:none; vertical-align:middle;}
td { vertical-align:top;}


p { margin-bottom:5px;}
h1 { font-size:22px; font-weight:normal; line-height:25px; margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif;}
h2 { font-size:18px; line-height:22px; font-weight:normal; margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif;}/* íàçâàíèÿ ðàçäåëîâ */
h3 { font-size:16px; font-weight:normal; margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif;}/* íàçâàíèÿ ïîäðàçäåëîâ */
div.Separator { margin:10px 0; border-top:1px dotted #ccc;}
div.error, div.confirm { margin-bottom:10px;}
div.alarm_green { background: #c5ff8d url(images/backend/ok.png) 10px center no-repeat; border:1px dotted #8cbf32; padding:10px 10px 10px 35px; text-align:left; margin-bottom:10px;}
.error { color:red;}
.confirm { color:blue;}
div.remark { margin:20px 0;}
.services { text-align:center; margin-bottom:10px;}
.services a, .services span, .services b { display:inline-block; background:#eee; text-decoration:none; min-width:10px; text-align:center; margin:0 2px; padding:0 5px; color:#000; transition:0.5s; border-radius:3px;}
.services a:hover, .services span, .services b {background:#333; color:#fff;}
div.message { margin:20px 0; text-align:center;}
div.message a { text-decoration:underline;}
div.message a:hover { text-decoration:none;}
table.pad3 td { padding:3px;}
table.pad2 td { padding:2px;}
td.cell_name { background:#f5f5f5;}
div.clear { height:10px; clear:both;}
div.confirmathion { padding:50px; text-align:center;}
div.confirmathion, div.confirmathion * { font-size:20px; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; line-height:25px;}
div.NavPanelTitle { background:#f5f5f5; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:7px; margin-bottom:10px;}

div.NavSort { float:left;}
div.NavCount { float:right;}

/* ðàçìåòêà ñòðàíèöû */
.header { height:44px; background: #585555 url(images/tmplMarina/bgTop.jpg) 0 0 no-repeat; width:100%; top:0; left:0; position:fixed; z-index:100; z-index:10;}

.wrapLeft { width:322px; float:left; position:relative; z-index:100;}
.wrapRight { margin-left:322px; background:#fff; max-width:630px; padding:70px 30px 30px 30px;}

.logo { display:block; text-align:center; margin-top:20px;}
.menu_under_logo { }
.menu_under_logo a { display:block; text-align:center; margin-top:20px;}


/* ============ ÂÅÐÕÍÅÅ ÌÅÍÞ ============ */
.mainMenu { margin: 4px 0 0 322px; height:40px;}
.mainMenu > li { float:left; list-style:none;}
.mainMenu > li > a { text-decoration:none; color:#fff; font-size:15px; display:block; height:40px; line-height:40px; white-space:nowrap; padding:0 15px; background:#222; margin-right:2px;}
.eng-ver > li > a { padding: 0 10px;}
.mainMenu > li > a:hover { text-decoration:underline;}
.mainMenu > li.active > a { background:#fff; color:#000;}

.language { height:40px; line-height:38px; margin-left:10px; color:#fff;}
.language a { color:#b3b3b3; padding:0 5px;}

/* ============ .ÂÅÐÕÍÅÅ ÌÅÍÞ ============ */

table.Marina { width:100%; margin-bottom:10px;}
table.Marina img { max-width:100%; height:auto;}
table.Marina .left { width:55%; padding-right:10px;}
table.Marina .left img, table.Marina .left div { float:right; text-align:right;}

table.Marina h1 { font-size:22px; font-weight:normal; margin-bottom:20px; display:block; margin-top:20px;}
table.Marina .left p { color:#4d4d4d;}
table.Marina .p-title p { color:#79b843; line-height:30px; font-size:30px;}

.cloud { height:70px; background:url(images/tmplMarina/balls.png) center center no-repeat;}
.home-col-left, .home-col-right { }
.home-col-right { }

.blog-list { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #CCC;}
.blog-list img { float:left; max-width:30%; margin: 0 10px 0 0;}


/* ============ ÊÀÐÒÀ ÑÀÉÒÀ ============ */
ul.site-map { list-style:none; margin:10px 20px;}
ul.site-map li { margin:5px 0;}
ul.site-map li.level1 { font-weight:bold; margin:10px 0;}
ul.site-map li.level2 { margin-left:15px;}
ul.site-map li.level3 { margin-left:30px;}
ul.site-map li.level4 { margin-left:45px;}
/* ============ .ÊÀÐÒÀ ÑÀÉÒÀ ============ */

/* ============ ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÑÒÐÀÍÈÖÛ ============ */
.pages { width:95%;}
.pages a {word-break: break-all;}
.pages ul { margin: 0 0 0 15px;}
.pages li { margin-bottom:10px;}
.pages img { max-width:50%!important; height:auto!important; margin:5px!important;}
/* ============ .ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÑÒÐÀÍÈÖÛ ============ */

/* welcome */
.welcome  {}
/* #welcome */

div.footer { padding:15px; text-align:center; border:1px solid #ccc; background: white url(images/tmplMarina/tabs_bg_vkl.png) 0 0 repeat-x; border-radius:7px;}
div.footer ul { list-style:none;}
div.footer li { display:inline; list-style:none; margin:5px 15px;}
div.footer td { padding:10px; vertical-align:middle;}



ul.inform li { list-style:none; border-bottom:1px dotted #a4a793; line-height:30px; background:url(images/tmplMarina/a1000000.gif) 0 14px no-repeat; padding-left:15px;}

ul.inform li:last-child { border-bottom:none;}
.hlbut {
    border: 1px solid #333; /* Ðàìêà */
    display: inline-block;
    padding: 5px 15px; /* Ïîëÿ */
    text-decoration: none; /* Óáèðàåì ïîä÷¸ðêèâàíèå */
    color: #000; /* Öâåò òåêñòà */
    background: #A0D44C;
  }
   .hlbut:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Òåíü */
    background: linear-gradient(to bottom, #fcfff4, #e9e9ce); /* Ãðàäèåíò */
    color: #a00;
   }
   
   
.menu-m { background:#000; border-radius:3px;}   
.mainMenu-mobile { display:none;}  
.menu-m-bg { display:none; position:fixed; width:100%; height:130%; top:0; left:0; z-index:9999; background:rgba(0,0,0,0.6)}   
.menu-hid { width:60%; margin:2px; position:absolute; top:0; left:0; z-index:99999; display:none;}
.menu-hid > li > a { display:block; background:#000; color:#fff; padding:10px; margin-bottom:2px;} 
 
.feedback_detailed input[type="text"], .feedback_detailed textarea { width:200px; border:1px solid #ccc; padding:5px 10px; box-sizing:border-box; max-width:100%!important;}
   
   /*
Bootstrap
<576
>=576
>=768
>=992
>=1200
*/

@media screen and (max-width: 1300px) {

}
@media screen and (max-width: 1100px) {
	
}
@media screen and (max-width: 1000px) {
	.header { height:40px; background: #585555 url(images/tmplMarina/bgTop.jpg) -322px 0 no-repeat; position:relative;}
	.mainMenu { margin: 4px 0 0 4px; height:40px;}
}
@media screen and (max-width: 950px) {
	.wrapLeft { width:250px;}
	.wrapRight { margin-left:250px; padding:20px;}
}
/* .wrapLeft { width:322px; float:left; position:relative; z-index:100;} */
@media screen and (max-width: 800px) {
	body { background: #bfbfbf url(images/tmplMarina/bg-m.jpg) 0 0 repeat-x; }
	.wrapLeft { width: auto; float:none; display:block; padding:10px 0;}
	.wrapLeft img { width:100%!important; max-width:108px!important; height:auto!important;}
	.wrapRight { margin-left:0; padding:10px; max-width:none; width:100%; box-sizing:border-box;}
	.wrapLeft a.logo { margin:0; display:inline-block; vertical-align:top; width:33.333%;}
	.menu_under_logo { display:inline-block; vertical-align:top; width:66.666666%;}
	.menu_under_logo a { display:inline-block; vertical-align:top; width:50%; margin:0;}
	table.Marina .left { width:50%;}
	table.Marina .right { width:50%;}
}

@media screen and (max-width: 700px) {
	
	
}
@media screen and (max-width: 600px) {
	.mainMenu { display:none;}
	.mainMenu-mobile { display:block;}
	p, body, font, div, td, input, select, textarea, a { font: 15px/18px Verdana, Geneva, sans-serif;}
}
@media screen and (max-width: 500px) {
	
}
@media screen and (max-width: 400px) {
	
}