*{
margin:0;
padding:0;
}
html { 
overflow: auto;
height: 100%;
} 
body { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1rem;
font-size: clamp(0.9rem, 0.95rem + 0.30vw, 1.25rem);
height: 100%;
color: #6A00A2;
}
a img {
	border: 0;
}
a {
text-decoration:none;
color:#336600;
padding: 2px 5px;
}
a:hover {
background-color: #ffffcc;
text-decoration:underline;
color:#336600;
}
h3{
font-size:1.1+2em;
margin: 20px 30px 15px 0;
text-align:center;
text-shadow: 1px 1px 1px #B94F79;
}
h4{
color:#813387;
margin: 0 30px 15px 0;
text-align:center;
text-shadow: 1px 1px 1px #ffffff;
}
#bg { 
position : absolute;
width : 100%;
height : 100%;
z-index : 1;
} 
#bg img {
	width: 100%; 
	height: 100%; 
}
#fix { 
position : absolute;
width : 100%;
height : 100%;
top : 0;
left : 0;
z-index : 2;
overflow : auto;
}  
#left_razmak{
float:left;
display:inline;
height:100%;
width:22%;
min-width:22% !important;		
}
#top_razmak{
float:left;
height:18%;
min-height:18% !important;
width:75%;
min-width:75% !important;
}
#menu{
float:left;
height:6%;
min-height:6% !important;
width:69%;
min-width:44% !important;	
clear: right;
}
#menu a, #menu a:hover{
	background-color: transparent;
}
#menu .padd{
	padding: 1px 0;
}
#nav, #nav ul { /* all lists */
	padding: 0;	
	list-style: none;
}
#nav a {
	display: block;
	margin-right: 150px;
	text-decoration:none;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	height: 30px;
	line-height: 30px;
	background-color: #ffccff;
}
#nav a:hover {
	background-color:  #ffffff;
	-webkit-transition: all 1.3s; -moz-transition: all 1.3s; -o-transition: all 1.3s; 
}
#nav li { /* all list items */
	float: left;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #d8e86a; 
	border:1px solid #a4a4a4;
	width: 13.5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 3px 3px 3px #dddddd;
    -webkit-box-shadow: 3px 3px 3px #dddddd;
    box-shadow: 3px 3px 3px #dddddd;
}
#nav li ul a { /* second-level lists a */
	width: 12.95em;
	padding: 1px 4px;
	color: #4a4a4a;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto; 
}
/* end of menu stil */

/* sve strane */
#homepage, #terapije, #terapeut, #kontakt, #homeopatija, #pitoterapija, #orijent, #dorn, #stopala {
padding : 0 10px 0 4px;
margin: 10px 0;
overflow:auto;
float:left;
height:70%;
min-height:70% !important;
width:50%;
min-width:50% !important;	
a:hover {
  background-color: #96385B;
}
#kontakt{
font-size: 1 rem;
}
}
/* end of sve strane */

/* kontakt form */
    fieldset{
	    margin: 10px 0 0 0;
	    padding: 10px 0 0 0;
	    border:0;
	    min-width: 100%;
	}
	fieldset legend{
		font-size:13px;
		padding: 0 4px;
		}
	fieldset label{
		float: left;
		text-align: center;
		margin-right:20px;
		margin-bottom:6px;
		padding: 5px 0;
		}
	fieldset input, fieldset select, fieldset textarea{
		border: 1px solid #cccccc;
		margin-bottom:6px;
		background: #f4f4f4;
		padding: 5px 4px;
		width: 50%;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;		
		border-radius: 3px;
		}
	fieldset textarea{
		height: 50px;
		}
	fieldset input:hover, fieldset select:hover, fieldset textarea:hover{
		-moz-box-shadow: 0px 0px 4px #ddd;
		-webkit-box-shadow: 0px 0px 4px #ddd;
		box-shadow: 0px 0px 4px #ddd;
		}
	fieldset input:focus, fieldset select:focus, fieldset textarea:focus{
		-moz-box-shadow: 0px 0px 4px #ddd;
		-webkit-box-shadow: 0px 0px 4px #ddd;
		box-shadow: 0px 0px 4px #ddd;
		background: #fff;
		}

	fieldset input[type=submit]{
		margin-left: 382px;
		width: 74px;
		cursor: pointer;
		color: #4a4a4a;
		}	
		
/* end of kontakt form */

.bold{
font-weight:bold;
}
.menu_separator{
border-right:1px solid #999999;
border-bottom:1px solid #999999;
padding: 0 7px;
color:#6A00A2;
 -moz-box-shadow: 3px 3px 3px #dddddd;
    -webkit-box-shadow: 3px 3px 3px #dddddd;
    box-shadow: 3px 3px 3px #dddddd;
}
.menu_separator_last{
border-right:1px solid #999999;
border-bottom:1px solid #999999;
 -moz-box-shadow: 3px 3px 3px #dddddd;
    -webkit-box-shadow: 3px 3px 3px #dddddd;
    box-shadow: 3px 3px 3px #dddddd;
padding: 0 7px;
color:#6A00A2;
}
.italic {
	font-style: italic;
}
.uvuceno {
	margin: 10px 0 0 20px;
}
.right{
	float:right;
}
.left{
	float:left;
	margin: 4px 10px 0 0;
	border: 1px solid #cccccc;
	padding: 3px;
}
.zastave{
	margin: 0;
	padding: 0;
}
.zastave img {
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
}
.padding_35{
	padding: 0 0 0 35px;
}
.crveno{
	color: #ff0000;
}
.zeleno{
	color: #336600;
}
.center{
	text-align: center;
}
.nul_sedam{
	font-size: 0.7em;
}
.margin_top_20{
	margin: 20px 0 0 0;
}
.margin_top_30{
	margin: 30px 0 0 0;
}
.margin_top_50{
	margin: 50px 0 0 0;
}