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

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

body, html {
margin : 0;
padding : 0;
color : #000;
background-color : #aed3fc;
}

body {
min-width : 960px;
background-image:url(../images/bg-top.jpg);
background-repeat: repeat-x;
background-position:top;
}
.clear{
clear:both;
}

em {
color:#454340;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-style:italic!important;
font-size:1em!important;
}

#page{
width : 960px;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
/*----- HEADER / LANGUAGES----- */
#header{
width : 960px;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
#header h1 {
font-size:3em;
color:#fff;
margin:0;
padding:60px 0px 0px 20px;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
}

#featured { width: 565px; height: 261px; background: #009cff url('orbit/loading.gif') no-repeat center center; overflow: hidden; }

#languages{
width:300px;
float:left;
}
#languages ul {
margin: 0;
padding: 0;
list-style:none;
display:block;
}
#languages li {
display: block;
float:left;
height: 1em;
padding:0px 20px 5px 20px;
margin: 0px 0px 0px 20px;
text-decoration:none;
font:90% Trebuchet MS, Arial, Helvetica, Sans-Serif;
background:url(../images/png/bg-link.png);
}

#languages li a:link {
margin:0px 0px 0px 0px;
line-height : 1em;
color: #04334e;
text-decoration:none;

}

#languages li a:visited {
color: #04334e;
margin:0px 0px 0px 0px;
line-height: 1em;
font:50%;
text-decoration:none;
}
#languages li a:hover {
color: #fff;
text-decoration:none;
}
/*------ NAVIGACIJA ----- */
#navigacija{
width : 960px;
float:left;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
margin:37px 0px 0px 0px;
}
#nav ul {
height : 39px;
margin : 0;
padding : 0;
list-style : none;
display : block;
}
#nav li {
display : block;
float:left;
text-align : center;
margin: 0px 0px 0px 20px;
padding:3px 10px 10px 10px;
font-size:1em;
background:url(../images/png/bg-nav.png);
background-repeat:no-repeat;
}
#nav li a:link,
#nav li a:visited {
text-decoration:none;
color:#04334e;
}
#nav li a:hover {
color : #000;
}

/* ------ LIGHTBOX -----*/
#gallery {
width:960px;
clear:both;
background:url(../images/bg-lightbox.jpg);
background-repeat:no-repeat;
background-position:top center;
}
#gallery ul { 
list-style: none;
margin-top:60px;
}
#gallery ul li { 
display: inline; 
padding:0px 0px 0px 20px;
}
#gallery ul img {
border:1px #fff solid;
margin:5px 0px 0px 0px;
}
#gallery ul a:hover img {
border:1px #fff solid;
color: #fff;
}
#gallery ul a:hover { color: #fff; }

/* ------ LIGHTBOX  small-----*/
#gallery-small{
width:200px;
float:right;
}
#gallery-small ul { 
list-style: none;
margin-top:0px;
}
#gallery-small ul li { 
display: inline; 
padding:0px 0px 0px 0px;
}
#gallery-small ul img {
border:4px #fff solid;
margin:10px 0px 0px 0px;
}
#gallery-small ul a:hover img {
border:4px #fff solid;
color: #fff;
}
#gallery ul a:hover { color: #fff; }

/* ------ LIGHTBOX vs JQUERY-----*/
#gallery-apartments{
width:600px;
float:left;
}
#gallery-apartments ul { 
list-style: none;
margin-top:0px;
}
#gallery-apartments ul li { 
display: inline; 
padding:0px 0px 0px 0px;
}
#gallery-apartments ul img {
border:1px #9c9395 solid;
margin:5px 0px 0px 18px;
}
#gallery-apartments ul a:hover img {
border:1px #9c9395 solid;
color: #fff;
}
#gallery-apartments ul a:hover { color: #fff; }

/* ------ CONTAINER / MAIN / SIDEBAR -----*/

#container{
width:960px;
background-image:url(../images/bg-sredina.jpg);
background-position:center top;
background-repeat:repeat-y;
}

#container .bg_top{
background-image:url(../images/png/bg-cont-top.png);
background-repeat : no-repeat;
background-position:7px top;
margin-top :0px;
height: 8px;
}
#container .bg_sredina {
background-attachment : scroll;
background-image:url(../images/png/test-main.png);
background-repeat: repeat-y;
background-position:11px top;
padding : 0;
height:1830px;
}
#container .bg_sredina3 {
background-attachment : scroll;
background-image:url(../images/png/test-main.png);
background-repeat: repeat-y;
background-position:11px top;
padding : 0;
height:800px;
}
#container .bg_sredina1 {
background-attachment : scroll;
background-image:url(../images/png/test-main.png);
background-repeat: repeat-y;
background-position:11px top;
padding : 0;
height:800px;
}
#container .bg_sredina2 {
background-attachment : scroll;
background-image:url(../images/png/test-main.png);
background-repeat: repeat-y;
background-position:11px top;
padding : 0;
height:1420px;
}
#container .bg_dno{
background-image:url(../images/png/bg-cont-dno.png);
background-repeat : no-repeat;
background-position:11px bottom;
height: 15px;
}

/* ---- MAIN -----*/
#main{
width:600px;
float:left;
margin:0px 10px 0px 20px;
}
#main h1{
font-size:2.5em;
color:#454340;
margin:0;
padding:0px 0px 0px 10px;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-style:italic;
}
#main p{
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
margin:0px 10px 0px 13px;
font-size:0.9em;
text-align:justify;
line-height:190%;
color:#454340;
}
.welcome{
font-style:italic;
}
#main p.title{
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-size:1.4em;
}
#main p.title2{
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-style:italic;
font-size:1.4em;
float:right;
}

#main .text-box{
width:395px;
float:left;
padding:5px 0px 0px 0px;
}
ul.app{
padding:0px 0px 0px 10px;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-size:0.9em;
list-style-type:none;
margin-bottom:10px;
}

li.app1{
padding:5px 0px 5px 10px;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-size:1.2em;
list-style-type:none;
background:#2a3e49;
color:#FFFFFF;
}
li.app2{
padding:5px 0px 5px 40px;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-size:1em;
list-style-type:none;
color:#454340;

}
li.app3{
margin:0px 0px 0px 40px;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-size:1em;
list-style-type:disc;
color:#454340;

}

#main .maps{
width:550px;
float:left;
margin:0px 0px 0px 25px;
border:#999999 0px solid;
}

#right{
float:left;
width:600px;
margin-bottom:10px;

}
#right h2 a{ 
font-size:1.2em;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
color:#fff;
text-decoration:none;
}
#right-second{
float:left;
width:600px;
margin-top:10px;
margin-bottom:10px;

}
#right-second h2 a{ 
font-size:1.2em;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
color:#fff;
text-decoration:none;
}
#right-third {
float:left;
width:600px;
margin-top:10px;
margin-bottom:10px;

}
#right-third  h2 a{ 
font-size:1.2em;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
color:#fff;
text-decoration:none;
}
.floor {
width:580px;
float:left;
margin:0px 0px 5px 5px;
padding:5px 0px 3px 12px;
background:#2a3e49;
color:#FFFFFF;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
}
.floor p{
padding:0px 0px 3px 70px;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-size:1em!important;

}

/* ----- SIDEBAR ----- */
#sidebar{
width:325px;
float:right;
margin:0px 0px 0px 0px;
}
#sidebar h1{
font-size:2em;
color:#454340;
margin:0;
padding:0px 0px 0px 0px;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
}
#sidebar h3 {
font-size:2em;
color:#454340;
margin:0px 0px 0px 0px;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-style:italic;
}

#sidebar ul {
padding : 0;
margin-top :10px;
margin-right : 0;
margin-bottom : 0;
margin-left : 10px;
line-height:200%;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
list-style-type:none;
}
#sidebar ul a{
color:#454340;
text-decoration:none;
}
/*----- KONTAKT ----- */
label{ 
padding:0px 0px 0px 0px; 
}

.contactform  fieldset { 
padding:0; 
margin: 0 0 0 0; 
border: 0px #ccc dashed;
}

legend{ 
font-size:1.5em!important;
color:#454340;
padding:0px 0px 0px 0px!important;

}		
input.title { 
font-size:1.1em;  
width: 250px; 
padding:5px; 
color:#666}

.contactform
{
width:320px;
margin-bottom:0px;
margin-top:0px;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
float:right;

}
.contactform form{
overflow:hidden;
/*font-size:1em;*/
}
.contactform label{
width:95%;
font-size:1em;
color:#454340;
padding:10px 0px 0px 0px;
}
.contactform textarea, .contactform input
{
width:88%;
padding: 8px;
border: #ccc 1px solid;
margin:10px 0px 5px 5px;
background:#fff;
}
.contactform .submit-button
{
float:right;
width: 100px;
margin:10px 23px 5px 0px;

}
.contactform textarea:focus,.contactform input:focus, .contactform .submit-button:focus
{
border: #ccc 1px solid;
background:#ffffff;
}
/*----- FOOTER -----*/
#footer {
clear : both;
display : block;
margin : 0;
padding : 0;
height : 50px;
}
#footer p{
color:#fff7ea;
text-align:center;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-size:0.9em;

}
.slova {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
	color: #111;
}
.slova1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color: #009;
	text-decoration:none;
}
.slova1 a:link {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color: #009;
	text-decoration:none;
}
.slova1 a:visited {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color: #009;
	text-decoration:none;
}
.slova1 a:hover {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color: #333;
	text-decoration:none;
}
#header h2 {
font-size:2.0em;
color:#454340;
margin:0;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-style:italic;
}
#sidebar h2 {
font-size:2.0em;
color:#454340;
margin:0;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-style:italic;
}
#main h2 {
font-size:2.0em;
color:#454340;
margin:0;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-style:italic;
}