@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/hHs22WBTTzMhSqc5uBBDKg.woff) format('woff');
}

*{
    margin:0px;
    padding:0px;
}
body{
    color:#444444;
    font-size:14px;
    background: #fff;
    font-family: 'Ubuntu';
}
a, a:hover, a:visited {color:#8dbc42; text-decoration:none;}
ol li
{
	
	margin:3px 20px}
	ol ol li
{
	
	margin:3px 40px}
	
.analiza_rezultat { width:95.5%; height:220px; text-align:left; margin: 0 8px;   background:transparent url(../images/analiza_rezultat.png) no-repeat top left; }

 .analiza_klizac {  background:transparent url(../images/analiza_klizac.png) no-repeat top right;
font-size: 13px;
  
   
    padding: 17px 5px 0 0;
    position: relative;
   
    text-align: right;
    top: 41px;
	color:#ff0000;
	font-weight:bold;
	z-index: 3;
	-webkit-animation:myfirst1 0.7s infinite; /* Chrome, Safari, Opera */
animation:myfirst1 0.7s infinite;

	}
 
 .analiza_klizac2 { 
   
       border-top: 5px solid #D64747;
    padding: 5px 0 0;
    position: relative;
    top: 13px;
   
    z-index: 2;
		-webkit-animation:myfirst1 0.7s infinite; /* Chrome, Safari, Opera */
animation:myfirst1 0.7s infinite;
	}
	#bmi1 strong
	{
		color:#ff0000;
			-webkit-animation:myfirst1 0.7s infinite; /* Chrome, Safari, Opera */
animation:myfirst1 0.7s infinite;
}
	#proteinski2 strong
	{
		color:#ff0000;
			-webkit-animation:myfirst1 0.7s infinite; /* Chrome, Safari, Opera */
animation:myfirst1 0.7s infinite;
}
 #ukupno_pitanja {
	     color: #fff;
   
    font-size: 15px;
   
    margin: 80px 10px 0 8px;
    text-align: left;
    width: 97%;
	}
textarea {
	 color:#444444;
    font-size:14px;
    background: #fff;
    font-family: 'Ubuntu';
	}
#content{
    margin:15px auto;
    
   width:700px;
    position:relative;
    height:100%;
}
#wrapper{
  
    overflow:hidden;
}
#steps{
   width:700px;
	/*height:320px;*/
    overflow:hidden;
}
.step{
    float:left;
    width:700px;
	/*height:320px;*/
}
#navigation{
    height:65px;
	margin:0 0 0 140px;
	width:100%;
   

  
}
#navigation ul{
    list-style:none;
	margin:0 auto;
}
#navigation ul li{
	float:left;
	border:3px #ccc solid;
	-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    position:relative;
	background-color:#FFF;
	margin:0px 12px;
	

}
#navigation ul li a{
    display:block;
    height:27px;
	font-size:14px;
    color:#ccc;
    outline:none;
    font-weight:bold;
    text-decoration:none;
    line-height:27px;
    padding:0px  25px;
}
#navigation ul li a:hover,
#navigation ul li.selected a{
   
    color:#0976a0;
    text-shadow:1px 1px 1px #fff;
}
#navigation ul li.selected{
   
   border:3px #8dbc42 solid;
}
span.checked{
    background:transparent url(../images/checked.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:0px;
    width:20px;
    height:20px;
}
span.error{
    background:transparent url(../images/error.png) no-repeat top left;
    position:absolute;
    top:3px;
	z-index:10000;
    left:2px;
    width:20px;
    height:20px;
}
span.linija{
	border-top:3px #CCC solid;
    position:absolute;
    top:12px;
    left:-27px;
    width:25px;
    height:10px;
}
span.linija1{
	border-top:3px #CCC solid;
    position:absolute;
    top:12px;
    right:-27px;
    width:25px;
    height:30px;
	
}
span.linija2{
	border:11px #CCC solid;
    position:absolute;
    top:2px;
    right:-44px;
    width:0px;
    height:0px;
	-moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px;
	z-index:3;
	
}
span.linija3{
	border:11px #97c13c solid;
    position:absolute;
    top:2px;
    left:-44px;
    width:0px;
    height:0px;
	-moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px;
	z-index:3;
	
}
span.linija4{
    position:absolute;
    top:30px;
	z-index:3;
	font-size:10px;
	margin:0 0 0 15px;
	color:#666;
}
#steps form fieldset{
    border:none;
    padding-bottom:20px;
}
#steps form legend{
    text-align:left;
    background-color:#f0f0f0;
    color:#666;
    font-size:24px;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
    float:left;
    width:590px;
    padding:5px 0px 5px 10px;
    margin:10px 0px;
    border-bottom:1px solid #fff;
    border-top:1px solid #d9d9d9;
}
#steps form p{
    
    clear:both;
    margin:5px 15px;
    background-color:#fff;
    border-bottom:1px solid #eaeaea;
    width:95%;
	min-height:35px;
    padding:3px 0 2px 0;
   
   
   
}
#steps form p label{
    width:110px;
    float:left;
    text-align:left;
    margin:0 15px 0 5px;
    line-height:32px;
    color:#0574a2;
    text-shadow:1px 1px 1px #fff;
    
}
#steps form input:not([type=radio]),
#steps form textarea,
#steps form select{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 6px;
    width: 200px;
    float:left;
}
.radio { margin:7px 2px 0px 0px!important; text-align:left;}
.radio2 { margin:7px 2px 0px 0px!important; text-align:left;}
.checkbox { margin:7px 7px 7px 0; text-align:left;!important; width:auto!important; margin-left:112px; line-height:14px!important;  float:none!important;}

#steps form input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
#steps form input.submit{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#steps form button {
	background: linear-gradient(to bottom, #5DA335 0%, #7BC144 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	width:170px;
	height:30px;
	list-style-type:none;
	border:0!important;
	 -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    border-radius: 0px!important;
	text-shadow: none!important;
	margin:10px 0 0 0px!important;
	color:#FFF!important;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
#steps form button:hover {
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
.button_next {
	background: linear-gradient(to bottom, #5DA335 0%, #7BC144 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	width:150px;
	height:30px;
	list-style-type:none;
	border:0!important;
	 -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    border-radius: 0px!important;
	text-shadow: none!important;
	margin:10px 0 0 120px!important;
	
	}
	.button_next .error { display:none!important} 
	.button_next a {

	color:#FFF!important;
	text-align:center;
	}
.zaglavlje{
    background:#fff url(../images/pozadina1.jpg) no-repeat top left;
	background-size:100% auto;
   
  
    height:280px;
	color:#FFF;
	padding:10px 250px 10px 10px;
	font-size:15px;
	line-height:20px;
}
h2
{
	font-size:32px;
	font-weight:700;
line-height:30px;
margin:8px 0 12px;
}
h3
{
width:95%;  font-size:18px; color: #75A601; font-weight:bold; margin:27px 8px 5px 8px;
}
.odg1
{
	font-size:14px; color:#75A601; padding-top:8px; line-height:16px; width:100%!important; margin:10px 0 0 0!important; min-height:22px!important;
}
.odg2
{
	font-size:14px; color:#333; line-height:17px; width:100%!important; margin:0!important; border:0!important;
}
.proteinski
{
width:668px; 
height:263px;
margin:0;
background:#fff url(../images/proteinski_faktor.png) no-repeat top left;
}
#klizac
{
	width:25px;
	height:15px;
	background:rgba(255,0,0,0.4);
	border:2px #F00 dotted;
	position:relative;
	
-webkit-animation:myfirst 1s infinite; /* Chrome, Safari, Opera */
animation:myfirst 1s infinite;
}


.bmi_tablica 
{
	border:2px #CCC solid;
	font-size:14px;
	color:#333;
	width:95%;
	margin:0 8px;
	
	}
.bmi_tablica  td
	{
		border:1px #CCC solid;
		padding:3px;}
.bmi_tablica tr td:first-child, .bmi_tablica tr td:last-child
	{
		text-align:center;}
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst1
{
from { opacity:0.3;}
to { opacity:1;}
}

/* Standard syntax */
@keyframes myfirst1
{
from { opacity:0.3;}
to { opacity:1;}
}



/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst
{
from {background-color:rgba(255,0,0,0.4);}
to {background-color:rgba(0,0,0,0.7);}
}

/* Standard syntax */
@keyframes myfirst
{
from {background:rgba(255,0,0,0.4);}
to {background:rgba(0,0,0,0.7);}