body, html
{
	background-color:#006470;
	background-color:#017988;
	background-color:#003941;
	//background-image:url(argyle8.png); /* THANK YOU -----> SUBTLEPATTERNS.COM <-----    you rule! */
	background-size: auto; 
	background-repeat: repeat repeat;
	padding:0;
	margin:0;
	height:100%;
	width:100%;
}
img
{
border:none;
}
#cont 
{
max-width: 800px;
padding: 0;
margin: 0 auto 0 auto;
min-height: 100%;
overflow: hidden;

}
#container
{
float:right;
width:75%;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
overflow:hidden;
}
#head2
{
	height:50px;
	width:100%;
	overflow:hidden;
}
#head2 img
{
	width:75%;
	max-width:300px;
	
}
#glava
{
	float:left;
	width:50%;
}
/*
#glava1 img {
	-webkit-transition: -webkit-transform 0.5s;  
	transition: transform 0.5s;
	-o-transition: -o-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-ms-transition: -ms-transform 0.5s;
}
#glava1 img:hover {
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
}*/
#meni
{
	float:right;
	width:50%;
	height:50px;
	text-align:right;
	
}
.men
{
	display:inline-block;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size:20px;
	color:#cdcdcd;
	color:rgba(255,255,255,0.9);
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	line-height:50px;
}

.men a
{
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size:20px;
	color:#cdcdcd;
	color:rgba(255,255,255,0.9);
}
.men a:hover
{
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size:20px;
	color:#FFDD00;
}
#showthis{ 
position:absolute;
z-index:2;
top:40px;
margin-left:-21px;
padding:5px 20px 5px 20px;
display:none;
background-color:#006470;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
}
#showthis a{
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	color:#cdcdcd;
	color:rgba(255,255,255,0.7);
}

#show:hover #showthis, #show:focus #showthis{
display:block;
}
#showthis .list{
float:left;
}
#showthis li {
list-style:none;
margin:0;
padding:0;
line-height:1.5;
text-align:left;
}
#showthis li a:hover
{
color:#FFDD00;
}
#showthis ul {
padding:0;
margin:0;
}
#show:hover
{
color:#FFDD00;
}

#desno
{
	width:25%;
	float:left;
	margin-top:20px;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size:20px;
	color:#cdcdcd;
	color:rgba(255,255,255,0.7);

}
#desno a
{
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size:20px;
	color:#cdcdcd;
	color:rgba(255,255,255,0.7);
}
.naklj
{
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size:17px;
	padding:5px 0 5px 5px;
	margin-right:5px;
	color:#cdcdcd;
	color:rgba(255,255,255,0.9);
	background-color:rgba(255,255,255,0.2);
	width:90%;
	
	-webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
	border-radius: 1px;
	
	border-bottom:1px solid;	
}
#rand ul li a
{
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	line-height:1;
	color:#cdcdcd;
	color:rgba(255,255,255,0.9);
}
#rand ul li a:hover
{
color:#FFDD00;
}
#rand ul li 
{
list-style:none;
}
#rand ul
{
	padding:0;
	margin:0;
	margin-left:5px;
}
#rand
{
	padding-right:5px;
	margin-right:10px;
}
#desno2
{
	position:absolute;
	bottom:0;
	height:50px;
	background-color:rgba(255,255,255,0.2);
}

#bottom
{
	//height:70px;
	background-color:#cdcdcd;
	background-color:rgba(255,255,255,0.2);
	width:100%;
	margin-top:10px;
	padding-top:5px;
	text-align:center;	
}
#bottom a
{
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size:15px;
	color:#cdcdcd;
	color:rgba(255,255,255,0.7);
	font-weight:normal;
}







.insideelement {

	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius:5px;
	
background-color:rgba(255,255,255,1);
margin-bottom:5px;

	//-webkit-transition: -webkit-transform 0.5s;
	//transition: transform 0.5s;


}

.insideelement:hover {
	background:#ececec;
	background:rgba(255,255,255,0.8);
	//-webkit-transform: scale(1.2);
	//transform: scale(1.2);
}

.insideelement a {
	color:#444;
	padding:1px;
	text-decoration:none;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
.insideelement a:hover {
	text-decoration:underline;
}

.naslovxx  {
font-weight:normal;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
.naslovxx a 
{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.kateg a {
color:#ababab;
font-size:12px;
font-family:"Times New Roman", Times, serif;
font-style:italic;
}
.insideelement:hover  a {
color:#000;
}
.insideelement table {
    border-collapse: collapse;
	//border-bottom:1px solid #fefefe;
}
.insideelement th, td {
    padding: 0;
}



form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
width:auto;
padding:14px;
}
.myform2{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius:5px;
	
background-color:rgba(255,255,255,0.95);
margin-top:2px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
}
#stylized h1 {
font-size:15px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:12px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #ffdd00;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
font-size:14px;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:14px;
padding:4px 2px;
border:solid 1px #00CEE7;/*#aacfe4;*/
width:200px;
height:20px;
background:#F0F0F0;
margin:2px 0 20px 10px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
	border-radius: 2px;
}

#stylized select {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #00CEE7;/*#aacfe4;*/
width:205px;
height:32px;
background:#F0F0F0;
margin:2px 0 20px 10px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
	border-radius: 2px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#ffdd00;
text-align:center;
line-height:31px;
color:#000;
font-size:13px;
font-weight:bold;

	background:-webkit-linear-gradient(top, #ffdd00, #ddcc00);
	background:-o-linear-gradient(top, #ffdd00, #ddcc00);
	background:-moz-linear-gradient(top, #ffdd00, #ddcc00);
	background:-ms-linear-gradient(top, #ffdd00, #ddcc00);
	background:linear-gradient(top, #ffdd00, #ddcc00);
	border:1px solid #ccbb00;
	
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0px 1px 0px #888;
	-moz-box-shadow: 0 0px 1px 0px #888;
	-ms-box-shadow: 0 0px 1px 0px #888;
	box-shadow: 0 0px 1px 0px #888;

	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
	-ms-transition: background 0.5s ease-out; 
}
#stylized button:hover {

	background:-webkit-linear-gradient(top, #ffdd00, #ddcc00);
	background:-o-linear-gradient(top, #ffdd00, #ddcc00);
	background:-moz-linear-gradient(top, #ffdd00, #ddcc00);
	background:-ms-linear-gradient(top, #ffdd00, #ddcc00);
	background:linear-gradient(top, #ffdd00, #ddcc00);
	border:1px solid #ddcc00;
		
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
	-ms-transition: background 0.5s ease-out; 


}





#kajrss {
display:none;
position:absolute;
max-width:400px;
padding:10px;
right:5px;
background:#fff;
text-align:left;
font-size:12px;
font-weight:normal;
top:5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius:5px;
}


 #style{
border:solid 2px #ffffff; /*#b7ddf2;*/
background:#ffffff;/*#ebf4fb;*/
margin-top:2px;
margin-left:auto;
margin-right:auto;
min-height:100%;
}
h1 {
font-size:14px;
font-weight:normal;
margin-bottom:8px;
font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
	border-radius:2px;
padding:5px;
text-transform:uppercase;
background-color:#ffdd00;
}
.stran h1 {
font-size:14px;
font-weight:normal;
margin-bottom:8px;
background-color:#ffdd00;
padding:5px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
	border-radius:2px;

}
.stran h2 {
font-size:12px;
font-weight:normal;
margin-bottom:8px;
background-color:#ffdd00;
padding:5px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
	border-radius:2px;
}
.stran h3 {
font-size:12px;
font-weight:normal;
margin-bottom:8px;
border-top: 1px solid #FFdd00;
padding:5px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
	border-radius:2px;
}
.stran p{
font-size:12px;
color:#101010;
margin-bottom:20px;
border-bottom:solid 1px #ddd;
padding-bottom:10px;
}
#morebuttons {
font-size:12px;
color:#101010;
}
.stranz p{
font-size:12px;
color:#666666;
margin-bottom:20px;
border-bottom:none;
padding-bottom:10px;
color:#101010;
}
.stran{
margin:0 auto;
width:400px;
width:auto;
padding:14px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius:5px;
font-family:Arial, Helvetica, sans-serif;
background-color:rgba(255,255,255,1);
}
 

#small2{
float:left;
padding:4px 2px;
color:#666666;
display:block;
font-size:11px;
width:200px;
margin:-15px 0 5px 150px;
}
.search
{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius:5px;
	
background-color:rgba(255,255,255,1);
margin-bottom:5px;
padding:5px;


}
.link
{
	text-decoration:none;
	color:#006470;
}
.link:hover
{
	text-decoration:underline;
}

/*
@media (max-width: 995px) {
	#cont {
		width:90%;
		max-width:none;
		min-width:800px;
	}
	body,html {
		width:100%;
	}
}
*/

/*@media (max-width: 1100px) {*/
@media (max-width: 800px) {
	#cont {
		width:90%;
		max-width:none;
		min-width:0;
	}
	body,html {
		width:100%;
		font-size:20pt;
	}
	
	#head2 {
		height:auto;
	}
	
	#glava	{	
		float:none;
		width:auto;
	}
	
	#meni	{
		float:left;
		width:auto;
		text-align:left;
		height:auto;
		margin-bottom:10px;
	}
	
	#meni #show {
		display:none;
	}
	
	#desno	{
		display:none;
	}
	
	
	#container
	{
		width:100%;
		float:none;
	}
	
	.insideelement {
		margin-bottom:10px;
	}
	
	.insideelement a {
		margin:10px 0px;
		display:inline-block;
		font-size:20pt;
	}

	.men a, .men a:hover {
		font-size:30pt;
	}
	
	.timeago {
		font-size:20pt;
	}
	
}