@charset "windows-1250";
/* CSS Document */

html,body{
      margin:0;
      padding:0;
	  height: 100%;
      border:none
   }
   
   
a									{ text-decoration: none; color:#4779ab }
a:hover								{ color: #fff }
ul									{ list-style: none; }

/* 
	LEVEL ONE
*/
ul.dropdown                         { z-index: 2; display:  table-cell; position:relative; padding-left:0px; padding-top:11px; padding-bottom:0px; padding-right:0px; border:0px;}
ul.dropdown li                      { font-weight: bold; font-size: 14px; }
ul.dropdown a:hover		            { color: #59a5d2; background-color:#59a5d2; border:0px; }
ul.dropdown a:active                {   }
ul.dropdown li a                    { display: table-cell; padding: 0px 0px;
	 								 
									 }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #59a5d2; color: #fff; border:0px;}
ul.dropdown li.hover a              { color: #fff; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 170px; visibility: hidden; top: 36px; left: -40px; }
ul.dropdown ul li 					{ font-weight: normal; font-size: 13px; background: #0e7cbe; color: #fff; 
									  border-bottom: 0px solid #ccc; float: none; text-align:left }
									  
/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 181px; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


.menu { position:fixed; top:0px; padding:20px; display:block; border:1px solid #000; color:#fff; background:#06C; z-index:51;}
.fixedMenu { position:fixed; top:0px; z-index:52; }

.meniindex {
	position:absolute;
	top:0px;
	z-index:50;
	padding-top:10px;
	width: 100%;
	}

.meniindex2 {
	position:fixed;
	z-index:50;
	width: 100%;
	}


.photo {
			background-attachment: fixed;
			background-position: 30% 0;
			background-repeat: no-repeat;
			height: 450px;
			position: relative;
		}
.photo span {
			bottom: 0;
			color: white;
			display: block;
			position: absolute;
			width: 100%;
		}
		
.textmeni {
	font-family:Segoe, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
		display:inline;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	background-color:#0e7cbe;
	margin:0px;
	width:220px;
}
	
.textmeni a {
	display:inline;
	text-decoration:none;
	font-family:Segoe, sans-serif;
		padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #ffffff;
		background-color:#0e7cbe;
	margin:0px;
	width:220px;
}
	
.textmeni a:hover {
	background-color:#59a5d2}
	
.textmeniP {
	font-family:Segoe, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
		display:inline;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	background-color:#5a4c88;
	margin:0px;
	width:220px;
}
	
.textmeniP a {
	display:inline;
	text-decoration:none;
	font-family:Segoe, sans-serif;
		padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #ffffff;
		background-color:#5a4c88;
	margin:0px;
	width:220px;
}
	
.textmeniP a:hover {
	background-color:#59a5d2}
	
.textmeniS {
	font-family:Segoe, sans-serif;
	padding-top: 0px;
		display:inline;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	background-color:#0e7cbe;
	margin:0px;
	width:220px;
}
	
.textmeniS a {
	display:inline;
	text-decoration:none;
	font-family:Segoe, sans-serif;
		padding-top: 30px;
		padding-bottom:6px;
	font-size: 14px;
	color: #ffffff;
		background-color:#0e7cbe;
	margin:0px;
	width:220px;
}
	
.textmeniS a:hover {
	background-color:#59a5d2}
	
.textmeniSp {
	font-family:Segoe, sans-serif;
	padding-top: 0px;
		display:inline;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	background-color:#5a4c88;
	margin:0px;
	width:220px;
}
	
.textmeniSp a {
	display:inline;
	text-decoration:none;
	font-family:Segoe, sans-serif;
		padding-top: 30px;
		padding-bottom:6px;
	font-size: 14px;
	color: #ffffff;
		background-color:#5a4c88;
	margin:0px;
	width:220px;
}
	
.textmeniSp a:hover {
	background-color:#59a5d2}

.tabelameni {
	background-image: url(img/tabelameni.gif);
	background-repeat:repeat-x;
	}
	
.tabelaupb {
	background-image: url(img/upback.gif);
	background-repeat: no-repeat;
	}

.tabelablackb {
	background-image: url(img/blacken2.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	
.tabelapurpleb {
	background-image: url(img/purple1.png);
	background-repeat:repeat;
	background-position:bottom;
	}
	
.tabelapurpleb2 {
	background-image: url(img/purple80.png);
	background-repeat:repeat;
	background-position:bottom;
	}
	
.tabelabrown {
	background-image: url(img/brown80.png);
	background-repeat:repeat;
	background-position:bottom;
	}
	
.tabelasivob {
	background: #0e7cbe;
	}
	
.tabelasivob2 {
	background: #5794b9;
	}
	

.tabelaplinija {
	background: #7e73a7;
	}
	
.pad50 {
	padding-top:27px;
	padding-left:40px;
	}
	
.pad30 {
	padding-right:30px;
	}
	
.m2m2m {
	vertical-align:text-top;
	}
.textghotic {
font-family: "league_gothicregular";
font-size:30px;		}

.textghoticb {
font-family: "league_gothicregular";
font-size:30px;
color:#0e7cbe;		}

.textgohticw {
font-family: "league_gothicregular";
font-size:30px;
color:#fff		}

.boxplavi {
color:#fff;
font-size:18px;
font-family: "league_gothicregular";
background-color:#0e7cbe;
display: inline-table;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;		}


.boxdole {
color:#fff;
display:block;
width:300px;
padding:0px;		}

.boxdole a { color:#fff;
background-color:#1c628e;
padding:18px;
display:inline-block}

.boxdole a:hover { background-color:#2e84b9}

.textGAR {
font-family: "eb_garamondregular";
font-size:13px;		}

.textGARbig {
font-family: "eb_garamondregular";
font-size:17px;
line-height:180%;		}

.textGARbig a {
font-family: "eb_garamondregular";
font-size:17px;
font-style:italic;
color:#000;
text-decoration:none;
line-height:180%;		}

.textGARbig a:hover {
font-family: "eb_garamondregular";
font-size:17px;
font-style:italic;
color:#666;
text-decoration:none;
line-height:180%;	
}

.textGw {
font-family: "eb_garamondregular";
font-size:13px;
letter-spacing: 1px;
color:#fff;
line-height:100%;		}

.textGBw {
font-family: "eb_garamondregular";
font-size:18px;
font-weight:bold;
color:#fff;
line-height:100%;		}

.small {
font-size:3px;	}

.backblue {
	background-color:#227caf; }
	
.backblue2 {
	background-image: url(img/seaback3.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#2f8ec7; }
	
.backblue3 {
	background-color:#07486c; }

.backpurple {
	background-color:#372d57;
	 }
	 
.backpurple2 {
	 background-color:#5a4c88;
	 }
	 
.backpurple3 {
	 background-color:#493f6b;
	 }
	 
.backbrown {
	 background-color:#7e7171;
	 }
	 
.backbrown2 {
	 background-color:#4e4646;
	 }
	
.footer { background-color:#000;
	}
	
.menislike {
	font-family: "eb_garamondregular";
	display:inline-table;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	background-color:#0e7cbe;
	width:120px;
}
	
.menislike a {
	font-family: "eb_garamondregular";
	display:inline-table;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	background-color:#0e7cbe;
	width:120px;
}
	
.menislike a:hover {
		background-color:#46a8df;
}

#overlay_form{
	position: absolute;
	padding: 10px;
	background: white;
	width: 400px;
	z-index: 200;

}	
		#pop{
}

.background_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; background:black; opacity: 0.5;}

#formaO{
	position: absolute;
	padding: 10px;
	background: white;
	width: 1130px;
	z-index: 200;

}	
		#otvori{
}

.pozadinaO { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; background:black; opacity: 0.5;}


@font-face {
    font-family: 'si';
    src: url('css/socicon.eot');
    src: url('css/socicon.eot?#iefix') format('embedded-opentype'),
         url('css/socicon.woff') format('woff'),
         url('css/socicon.ttf') format('truetype'),
         url('css/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(css/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 25px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 12px;
    color: #ffffff;
    background-color: none;
}

.soc a:hover {
    z-index: 2;
    
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter {
    background-color: #0e7cbe;
}
.soc-twitter:before {
    content:'a';
}
.soc-facebook {
    background-color: #0e7cbe;
}
.soc-facebook:before {
    content:'b';
}
.soc-google {
    background-color: #0e7cbe;
}
.soc-google:before {
    content:'c';
}
.soc-pinterest {
    background-color: #0e7cbe;
}
.soc-pinterest:before {
    content:'d';
}
.soc-youtube {
    background-color: #0e7cbe;
}
.soc-youtube:before {
    content:'r';
}

.soc-twitter:hover {
    background-color: #4da7de;
}
.soc-facebook:hover {
    background-color: #3e5b98;
}
.soc-google:hover {
    background-color: #d93e2d;
}
.soc-pinterest:hover {
    background-color: #c92619;
}
.soc-youtube:hover {
    background-color: #e02a20;
}