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

*{ 
-webkit-box-sizing: border- box;
-moz-box-sizing: border- box; 
 box-sizing: border- box; 
 margin:0; 
 padding:0;   
}
body {
 font-family:  Book Old Style; background-color: #CCCCCC }
 
a:link{
 text-decoration:none}
 
a:visited {
 text-decoration:none}
 
 img {
 max-width:100%}
 
.om {
margin:0 auto;width:100%; border:#000000 solid 1px; background-color:#FFFFFF;border-radius:10px 10px 0px 0px}

.navigacija {
width:100%;height:180px; background-image: url(images/tem5.jpg);background-size: cover;border-radius:10px 10px 0px 0px; background-color:#33CC66;}
.navigacija2 {
width:100%;height:180px; background-image: url(images/tem5.jpg);background-size: cover;border-radius:10px 10px 0px 0px; background-color:#33CC66;}

.nav1 {
display:none}

.nav2{
display:block}

ul{
 width:100%; text-align:center; display:block }
 
li{
display:inline-block; padding:1px; padding-top:1%} 

li a{
 color:#FFFFFF; letter-spacing:2px; text-shadow: #999999 1px 1px ; font-weight:bold; font-size:90%}
 
ul li a:hover{
 color:#000000}
 
ul li img {
vertical-align: middle;padding-left:5px; width:auto;height:auto}

.sadrzaj{
padding:3%; background-image:url(images/rubp.jpg); background-position:left;padding-bottom:10%;display:block}

.left{
width:100%; float:none;text-align:center; letter-spacing:0px;padding:30px 5px 5px 5px; }

.left img {
padding:5px;border:none;border-radius:8px;float:left}

.left a:hover{
 text-decoration:underline}

.right{ clear:both;
 background-image:url(images/rbckg.jpg); background-repeat:repeat-x; background-position:top;width:70%;float:none; background-color: #F8E0D6; text-align:center;border-radius:90px 90px 1px 1px;padding-top:50px;margin-left:15px;padding-bottom:10px;color:#AA0000;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);box-shadow: 0 1px 5px rgba(0,0,0,0.75);margin-top:10%px;margin:0 auto }

.bread {
color:#AA0000;width:60%; font-size:80%}

.face{margin-top:120px;margin-left:75%;position:relative;margin-right:1%}

.face2{
margin-top:130px;margin-left:80%;position:relative}

.face a, .face span  {margin-left:1px;}

.gl {background-color:#CC0000;border-radius:2px }

.novcon {
width:100%;border:1px solid  #CCCCCC;border-radius:10px;padding:10px 1px 1px 1px; float:left;margin-top:20px;background-color:white}
 
.footer{
width:auto;height:auto; background-image:url(images/tem2.jpg); background-repeat:repeat-x; text-align:center; padding-top:22px;margin-top:5px }

hr{margin:0 auto}

.footnav a, .copy a{
 color: #333333; display: inline-block; width:100px; font-size:90%; text-shadow: #999999 1px 1px }
 
.footnav a:hover{
color:#FFFFFF}

.copy{
padding-top:2%;padding-bottom:10px}

.copy a:hover{
color:#FFFFFF}

.gotop {
display:block;float:right;}

.gotop a:hover{
opacity:0.5}