/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }



* {margin:0; padding:0;}

html {width:100%;}

body{ 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#8e846b;
	min-width:980px;
	background:#e5e2d1 url(../images/bg-morze.jpg) top center repeat;
}

.main {
	width:980px; 	
	padding:0;
	margin:0 auto;
	font-size:13px;
	line-height:20px;
	z-index:1000;
}

#jantar-desc, #amber-desc, #dana-desc {
	width: 940px;
	padding: 10px 20px 10px 20px;
	font-size: 11px;
	line-height: 18px;
	color: #fff;
	display:none;
	border-top: 1px #fff solid;
}

img {border:0; vertical-align:top; text-align:left;}
input, textarea{color:#3f3f3f; font-size:14px; border:1px solid #cccccc; line-height:22px; padding:0 0 0 5px;}
textarea{overflow:auto;}


a {color:#8e846b; outline:none; cursor:pointer;}
a:hover {text-decoration:none;}

object {outline:none;}
fieldset {border:0;}
ul {list-style:none;}
table, table td {padding:0; border:none; border-collapse:collapse;}
.fleft{ float:left;}
.fright{ float:right;}
.clear{ width:100%; overflow:hidden;}
.col-1, .col-2, .col-3, .col-4, .row-box-1, .row-box-2, .row-box-3, .row-box-4{ float:left;}
.br{ display:block;}
/*contstant-text*/
.bottom-none{ padding-bottom:0 !important;}
.bg-none{ background:none !important;}
.border-none{ border:none;}
/**/



/*********************************header*************************************/





.wrapper-site-top{}
.header{ height:158px; z-index:100}
.header1{ height:294px;}
.header .logo{ display:block;  margin:3px 0 0 120px; position:absolute; z-index:1}
.header .logo img{ position:absolute;}

.link-indent{ padding:15px 0 0 0;}
.link-indent1{ padding:32px 0 0 0;}
.link-indent2{ padding:28px 0 0 0;}
.link-indent3{ padding:24px 0 0 0;}
.link{ color:#968a70; font-size:24px; line-height:24px; text-transform:uppercase; text-decoration:none; font-family:"Times New Roman", Times, serif;}
.link:hover{ color:#5f564d;}

/*********************************content*************************************/
#content{ padding:14px 0 0 0;}
#page1 .content{ padding:8px 0 9px 0px;}
.content{ padding:0px 0 9px 35px;}
.content2{ padding:0px 0 9px 0px;}
.link-bottom{ padding-bottom:45px !important; display:block;}


/*******************content-text*******************/
.content h3{ color:#968a70; font-size:36px; line-height:36px; font-family:"Times New Roman", Times, serif; font-weight:normal; text-transform:uppercase; padding:15px 0 25px 0;}

.box1 h3{ color:#5f564d; font-size:36px; line-height:36px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal; padding:0 0 16px 0;}
.col-indent{ padding:8px 0;}
.col-indent1{ padding:0 0 0 42px;}
.separator{ background:url(../images/separator.png) 0 0 repeat-y;}
.indent-top{ padding:20px 0 0 0;}
.indent-top1{ padding:14px 0 0 0;}
.text-right{ display:block; width:100%; overflow:hidden; text-align:right; color:#fd8c1e;}
.img-indent{ margin:3px 19px 0 0; float:left;}
.img-top{ margin:27px 0 0 0;}
.title-bottom{ padding-bottom:28px !important;}
.title-bottom1{ padding-bottom:20px !important;}
.title-top{ margin-top:23px !important;}
.title-top2{ margin-top:28px !important;}


.list-1 li {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
	line-height: 1.842em;
	color: #b04b49;
}

.list-1 li strong {
	background: url(../images/line_hor.gif) repeat-x 0% 17px;
	display: block;
	overflow: hidden;
}

.list-1 li span {
	float: right;
	font-weight: bold;
	color: #fd8c1e;
}

.list-1 li a {
	float: left;
	text-decoration: none;
	color: #82775e;
	font-size:12px;
	text-transform:uppercase;
	
	
}
.list-1 li a:hover{ color:#9d9a7f;}


.title-top1{ padding-top:23px !important;}

.row-form1, .row-form2, .row-form3, .row-form4{ float:left;}

.row-form .row-form1{ width:76px;}
.row-form .row-form2{ width:223px;}

.row-form1 .row-form1{ width:76px;}
.row-form1 .row-form2{ width:78px;}
.row-form1 .row-form3{ width:77px;}
.row-form1 .row-form4{ width:68px;}

.row-form2 .row-form1{ width:107px;}
.row-form2 .row-form2{ width:192px;}

#page4 .form{ padding:2px 0 0 0;}
#page4 .form label{ color:#8e846b; font-size:13px; line-height:23px;}
.form-style .input, .form-style .textarea, .form-style .select{ border:1px solid #d6d2c0; background:#FFF; color:#8e846b; font-size:13px; line-height:16px; padding:2px 0 2px 5px; height:20px;}
#page4 .form input{ width:216px;}
.row-form1 input{ width:60px !important;}
.form-indent{ height:46px;}
#page4 .form select{ width:191px;}
#page4 .textarea{ width:216px; height:193px;}
.form-button{ padding:30px 0 0 0;}
.link1{ color:#fd8c1e; font-weight:bold; text-decoration:none;}
.link1:hover{ color:#8e846b;}
.text-span span{ padding-right:12px;}

#page5 .input, #page5 .textarea{ width:292px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px;}
#page5 .form label{ display:block; height:46px;}
#page5 .textarea{ height:377px;}

.form-button-indent{ padding:0 32px 0 0;}
.indent{text-align:justify}
.indent p{ padding:19px 0 0 0; text-align:justify;}
/**************************************************/

/*******************content-list*******************/
#content ul.list li{ line-height:16px; padding:0 0 8px 0;}
#content ul.list li a{background:url(../images/content_list.gif) 0 4px no-repeat; line-height:16px; padding:0 0 0 14px; color:#82775e; font-size:12px; text-transform:uppercase; text-decoration:none;}
#content ul.list li a:hover{ color:#fd8c1e; background:url(../images/content_list.gif) 2px 4px no-repeat;}

.list-indent{ padding:7px 0 0 42px;}
/**************************************************/

/*******************row-list***********************/
.row-list{}
.row-list ul{ float:left;}
.row-list .list-left{ margin-left:39px;}
/**************************************************/

.text-1 dt { color:#fd8c1e; font-size:13px; padding:0 0 5px 0; font-weight:bold;}
#page1 .text-1 dt{ padding-bottom:0;}
.text-1 dt span{color:#8e846b;}
.text-1 dd { line-height:20px;}

.text-2 dt{ font-weight:bold;}
.text-2 dd{ padding:0 0 20px 0;}
/**************************************************/

/*******************box1*******************/
.box1-top{ background:url(../images/box1_top1.png) 0 0 no-repeat; height:40px;}
.box1-top span{ display:block; background:url(../images/box1_top2.png) right 0 no-repeat; height:40px; padding:0 30px;}
.box1-top span span{ background:url(../images/box1_top.png) 0 0 repeat-x; padding:0;}

.box1-center{ background:url(../images/box1_center.png) 0 0 repeat;}
.box1-left{ background:url(../images/box1_left.png) 0 0 repeat-y;}
.box1-right{ background:url(../images/box1_right.png) top right repeat-y;}
.box1-indent{ padding:0 30px;}
.box1-inner{ padding:1px 0 0 5px;}

.box1-bottom{ background:url(../images/box1_bottom1.png) 0 0 no-repeat; height:40px;}
.box1-bottom span{ display:block; background:url(../images/box1_bottom2.png) right 0 no-repeat; height:40px; padding:0 30px;}
.box1-bottom span span{ background:url(../images/box1_bottom.png) 0 0 repeat-x; padding:0;}

.box1 .text1{ color:#888672; font-size:24px; line-height:29px; letter-spacing:-0.5px;}
.box1 .text2{ color:#8d867f; font-size:24px; line-height:24px; padding:25px 0 0 0;}

/***********************************************/








/****************************footer*******************************************/
.footer-separator{ background:url(../images/footer_separator.png) 0 24px repeat-x; height:44px; z-index:100}
.footer-separator img{ display:block; position:absolute; margin:10px 0 0 414px;}
.footer{ background:url(../images/footer_wrapper.png) 0 0 no-repeat; height:64px; z-index:100}
.footer .text{ display:block; text-align:center; line-height:55px; color:#fff; font-size:12px; }
.footer .text a{ color:#fff;}
.footer .text a:hover{ color:#fff;}





/****************************slider*******************************************/
.row-slider{ height:402px; background:url(../images/row_slider.png) 0 0 no-repeat; position:relative;}

.slider-indent-text{ padding:18px 23px 0 0; text-align:right;}

#gallery li .slider-text  span{ display:block; font-family:"Times New Roman", Times, serif;}
#gallery li .slider-text .text-top{ display:block; color:#fffef7; font-size:26px; line-height:30px; padding:0 0 0 20px;}
#gallery li .slider-text .text-bottom{ display:block; color:#f6f0c9; font-size:24px; line-height:24px; text-decoration:none;}
#gallery li .slider-text .text-bottom:hover{ text-decoration:underline; color:#FFF;}


.slider-text-wrapper{ background:url(../images/slider_img_shadow.png) 0 0 repeat-x; height:84px;}

#gallery li .slider-text{  padding:364px 0 0 20px; color:#ffffff ; font-size:28px; line-height:28px;  width:258px;   display:block; overflow:hidden;}
#gallery li:hover .slider-text{ position:absolute;  display:block;}

.slider-bg1{ background:url(../images/thumb1.jpg) 0 0 no-repeat;}
.slider-bg2{ background:url(../images/thumb2.jpg) 0 0 no-repeat;}
.slider-bg3{ background:url(../images/thumb3.jpg) 0 0 no-repeat;}
.slider-bg4{ background:url(../images/thumb4.jpg) 0 0 no-repeat;}
.slider-bg5{ background:url(../images/thumb5.jpg) 0 0 no-repeat;}

.extra-height{ height:300px !important; display:block; overflow:hidden;}
.slider-bg{ display:block; width:260px; background:url(../images/slider_bg.gif) 0 0 repeat-x; position:absolute; z-index:10000; margin:364px 0 0 20px; height:29px;}



/* gallery */
#img {
    position: relative;
    width: 984px;
    height: 384px;
	display:none;
}

#gallery {
	height:384px;
	width:906px;
	margin:9px 0 0 0;
}

#gallery li {
    float: left;
    cursor: pointer;
	 margin-right:4px;
	 width:299px; height:384px;
}
#gallery li img{ position:absolute;}

.caption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    height: 50px;
    padding: 0 2%;
    line-height: 50px;
    color: #fff;
    background-color: #000;
	 display:none !important;
}

.jcarousel-container {
	position:relative;
	padding:0 0 0 38px;
}

.jcarousel-clip {
	width:905px;
	overflow:hidden;
}

.jcarousel-prev {
    position: absolute;
    top: 165px;
    width: 0px;
    height: 0px;
	left:6px;
    cursor: pointer;
    background:url(../images/button_left.jpg) no-repeat 0 top;
	z-index:1000;
	display:none;
}


.jcarousel-next {
    position: absolute;
    top: 165px;
    right: 0;
    width: 0px;
    height: 0px;
	right:-17px;
    cursor: pointer;
	background:url(../images/button_right.jpg) no-repeat 0 top;
	z-index:1000;
	display:none;
}


.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 236px;
    height: 216px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* gallery */






/* dana*/
h2.dana { font-size:26px; margin-bottom:15px; margin-top:20px; text-transform: uppercase; }
h3.dana{font-size:20px; margin-bottom:15px; margin-top:20px; line-height:28px; padding:0;}