*{margin:0px; padding:0px;}

img{border:none;}

html, body { height: 100%; margin: 0; padding: 0; }
body{
font-family: Verdana, serif;
font-size:12px;
color:#666666;
margin: 0; padding: 0;
}

body a{
color: #0066CC;
outline:none;
text-decoration:underline;
}

body a:hover{
text-decoration:none;
}
body a:visited{
color: #0066CC;
}

h1{
font-size:18px;
font-weight:normal;
color: #000000;
margin-bottom: 10px;
}

html>body #main { height: auto; min-height: 100%; }

#bg {
background: #fff url(/bitrix/templates/marinar/images/body_bg.jpg) 0 0 repeat;
}
#bg_left {
background: url(/bitrix/templates/marinar/images/bg_border.gif) left top repeat-y;
max-width: 1400px;
width:expression(document.body.clientWidth > 1400? "1400px": "auto");
margin: 0 auto;
}
#bg_right {
background: url(/bitrix/templates/marinar/images/bg_border.gif) right top repeat-y;
max-width: 1400px;
width:expression(document.body.clientWidth > 1400? "1400px": "auto");
margin: 0 auto;
}

#main {
height: 100%;
position: relative; 
max-width: 1394px;
min-width: 1000px;
width:expression(document.body.clientWidth > 1394? "1394px": "auto");
width:expression(document.body.clientWidth < 1000? "1000px": "auto");
margin: 0 auto;
background: #fff url(/bitrix/templates/marinar/images/body_bg.jpg) 0 0 repeat;
}

#header {
height: 161px;
width: 100%;
background: #fff;
}
#header .background {
height: 153px;
width: 100%;
background: url(/bitrix/templates/marinar/images/header_bg_left.jpg) 3px 0 no-repeat;
}
#header .background div{
height: 153px;
width: 100%;
/*background: url(/bitrix/templates/marinar/images/header_bg_right.jpg) right top no-repeat;*/
}
#header .background div.slogan{
height: 80px;
width: 190px;
background: #fff;
position: relative;
left: 40%;
top: 33px;
}
#header .background div.light{
position: absolute;
z-index: 9;
top: 0;
left: 0;
background: none;
width: 184px;
height: 122px;
}
#header .background div.water{
position: absolute;
z-index: 9;
top: 122px;
left: 0;
background: none;
width: 262;
height: 31px;
}
#header .line1 {
height: 6px;
width: 100%;
background: #333192;
}
#header .line2 {
height: 1px;
width: 100%;
background: #FF005E;
}
#header .line3 {
height: 1px;
width: 100%;
background: #AAB7E7;
}

#body {
/*background: #fff url(/bitrix/templates/marinar/images/body_bg.jpg) 0 0 repeat;*/
}
#body #left {
vertical-align: top;
}
#body #right {
vertical-align: top;
}
#body #three_col {
vertical-align: top;
width: 100%;
}

#body .white {
}
#body .white .t {background: #fff url(/bitrix/templates/marinar/images/white_dot.gif) 0 0 repeat-x;}
#body .white .b {background: url(/bitrix/templates/marinar/images/white_dot.gif) 0 100% repeat-x}
#body .white .l {background: url(/bitrix/templates/marinar/images/white_dot.gif) 0 0 repeat-y}
#body .white .r {background: url(/bitrix/templates/marinar/images/white_dot.gif) 100% 0 repeat-y}
#body .white .bl {background: url(/bitrix/templates/marinar/images/white_l_b.gif) 0 100% no-repeat}
#body .white .br {background: url(/bitrix/templates/marinar/images/white_r_b.gif) 100% 100% no-repeat}
#body .white .tl {background: url(/bitrix/templates/marinar/images/white_l_t.gif) 0 0 no-repeat}
#body .white .tr {background: url(/bitrix/templates/marinar/images/white_r_t.gif) 100% 0 no-repeat;}

#body .header {
color: #fff;
background: url(/bitrix/templates/marinar/images/topic_bg.gif) 0 0 repeat-x;
height: 27px;
}
#body .header .l{
height: 27px;
background: url(/bitrix/templates/marinar/images/topic_bg_left.gif) left top no-repeat;
}
#body .header .r{
height: 27px;
background: url(/bitrix/templates/marinar/images/topic_bg_right.gif) right top no-repeat;
}
#body .header div.text {
text-transform: uppercase;
font-weight: bold;
padding: 6px 0 0 20px;
background: none;
}
#body .header div.text a{
color: #fff;
font-size: 10px;
text-transform: none;
}
#body .header div.breadcrumb {
padding: 6px 0 0 20px;
font-weight: bold;
background: none;
}
#body .header div.breadcrumb a {
color: #fff;
}

#body .menu {
margin: 7px 0 0 25px;
}
#body .menu ul {
padding: 0;
}
#body .menu ul li{
padding: 0 0 5px 0;
list-style: none;
background: url(/bitrix/templates/marinar/images/li_bg.gif) 0 3px no-repeat;
color: #000;
}
#body .menu ul li img{ 
margin: 0 9px 0 0;
}
#body .menu ul li.active{
color: #990099;
}
#body .menu ul li a.active{
color: #990099;
}
#body .menu ul li.parent{
}
#body .menu ul li.parent_active img{
margin: 0 9px 0 0;
}
#body .menu ul li ul {
margin-top: 3px;
}
#body .menu ul li ul li{
padding: 0 0 3px 30px;
list-style: none;
background: none;
color: #000;
font-size: 11px;
}
#body .menu ul li ul li a{
font-size: 11px;
}

#body #content {
padding: 10px 15px;
}
#body #content p{
margin-bottom: 12px;
text-align: justify;
line-height: 150%;
}
#body #content .divider{
background: #E0E0E0;
height: 6px;
width: 100%;
}

#body #content .news_list {

}
#body #content .news_list .year{
background: #E0E0E0;
float: left;
color: #000;
font-size: 18px;
padding: 5px 10px;
}
#body #content .news_list .pic{
float: left;
margin: 0 10px 10px 0;
}
#body #content .news_list .pic img{
border: 1px solid #9A9A9A;
padding: 1px;
}
#body #content .news_list .news {
line-height: 150%;
margin-top: 25px;
}
#body #content .news_list .news h1 a{
color: #666;
text-decoration: none;
}

#body #content .news_line {

}
#body #content .news_line .pic{
float: left;
margin: 0 10px 10px 0;
}
#body #content .news_line .pic img{
border: 1px solid #9A9A9A;
padding: 1px;
}
#body #content .news_line .news {
line-height: 150%;
margin-top: 25px;
}
#body #content .news_line .news h1 a{
color: #666;
text-decoration: none;
}

#body .fish_new {
width: 100%;
padding: 15px 0;
}
#body .fish_new div.item{
width: 33%;
float: left;
line-height: 150%;
}
#body .fish_new div.item .pic{
}

#body #content .promo{
line-height: 150%;
}
#body #content .promo .date{
color: #333;
background: #E0E0E0;
float: left;
padding: 0 13px 3px 5px;
}
#body #content .promo .anons{
font-weight: bold;
text-align: justify;
padding-top: 11px;
}
#body #content .promo .desc{
text-align: justify;
padding-top: 16px;
}

#body #content .tales{
line-height: 150%;
}
#body #content h1 a{
color: #0066CC;
text-decoration: none;
}
#body #content .tales .anons{

}

#body #content .tale{
line-height: 150%;
}
#body #content .tale .text{
color: #666;
padding: 0 0 4px 0;
}

#body #content .awards{
line-height: 150%;
}
#body #content .awards h1{
margin: 0 0 20px 15px;
}
#body #content .awards div.first, #body #content .awards div.second{
margin: 12px 0;
padding: 7px 27px;
}
#body #content .awards div.first {
background: #E0E0E0;
}
#body #content .awards div.pic {
float: left;
}
#body #content .awards div.text {
}
#body #content .awards div.text strong{
display: block;
}

#body #content .pager{
border-top: 1px solid #ccc;
padding: 10px 0 0 0;
}

}
#body .fish_new div.item .pic img{
border: 1px solid #A2A2A2;
padding: 2px 1px;
}

#body .food_new {
width: 100%;
padding: 15px 0;
}
#body .food_new div.item{
width: 33%;
float: left;
line-height: 150%;
}
#body .food_new div.item .pic{

}
#body .food_new div.item .pic img{
}

#body #catalog1 #catalog2 #content {
padding: 10px 20px 10px 20px;
}
#body #catalog1 #catalog2 #content p {
padding-right: 46%;
line-height: 150%;
}

#body #catalog1 #catalog2 #content .blocks {
	
}
#body #catalog1 #catalog2 #content .blocks div.fl, #body #catalog1 #catalog2 #content .blocks div.fr {
width: 49%;
height: 107px;
cursor: pointer;
}
#body #catalog1 #catalog2 #content .blocks .t {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 0 repeat-x; height: 107px;}
#body #catalog1 #catalog2 #content .blocks .b {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 100% repeat-x; height: 107px;}
#body #catalog1 #catalog2 #content .blocks .l {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 0 repeat-y; height: 107px;}
#body #catalog1 #catalog2 #content .blocks .r {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 100% 0 repeat-y; height: 107px;}
#body #catalog1 #catalog2 #content .blocks .bl {background: url(/bitrix/templates/marinar/images/gray_l_b.gif) 0 100% no-repeat; height: 107px;}
#body #catalog1 #catalog2 #content .blocks .br {background: url(/bitrix/templates/marinar/images/gray_r_b.gif) 100% 100% no-repeat; height: 107px;}
#body #catalog1 #catalog2 #content .blocks .tl {background: url(/bitrix/templates/marinar/images/gray_l_t.gif) 0 0 no-repeat; height: 107px;}
#body #catalog1 #catalog2 #content .blocks .tr {background: url(/bitrix/templates/marinar/images/gray_r_t.gif) 100% 0 no-repeat; height: 107px;}
#body #catalog1 #catalog2 #content .blocks .text {
padding: 26px 10px 0 170px;
}
#body #catalog1 #catalog2 #content .blocks .text h1{
margin-bottom: 5px;
}

#body #catalog1 #catalog2 #content .products th{
background: #7CB7DF;
color: #fff;
padding: 6px;
text-align: left;
font-weight: normal;
}
#body #catalog1 #catalog2 #content .products td{
background: #E5E5E5;
padding: 6px;
cursor: pointer;
}
#body #catalog1 #catalog2 #content .products td div{
border: 1px solid #666;
padding: 7px;
position: absolute;
z-index: 9;
background: #fff;
display: none;
}
#body #catalog1 #catalog2 #content .products td.first{
background: #FFF;
padding: 0 20px 0 0;
cursor: auto;
}

#body #catalog1 #catalog2 #content .product {
line-height: 150%;
margin: 0 0 0 0;
}
#body #catalog1 #catalog2 #content .product .pic {
float: left;
margin: 0 25px 0 0;
text-align: center;
}
#body #catalog1 #catalog2 #content .product .pic div{
border: 1px solid #442A7C;
}
/*
#body #catalog1 #catalog2 #content .product .pic div {
border: 1px solid #2D1279;
}
#body #catalog1 #catalog2 #content .product .pic div div{
border: 1px solid #614BA4;
}
#body #catalog1 #catalog2 #content .product .pic div div div{
border: 1px solid #5F44A5;
}
#body #catalog1 #catalog2 #content .product .pic div div div div{
border: 1px solid #2A037F;
}
#body #catalog1 #catalog2 #content .product .pic div div div div div{
border: 1px solid #230273;
}
#body #catalog1 #catalog2 #content .product .pic div div div div div div{
border: 1px solid #20025A;
}
#body #catalog1 #catalog2 #content .product .pic div div div div div div div{
border: 1px solid #110357;
}
#body #catalog1 #catalog2 #content .product .pic div div div div div div div div{
border: 1px solid #631E83;
}
#body #catalog1 #catalog2 #content .product .pic div div div div div div div div div{
border: 1px solid #583232;
}
#body #catalog1 #catalog2 #content .product .pic div div div div div div div div div div{
border: 1px solid #A3A360;
}
#body #catalog1 #catalog2 #content .product .pic div div div div div div div div div div div{
border: 1px solid #A99562;
}
#body #catalog1 #catalog2 #content .product .pic div div div div div div div div div div div div{
border: 1px solid #DDD57A;
}
#body #catalog1 #catalog2 #content .product .pic div div div div div div div div div div div div div{
border: 1px solid #E0E591;
}
#body #catalog1 #catalog2 #content .product .pic div div div div div div div div div div div div div div{
border: 1px solid #B3AEB1;
}
#body #catalog1 #catalog2 #content .product .pic div div div div div div div div div div div div div div div{
border: 1px solid #E7E4ED;
}
*/
#body #catalog1 #catalog2 #content .recipe{}
#body #catalog1 #catalog2 #content .recipe .text {
margin-left: 200px; line-height: 150%;
}
#body #catalog1 #catalog2 #content .recipe .text .t {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 0 repeat-x; float: left;}
#body #catalog1 #catalog2 #content .recipe .text .b {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 100% repeat-x;}
#body #catalog1 #catalog2 #content .recipe .text .l {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 0 repeat-y;}
#body #catalog1 #catalog2 #content .recipe .text .r {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 100% 0 repeat-y;}
#body #catalog1 #catalog2 #content .recipe .text .bl {background: url(/bitrix/templates/marinar/images/gray_l_b.gif) 0 100% no-repeat;}
#body #catalog1 #catalog2 #content .recipe .text .br {background: url(/bitrix/templates/marinar/images/gray_r_b.gif) 100% 100% no-repeat;}
#body #catalog1 #catalog2 #content .recipe .text .tl {background: url(/bitrix/templates/marinar/images/gray_l_t.gif) 0 0 no-repeat;}
#body #catalog1 #catalog2 #content .recipe .text .tr {background: url(/bitrix/templates/marinar/images/gray_r_t.gif) 100% 0 no-repeat; padding: 18px 13px;}
#body #catalog1 #catalog2 #content .recipe a {
color: #0066CC;
text-decoration: underline;
}
#body #catalog1 #catalog2 #content .recipe a:hover {
color: #0066CC;
text-decoration: none;
}
#body #catalog1 #catalog2 #content .recipe .fish {
float: left;
margin: 0;
width: 200px;
height: 210px;
background: url(/bitrix/templates/marinar/images/talkfish.jpg) 0 0 no-repeat;
}
#body #catalog1 #catalog2 #content .recipe .fish div{
position: relative;
margin: 80px 0 0 164px;

}

#body #catalog1 #catalog2 #content .section {
width: 100%;
* float: left;
}
#body #catalog1 #catalog2 #content .section .t {
background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 0 repeat-x;
}
#body #catalog1 #catalog2 #content .section .t {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 0 repeat-x;}
#body #catalog1 #catalog2 #content .section .b {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 100% repeat-x;}
#body #catalog1 #catalog2 #content .section .l {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 0 repeat-y;}
#body #catalog1 #catalog2 #content .section .r {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 100% 0 repeat-y;}
#body #catalog1 #catalog2 #content .section .bl {background: url(/bitrix/templates/marinar/images/gray_l_b.gif) 0 100% no-repeat;}
#body #catalog1 #catalog2 #content .section .br {background: url(/bitrix/templates/marinar/images/gray_r_b.gif) 100% 100% no-repeat;}
#body #catalog1 #catalog2 #content .section .tl {background: url(/bitrix/templates/marinar/images/gray_l_t.gif) 0 0 no-repeat;}
#body #catalog1 #catalog2 #content .section .tr {background: url(/bitrix/templates/marinar/images/gray_r_t.gif) 100% 0 no-repeat; padding: 0 0 25px 0;}
#body #catalog1 #catalog2 #content .section .head {
position: absolute;
z-index: 9;
margin: -10px 0 0 -10px;
background: white;
padding: 0 25px 0 5px;
float: left;
}
#body #catalog1 #catalog2 #content .section .head h1{
margin: 0;
padding: 0;
}
#body #catalog1 #catalog2 #content .section .item {
font-size: 10px;
margin: 25px 15px 0 0;
text-align: center;
float: left;
width: 125px;
height: 160px;
}
#body #catalog1 #catalog2 #content .section .item img {
}
#body #catalog1 #catalog2 #content .section .item a {
display: block;
}

#body .calendar {}
#body .calendar .t {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 0 repeat-x;}
#body .calendar .b {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 100% repeat-x;}
#body .calendar .l {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 0 repeat-y;}
#body .calendar .r {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 100% 0 repeat-y;}
#body .calendar .bl {background: url(/bitrix/templates/marinar/images/gray_l_b.gif) 0 100% no-repeat;}
#body .calendar .br {background: url(/bitrix/templates/marinar/images/gray_r_b.gif) 100% 100% no-repeat;}
#body .calendar .tl {background: url(/bitrix/templates/marinar/images/gray_l_t.gif) 0 0 no-repeat;}
#body .calendar .tr {background: url(/bitrix/templates/marinar/images/gray_r_t.gif) 100% 0 no-repeat; padding: 10px 6px;}
#body .calendar table {
width: 231px;
}
#body .calendar table td {
text-align: center;
padding: 5px 0;
width: 33px;
}
#body .calendar table td.month{
color: #000;
padding-top: 0;
text-align: left;
padding-left: 55px;
}
#body .calendar table td.month a{
color: #000;
text-decoration: none;
}
#body .calendar table td.head{
color: #000;
border-top: 1px solid #ccc;
}
#body .calendar table td.day {
padding: 1px 0;
}
#body .calendar table td.day div {
}
#body .calendar table td.day a{
color: #fff;
background: #333192;
padding: 4px;
}
#body .calendar table td.day span{
color: #fff;
background: #990099;
padding: 4px;
}

#body .banner {
cursor: pointer;
margin-top: 10px;
width: 255px;
}
#body .banner .t {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 0 repeat-x;}
#body .banner .b {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 100% repeat-x;}
#body .banner .l {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 0 0 repeat-y;}
#body .banner .r {background: url(/bitrix/templates/marinar/images/gray_dot.gif) 100% 0 repeat-y;}
#body .banner .bl {background: url(/bitrix/templates/marinar/images/gray_l_b.gif) 0 100% no-repeat;}
#body .banner .br {background: url(/bitrix/templates/marinar/images/gray_r_b.gif) 100% 100% no-repeat;}
#body .banner .tl {background: url(/bitrix/templates/marinar/images/gray_l_t.gif) 0 0 no-repeat;}
#body .banner .tr {background: url(/bitrix/templates/marinar/images/gray_r_t.gif) 100% 0 no-repeat; width: 255px;}

#empty { 
height: 110px; 
}

#footer {
height: 124px;
width: 100%;
background: #fff;
bottom: 0; 
left: 0;
position: absolute;
display:block;
}
#footer .line1{
height: 6px;
width: 100%;
background: #333192;
}
#footer .line2{
height: 1px;
width: 100%;
background: #FF005E;
}
#footer .background{
height: 117px;
width: 100%;
background: url(/bitrix/templates/marinar/images/footer_bg.jpg) left top repeat-x;
}
#footer .background div{
height: 117px;
width: 100%;
background: url(/bitrix/templates/marinar/images/footer_bg_right.gif) right top no-repeat;
}
#footer .background div.logo{
height: 117px;
background: none;
width: 189px;
float: left;
}
#footer .background div.logo img{
margin: 20px 0 0 70px;
}
#footer .background div.contacts{
height: 92px;
background: none;
float: left;
font-family: Arial, serif;
font-size:14px;
color:#fff;
width: 500px;
padding-top: 0;
line-height: 120%;
margin-top: 25px;
}
#footer .background div.contacts a{
color:#fff;
}

.spacer{
height:1px;
line-height:1px;
font-size:1px;
clear:both;
}
.fl {
float: left;
}
.fr {
float: right;
}

#main #header .logo {
position: absolute;
z-index: 9;
background: none;
right: 0;
margin: 23px 21px 0 0;
}
#main #header .logo .logo2 {
/*
margin: 40px 10px 0 0;
background: none;
width: 190px;
height: 75px;
*/
}


#print {
width: 100%;
height: 100%;
}
#print #main{
width: 710px;
min-width: 710px;
max-width: 710px;
margin: 0 0 0 43px;
background: none;
}
#print #main #header{
height: 105px;
}
#print #main #header .print_logo{
float: left;
padding: 9px 0 0 17px;
}
#print #main #header .print_contacts{
margin-left: 345px;
font-family: Arial;
font-size: 13px;
color: #34358F;
line-height: 18px;
padding: 18px 0 0 0;
}
#print #main #header .line1 {
height: 3px;
}
#print #main #body{
background: none;
}
#print #main #body #content{
padding: 20px 17px 0 17px;
color: #808080;
}
#print #main #body #content p{
margin-bottom: 20px;
}
#print #main #empty {
height: 45px;
}
#print #main #footer{
height: 45px;
}
#print #main #footer .line1{
height: 1px;
}
#print #main #footer a{
background: url(/bitrix/templates/marinar/images/print/print.gif) left top no-repeat;
padding: 3px 0 3px 28px;
display: block;
margin: 12px 0 0 17px;
}