* { 
	margin:0; 
	padding:0; 
}
 
body { 
	background-color: #EEE; 
	font-size:62.5%; 
	font-family: Arial, Helvetica, sans-serif; 
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-image:url(/px/header-bckg.jpg);
	background-repeat:no-repeat;
	background-position:top center;		
} 

li {
	list-style-type:none;
}

.css {
	display:none;
}

.center {
	text-align:center;
}

.button {
	border:1px solid #009;
	background-color:#006;
	color:#FFF;
	padding:0px 2px;
	margin:2px 0px;
}
.error, .info  {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	padding:5px;
	text-align:center;
}
.error {
	border: 2px solid #900;
	background-color : #C30;
	color : #FFF;
}
.info {
	border: 2px solid #003;
	background-color : #039;
	color : #FFF;
}

#header {
	width:819px;
	height:107px;
	margin-left:auto;
	margin-right:auto;	
}
#header #menu-language {
	text-align:right;
	width:350px;
	height:60px;
	float:right;
}

#header #menu-language a, #header #menu-language strong  {
	padding:0px 5px;
	color:#444;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	font-size:1.2em;
}
#header #menu-language strong  {
	font-weight:bold;
}
#header #menu-language a:hover {
	text-decoration:underline;
}


#header #menu-navigation {
	width:220px;
	float:right;
	margin-top:24px;
	clear:both;
	
	
}

#header #menu-navigation li {
	display:inline;
}

#header #menu-navigation a {
	display:block;
	width:50px;
	float:left;
	padding:2px 10px;
	margin:0px 15px;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	font-size:1.2em;
	display:inline;
	
	background-image:url(/px/header-menu-bckg.png);
	background-repeat:no-repeat;
	background-position:top center;	 
}

#header #menu-navigation a:hover {
	background-position:0px -19px;	
}
#flash {
	width:819px;
	height:233px;
	background-color:#333;
	margin-left:auto;
	margin-right:auto;	
}
#menu {
	background-color:#333;
	background-image:url(/px/menu-bckg.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;	
	width:819px;
	min-height:21px; 
	height:auto;
	text-align:center;
	padding-top:6px;

}
/*\*/
* html #menu {
	height: 21px;
}
/**/

#menu li {
	display:inline;
}




#menu li a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:1.4em;
	margin:0px 3px;
	padding-left:17px;
	padding-right:0px;

	background-image:url(/px/star.png);
	background-repeat:no-repeat;



}
/*#menu li a {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/px/star.png' ,sizingMethod='scale');
}
*/

#menu li a:hover {
	color:#D9F0FE;
	background-position:0px -50px;	
}

#body {
	margin-left:auto;
	margin-right:auto;
	width:809px;
	background-color:#FFF;
	text-align:left;
	padding:5px;
	overflow:auto;
}

#body a {
	color:#036;
	font-weight:bold;
	text-decoration:none;
}

#body a:hover {
	text-decoration:underline;
}

#body #page-index {
	text-align:center;
}

#body #body-text {
	float:left;
	width:530px;
	margin:10px 0px 20px 10px;
	padding:10px;
	background-color:#BFE6FE;
	border-bottom:8px solid #BBB;
	display:inline;
}

#body #body-text h2 {
	font-size:1.8em;
	border-bottom:1px solid #BBB;
	margin-bottom:15px;
	color:#036;
}

#body #body-text h3 {
	font-size:1.6em;
	margin:20px 0 10px 0;
	color:#036;
}

#body #body-text p {
	font-size:1.2em;
	margin-top:1em;
}

#body #body-text ul, #body #body-text ol {
	font-size:1.2em;
	margin-bottom:1em;
	margin-left:35px;
}

#body #body-text ul li {
	list-style-type:circle;
}
#body #body-text ol li {
	list-style-type:decimal;
}

#body #body-text input, #body #body-text textarea {
	font-family: Arial, Helvetica, sans-serif; 
	border:1px solid #009;
	padding:0px 2px;
	margin:2px 0px;
}
#body #body-text textarea {
	font-size:1.0em;
}
#body #body-text select option{
	padding:0px 5px;
}
#body #body-text select{
	margin-top:4px;
	font-size:1.0em;
	font-family: Arial, Helvetica, sans-serif; 
}
#body #body-text #rezervacije span {
	display:block;
	width:140px;
	float:left;
	margin-top:2px;

}

#body #body-px {
	float:right;
	width:200px;
	margin:10px 10px;
	padding:10px 0 10px 20px;
	background-color:#bfe6fe;
	border-bottom:3px solid #99B;	
	display:inline;
	text-align:center;
}
#body #body-px a img {
	border:1px solid #06B;
	cursor:pointer;
}
#body #body-px a:hover img {
	border:1px solid #FFF;
}

#body #body-arhiva {
	float:right;
	width:210px;
	margin:10px 10px;
	padding:10px 5px 10px 5px;
	background-color:#D9F0FE;
	border-bottom:3px solid #99B;	
	display:inline;
	text-align:center;
}
#body #body-arhiva p { 
	text-align:left;
	font-size:1.2em;
}

#body #body-arhiva h3 {
	font-size:1.3em;
	border-bottom:1px solid #FFF;
	margin-bottom:15px;
	color:#333;
	font-weight:bold;
}

#body #body-arhiva #clanak-arhiva p {
	width:100%;
	text-align:center;
	margin-top:10px;
	padding-top:5px;
	border-top:1px solid #EEE;
}



#body #body-arhiva #clanak-arhiva a {
	font-family: Arial, Helvetica, sans-serif; 
	padding:1px 4px 1px 4px;
	margin-top:5px;
	text-decoration:none;
	background-color:#FFF;
}
#body #body-arhiva #clanak-arhiva a:hover {
	background-color:#BBB;
	color:#333;
}
#body #body-arhiva #clanak-arhiva .trenutno {
	background-color:#006;
	color: #FFF;
}



#body #stranica-lokacija, #body #stranica-kontakt {
	background-image:url(/px/body-bckg.jpg);
	background-repeat:no-repeat;
	height:581px;
}

#lokacija-logo {
	margin-top:200px;
}

#body #stranica-lokacija p {
	text-align:left;
	margin-left:50px;
}
#body #stranica-lokacija a {
	color:#B00;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
}

#kontakt-logo {
	margin-top:140px;
	margin-left:490px;
}
#body #stranica-kontakt p.center {
	text-align:center;
	margin-bottom:20px;
	margin-left:410px;
}

#body #stranica-kontakt p {
	text-align:left;
	margin-left:470px;
	text-align:left;
	font-size:1.3em;
	margin-bottom:10px;
	color:#444;
}
#body #stranica-kontakt p span {
	display:block;
	width:50px;
	float:left;
	margin:0px 0px;
	color:#069;
	font-weight:bold;
}

#body #stranica-wellness .wellness-cijena td {
	padding:5px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}
#lokacija-karta {
	display:block;
	float:right;
	margin-top:-190px;
}

#footer {
	clear:both;
	background-color:#999;
	background-image:url(/px/footer-bckg.jpg);
	background-repeat:no-repeat;
	background-position:0px 4px;		
	margin-left:auto;
	margin-right:auto;	
	width:819px;
	height:97px;
}

#footer p {
	padding-top:73px;
	margin-right:10px;
	text-align:right;
	font-size:1.1em;
}

#footer p a {
	font-size:1.3em;
	color:#09F;
	font-weight:bold;
	
}
#footer p a:hover {
	color:#039;
}

#cjenik, #cjenik p, #cjenik td {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	margin-top:110px;
}

#body-text  .clanak-attachment a  {
	font-weight:normal;
}

#body-text a  {
	font-weight:normal;
	text-decoration:underline;
}

#body-text a:hover  {
	color:#000;
}

/***************************************************************************************
VIJESTI
****************************************************************************************/

.clanak-content {
	width:530px;
	background-repeat:no-repeat;
	padding:0px;

	clear:both;
}

.clanak-content p{
	margin-bottom:1em;
	color:#444;
}

.clanak-alert {
	width:100%;
	clear:both;
	color: #A00;
	font-size: 1.4em;
	font-weight:bold;
	background-color:#FF0;
	text-align:center;
	padding:5px 0px;
}

.clanak-header {
	width:100%;
	clear:both;
}

.clanak-content h3 {
	color:#FF9;
	font-weight:bold;
	margin:5px;
}

.clanak-content h5 {
	font-size: 12px;
	margin:0px;
	padding:0px;
}

.clanak-content h4 {
	font-size: 12px;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

.clanak-pic-desc-big {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	clear:both;
}

.clanak-pic-desc-normal {
	text-align:center;
	float:right;
	margin-left:2px;
}

.clanak-pic-velika-border {
	border: 1px #000 solid;
	padding:1px;
	margin-left:0px;
	background-color:#FFF;
}

.clanak-pic-border {
	border: 1px #000 solid;
	padding:1px;
	margin-left:5px;
	background-color:#FFF;
}

.clanak-attachments {
	width:100%;
	clear:both;
	
}

.clanak-attachments h4 {
	border-bottom:1px solid #006;
	text-align:center;
	width:500px;
	margin:15px;
	padding:3px;
	clear:both;
	font-size:1.2em;
}
.clanak-attachment {
	width:132px;
	float:left;
	text-align:center;
	font-size: 11px;
	text-decoration:none;
}
.clanak-attachment a {
	font-size:1.2em;
	font-weight:normal;
	text-decoration:none;
	color:#006;
}

.clanak-attachment img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border: 0px;
}

.clanak-attachment-slika {
	text-decoration:none;
}

.clanak-attachment-slika img {
	padding:1px;
	border:1px solid #003;
	background-color:#FFF;
}

a:hover.clanak-attachment-slika img {
	border:1px solid #00A;
	background-color:#BBB;
}
.clanak-attachments-divider {
	clear:both;
	height:5px;
}

#clanak-opcije {
	clear:both;
	padding-top:2em;
	margin-left:15px;
	font-size: 1.3em;
}

#clanak-opcije a, #clanak-opcije p {
	
	font-weight:bold;
	text-decoration:none;
	padding-left:22px;
}
#clanak-opcije li {
	padding:0 0 0.5em 0;
}

#clanak-opcije-komentar  {
	display:block;
	background:url(/px/clanak_komentar.gif);
	background-repeat: no-repeat;

}

#clanak-opcije-mail  {
	display:block;
	background:url(/slike/clanak_mail.gif);
	background-repeat: no-repeat;
	padding-left:22px;
	padding-top:2px;
}

#clanak-opcije-ispis  {
	display:block;
	background:url(/slike/clanak_ispis.gif);
	background-repeat: no-repeat;
	padding-left:22px;
	padding-top:2px;
}


.clanak-content td p {
	margin-bottom:0px;
}



/*********************************************************************
SLIKE UZ ČLANAK
*********************************************************************/
#clanak-slika-container {
	width:1000px;
	font-size: 12px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:110px;
}
#clanak-slika-container h3 {
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

#clanak-slika-lijevo {
	width:150px;
	float:left;
	padding-left:50px;
}

#clanak-slika-lijevo img {
	margin-top:5px;
}

#clanak-slika-desno {
	width:150px;
	float:right;
	padding-right:50px;
}

#clanak-slika-desno img {
	margin-top:5px;
}

#clanak-slika-container img {
	border:1px solid #006;
	padding:1px;
}

#clanak-slika-container a {
	text-decoration:none;
	color:#003;
}

#clanak-slika-container a:hover {
	text-decoration:none;
	color:#006;
}
#clanak-slika-container a:hover img {
	border:1px solid #00A;
	background-color:#00C;
}



/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 

.wrap1 {
	margin-top:10px;
	float:left;
	background:url(/px/shadow.gif) right bottom no-repeat;

}

.wrap2 {
	background:url(/px/corner_bl.gif) left bottom no-repeat;
}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(/px/corner_tr.gif) right top no-repeat;
}

.wrap3 img {
	display:block;
	border:1px solid #FFF;
	background-color:#666;
}

/* html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 12px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #006;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}