body {}

.font {
	font-family: Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #0D7BDB;
	font-size: 14;
	padding: 10;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(161, 161, 161, 0.4);
}

.container { background:#a8a8a800; display:block; width: 840px; height:320px; margin:auto; }

.prvi { margin: 10px; float:left; width:100px; background-image:url('img/adventure.jpg'); height:300px; -moz-border-radius: 15px; border-radius: 15px;
		-webkit-transition:width 0.5s, height 0.5s, -webkit-transform 0.5s; /* For Safari 3.1 to 6.0 */
transition:width 0.5s, height 0.5s, transform 0.5s; }
.prvi:hover{
	-ms-transform:scale(1.1,1.1); /* IE 9 */
	-webkit-transform:scale(1.1,1.1); /* Chrome, Safari, Opera */
	transform:scale(1.1,1.1); /* Standard syntax */
}
.drugi { margin: 10px; float:left; width:100px; background-image:url('img/bikeboat.jpg'); height:300px; -moz-border-radius: 15px; border-radius: 15px; 
		-webkit-transition:width 0.5s, height 0.5s, -webkit-transform 0.5s; /* For Safari 3.1 to 6.0 */
transition:width 0.5s, height 0.5s, transform 0.5s; }
.drugi:hover{
	-ms-transform:scale(1.1,1.1); /* IE 9 */
	-webkit-transform:scale(1.1,1.1); /* Chrome, Safari, Opera */
	transform:scale(1.1,1.1); /* Standard syntax */}
.treci { margin: 10px; float:left; width:100px; background-image:url('img/heritage.jpg'); height:300px; -moz-border-radius: 15px; border-radius: 15px; 
		-webkit-transition:width 0.5s, height 0.5s, -webkit-transform 0.5s; /* For Safari 3.1 to 6.0 */
transition:width 0.5s, height 0.5s, transform 0.5s; }
.treci:hover{
	-ms-transform:scale(1.1,1.1); /* IE 9 */
	-webkit-transform:scale(1.1,1.1); /* Chrome, Safari, Opera */
	transform:scale(1.1,1.1); /* Standard syntax */}
.cetvrti { margin: 10px; float:left; width:100px; background-image:url('img/food.jpg'); height:300px; -moz-border-radius: 15px; border-radius: 15px;
		-webkit-transition:width 0.5s, height 0.5s, -webkit-transform 0.5s; /* For Safari 3.1 to 6.0 */
transition:width 0.5s, height 0.5s, transform 0.5s; }
.cetvrti:hover{
	-ms-transform:scale(1.1,1.1); /* IE 9 */
	-webkit-transform:scale(1.1,1.1); /* Chrome, Safari, Opera */
	transform:scale(1.1,1.1); /* Standard syntax */ }
.peti { margin: 10px; float:left; width:100px; background-image:url('img/fun.jpg'); height:300px; -moz-border-radius: 15px; border-radius: 15px;
		-webkit-transition:width 0.5s, height 0.5s, -webkit-transform 0.5s; /* For Safari 3.1 to 6.0 */
transition:width 0.5s, height 0.5s, transform 0.5s; }
.peti:hover{
	-ms-transform:scale(1.1,1.1); /* IE 9 */
	-webkit-transform:scale(1.1,1.1); /* Chrome, Safari, Opera */
	transform:scale(1.1,1.1); /* Standard syntax */ }
.sesti { margin: 10px; float:left; width:100px; background-image:url('img/peace.jpg'); height:300px; -moz-border-radius: 15px; border-radius: 15px;
		-webkit-transition:width 0.5s, height 0.5s, -webkit-transform 0.5s; /* For Safari 3.1 to 6.0 */
transition:width 0.5s, height 0.5s, transform 0.5s; }
.sesti:hover{
	-ms-transform:scale(1.1,1.1); /* IE 9 */
	-webkit-transform:scale(1.1,1.1); /* Chrome, Safari, Opera */
	transform:scale(1.1,1.1); /* Standard syntax */ }
.sedmi { margin: 10px; float:left; width:100px; background-image:url('img/zeus.jpg'); height:300px; -moz-border-radius: 15px; border-radius: 15px; 
		-webkit-transition:width 0.5s, height 0.5s, -webkit-transform 0.5s; /* For Safari 3.1 to 6.0 */
transition:width 0.5s, height 0.5s, transform 0.5s; }
.sedmi:hover{
	-ms-transform:scale(1.1,1.1); /* IE 9 */
	-webkit-transform:scale(1.1,1.1); /* Chrome, Safari, Opera */
	transform:scale(1.1,1.1); /* Standard syntax */}

.ahover:hover { background:#000000; }

.logo { display:block; background-image:url('img/logo.png'); background-size:200px 150px; background-position:center; background-repeat: no-repeat; width: 100%; height: 150px; margin: 0, 0, 100, 0; }
.footer { width: 100%; height: 150px; }

.content { z-index: 9999; width:100%; background:#ffffff; height: 100%; -moz-border-radius: 25px; border-radius: 25px; }
.textDiv { width:100%; height:100%; padding:30px; 
	font-family: Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #0D7BDB;
	font-size: 14;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(161, 161, 161, 0.4);
	}

h1 {
  font-weight: bold;
  color: #0D7BDF;
  font-size: 20px;
  text-decoration:underline;
}

.button { margin:20px; padding:10px 30px 10px 30px;  border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 6px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;  }
.button:hover {    border-top-color: #28597a;
   background: #28597a;
   color: #ccc;}
   
   .button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.background-image {
    height:auto;
    left:0;
    min-height:100%;
    min-width:1024px;
    position:fixed;
    top:0;   
    width:100%;
    z-index: -2
}

#dot-matrix {
    background: url(img/dots.png);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
	left: 0px;
    z-index: -1
}


#branding-contact .last { display:block; font-family: Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif; width:80px; line-height:21px; text-align:center; color:#fff; text-decoration:none; font-weight:bold; background:#72c4e3 url(../images/buttons-01.png) no-repeat left top; }
#branding-contact .last:hover,

#branding-contact-info dt,
#branding-contact-info dt strong,
#branding-contact-info dd a,
#branding-contact-info dd a:hover,
#branding-contact-info dd span,

#branding-contact { margin-top:17px; font-family: Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif; color:white; text-align:center; }
#branding-contact strong { font-weight:bold; }
#branding-contact a { color:blue; text-decoration:none; }
#branding-contact a:hover { color:purple; }
#branding-contact .last { margin:16px auto 0; width:85px; background:url(../images/buttons-01.png) no-repeat left -84px; text-transform:uppercase; font-size:.917em; }
#branding-contact .last:hover { background:url(../images/buttons-01.png) no-repeat left -105px; }

#branding-contact-info { width:150px; margin:89px auto; text-align:center; }
#branding-contact-info dt strong { font-size:2em; }
#branding-contact-info dt strong:first-line  { font-size:2em; }
#branding-contact-info dd { white-space:nowrap; }