@import url(box.css);
@font-face {
    font-family: 'sansus_webissimoregular';
    src: url('sansus_webissimo-regular-webfont.eot');
    src: url('sansus_webissimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sansus_webissimo-regular-webfont.woff') format('woff'),
         url('sansus_webissimo-regular-webfont.ttf') format('truetype'),
         url('sansus_webissimo-regular-webfont.svg#sansus_webissimoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{
margin:0;
padding:0;
height:100%;
}

body{
margin:0;
padding:0;
height:100%;
font:14px Arial,sans-serif;
background:#fff2cc;
}

select,input,textarea{
font-family:Tahoma;
}

iframe{
vertical-align:top;
}

input,select{
vertical-align:middle;
}

form,h1,h2,h3,p,ul,dl,dd,input,select,input,textarea{
margin:0;
padding:0;
}

h1,h2,h3{
margin-top: 15px;
font-weight:normal;
}

input[type=submit]{
width:auto;
overflow:visible;
cursor:pointer;
}

::-webkit-input-placeholder{

}
::-moz-placeholder{
opacity:1;
}
:-ms-input-placeholder{

}

blockquote,q{
quotes:none;
}

/*::-moz-selection{
background:#d91e76;
color:#fff;
}
::selection{
background:#d91e76;
color:#fff;
}*/

img{
border:0;
vertical-align:top;
}

table{
border-collapse:collapse;
border-spacing:0;
}

table tr td{
padding:0;
border:0;
}

footer,header,nav,figure,figcaption,section,article,aside{
display:block;
margin:0;
padding:0;
}

input::-moz-focus-inner{
border:0;
padding:0;
}

:focus{
outline:0;
}

textarea{
resize:none;
outline:none;
overflow:auto;
}

a{
color:#a02511;
}
a:hover{
text-decoration:none;
color:#522506;
}
a:focus{
outline:none;
}
.active{
cursor:default;
text-decoration:none;
}
.caller{
text-decoration:none;
border-bottom:1px dotted #000;
display:inline-block;
cursor:pointer;
}
.caller:hover{
border-bottom-color:transparent;
}
.caller.active{
border-bottom-color:transparent;
}

.clr{
clear:both;
}

p{
margin-top:15px;
}

h1,.h1,h2{
font:30px sansus_webissimoregular;
color:#522506;
text-transform:uppercase;
margin-bottom:20px;
}
h2{
font-size:24px;
color:#cda65f;
margin-bottom:15px;
}

ul{
list-style:none;
margin-left:10px;
}
ul li{
margin-top:13px;
padding-left:20px;
background:url(../images/li.png) 0 4px no-repeat;
}

table{
width:100%;
border:2px solid #cda65f;
background:#fef8e4;
}
table tr td{
border:1px solid #cda65f;
padding:8px 15px;
}
table tr:first-child td{
text-align:center;
}

#bgs{
min-width:1000px;
width:100%;
height:400px;
position:absolute;
background:url(../images/bg.png) repeat-x;
}
#bgs:before,
#bgs:after{
content:'';
position:absolute;
left:0;
right:0;
top:274px;
height:479px;
background:url(../images/fishes.png) center no-repeat;
}
#bgs:after{
top:228px;
height:30px;
background:url(../images/waves.png) center repeat-x;
z-index:1;
}
#wrap{
width:970px;
padding:0 10px 0 20px;
margin:0 auto;
}

#header{
height:228px;
padding-top:30px;
position:relative;
text-shadow:-1px -1px #fff;
font:30px sansus_webissimoregular;
}
#header:before{
content:'';
position:absolute;
top:0;
left:-203px;
width:591px;
height:258px;
background:url(../images/fisherman.png) no-repeat;
}
#fish{
position:absolute;
left:3px;
top:19px;
width:1px;
height:252px;
z-index:1;
}
#fish span{
position:absolute;
width:1px;
height:100%;
background:rgba(90,90,90,0.15);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#405a5a5a',endColorstr='#405a5a5a');
}
#fish:before{
content:'';
position:absolute;
left:-13px;
bottom:-60px;
width:46px;
height:71px;
background:url(../images/fish.png) no-repeat;
}
#header h1{
float:left;
margin:4px 0 0 390px;
line-height:24px;
}
#header h1 span{
font-size:48px;
display:block;
margin-top:8px;
margin-bottom:10px;
}
#header address{
color:#cda55e;
font-size:24px;
text-transform:uppercase;
font-style:normal;
float:right;
margin-top:-3px;
text-align:right;
}
#header address div{
margin-top:0px;
color:#522506;
font-size:30px;
/*background:url(../images/phone.png) 0px 5px no-repeat; */
line-height:35px;
}

#header address div div{
font-size:16px;
line-height:0px;
margin-top:5px;
}

.btn{
color:#fff;
text-decoration:none;
text-align:center;
width:219px;
height:43px;
display:inline-block;
background:url(../images/order.png) no-repeat;
position:relative;
margin-top:15px;
text-shadow:-1px -1px #522506;
text-transform:uppercase;
font:24px/43px sansus_webissimoregular;
}
.btn:hover{
background-position:0 -43px;
color:#fff;
}
#call{
margin-top:25px;
}
#call:before{
content:'';
position:absolute;
left:-56px;
top:50%;
margin-top:-41px;
width:82px;
height:82px;
background:url(../images/circle.png) no-repeat;
}

#wrap>nav{
float:left;
width:230px;
margin-top:89px;
border-top:4px solid #522506;
position:relative;
}
#wrap>nav a{
display:block;
padding:5px 0 5px 40px;
font:18px sansus_webissimoregular;
border-bottom:2px solid #fff;
text-transform:uppercase;
background:#fef8e4;
}
#wrap>nav a+a{
margin-top:4px;
}
#wrap>nav a:hover,
#wrap>nav a.active{
background:#fff;
color:#522506;
}

#wrap .bl{
position:relative;
float:left;
clear:left;
margin-top:20px; /*- отступ сверху от меню*/
width:230px; /*- ширина как у меню*/
height:300px; /*- можно явно задать высоту*/
}

#main{
margin:17px 0 0 240px;
background:#fff;
padding:15px 20px 38px 20px;
border-bottom:4px solid #522506;
position:relative;
min-height:400px;
}
#main:before{
content:'';
position:absolute;
margin:-45px 0 0 10px;
width:699px;
height:30px;
background:url(../images/main-top.png) no-repeat;
z-index:1;
}
#main .full{
margin:0 0 5px -20px;
}
#main>section{
margin-top:15px;
}
#main .right{
float:right;
margin:10px 0 10px 20px;
}

#main .left{
float:left;
margin:10px 20px 10px 0;
}

#main .center{
text-align: center;
}

#main .gallery{
margin:-10px -20px 0 -20px;
overflow:hidden;
background:#fef8e4;
padding-bottom:15px;
}
#main .gallery a{
float:left;
margin:15px 0 0 16px;
border:3px solid #cda65f;
border-radius:3px;
}
#main .gallery a:hover{
border-color:#000;
}

#footer{
padding:28px 0 70px 0;
margin-left:240px;
overflow:hidden;
position:relative;

}
#footer .what{
font:18px sansus_webissimoregular;
text-transform:uppercase;
float:left;
}
#footer .ref{
font:12px Arial;
text-transform:none;
}
#footer address{
float:left;
margin-left:57px;
font:18px sansus_webissimoregular;
}
#footer .by{
float:right;
padding:0 0 4px 26px;
background:url(../images/veseliy.png) no-repeat;
font-size:11px;
text-decoration:none;
color:#000;
}
#footer .by span{
display:block;
text-decoration:underline;
}
#footer .by:hover span{
text-decoration:none;
}
/**/
#call-pop{
position:absolute;
width:700px;
left:50%;
top:-500px;
margin-left:-350px;
background:#fef8e4;
text-align:center;
z-index:1;
padding-bottom:40px;
}
#call-pop header{
height:78px;
padding-top:18px;
background:#f0dbab url(../images/waves.png) -50px bottom repeat-x;
margin-bottom:13px;
}
#call-pop.sending:after{
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:url(../images/box/loader.gif) center no-repeat;
}
#call-pop .close{
position:absolute;
top:0;
right:0;
width:33px;
height:33px;
background:url(../images/close.png) center no-repeat;
z-index:1;
}
#call-pop input,
#call-pop textarea{
border:2px solid #f0dbab;
width:320px;
height:32px;
font:18px/32px Arial;
padding:0 13px;
border-radius:3px;
margin-top:15px;
}
#call-pop input.error,
#call-pop textarea.error{
border-color:#a02511;
}
#call-pop textarea{
line-height:16px;
padding:5px 13px;
height:92px;
}
#call-pop .shown i{
font-size:12px;
color:#a02511;
font-style:normal;
display:none;
}
#call-pop .shown.hidden{
display:none;
}
#call-pop.error .shown i{
display:block;
margin:8px 0 6px 0;
}
#call-pop.error .shown i span{
display:inline-block;
width:350px;
text-align:left;
}
#call-pop .shown a{
margin-top:15px;
}
#call-pop.error .shown a{
margin-top:10px;
margin-bottom:-10px;
}
#call-pop .sent{
display:none;
}
#call-pop .sent.shown{
display:block;
}
#call-pop .sent p{
font-size:18px;
margin-top:40px;
}
#call-pop .sent .btn{
margin-top:28px;
}

#gray{
position:fixed;
background:#444;
opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
left:0;
top:-100%;
width:100%;
height:100%;
z-index:1;
}
#gray.active{
top:0;
}

.bigred{
font:18px sansus_webissimoregular;
text-transform:uppercase;
font-size:24px;
color:#a02511;
}

.bigblack{
font:18px sansus_webissimoregular;
text-transform:uppercase;
font-size:24px;
color:#000000;
}

.ozn {
    float: left;
    margin-top: 20px;
  }