body
{background-color:#fff;
font-family: Tahoma, Verdana, Serif;
margin: auto;
}

#not {
background: #91b8d7 url(pix.jpg) repeat-x;
font-family: Tahoma, Verdana, Serif;

}

* 
{
    box-sizing: border-box;
}

#box1 {								/* notranje */
background-color:#67b9ea;
width:1024px; height: 100px;
margin: auto;
margin-top: 0px;
border: #3a4e85 2px solid;
}

#boxX {										/* vstopni */
background-color:#fff;
width:1024px; 
margin: auto;
margin-top: 10px;
}

#glava {
background: url(glava.jpg) center center;
width:100%; height: 350px;
margin: auto;
text-align: center;
}

.menu
{
background-color: trasparent;
border-top: 2px solid #3a4e85;
border-bottom: 2px solid #3a4e85;
width: 100%;
margin: auto;
margin-top: 0px;
text-align: center;
padding: 12px;
}

.telo
{
border: 2px solid #3a4e85;
width: 100%;
margin: auto;
margin-top: 5px;
text-align: center;
border-radius: 5px;
padding: 5px;
}

table 
{
background-color:#67b9ea;
width: 100%;
margin: auto;
padding: 10px;
text-align: center;

}

table td
{
background-color:#fff;
border: 2px solid #3a4e85;
margin: auto;
margin-top: 5px;
text-align: center;
border-radius: 5px;
padding: 5px;
}

.slide
{
width: 50%;
text-align: right;
font-size:12px;
color: #363994;
padding: 0px;
}

.txt
{
width: 50%;
text-align: left;
font-size:16px;
color: #363994;
padding: 50px;
}

/* W3.CSS 4.02 Mar 2017 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-

button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile 

.w3-button{width:100%}}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-

wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}

100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}

100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-

300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-

300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-

300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from

{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to

{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}

.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}


/* 											---  OD TU JE SKRITO ---


.trije {
width: 98%;
margin: 0 0 0 10px;
}

.tdl  {
width: 33%;
text-align: left;
vertical-align: bottom;
}

.tds  {
width: 33%;
text-align: center;
vertical-align: bottom;
}

.tdd  {
width: 33%;
text-align: right;
vertical-align: bottom;
}

.tdd p
{
font-size:18px;
color: #343892;
}

.sredagor
{
font-size:24px;
color: #343892;
}

.sredagor2
{
font-size:28px;
color: #343892;
}

.sredagor3
{
font-size:20px;
color: #343892;
}

#plava {
height : 33px;
width : 98%;
font-size : 12px;
background : url(dolphin_bg.jpg) bottom left repeat-x #fff;
padding : 0 0 0 0;
margin : auto;
}

#plava2 {
height : 33px;
width : 98%;
font-size : 12px;
background : url(dolphin_bg.jpg) bottom left repeat-x #fff;
padding : 80px 0 0 0;
margin : auto;
}


.telo
{
border: 2px solid #363994;
width: 98%;
margin: auto;
border-radius: 5px;
}

.telo td
{
font-size:12px;
color: #363994;
padding: 10px;
}

td.menu
{
background: url(slid.jpg) left center no-repeat;
width: 50%;
font-size:12px;
color: #363994;
padding: 10px;
}


td.spodnja
{
width: 100%;
font-size:14px;
color: #363994;
text-align: center;
padding: 0px;
}

.boxL {
position: relative;
border: 1px #e3e1e1 solid;
border-radius: 5px;
height: 315px;
width: 600px;
box-shadow: 10px 10px 5px #888888;
}

.boxLV {
position: relative;
border: 1px #e3e1e1 solid;
border-radius: 5px;
height: 600px;
width: 600px;
box-shadow: 10px 10px 5px #888888;
}

.glav
{
font-weight: bold;
position: absolute;
background-color:#e3e1e1;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
vertical-align: middle;
text-align: center;
width: 599px;
height: 30px;
padding-top:5px;
}


p
{
font-size:14px;
color: #000;
}

.txt
{
font-size:13px;
font-weight: normal;
color: #000;
text-align: justify;
padding: 15px;
}

a
{
font-size:16px;
color: #363994;
text-decoration: none;
}

a:hover
{
font-size:16px;
color: #000000;
font-weight: bold;
}

.center {
text-align: center;
}

a.robot
{
font-size:8px;
color: #fff;
text-decoration: none;
}
*/