/* Hides from IE-mac \*/
.capacity_list, .okrugli {height: 1%;}
/* End hide from IE-mac */

body
{
	background-color:#ef8d31;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	margin:0;
	padding:0;
	color:#333333;
	height:100%;
}

h1
{
	font-size:1.7em;
	margin: 0.3em 1em 0.25em 0.15em;
	background-color:#FFF;
	color:#730000;
	font-weight:normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

    h1 span
    {
        letter-spacing: 0.3em;
        color:#CCC;
    }

h2
{
	margin:0.4em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	background: url(../images/bgrad.png) repeat-x 0 -25px;
	padding: 5px 5px 5px 0;
	text-align: right;
}


#left  .capacity_list h2
{
	background: none;
	padding: 0;
	font-weight:bold;
	margin:0;
}

address
{
	font-size: 0.9em;
	font-style: normal;
	margin:15px 30px 0 30px;
	background: url(../images/bgrad.png) repeat-x;
	padding:15px;
	border-bottom:1px solid #CCC;
}

address span
{
	display: block;
	margin-bottom:0.2em;
	font-size:1.2em;
	font-weight:bold;
	text-align: right;
}

a img
{
	border:0;
}

a:link, a:visited, a:active
{
    color:#069;
}

a:hover
{
    color:#F90;
}

.clear
{
    clear:both;
}

span.redstar
{
    color: #FF0000;
    font-size:1.1em;
}

#container
{
	position:relative;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:810px;
	background-image:url(../images/shadow.gif);
	background-repeat:repeat-y;
}
	
	#topshadow
	{
		width:810px;
		height:10px;
		background-image:url(../images/top.gif);
		background-repeat:no-repeat;
		overflow:hidden;
	}
	
	#bottomshadow
	{
        margin-left:auto;
        margin-right:auto;
		width:810px;
		height:10px;
		background-image:url(../images/bottom.gif);
		background-repeat:no-repeat;
	}


	#header
	{
		position:relative;
		background-image:url(../images/header.jpg);
		background-repeat:no-repeat;
		height:380px;
		width:800px;
		margin-left:5px;
		margin-right:5px;
		/*margin-bottom:5px;*/
        border-bottom:5px solid #FFF;
        
	}
	
		#header #language
		{
			width:200px;
			height:45px;
			position:absolute;
			right:5px;
			top:25px;
		}
	
		#header #menu
		{
			position:absolute;
			top:114px;
			right:5px;
			height:228px;
			width:202px;
		}

	
			#menu ul
			{
				padding:0;
				margin-bottom:0;
				margin-right:0;
				margin-left:6px;
				margin-top:6px;
			}
			
			#menu ul li 
			{
				padding:0;
				margin:0;
				list-style-type:none;
				display:inline;
			}
			
			#menu ul li a
			{
				font-weight:bold;
				color:#999;
				background-color:#FFF;
				font-size:1.05em;
				text-decoration:none;
				text-align:center;
				background-image:url(../images/btn_on.gif);
				background-repeat:no-repeat;
				display:block;
				width:190px;
				height:33px;
				line-height:33px;
			}

			#menu ul li a:hover
			{
				background-image:url(../images/btn.gif);
				background-color:#FFF;
				color:#333;
			}
			
			#menu ul li a.sel
			{
				background-image:url(../images/btn.gif);
				background-color:#FFF;
				color:#333;			
			}
			
			#menu ul li.spacer
			{
				padding:0;
				height:13px;
				width:190px;
				font-size:1px;
			}
			
			#menu ul li.spacer img
			{
			display:block;
			}
		
	#content 
	{
		margin-right:10px;
		margin-left:10px;
		/*margin-top:5px;*/
		background-image:url(../images/dot.gif);
		background-repeat:repeat-x;
		background-position:top;
		font-size:1em;
	}
	
		#left
			{
				float:left;
                
                /* IE double margin float fix */
                display:inline;
                
				margin-left:5px;
				margin-top:5px;
				width:580px;
				background-image:url(../images/dot.gif);
				background-repeat:repeat-y;
				background-position:right;
			}
            
            #left p
            {
                font-size:0.8em;
            }
            
            #left p.text
            {
                border-left:10px #CCC solid;
                padding-left:10px;
                margin-bottom:1.5em;
                padding-bottom:5px;
                padding-top:5px;
                margin-left:1.5em;
                margin-right:1.5em;        
            }
            
            #left h1.more_bottom_space
            {
                margin-bottom:15px;            
            }
		
		#right
			{
				float:left;
				width:200px;
				margin-top:5px;
			}
			
			#right h1
			{
				margin:0;
				padding-top:0.3em;
				padding-bottom:0.3em;
				font-size:0.9em;
				text-align:center;
				background-color:#EEE;
				color:#333;	
				font-weight:bold;
			}


/*          footer      */
#footerspace
{
    height:16px;
    margin-left:10px;
    margin-right:10px;
    background-image:url(../images/dot.gif);
    background-repeat:repeat-x;
    background-position:center;
}


#footer
{
	margin-left:10px;
	margin-right:10px;
	text-align:right;
}

    #footer .sirius
    {
	    margin-right:20px;
    }

/*	okrugli rubovi boxa */
.okrugli
{
	background: #eeeeee;
}

    .okrugli_gore
    {
        background: url(../images/gd.png) no-repeat top right;
    }

        .okrugli_gore div
        {
	        background: url(../images/gl.png) no-repeat top left;
        }

    .okrugli_dole
    {
        background: url(../images/dd.png) no-repeat bottom right;
    }

        .okrugli_dole div
        {
	        background: url(../images/dl.png) no-repeat bottom left;
        }

    .okrugli_gore div, .okrugli_gore, 
    .okrugli_dole div, .okrugli_dole
    {
	    width: 100%;
	    height: 10px;
	    font-size: 1px;
    }

    .okrugli_content
    {
	    margin: 0 10px;
    }



#right .okrugli
{
	margin-left:5px;
    margin-bottom: 10px;;
    text-align: center;
}

    #right .okrugli img
    {

        vertical-align: middle;

    }

	#right .okrugli ul
	{
		margin:0;
		padding:0;
		text-align:center;
	}
	
	    #right .okrugli ul li
	    {
		    list-style-type:none;
		    margin-top:0.1em;
            margin-bottom:0.1em;
            text-align: left;
	    }
	
	#right .okrugli a:link, #right .okrugli a:visited, #right .okrugli a:active
	{
		font-size:0.8em;
	}

.go
{
	background-image:url(../images/go.gif);
	background-repeat:no-repeat;
	width:195px;
	height:36px;
	margin:5px 0 5px 0;
}

	.go a
	{
		display:block;
		line-height:36px;
		text-align:center;
		font-weight:bold;
		font-size:0.9em;
		color:#333;
		text-decoration:none;
	}

#right .go
{
    margin-left:5px;
}

/* karta scroll */
#left #mousemove
{
	width: 530px;
	height: 320px;
	border: 2px solid #CCC;
	overflow: auto;
	margin: 0 auto;

	/*
	debilni IE
	*/
	position:relative;
}
 
	#left #mousemove .inside
	{
		width: 790px;
		height: 554px;
		position:relative;
	}
	
		#left #mousemove .inside a
		{
			position:absolute;
			display:block;
			line-height:10px;
			height:10px;
			width:10px;
			padding:2px;
			color: #FFF;
			background-color:#000;
			font-size:0.6em;
			text-align:center;
			text-decoration:none;
		}
	
        #left #mousemove .inside a:hover
        {
            background-color: #CCC;
            color:#000;
        }
    
	#left #mousemove .move
	{
		background: #eee url(../images/karta.jpg) no-repeat;
	}

/* forma za search */
fieldset
{
	border:0;
	margin:0;
	padding:0;
    font-size:0.8em;
}

	fieldset ul
	{
		list-style:none;
		padding:0;
		margin:1em;
	}
	
		fieldset ul li
		{
			margin-bottom:0.8em;
		}
		
	
			fieldset ul li label
			{
				display:block;
			}
			
            
            fieldset ul li input.text, fieldset ul li textarea, fieldset ul li select
			{
				width:15em;
			}
            fieldset ul li.results
            {
                margin-bottom:1em;
            }
            
            fieldset ul li.results span
            {
                border:2px solid #CCC;
                padding:0.4em;
            }
            
            fieldset ul li.results select
            {
                width:5em;
            }

table.frm_table
{
	margin-top:0.3em;
	margin-bottom:0.3em;
}

	table.frm_table td
	{
		padding:0.15em;
        text-align:center;
	}
	
	table.frm_table thead td
	{
		border:0;
		font-weight:normal;
		background-image:none;
		background-color:#FFFFFF;
		/*font-size:0.7em;
		color:#333;*/
	}
	
	table.frm_table tbody td
	{
		border:0;
	}


/* prikaz rezultata trazenja */
#left div.capacity_list
{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
    border-top:1px solid #CCCCCC;
}

    #left div.capacity_list .in
    {
	    margin:10px;
	    position:relative;
    }

        #left div.capacity_list .in .clear
        {
            margin-bottom: 20px;
        }

        #left div.capacity_list .in .slika
        {
	        width:162px;
	        float:left;
	        margin-right:3px;
	        margin-bottom:10px;
	        text-align:center;
        }

            #left div.capacity_list .in .slika img
            {
            border:1px solid #333;
            }

        #left div.capacity_list .in .nophoto
        {

            background-color:#EEE;
            outline:1px solid #CCC;
            color:#333;
            font-size:0.8em;
            font-weight:bold;

        }

        #left div.capacity_list .in .basic_data
        {
	         /* IE double-margin float fix */
             display:inline;

            float:right;
            /*width:240px;*/
            width: 200px;
	        margin-bottom:5px;
            margin-right:10px;
            text-align:right;
        }

            #left div.capacity_list .in .basic_data h1
            {
	            
	            color:#333333;
	            font-size:1.4em;
	            margin-top:0;
	            margin-right:0;
            }

            #left div.capacity_list .in .basic_data h2
            {
	            
	            color:#999;
	            font-size:1.0em;
	            margin:0.2em;
	            
            }


            #left div.capacity_list .in .basic_data p
            {
	            
	            color:#333;
	            font-size:1.0em;
	            font-weight:bold;
	            margin: 0.2em;
	            padding:0;
	            
            }

        #left div.capacity_list .in .extended_data
        {
            /* IE double-margin float fix */
            display:inline;

            float:left;
            /*width: 95px;*/
            width: 135px;
            margin-left:10px;
        }

    #left div.capacity_list .tools
    {
        text-align:right;
        padding-right: 10px;
        position:relative;
    }

        #left div.capacity_list .tools img
        {
            vertical-align:middle;
        }

        #left div.capacity_list .tools a, #left div.capacity_list .tools span.object_id
        {
            font-size:0.7em;
        }
        
        #left div.capacity_list .tools span.object_id
        {
        	position:absolute;
        	left:0;
        	font-weight: bold;
		}
        
/* navigacija po stranicama */
#left div.page_nav
{
    font-size:0.8em;
    margin-left:15px;
    margin-right:15px;
    text-align: center;
    margin-top:20px;
    margin-bottom:20px;
}

    #left div.page_nav p
    {
        padding:0;
        margin:0;
        display:inline;
    }

    #left div.page_nav span
    {
        font-weight:bold;
        font-size: 1.2em;
        color:#000;
        margin-left:0.25em;
        margin-right:0.25em;
    }

    #left div.page_nav a:link, #left div.page_nav a:active, #left div.page_nav a:visited
    {
        text-decoration: none;
        padding:1px 5px;
        background-color: #FFF;
        border: 1px solid #069;
        margin-right:3px;
    }

    #left div.page_nav a:hover
    {
        border-color: #F90;
    }

    
/* detalji objekta */
img.object_info
{
    float:left;
}

#left .left_content
{
    
    /* IE double-margin float fix */
    display:inline;
    
    margin-left:5px;
    width:190px;
    float:left;

}

#left .left_content .capacity_data
{
    
    background-image: url(../images/bgrad.gif);
    background-repeat: repeat-x;
    height:100px;
    margin-bottom:10px;
    text-align:center;
    font-size:1.1em;
}

#left .left_content .capacity_data p
{
    margin-top:0;
    padding-top:15px;
    margin-bottom:0px;
}

#left .left_content .capacity_data p a
{
    font-weight: bold;
}

#left .middle_content
{

    /* IE double-margin float fix */
    display:inline;

    float:left;
    width:275px;
    margin-left:5px;
    background-image:url(../images/dot.gif);
    background-repeat:repeat-y;
    background-position:left;
}

    #left .middle_content .okrugli
    {
        margin:0 5px 0 5px;
    }

    #left .middle_content h2
    {
        margin-bottom:10px;
        margin-top:0;
        font-size:1.3em;
        text-align:center;
        font-weight:normal;
    }

/* mini listing */
#left div.middle_content div.okrugli
{
    margin-bottom:10px;
}

#left div.middle_content div.mini_listing
{
    
    margin-bottom:10px;

}

    #left div.middle_content div.mini_listing img
    {
        float:left;
        border:3px solid #FFF;
    }
    
    #left div.middle_content div.mini_listing p
    {
        text-align:right;
        margin-right:0;
        margin-top:0;
        padding:0;
    }
    
        #left div.middle_content div.mini_listing p a strong
        {
            font-size:1.2em;
        }

/* udaljenosti */
dl.distance
{
    /* IE double-margin float fix */
    display:inline;

    margin:0 15px 5px 10px;
    float:right;
    width:55px;
}

    dl.distance dt
    {
        width:55px;
        text-align:center;
        margin:0 0 0  0;
    }

    dl.distance dd
    {
        text-align: center;
        font-size:0.9em;
        font-weight: bold;
        padding:3px;
        margin:3px 0 10px 0;
    }
    
/*  main_image */
#left div.left_content div.main_image
{
    width:190px;
}

#left div.left_content div.main_image img
{
    border:5px solid #DDD;
}

#left div.left_content div.capacity_features
{
    border:5px solid #DDD;
    text-align: center;
    margin-top:5px;
}

#left div.left_content div.capacity_features img
{
    margin-top:10px;
}

#left div.middle_content div.thumbnail
{
    /* IE double-margin float fix */
    display:inline;

    width: 126px;
    height: 126px;
    margin: 0 0 10px 10px;
    float: left;
}

#left div.middle_content div.thumbnail a img
{
    border:3px solid #DDD;
    opacity:.50;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

#left div.middle_content div.thumbnail a:hover img
{
    border-color:#CCC;
    opacity:1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}   
   
/* podsjetnik */

#right #remainderResponse
{

    text-align:left;
    margin-top:10px;

}

    #right #remainderResponse strong
    {
        text-align:right;
        margin-top:15px;
        font-weight:normal;
        font-size:0.7em;
        display:block;

    }

    #right #remainderResponse p
    {
        text-align:center;
        font-size:0.8em;
    }

    #right #remainderResponse span
    {
        display:block;
        text-align:center;
    }



/* forma za upit */
#right .okrugli #inquiry
{
        margin:10px 0 0 0;
}

#right .okrugli #inquiry ul li
{
    text-align: center;
}

#inquiry, #inquiry input
{
    font-size:0.9em;
}

textarea#comment, #inquiry input
{
    width:160px;
}

#inquiry li#subject
{
    display: none;
}

#inquiry #submit, #inquiry #reset
{
    width:70px;
    font-size:1em;
}

#inquiry .in_err
{
    background-color: #F66;
}

/* cjenik */
#left div.pricelist
{
    margin:20px 20px 20px 15px;    
}

#left div.pricelist h1
{
    font-size:1.1em;
    margin-top:15px;
}

#left div.pricelist h2
{
	font-size:1.5em;
}


#left div.pricelist h3
{
    margin-top:25px;
    font-size:0.9em;
    text-indent: 1em;
}

#left div.pricelist p
{
    margin: 5px 0 0 15px;
    font-size: 1em;
}

#left div.pricelist table
{
    text-align: center;
    background-color: #FFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}

#left div.pricelist table thead td
{
    background-color: #EEE;
    font-size: 0.6em;
    font-weight: bold;
    color:#333;
}

#left div.pricelist table tbody td.cap_type
{
	font-size:0.6em;
	font-weight: bold;
	background-color: #EEE;	
	text-align: left;
}

#left div.pricelist table td.white
{
	background-color: #FFF;
}

#left div.pricelist table td.currency
{
	text-align: right;
}

#left #map
{
    width: 500px;
    height: 300px;
    border: 4px solid #EEE;
    margin-left:auto;
    margin-right:auto;
}

#left dl.links
{
	margin-top:25px;
	font-size:0.8em;
	padding:0;
}

#left dl.links dt
{
	padding:0;
	text-align: center;
}

#left dl.links dd
{
	color: #666666;
	padding:0;
	margin:0 0 10px 0;
	text-indent: 0;
	text-align: center;
}

#left .locate
{
	display: block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

#left .front_image
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:4px;
	border:1px solid #EEE;
}

#left .pricelist .tic
{
	text-align:center;
	margin-top:1.5em;
	padding: 0.5em;
	
	font-size:0.7em;
	font-weight:bold;
}