@charset "utf-8";
/* CSS Document */

/*
 * Project: Cocktail
 * background: #f8f7f6;
 * 
 * 
*/

* {
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------------------------------------------------- common */

a {
    text-decoration: none;
}

a img {
    border: none;
}

li {
	list-style-type: none;	
}

.none {
	display: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* --------------------------------------------------------------------------------------------- body */

body {
	background: #f8f7f6;
	font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

/* --------------------------------------------------------------------------------------------- wrapper */

#wrapper {
	border-top: 10px solid #000;
	background: url(../img/wrapper_bck.png) 0px 0px repeat-x;
}

.body_default #wrapper {
	background: url(../img/wrapper_default_bck.png) 0px 0px repeat-x;
}

/* --------------------------------------------------------------------------------------------- header */

#header_wrapper {
}

#header {
	width: 1003px;
	height: 395px;
	height: 360px;
	position: relative;
}

#header_wrapper.winter  #header {
	background: url(../img/header_winter_bck.jpg) left top no-repeat;
}

#header_wrapper.spring  #header {
	background: url(../img/header_spring_bck.jpg) left top no-repeat;
}

#header_wrapper.summer  #header {
	background: url(../img/header_summer_bck.jpg) left top no-repeat;
}

#header_wrapper.fall  #header {
	background: url(../img/header_fall_bck.jpg) left top no-repeat;
}

.body_default #header {
	height: 455px;
}

.body_default #header_wrapper.winter #header {
	background: url(../img/header_winter_default_bck.jpg) left top no-repeat;
}

.body_default #header_wrapper.spring #header {
	background: url(../img/header_spring_default_bck.jpg) left top no-repeat;
}

.body_default #header_wrapper.summer #header {
	background: url(../img/header_summer_default_bck.jpg) left top no-repeat;
}

.body_default #header_wrapper.fall #header {
	background: url(../img/header_fall_default_bck.jpg) left top no-repeat;
}


/* --------------------------------------------------------------------------------------------- wrapper */

#header h1 {
	display: none;
	position: absolute;
	left: 540px;
	top: 223px;
}

/* --------------------------------------------------------------------------------------------- wrapper */

#header .flash {
	position: absolute;
	left: 508px;
}

/* --------------------------------------------------------------------------------------------- blockquote */

#header blockquote {
	position: absolute;
	width: 320px;
	top: 44px;
	left: 158px;
	color: #fff;
}

/* --------------------------------------------------------------------------------------------- lang_select */

#header .lang_select {
	display: none;
	position: absolute;
	left: 428px;
}

#header .lang_select li {
	float: left;
	margin-right: 10px;
}

#header .lang_select li a {
	display: block;
	height: 11px;
	background: url(../img/anchor.gif) left top no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}

#header .lang_select li.hr a {
	background: url(../img/hrv.png) left top no-repeat;
	width: 23px;
}

#header .lang_select li.en a {
	background: url(../img/eng.png) left top no-repeat;
	width: 21px;
}

#header .lang_select li.it a {
	background: url(../img/ita.png) left top no-repeat;
	width: 18px;
}

/* --------------------------------------------------------------------------------------------- navigation */

#navigation {
	position: absolute;
	top: 73px;
	width: 184px;
	height: 287px;
	background: url(../img/navigation_bck.png) left top no-repeat;
}

.body_default #navigation {
	top: 158px;
}

#navigation h2 {
	line-height: 1%;
	margin: 28px 0px 0px 18px;
	float: left;
}

#navigation ul {
	margin: 34px 0px 0px 31px;
	float: left;
}

#navigation li {
	float: left;
	margin-bottom: 8px;
}

#navigation li a {
	display: block;
	width: 102px;
	height: 18px;
	text-indent: -10000px;
	overflow: hidden;
}

#navigation li.home a {
	background: url(../img/nav_pocetna.png) left top no-repeat;
}

#navigation li.about a {
	background: url(../img/nav_onama.png) left top no-repeat;
}

#navigation li.gastro a {
	background: url(../img/nav_gastronomija.png) left top no-repeat;
}

#navigation li.gallery a {
	background: url(../img/nav_galerija.png) left top no-repeat;
}

#navigation li.catering a {
	background: url(../img/nav_catering.png) left top no-repeat;
}

#navigation li.reserve a {
	background: url(../img/nav_rezervacija.png) left top no-repeat;
}

#navigation li a:hover {
	background-position: top right;
}

/* --------------------------------------------------------------------------------------------- desc */

#header .desc {
	position: absolute;
	/*top: 202px;*/
	bottom: 26px;
	left: 216px;
	width: 230px;
}

#header .desc p {
	font-size: 11px;
	line-height: 13px;
	color: #fff;
	margin-bottom: 10px;
}

/* --------------------------------------------------------------------------------------------- contact */

#header .contact {
	position: absolute;
	left: 300px;
	top: 100px;
	font-size: 11px;
	color: #fff;
}

#header .contact p {
	display: none;
}

.body_default #header .contact {
	background: url(../img/border_1.png) left top repeat-y;
}

.body_default #header .contact {
	left: 664px;
	top: 360px;
}

#header .contact table {
	width: 156px;
	padding-top: 1px;
	background: url(../img/border_1.png) right top repeat-y;
}

.body_default #header .contact table {
	float: left;
}

#header .contact th {
	text-align: left;
}

#header .contact td {
	color: #b8b5b3;
	text-align: right;
	padding-right: 7px;
}

#header .contact th {
	padding-left: 7px;
}

#header .contact td a {
	color: #b8b5b3;
}

#header .contact td a:hover {
	text-decoration: underline;
}

/* --------------------------------------------------------------------------------------------- sub_menu */

#header .sub_menu {
	position: absolute;
	left: 318px;
	top: 264px;
}

#header .sub_menu li a {
	display: block;
	width: 138px;
	height: 25px;
	background: url(../img/anchor.gif) left top no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}

#header .sub_menu li.print a {
	background: url(../img/header_sub_print.png) left top no-repeat;
}

#header .sub_menu li.bookmark a {
	background: url(../img/header_sub_bookmark.png) left top no-repeat;
}

#header .sub_menu li.send a {
	background: url(../img/header_sub_send.png) left top no-repeat;
}

/* --------------------------------------------------------------------------------------------- content */

#content_outer {
	width: 1000px;
	background: url(../img/content_outer_bck.png) left bottom repeat-y;
}

#content {
	width: 1000px;
	background: url(../img/content_bck.jpg) left bottom no-repeat;
}

#content_inner {
	background: url(../img/content_inner_bck.png) left top no-repeat;
}

/* --------------------------------------------------------------------------------------------- primary */

#primary {
	float: left;
	width: 450px;
	margin-left: 20px;
	margin-top: 30px;
}

/* --------------------------------------------------------------------------------------------- secondary */

#secondary {
	float: right;
	width: 494px;
	margin-top: -9px;
	position: relative;
}

/* --------------------------------------------------------------------------------------------- article */

#article {
	margin: 14px 0px 20px 14px;
}

#article h2 {
	font-size: 18px;
	color: #514d4c;
	margin: 0px 0px 20px 5px;
}

#article .text {
	text-align: justify;
	font-size: 11px;
	line-height: 16px;
	color: #494949;
}

#article .text p {
	margin: 5px;
}

#article .text a {
	padding: 0px 2px 0px 3px;
	color: #797979;
	background-color: #e6e2da;
	border-bottom: 1px solid #dad5cb;
	border-right: 1px solid #dad5cb;
}

#article .text a:hover {
	color: #797979;
	background-color: #dad5cb;
	border-bottom: 1px solid #e6e2da;
	border-right: 1px solid #e6e2da;
}

#article .text img {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #dad5cb;
	margin: 0px 5px;
}

#article .text img.no_decoration {
	padding: 0px;
	background-color: transparent;
	border: 0;
	margin: 0px;
}

#article .text ol,
#article .text ul {
	margin: 5px 0px;
}

#article .text ul li {
	margin-left: 15px;
	padding-left: 15px;
	background: url(../img/bullet_01.png) 0px 6px no-repeat;
}

#article .text ol li {
	margin-left: 30px;
	list-style-type: decimal;
}

#article .text table td {
	vertical-align: top;
}

/* --------------------------------------------------------------------------------------------- box_1 */

.box_1 {
	width: 442px;
	background: url(../img/box_1_bck.jpg) left top no-repeat;
	position: relative;
	margin-bottom: 30px;
	cursor: pointer;
}

.box_1 .inner {
	padding: 7px 0px 26px 22px;
	background: url(../img/box_1_bottom_bck.png) left bottom no-repeat;
}

.box_1 img.thumb {
	position: absolute;
	top: 14px;
	left: 264px;
}

.box_1 h2 {
}

.box_1 p {
	position: relative;
	font-size: 11px;
	line-height: 14px;
	width: 222px;
	margin-top: 18px;
	padding-right: 18px;
 	min-height: 112px;
 	height: auto !important;
 	height: 112px;
}

.box_1 p a.more {
	position: absolute;
	display: block;
	width: 15px;
	height: 10px;
	background: url(../img/more_01.png) left top no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	right: 0px;
	bottom: 0px;
}

/* --------------------------------------------------------------------------------------------- box_2 */

.box_2 {
	width: 213px;
	float: left;
	margin-right: 18px;
	margin-bottom: 44px;
	cursor: pointer;
}

.box_2 h2 {
	background: url(../img/box_2_header_bck.png) left top no-repeat;
	line-height: 1%;
	height: 67px;
}

#svadbe.box_2 h2 {
	height: 39px;
	padding: 28px 0px 0px 77px;
}

#krstitke.box_2 h2 {
	height: 39px;
	padding: 28px 0px 0px 75px;
}

.box_2 p {
	padding: 12px 24px 0px 20px;
	font-size: 11px;
	line-height: 14px;
	color: #808080;
	background: url(../img/box_2_default_bck.png) left bottom no-repeat;
	position: relative;
	min-height: 66px;
 	height: auto !important;
 	height: 66px;
}

#svadbe.box_2 p {
	background: url(../img/box_2_rings_bck.jpg) left bottom no-repeat;
	padding-bottom: 70px;
}

#krstitke.box_2 p {
	background: url(../img/box_2_present_bck.jpg) left bottom no-repeat;
	padding-bottom: 70px;
}

.box_2 p a.more {
	position: absolute;
	display: block;
	width: 35px;
	height: 11px;
	background: url(../img/more_03.png) left top no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	right: 16px;
	bottom: 16px;
}

/* --------------------------------------------------------------------------------------------- box_3 */

.box_3 {
	width: 444px;
	background: url(../img/box_3_bck.png) left bottom no-repeat;
	clear: both;
	position: relative;
	margin-bottom: 36px;
	padding-bottom: 26px;
}

.box_3 h2 {
	background: url(../img/box_3_header_bck.png) left top no-repeat;
	line-height: 1%;
	height: 23px;
	padding: 13px 0px 0px 22px;
}

.box_3 p {
	font-size: 11px;
	color: #808080;
	width: 230px;
	margin: 39px 0px 0px 23px;
	float: left;
}

.box_3 img.thumb {
	position: absolute;
	right: 10px;
	bottom: 3px;
}

/* --------------------------------------------------------------------------------------------- box_4 */

.box_4 {
	width: 444px;
	margin-left: 3px;
	background: url(../img/box_4_ie_bck.png) left top no-repeat;
	clear: both;
	cursor: pointer;
}

.box_4 h2 {
	line-height: 1%;
	padding: 16px 0px 6px 19px;
}

.box_4 p {
	font-size: 11px;
	color: #808080;
	width: 230px;
	margin: 16px 16px 26px 23px;
	float: left;
}

.box_4 img.thumb {
	margin-top: -23px;
}

/* --------------------------------------------------------------------------------------------- box_5 */

.box_5 {
	width: 442px;
	margin-left: 8px;
	background: url(../img/box_5_bck.png) left top no-repeat;
	position: relative;
	clear: both;
	height: 224px;
}

.box_5 h3 {
	font-size: 18px;
	color: #514d4c;
	padding: 12px 0px 0px 10px;
}

.box_5 p {
	font-size: 11px;
	color: #494949;
	margin: 22px 0px 0px 10px;
}

.box_5 ul {
	margin: 10px 0px 0px 0px;
	font-size: 11px;
	line-height: 16px;
	color: #494949;
}

.box_5 ul li a {
	color: #494949;
}

.box_5 ul li a:hover {
	text-decoration: underline;
}

.box_5 ul li {
	margin-left: 15px;
	padding-left: 15px;
	background: url(../img/bullet_01.png) 0px 6px no-repeat;
}

.box_5 .more {
	position: absolute;
	display: block;
	width: 35px;
	height: 11px;
	background: url(../img/more_03.png) left top no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	top: 58px;
	left: 224px;
}

.box_5 .thumb {
	position: absolute;
	top: 18px;
	right: 20px;
}

/* --------------------------------------------------------------------------------------------- box_6 */

.box_6 {
	margin-left: 1px;
	margin-top: 30px;
}

/* --------------------------------------------------------------------------------------------- form_1 */

.form_1 {
	width: 442px;
	margin-left: 8px;
	background: url(../img/box_5_bck.png) right top no-repeat;
	clear: both;
	padding-top: 32px;
}

.form_1.wide {
	width: 600px;
}

.form_1 fieldset {
	border: 0px;
}

.form_1 h2 {
}

.form_1 .text {
	font-size: 11px;
	line-height: 16px;
	color: #494949;
	margin: 14px 0px;
}

.form_1 .form_textfield,
.form_1 .form_select,
.form_1 .form_textarea {
	margin-bottom: 2px;
}

.form_1 label {
	display: block;
	width: 150px;
	font-size: 11px;
	line-height: 30px;
	font-weight: bold;
	color: #272322;
	text-align: right;
	float: left;
	margin-right: 10px;
}

.form_1.wide label {
	width: 250px;
}

.form_1 .form_textfield input {
	width: 235px;
	height: 25px;
	padding: 5px 5px 0px 5px;
	font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	border: 0px;
	background: url(../img/form_1_textfield.png) right top no-repeat;
}

.form_1 .form_select select {
	width: 245px;
	height: 30px;
	padding: 5px 5px 7px 5px;
	font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	border: 0px;
	background: url(../img/form_1_textfield.png) right top no-repeat;
}

.form_1 .form_select select.day,
.form_1 .form_select select.month {
	width: 70px;
	background: url(../img/form_1_textfield_1.png) right top no-repeat;
}

.form_1 .form_select select.year {
	background: url(../img/form_1_textfield_2.png) right top no-repeat;
	width: 90px;
}

.form_1 .form_textarea textarea {
	width: 235px;
	height: 100px;
	padding: 5px 5px 5px 5px;
	font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px;
	background: url(../img/form_1_textarea.png) right bottom no-repeat;
}

.form_1 p.error {
	margin: 0px 0px 3px 168px;
	font-size: 12px;
	color: #990000;
}

.form_1 .form_submit {
	margin-top: 10px;
}

.form_1 .form_submit #submit {
	border: 0px;
	width: 87px;
	height: 27px;
	background: url(../img/form_posalji.png) left top no-repeat;
	cursor: pointer;
	margin: 0px 10px 0px 318px;
	float: left;
}

/* --------------------------------------------------------------------------------------------- list_1 */

.list_1 {
	width: 442px;
	margin-left: 3px;
	background: url(../img/list_1_bck.png) left top no-repeat;
	position: relative;
	clear: both;
}

.list_1 h2 {
	line-height: 1%;
	padding: 16px 0px 8px 21px;
}

.list_1 .archive {
	position: absolute;
	top: 14px;
	left: 370px;
	display: block;
	width: 47px;
	height: 17px;
	background: url(../img/arhiva.png) left top no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}

.list_1 li {
	min-height: 84px;
 	height: auto !important;
 	height: 84px;
	padding: 20px 0px 10px 20px;
	background: url(../img/border_2.png) center bottom no-repeat;
	cursor: pointer;
}

.list_1 .date {
	width: 88px;
	height: 55px;
	padding: 10px 0px 0px 0px;
	margin-right: 20px;
	float: left;
	background: url(../img/date_bck.png) left top no-repeat;
	text-align: center;
}

.list_1 .date .month {
	color: #010101;
	font-size: 14px;
	font-weight: bold;
}

.list_1 .date .day {
	color: #f89e32;
	font-size: 23px;
	margin-top: -5px;
}

.list_1 .text {
	width: 278px;
	float: left;
}

.list_1 .text h3 {
	color: #323231;
	font-size: 14px;
}

.list_1 .text h3 a {
	color: #323231;
}

.list_1 .text h3 a:hover {
	text-decoration: underline;
}

.list_1 .text p {
	color: #7a7a79;
	font-size: 11px;
	line-height: 14px;
	padding-right: 18px;
	position: relative;
}

.list_1 p a.more {
	position: absolute;
	display: block;
	width: 15px;
	height: 10px;
	background: url(../img/more_02.png) left top no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	right: 0px;
	bottom: 0px;
}


/* --------------------------------------------------------------------------------------------- footer */

#footer_wrapper {
	height: 110px;
	background: url(../img/footer_wrapper_bck.png) left bottom repeat-x;
	clear: both;
}

#footer {
	position: relative;
	height: 110px;
	background: url(../img/footer_bck.jpg) left top no-repeat;
}

.cr {
	font-size: 11px;
	color: #6b6968;
	position: absolute;
	top: 90px;
	left: 220px;
}

#footer .ea {
	display: block;
	width: 196px;
	height: 21px;
	background: url(../img/web_by_ea.png) left top no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	position: absolute;
	top: 67px;
	left: 755px;
}