@charset "utf-8";
/* CSS Document */

/***** proba ******/  
* { margin: 0; padding: 0; outline:0; }
body {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#630;min-width:1080px;background:#ffffff}
 #header{height:500px;width:100%;position:relative;z-index:2;background:url(images/header-bg2.jpg) center bottom no-repeat;}
 #header2{height:200px;width:100%;position:relative;z-index:2;background:url(images/header-bg3.jpg) center bottom no-repeat;}
.row-top {padding-top:13px;height:139px;width:100%;background:url(images/row-top-tail.png) center 13px repeat}
.row-bot {width:100%;text-align:center;padding-top:20px;overflow:hidden}
h1 {padding:10px 0 0 0;position:relative;float:left}
.logo {display:block;width:262px;height:110px;text-indent:-5000px;background:url(images/A-logo.png) 0 0 no-repeat}
/*.logo {display:block;width:166px;height:110px;text-indent:-5000px;background:url(images/medicina-rada-logo_166x110px.png)/*images/Dijana_natpis4.png* / 0 0 no-repeat}*/
/*  main menu  */
.menu {float:right;padding-top:50px; padding-right:50px;}
.menu li {float:left;position:relative;padding-left:37px;list-style-type:none;}
.menu li a {display:inline-block;font-size:19px;line-height:1.21em;color:#630; }
.menu li a.active, .menu li a:hover {color:#DC8D03}
.main {width:900px;padding:0;margin:0 auto;font-size: 12px;
    line-height: 20px;}
	#main {width:900px;padding:0;margin:0 auto;font-size: 14px;
    line-height: 24px;}
	#main h3 { font-size: 18px; float:left; line-height: 15px; color:dc8d03;padding: 20px 0 9px 0;}
	#main h2{font-size: 24px; float:left; color:#FFF; font-weight:lighter; padding-top:5px; }
/*#main a.more { background: url(images/more.gif) no-repeat 0 3px; font-size: 11px; line-height: 14px; color: #ff0000; text-decoration: underline; padding: 0 0 0 13px; }
#main a.more:hover { text-decoration: none; }*/
.wrapper {width:100%;overflow:hidden}
.menu li a,/* .news-list li a, .link, .link-1, .button,*/.logo {text-decoration:none}
nav{display:inline}
#content { width: 400px;}
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
a {color:#DC8D03;outline:none}
a:hover {text-decoration:none}
.col-1{
	width:480px;
	float:left;
font-size: 14px;
	padding:30px 20px 0 0;
}
 .col-2 {width:340px;
	float:right;
	padding:30px 0 10px 60px;
	font-size:14px;
	line-height:25px;		
	}
	
	 .col-3 {width:400px;
	float:right;
	padding:30px 0 10px 0;
	font-size:14px;
	line-height:25px;		
	}
	 .col-4 {width:900px;
	float:right;
	padding:30px 0 10px 0;
	font-size: 14px;
	}
	.col-5{
	width:700px;
	float:left;
font-size: 14px;
	padding:10px 20px 0 0;
	margin: 20px 0 20px 0;
	border-right:1px solid #dc8d03;
}
 .col-6 {width:160px;
	float:right;
	padding:10px 0 5px 0px;
	font-size:14px;
	line-height:25px;
	display:block;		
	}
	
.col-pdf{
	width:160px;
	height:160px;
	background-image:url(images/Adobe_PDF_Icon_160x160px.png);
	background-repeat:no-repeat;
	}
	.col-word{
	width:160px;
	height:160px;
	background-image:url(images/Word_icon_160x160px.png);
	background-repeat:no-repeat;
	}
	.col-pdf-txt{
		width:110px;
	height:105px;	
	padding:55px 10px 0 40px;
	text-align:center;
	font-size:12px;
	line-height:18px;
	}
	.col-pdf-txt2{
		width:160px;
	/*height:105px;	*/
	padding:5px 5px 0 5px;
	text-align:left;
	font-size:12px;
	line-height:18px;
	}
	.col-pdf-txt a{
		color:#630;
		text-decoration:none;}
	.col-pdf-txt a:hover{
		color:#DC8D03;
		text-decoration:none;
	}
	
p {margin-bottom:10px}
.indent-bot {margin-bottom:20px}
/*h1 {padding:31px 0 0 0;position:relative;float:left}*/

h3 {font-size:20px;line-height:1.2em;color:#dc8d03;margin-bottom:18px}

.col-2 ul{
	list-style-image: url(images/marker.gif); 
}
.col-2 ul li{
	margin-left:180px;
	font-weight:normal;	
}
/******* slider *******/
#top_padding{
	height: 350px;
}
img{
    padding: 0px;
   
}

#prew_img
{
height: 297px;
width: 900px;
margin-left: -30px;
margin: 0 auto;
padding-top: 80px;
margin-bottom: -30px;
}

.roundabout-holder {
				list-style: none;
				width: 50em;
				height: 10em;
				margin: 1em auto;
				
			}
			
			.roundabout-moveable-item {
				height: 300px;
				width: 562px;
				cursor: pointer;
				
				
			}
			
   
   .roundabout-moveable-item img {
	   width: 100%;
				height: 100%;
			}
   
   .roundabout-in-focus { cursor: auto; }
   
   input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:auto; }
.left{ float: left; display: inline; }
.right{ float: right; display: inline; }
#content { width: 400px;}
.highlight {  }
.highlight h3 { margin: 0 0 9px 0;}
.highlight p { padding: 0 0 5px 0; }
.highlight img { margin: 4px 12px 0 12px; }


/* form elements */
form{
width:400px;
}
form p{
padding:0 0 5px 0;
margin:0;
}
.no_border{
border:none;
}
label{
font-weight:normal;
}
input, select, textarea{
color:#dc8d03;
	font-size: 12px;
	border: 1px solid #fac624;
	margin: 0 0 6px;
	padding: 7px 6px;
}
textarea {
	height: 175px;
	overflow: auto;
	resize: none;
}

input:focus, select:focus, textarea:focus{
color:#630;
background:ebebeb;
}
#tko, #emajl, #tulifon, #opruga{
width:385px;
}
.error { background: #d33; color: white; padding: 0.2em;width:385px;}

input.button{
float: right;
	background-color: #ffe293;/*dc8d03*/
	color:#630;/*#fff*/
	font-size:14px;
	font-weight:normal;
	cursor: pointer;
	font-family: Arial, Helvetica, Sans-Serif;	
	border:1px solid #dc8d03;/*fff*/
	margin: 5px 0 0 0;;
	padding: 5px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


input.button:hover{
color:#fff;
border:1px solid #630;
background-color:#dc8d03;
/*text-decoration:underline;*/
}	

.contact {
	float: right;
	background-color: #f8f8f8;
	width: 300px;
	margin-top:15px;
	margin-bottom:15px;
	text-align: left;
	border:1px solid #FFBF16;
}
.contact p  {
	color:#2c2c2c;
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 10px;
}
ul.kontakt{
	margin:0 0 0 100px;
    padding:0;
	list-style-type:none;
}

.google_map {
	width: 390px;
	height: 330px;
	background: #FFF;
	border: 5px solid #DC8D03;
	margin-bottom: 22px;
	display: block;
}

#footer {padding: 5px 0 30px 0; width:100%; border-top:1px solid #dc8d03; font-size:11px;}
#copyright{
font-size:11px;
float:left;
width:300px;
}

#copyright a{
	color:#dc8d03;
	padding:5px 5px;
	text-decoration:none;
}
#copyright a:hover{tekst-decoration:underline; }
#design{
font-size:11px;
padding-right:10px;
width:200px;
float:right;
text-align:right;
}
#design a{
	color:#dc8d03;
	padding:5px 5px;
	text-decoration:none;
}
#design a:hover{tekst-decoration:underline;}
img{
	border:none;
}
img.panika{
margin-top:-2px;
}

/*.main .cols { padding-bottom: 38px;  }*/
.col { float:left; width: 100%; padding-right: 40px; }
.col.last { padding-right: 0; }
.col img.left { margin-right: 24px; margin-bottom:10px;  }
.col a { text-decoration: underline; }
.col ul { list-style:none; list-style-position: outside; }
.col ul li { padding: 10px 10px 12px;/* background:url(images/border-title.png) repeat-x 0 bottom;*/}
.col ul li.odd {background-color:#f6f6f6; }
.col ul li a { padding: 0px 10px; display:block; background: url(images/marker.gif) no-repeat 0px 7px; }
.col ul li a:hover { text-decoration:none;}

.col ul li.first { padding-top:2px; }
 
/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/
.header_bg
{
background:url(images/header_back.png) no-repeat;
width: 973px;
height: 379px;
padding-top: 8px;	
margin: 0 auto;
}

#slider-wrapper {
    width: 562px;
    height: 298px;
    margin:0 auto;
}

#slider {
	position:relative;
    width: 562px;
    height: 298px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
	display: none;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
.slika{
	position:relative; border:3px solid #DC8D03;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }