/* cmsms stylesheet: TT 2016 full modified: 01/12/16 16:59:07 */
img {border:0;}

body {
margin:0;
padding:0;

background: #ddd url('/uploads/textured_paper.jpg');
font-family: 'Open Sans', sans-serif;
font-size: 12pt;
height: 100%;
}

#m-menu{
display:none;
}

#stran {
text-align: center;
overflow:auto;
}

#prva {
background: #C9CDD0 url('/uploads/kamni_1920.jpg') center -40px no-repeat; 
width:100%;
min-height: 100vh;
display:block;
background-size: 100%;
z-index: -1;
position:fixed;
 left: 0;
 top: 0;
 right: 0;
}

#full-logo {
background: center -40px no-repeat; 
width:100%;
min-height: 100vh;
display:none;
background-size: 100%;
z-index: -1;
position:fixed;
 left: 0;
 top: 0;
 right: 0;
}


.shadow,
#top,
#content,
#bottom
 {
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow:    0px 0px 15px rgba(0, 0, 0, 0.7);
box-shadow:         0px 0px 15px rgba(0, 0, 0, 0.7);

}



#naslov{
margin: 0 0 10px 0;
}

#bottom a {color:#ddd}
#bottom {

padding:10px;
margin: 0px auto;
background: #8B2332;
text-align: center;
position:fixed;
bottom:0;
z-index: 120;
width:100%;
color: #DDD;
}

#top{
margin: 0px auto;
background: #8B2332;
height: 70px;
text-align: center;
}

#context_text{
margin:0 auto;
padding: 0 30px;
width:240px;
}

#map p{
margin: 0;

}



#content {
text-align: center;
max-width:600px;
background: rgba(88,88,88,0.7);
color: #fff;
display:inline-block;
vertical-align:top;
padding:0 0 50px 0;
margin:60px 10px 0 10px;
xmin-height: calc(100vh - 130px);
min-height: 100vh;
}

#content ul {
display:none;
   list-style-position: inside;
    xlist-style-type: square;  
    padding: 0px;
    margin: 0px;
    text-align:center;
font-size:80%;
}

.storitve p{
 text-decoration: underline;
 cursor: pointer;

}


#left{
background: #ddd;
display:inline-block;
padding:10px;
vertical-align:text-top;
width:150px;}

#right{
padding:12px;
display:inline-block;
vertical-align:text-top;
}

#logo img{
z-index: -1;
position:absolute;
right: 40px;
top: 130px;
}

#top-flags {
display:inline-block;
margin: 40px auto 0px 30px;
}

#top-menu {
display:inline-block;
xmargin: 40px auto 0px auto;
}

#top-menu ul {
/* remove any default bullets */
list-style-type: none;
margin: 0;
	padding: 0;

}
#top-menu li {
float: left;
margin: 0 30px 0 30px;
list-style-type: none;
}

#top-menu li, #top-menu li a{

font-size: 12pt;
color:#ECAB93;
text-decoration: none;
}

#top-menu li a:hover,
#top-menu li .currentpage {
color:#dddddd;
}


.hidden{
display:none;
}


@media screen and (max-width: 1280px) {
#prva{background-size:1280px;}
#full-logo{background-size:1280px;}
}

@media screen and (max-width: 900px) {
#top-menu li {margin:0 7px;}
}

@media screen and (max-width: 600px) {

#prva{background-position: center top; background-size:1000px; }

#full-logo{background-position: center top; background-size:1000px;}

#logo img{display:none;}

#top-flags {
position:absolute;
right: 20px;
top: 20px;
margin:0;
}

#top-menu {
z-index: 200;
position:absolute;
left: 20px;
top: 20px;
height:20px;
width:20px;
padding:4px;
background: #8B2332 url('/uploads/menu.png') center center no-repeat;
cursor:pointer;
border: #BF5F6C solid 1px;
color:#fff;

}

#top-menu ul {

display:none;	

}

#top-menu li {
padding:5px;
display:block;
width:160px;
background: #8B2332;	
border: #BF5F6C solid 1px;
}

}

@media screen and (max-width: 400px) {
#logo img{display:none;}

}