* {
margin:0;
padding:0;
outline:none;
}

html {
height:100%;
}


body {
font-family:'Arial', Sans-serif;
overflow-y: scroll;
height:100%;
}

a { text-decoration:none; }
img { border:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

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

.content {
width:960px;
margin:0 auto;
position:relative;
}

header {
height:410px;
padding:10px 0 0;
position:relative;
background:url(../img/background-header.png);
}

.headerBar {
background:#fff;
height:60px;
}

.headerBar a {
display:block;
position:absolute;
left:0px;
top:5px;
}

.headerBar a>img {
display:block;
}

/* Slideshow
------------- */
#slideshowContainer {
height:350px;
position:relative;
width:100%;
background:url(../img/background-slideshow.jpg) no-repeat center;
margin:0 auto;
}

#slideshow {
height:350px;
width:960px;
padding:0px;
background:#fff;
position:relative;
top:20px;
margin:0 auto;
box-shadow:0px 0px 8px #000;
-webkit-box-shadow:0px 0px 8px #000;
-moz-box-shadow:0px 0px 8px #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow:hidden;
}

#slideshow>img {
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
top:5px !important;
left:5px !important;
}


/* Navigation
-------------- */

nav {
width:960px;
margin:40px auto;
background:url(../img/background-nav.png) no-repeat center bottom;
padding:0 0 30px;
}

nav>ul {
float:left;
list-style-type:none;
background:#ebebeb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:100%;
}

nav>ul>li {
float:left;
list-style-type:none;
padding:5px 0 5px 5px;
}

nav>ul>li>a {
display:block;
font-size:14px;
font-weight:bold;
line-height:14px;
padding:10px 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#404040;
}

nav>ul>li>a:hover {
background:#fff;
}

nav>ul>li>a.on {
background:#ccc;
}
/* Content
----------- */

article>h1 {
margin:0 0 30px;
background:#f5f5f5;
padding:10px 15px;
font-size:18px;
color:#606060;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:5px solid #fff;
box-shadow:0px 0px 8px #ccc;
-webkit-box-shadow:0px 0px 8px #ccc;
-moz-box-shadow:0px 0px 8px #ccc;}

article>p {
margin:0 0 10px;
font-size:14px;
line-height:24px;
text-align:justify;
color:#404040;
}
article>p a {
color:#404040;
}
article>p a:hover {
text-decoration:underline;
}

article>p i {
font-size:12px;
color:#808080;
}
/* Lokacija
----------- */
article .map {
border:5px solid #fff;
margin:30px 0 20px;
box-shadow:0px 0px 8px #ccc;
-webkit-box-shadow:0px 0px 8px #ccc;
-moz-box-shadow:0px 0px 8px #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow:hidden;
}

article .map iframe {
width:950px;
height:450px; 
border:none;
margin:0;
padding:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

article .map a {
display:block;
padding:5px;
color:#808080;
font-size:12px;
text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

article .map a:hover {
background:#f5f5f5;
}


/* Zgodovina
------------- */

article img {
border:5px solid #fff;
margin:20px 0 20px;
box-shadow:0px 0px 8px #ccc;
-webkit-box-shadow:0px 0px 8px #ccc;
-moz-box-shadow:0px 0px 8px #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow:hidden;
}


/* Najemniki
------------- */

article.tennants>h3 {
margin:0 0 20px;
display:block;
text-align:center;
padding:10px;
background:#b5c900;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

article>h3.location2 {background:#f23826; }
article>h3.location3 {background:#fab800; }
article>h3.location4 {background:#6a1bbd; }
article>h3.location5 {background:#003785; }

article>ul.tennants {
list-style-type:none;
float:left;
margin-left:-10px;
margin-bottom:20px;
}


article>ul.tennants>li {
display:block;
float:left;
margin:0 0 10px 10px;
width: 439px;
height: 140px;
min-height: 140px;
padding:20px 18px;
background:#f5f5f5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow:hidden;
}
article>ul.tennants>li:hover {
overflow:auto;
height:auto;
}

article>ul.tennants>li:hover {
background:#fff;
box-shadow:0px 0px 5px #ccc;
-webkit-box-shadow:0px 0px 5px #ccc;
-moz-box-shadow:0px 0px 5px #ccc;
}

article>ul.tennants>li h3  {
font-size:12px;
height:25px;
display:block;
color:#b5c900;
}

article>ul.tennants.location2>li h3  {color:#f23826;}
article>ul.tennants.location3>li h3  {color:#fab800;}
article>ul.tennants.location4>li h3  {color:#6a1bbd;}
article>ul.tennants.location5>li h3  {color:#003785;}

article>ul.tennants>li p  {
font-size:12px;
line-height:18px;
color:#404040;
}

/* Kontakt
----------- */

article .form {
width:440px;
padding:20px;
margin:0 40px 0 0;
float:left;
background:#f5f5f5;
color:#404040;
box-shadow:0px 0px 5px #ccc;
-webkit-box-shadow:0px 0px 5px #ccc;
-moz-box-shadow:0px 0px 5px #ccc;
border:5px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

article .form label {
display:block;
margin:0 0 5px;
font-size:12px;
color:#808080;
}

article .form textarea,
article .form input[type=text] {
width:420px;
padding:10px;
border:1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0 0 10px;
font-size:14px;
color:#404040;
}

article .form textarea:hover,
article .form input[type=text]:hover {
border-color:#aaa;
}

article .form textarea { 
height:150px;
font-family:'Arial';
margin:0 0 20px;
}

article .form input[type=submit] {
background:#eee;
color:#404040;
box-shadow:0px 0px 5px #ccc;
-webkit-box-shadow:0px 0px 5px #ccc;
-moz-box-shadow:0px 0px 5px #ccc;
border:5px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:20px;
font-weight:bold;
cursor:pointer;
}

article .form input[type=submit]:hover {
background:#ddd;
}

/* Domov
--------- */

article.index aside {
width:200px;
float:right;
}

article.index aside>div {
box-shadow:0px 0px 5px #ccc;
-webkit-box-shadow:0px 0px 5px #ccc;
-moz-box-shadow:0px 0px 5px #ccc;
border:5px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background:#f5f5f5;
color:#404040;
padding:15px;
font-size:14px;
line-height:22px;
margin:0 0 20px;
}

article.index aside>div>a {
display:block;
color:#404040;
text-align:center;
}

article.index aside>div>h3 {
display:block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:10px;
margin:0 0 10px;
background:#ddd;
font-size:14px;
line-height:14px;
text-align:center;
}

article.index aside>div>h4 {
font-size:14px;
line-height:20px;
margin:0 0 20px;
}

article.index aside>div>p>span {
display:block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:10px;
margin:20px 0 0;
background:#fff;
font-size:14px;
line-height:14px;
}


article.index p {
max-width:680px;
}


#crossSection {
width:670px;
height:275px;
border:5px solid #fff;
margin:20px 0 20px;
box-shadow:0px 0px 8px #ccc;
-webkit-box-shadow:0px 0px 8px #ccc;
-moz-box-shadow:0px 0px 8px #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow:hidden;
background:url(../img/cross-section.jpg) no-repeat center bottom;
position:relative;
}

#crossSection>div {
width:670px;
}

#topSection { height:86px; margin:61px 0 0;}
#groundSection { height:50px;}
#basementSection { height:52px;}

div:hover#topSection { background:url(../img/top-floor.jpg) no-repeat center top;} 
div:hover#groundSection {background:url(../img/ground-floor.jpg) no-repeat center top;}
div:hover#basementSection {background:url(../img/base-floor.jpg) no-repeat center top;}

#crossSection section {
display:none;
padding:5px;
background:rgba(255,255,255,0.9);
position:absolute;
top:0;
right:0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
height:265px;
box-shadow:0px 0px 8px #ccc;
-webkit-box-shadow:0px 0px 8px #ccc;
-moz-box-shadow:0px 0px 8px #ccc;
}

section h3 {
display:block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:5px;
background:#f5f5f5;
color:#aaa;
font-size:14px;
line-height:14px;
text-align:center;
}

section p {
font-size:10px;
line-height:16px;
padding:10px;
color:#404040;
}


/* Footer
---------- */

footer {
width:960px;
margin:40px auto;
background:url(../img/background-footer.png) no-repeat center top;
padding:30px 0;
}

.footerContainer {
background:#ebebeb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size:12px;
line-height:12px;
color:#aaa;
padding:15px;
text-align:center;
position:relative;
}


.footerContainer a.netit {
position:absolute;
right:9px;
top:9px;
display:block;
width:76px;
height:24px;
background:url(../img/netit.png) no-repeat;
}

.footerContainer a.netit:hover {
background-position:0 -29px; 
}