/*body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background: #FFCC99; }*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background: #FFCC99; }
body, h1, h2, h3, h4, p, table, tr, th, td, ul, ol, li, hr, img { margin:0; padding:0; }
h3 {
margin-bottom:6px;
}
ol, ul { list-style: none; }
img { border:none; /*display:block;*/ }
br.clear { display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.forPrint { display:none; }

/*** COMMON.START ***/

#rightMenu { 
		float:left; 
		width:164px;
		/*height:auto;*/
		height:790px; 
		padding-top:1px;
		 }
#rightMenu img { display:block; }
.rightTeasers { margin-left:30px; margin-top:15px;}
.rightTeasers img { margin-bottom:15px;}
#rightSupport img { padding-left:3px; }

/*** COMMON.END ***/





/*** FRONTPAGE.START ***/
	.bgFace { width:960px; background: url(../../Static/images/gui/bg_knjiga.gif) no-repeat left top;  }
	#frontpage { background: url(../../Static/images/gui/bg_frontpage.gif) repeat-x left top; }
	#flashCloud { float: left; width:550px; height:289px; /*background-color:#00FF00;*/ }
	#flashDoctor { float:left; width:195px; height:289px; /*background-color:#99FF66;*/ }
	
	#mainFront { clear:left; float:left; width:796px; }
	.customFrontpage { height:40px; /*background-color:#999999;*/ }
	
	#boxes { /*height:791px;*/
	position: relative;
	 /*background-color:#CC9900;*/ 
	 
	}
	div.zindexer {
		z-index:0;
		background-color:#CCCCCC;
		height:inherit;
	}
	#boxes li.box {
				position: relative;
				float: left;
				margin: 10px 0 17px 17px;
				width: 177px;
				height: 255px;
				border: 2px dashed #347C98;
				padding:0;
				background: url(../../Static/images/gui/bg_box_header.gif) no-repeat;
				display:block;
				/*text-align: center;*/
				/*filter:alpha(opacity=20);*/
				/*background: url(../../Static/images/gui/bg_box.png) no-repeat left top;*/
				/*background-color: #eeeeff;*/
			}
	#boxes li.bestof {
		background: url(../../Static/images/bg_bestof.gif) no-repeat;
	}
	.box { z-index:0;}
	.box h2 { font-size:12px; color:black; padding:10px 8px 0px 8px; }
	.box a { 
		font-size:11px;
		color:black;
		text-decoration:none;
		background: url(/Static/images/gui/arrow_right.gif) no-repeat 12px 3px;
		padding:0 8px 3px 27px;
		margin:0;
		display:block;
	}
	.box a:hover { color:white; }
	.bestof a { color:white; }
	
	.box .boxTitle { cursor: move; float:left; height:75px; padding-left:12px; padding-top:2px; }
	.box .boxTitle img { padding-top:7px; }
	.box .boxClose { float:left; padding:12px 0 0 0; }
	.box .boxClose a { padding:0; background: none; }
	.box .boxTitle a { background: none; padding-right:0; }
	.box .desc {padding:0pt 8px 7px 12px; font-size:11px;  color:#235165;}
	
	.box .more	a{ font-weight:bold; color:#235165 }
	.box .more	a:hover{ font-weight:bold; color:#FFFFFF; }
	
	#customWindow { 
		width:276px;
		z-index:1000;
		position:relative;
		margin-left:20px;
		color:white;
		font-size:11px;
		height:25px;
	}
	#customWindow img { display:block; }
	#customWindow .content {
		/*background: url(../../Static/images/gui/custom_box/custom_end.png) no-repeat bottom left;*/
		padding:10px 10px 10px 13px;
		background-color:#112933;
	}
	#switcher_form input{
	margin-left:0;
	padding-bottom:5px;
	}
	#switcher_form hr{
	border:solid #1F4B5D 1px;
	margin:10px 0 10px 0;
	}
	#switcher_form .okno{
	width:252px;
	height:285px;
	overflow:auto;
	}

/*** FRONTPAGE.END ***/





/*** HEAD.START ***/
	#frontpage #logo { width:130px; height:289px; float:left; /*background-color:#00FF99;*/ } 
	#logo img { margin:10px 0 0 20px; }
	
/*** HEAD.END ***/




/*** FOOTER.START ***/
	#footer { clear:left; margin-left:23px; margin-bottom:5px; }
	#footer a { color:white; text-decoration:none; }
/*** FOOTER.END ***/




/*** SUB.PAGE.START ***/
	
	.widther { width:960px; }
	#subpageGray { background: url(../../Static/images/gui/bg_subpages/gray_tile.gif) repeat-y left top #AF9A61; }
	.contTileGray { background: url(../../Static/images/gui/bg_subpages/gray_top.gif) no-repeat left top;  }
	#subpageGray .sep { vertical-align:middle; background: url(../../Static/images/gui/sep_gray.gif) no-repeat left bottom;  }
	
/* BLUE PAGE */	
	#subpageBlue { background: url(../../Static/images/gui/bg_subpages/blue_tile.gif) repeat-y left top #AF9A61; }
	#subpageBlue .article h1 { color:#FFFFFF; font-size:1.8em; }
	#subpageBlue .article h2 { color:#FFFFFF; font-size:1.4em; margin-bottom:2px; }
	#subpageBlue .article h3 { color:#FFFFFF; font-size:1.2em; }
	
	.contTileBlue { background: url(../../Static/images/gui/bg_subpages/blue_top.gif) no-repeat left top; }
	#subpageBlue .sep { vertical-align:middle; }
/* RED PAGE*/	
	#subpageRed { background: url(../../Static/images/gui/bg_subpages/red_tile.gif) repeat-y left top #AF9A61; }
	.contTileRed { background: url(../../Static/images/gui/bg_subpages/red_top.gif) no-repeat left top; }
	#subpageRed .sep { vertical-align:middle; }
	#subpageRed .article h1 { color:#FFFFFF; font-size:1.8em; }
	#subpageRed .article h2 { color:#FFFFFF; font-size:1.4em; margin-bottom:2px; }
	#subpageRed .article h3 { color:#FFFFFF; font-size:1.2em; }
/* YELLOW PAGE*/	
	#subpageYellow { background: url(../../Static/images/gui/bg_subpages/yellow_tile.gif) repeat-y left top #AF9A61; }
	.contTileYellow { background: url(../../Static/images/gui/bg_subpages/yellow_top.gif) no-repeat left top; }
	#subpageYellow .sep { vertical-align:middle; }
	
	.subLeft { width:175px; float:left; }
	.subCenter  { width:423px; float:left; margin-top:90px; padding-bottom:70px; }
	.subNotes { width:617px; float:left; margin-top:90px; padding-bottom:50px; }
	.subNotes h2{ color:#04709E; font-size:14px; padding-bottom:15px; }
	.subNotes p{ font-size:1.2em; font-weight:bold; padding-bottom:30px; }
	.subRight { width:194px; float:left; margin-top:155px; }
	
	#subpageGray #rightMenu, 
	#subpageRed #rightMenu, 
	#subpageYellow #rightMenu, 
	#subpageBlue #rightMenu { margin-left:4px; margin-top:58px; }
	
	#imgTitle { margin:15px 0 15px 0; }
	
	#navigator { padding-top:2px; height:20px; }
	#navigator img{ padding-top:3px; }
	#navigator li { float:left; font-size:11px; margin-right:6px; color:white; }
	#navigator li.prev { padding:0 0 0 2px; }
	#navigator li.next {  padding:0 2px 0 0; }
	#navigator li.prev a, #navigator li.next a { font-weight:bold; text-decoration:none; color:black; }
	#navigator li.prev a:hover, #navigator li.next a:hover { color:white; }
	#navigator li.navi a { text-decoration:none; color:black; }
	#navigator li.navi a:hover { color:white; }
	
	/*
	.sepBlue { background: url(../../Static/images/gui/sep_blue.gif) no-repeat; }
	.sepRed { background: url(../../Static/images/gui/sep_red.gif) no-repeat; }
	.sepYellow { background: url(../../Static/images/gui/sep_yellow.gif) no-repeat; }
	*/
	
	#sort {
		padding:0px 0 0 0px;
		margin-top:0px;
		font-size:11px;
		background-position: left top;
	}
	
	#sorter { background-position: left bottom; padding:8px 0 6px 0; }
	#sorter li { font-size:11px; float:left;  color:black; padding:0 5px 0 5px; border-right: solid 1px #A7A7A7; display:inline; }
	#sort a { color:#006D99; text-decoration:none; }
	#sort a:hover { text-decoration:underline; }
	
	.articleTeaser { background-position: left bottom; padding:11px 0 11px 0; }
	.articleTeaser h2 { color:white; font-size:1.4em;}
	.articleTeaser h2 a { color:white; text-decoration:none; }
	.articleTeaser h2 a:hover { text-decoration:underline; }
	.author { font-size:1.2em; padding-top:10px; } 
	.articleTeaser .abstract,
	.linked { font-size:1.2em;  }
	 #subpageYellow .linked a { color:#006D99; }
	.articleTeaser .abstract a { color:black; text-decoration:none; }
	.articleTeaser .abstract a:hover { color:white; }
	.articleTeaserRating { padding:10px 0 0 0; }
	.noBg { background: none; background-image:none; }
	
	.linked a { color:white; text-decoration:none; }
	.linked a:hover { text-decoration:underline; }
	
	
	#subpageGray .article h1, #subpageGray .article h2, #subpageGray .article h3 { color:#006D99; }
	.articleContent a {color:#000000; text-decoration:underline;}
	.articleContent a:hover {color:#000000; text-decoration:none;}
	
	.article h1 { color:#04709E; font-size:1.8em; }
	.article h2 { color:#04709E; font-size:1.4em; margin-bottom:6px; }
	.article h3 { color:#04709E; font-size:1.2em; }
	.articleContent { padding-top:19px; font-size:12px; }
	.articleContent p { padding:0 15px 19px 0; line-height:18px;}
	.articleContent ul { margin:0 0 15px 25px; list-style-type:disc; line-height: 18px; }
	.articleContent li { 
		/*background: url(../../Static/images/gui/arrow.gif) no-repeat 9px 3px;*/
		padding:0 8px 0 0;
	}
	.articleContent table { 
		border:1px solid #555;
		border-collapse:collapse;
		width:400px;
		margin-bottom:15px;
		
	}
	.articleContent td { font-size:0.9em; padding:6px; }
	.articleContent_links { margin:35px 0pt 0pt 30px; width:157px;}
	.articleContent_links ul{ padding:0px 10px 10px 0; }
	.articleContent_links li{ background:transparent url(/Static/images/gui/arrow_right_blue.gif) no-repeat 2px 2px; padding:0 0 0 17px;}
	.articleContent_links li a { font-size:1.1em; color:#000000; text-decoration:none;}
	.articleContent_links a:hover { text-decoration:underline; }
	.readMoreYellow { background:transparent url(/Static/images/gui/readMoreYellow.gif) no-repeat 29px 0px; top:5px; }
	.readMoreRed { background:transparent url(/Static/images/gui/readMoreRed.gif) no-repeat 29px 0px; top:5px; }
	.readMoreBlue { background:transparent url(/Static/images/gui/readMoreBlue.gif) no-repeat 29px 0px; top:5px; }
	#kepa { 
	position:fixed;
	bottom:0px;
	left:157px;
	width:650px;
	
	}
	
	/*** List of chapters ***/
	.chapters h2 a { color:#04709E; font-size:18px; text-decoration:none; font-weight:normal; }
	.chapters h2 a:hover { text-decoration:underline; }
	.chapters p { font-size:12px; margin:0; padding:0 0 15px 0; }
	.chapters .sep { background: url(../../Static/images/gui/sep_gray.gif) no-repeat left bottom; }
	.articleTeaser h3 { margin:0; padding:0; line-height:16px; }
	.articleTeaser h3 a { color:#006D99; text-decoration:none; font-size:14px;  }
	.articleTeaser h3 a:hover { text-decoration:underline; }
	.articleTeaserRating img { padding:0 5px 0 5px; vertical-align:middle; border:0;}
	
	/***Rate article***/
	
	.rateThis {font-size:1.2em; padding-bottom:27px; padding-top:5px;}
	/*.rateThis a{text-decoration:none; cursor:pointer; color:white; margin-right:10px; font-weight:bold; }*/
	.rateThis img{padding:0 5px 0 5px; vertical-align:middle; border:0;}
	
	#boxRate {
		width:229px; 
		height:224px;
		background: url(/Static/images/gui/oceni_bg.gif) no-repeat right top;
		position:absolute;
		top:70px;
		left:580px;
		color:#000000;
		}
	#boxRate  p{font-size:1.2em;  color:#333333; font-weight:bold; padding:12px 0 9px 30px;}
	#boxRate textarea{width:180px; height:147px; margin-left:30px; font-family: Arial, Helvetica, sans-serif; font-size:1.2em; }
	#boxRate img { border:0; margin:2px 0 2px 118px; padding-left:20px;}
	
	/*** listki na desni ***/
	
	.postit { margin-left:10px; }
	.postitEnd { padding:15px; }
	#subpageBlue .postit { background: url(../../Static/images/gui/bg_subpages/blue_paper_up.gif) no-repeat left top; }
	#subpageBlue .postitEnd { background: url(../../Static/images/gui/bg_subpages/blue_paper_down.gif) no-repeat left bottom; }
	#subpageRed .postit { background: url(../../Static/images/gui/bg_subpages/red_paper_up.gif) no-repeat left top; }
	#subpageRed .postitEnd { background: url(../../Static/images/gui/bg_subpages/red_paper_down.gif) no-repeat left bottom; }
	#subpageYellow .postit { background: url(../../Static/images/gui/bg_subpages/yellow_paper_up.gif) no-repeat left top; }
	#subpageYellow .postitEnd { background: url(../../Static/images/gui/bg_subpages/yellow_paper_down.gif) no-repeat left bottom; }
	#subpageGray .postit { background: url(../../Static/images/gui/bg_subpages/gray_paper_up.gif) no-repeat left top; }
	#subpageGray .postitEnd { background: url(../../Static/images/gui/bg_subpages/gray_paper_down.gif) no-repeat left bottom; }
	.articleTeaser h2 a { color:#006D99; }
	.articleTeaser .abstract a:hover { color:#006793; }
	
	
	
	.backToArticle {
	/*	padding:0 0 5px 0; */
		height:35px;
		font-size:1.2em;
	}
	.backToArticle a:hover { text-decoration:none;}
	#subpageBlue .backToArticle { background: url(../../Static/images/gui/sep_blue.gif) no-repeat left bottom; }
	#subpageRed .backToArticle { background: url(../../Static/images/gui/sep_red.gif) no-repeat left bottom; }
	#subpageYellow .backToArticle { background: url(../../Static/images/gui/sep_yellow.gif) no-repeat left bottom; }
	#subpageGray .backToArticle { background: url(../../Static/images/gui/sep_gray.gif) no-repeat left bottom; }
	
	
	.backToArticle a { background: url(/Static/images/gui/arrow_left.gif) no-repeat 0 3px; padding:0 0 0 16px; color:black; text-decoration:underline; }
	
	#doctorLeft { margin-top:50px; width:165px; height:289px; }
	
	
	/***več informacij***/
	
	.NoteYellow { 
		background: url(../../Static/images/gui/bg_note_yellow.gif) no-repeat; 
		width:186px; 
		height:186px; 
		float:left;
		margin-right:17px;
		margin-bottom:17px;
	}
	.NoteYellow img { margin-left:17px; margin-top:17px; }
	.NoteBlue { 
		background: url(../../Static/images/gui/bg_note_blue.gif) no-repeat; 
		width:186px; 
		height:186px; 
		float:left;
		margin-right:17px;
		margin-bottom:17px;
		font-size:11px;
	}
	.Notepadder, .NoteYellow h2 { padding:17px; }
	.Notepadder a { color:white; }
		
	
	.moreInfo	a { color:#000000; }
	
	/*-------------------------------------------------------- */	
	/*------------ Templates/article/detail.tmpl ----------- */	
	
	.moreInfoDetail { 
		width:157px; 
		margin:35px 0 0 30px; 
		/*display:block;*/
		font-size:1.1em;
		
		}
	.moreInfoDetail	a { color:#000000; text-decoration:none;}
	.moreInfoDetail	a:hover { color:#000000; text-decoration:underline;}
	.moreInfoDetail	h1 {
		color: #38849E; 
		padding:5px 10px 0 15px; 
		font-size:1.6em;
		}
	.moreInfoDetail	ul { padding:10px 0 10px 0;}	
	.moreInfoDetail	li {
			background: transparent url(/Static/images/gui/arrow_right_blue.gif) no-repeat 2px 2px;
		/*	display:block;*/
			padding:0 10px 3px 15px;
			margin:0 0 0 2px;
			border:0;
		}
	/*------------ Red page -------------------------------------------- */
	.RedBg {width:157px; 
			background: transparent url(/Static/images/gui/moreInfoDetailRed_bg.gif) repeat-y top left;
			}
	.RedUp { 
			background: transparent url(/Static/images/gui/moreInfoDetailRed_up.gif) no-repeat top left; 
			width:157px; 
			height:2px;
			margin:0px;
			}
	.RedEnd {
			background: transparent url(/Static/images/gui/moreInfoDetailRed_end.gif) no-repeat bottom left ;
			width:157px; 
			height:2px; 
			margin:0px;	
				
			}
	/*-------------- Blue page ------------------------------------------ */		
	.BlueBg {width:157px; 
			background: transparent url(/Static/images/gui/moreInfoDetailBlue_bg.gif) repeat-y top left;
			}
	.BlueUp {
			background: transparent url(/Static/images/gui/moreInfoDetailBlue_up.gif) no-repeat top left; 
			width:157px; 
			height:2px;
			margin:0px;
			}
	.BlueEnd {
			background: transparent url(/Static/images/gui/moreInfoDetailBlue_end.gif)  no-repeat bottom left;
			width:157px; 
			height:2px;
			margin:0px;			
			}
	/*------------ Yellow page ------------------------------------ */
	.YellowBg {width:157px; 
			background: transparent url(/Static/images/gui/moreInfoDetailYellow_bg.gif) repeat-y top left;
			}
	.YellowUp {
			background: transparent url(/Static/images/gui/moreInfoDetailYellow_up.gif) no-repeat top left; 
			width:157px; 
			height:2px;
			margin:0px;
			}
	.YellowEnd { 
			background: transparent url(/Static/images/gui/moreInfoDetailYellow_end.gif)  no-repeat bottom left;
			width:157px; 
			height:2px;
			margin:0px;			
			}				
	/*-------------------------------------------------------- */		
	
	
/*** SUB.PAGE.END ***/
/* ------------------------ E_KARTICE ------------------------ */
.ekartica { 
			background-color: #FFFFFF; 
			width: 474px;
			padding: 20px;
			display: block;
			height: 307px;
			}

.ekartica textarea, input {			
			font-family:Arial;
			font-size:12px;
			margin:5px 0 5px 0;
			}			

.leftcard { 
			float: left; 
			width: 280px;
			}

.leftcard textarea{ 
			width: 260px;
			height:180px;
			}

.leftcard input{ 
			width: 200px;
			}			

.rightcard { 
			float: right;
			width: 183px;
			height: 307px;
			border-left: 1px dashed #7A7A7A;
			padding-left:10px;
			}	
.rightcard input{ 
			width: 180px;
			}	
.rightcard img{ 
			float: right;
			}	
.rightcard p{ 
padding-top:150px;
			}												

.error {
color:#E2484D;
font-weight:bold;
display:inline;
}

.counter{
display:block;
float:right;
margin-right:20px;
}

.toomuch{
color:red;
}

/* -------------------- konc E_KARTICE ----------------------- */