@import url("reset.css");

@import url("menus.css");

@import url("sidecontent.css");



.clear { clear:both; font-size:1px; line-height:0; }

.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }

.clearfix { display:inline-block; }

* html .clearfix { height:1%; }

.clearfix { display:block; }

.right { float:right !important; }

html { font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#444444;}

body { background: url(../images/bg.jpg) repeat-x #f2f2f2; }

#wrap { width:1000px; margin:0 auto; display:table; }

* html wrap { width: 995px!important; }

* html #head { width: 995px!important; }

h1 { color:#1d3555; font-size:135%}

h2 { clear:left; color:#A7BACE;  font-size:25px; font-weight:bold; line-height:32px; margin:0 0 0 0px; font-family:Arial, Helvetica, sans-serif;} 

h3 { color:#1d3555; float:left; display:block; font-family:Arial, Helvetica, sans-serif;}

h4 { clear:left; color:#A7BACE;  font-size:18px; font-weight:bold; line-height:32px; margin:0 0 0 0px; font-family:Arial, Helvetica, sans-serif;}

p { line-height:17px; padding-right: 5px; color: #444; }

.normal { padding-right: 10px; }

a { color:#069; text-decoration:none; line-height:17px;}

a:hover { text-decoration:underline;}

.img-left { float: left; border:4px solid #CFD9E3; margin-right: 10px; }

.img-right { float: right; border:4px solid #CFD9E3; margin-left: 10px; margin-right: 10px; }



#head { width:1000px; }

	#logo { height:85px; width: auto; top:0; float:left; padding:10px 0 0 0; }

	#logo p { float:left; padding:0; width:auto; font-size:110%; color:#1d3555;}

	#logo p a { text-indent:-9999px; }

	#logo p img {float:left; vertical-align:top; top:0; margin:-10px 0 0 0;}

		

#container { width:1000px; background:url(../images/contenttop.jpg) no-repeat top #FFFFFF; clear:both; margin:0 0 0 0; padding:10px 0 0 0;}

.container-alone { margin-top: 15px!important; }

#bg { width:1002px;}



div.no-menu { margin-top:15px !important; }





#mainContent { float:right; width:690px; font-size:80%; margin:0 0 20px 0; display:block; padding: 0 3px;}

* html #mainContent { float:right; width:680px; font-size:80%; margin:0 0 20px 0; }

	#flashHead { float:left;}

	



	

#content { float:left;}

		.title { background:url(../images/titlebg_long.jpg) no-repeat top left; line-height:32px; height:33px; margin:10px 0; width:680px;}

		.titlecenter { width:auto; background:url(../images/submenu.jpg) no-repeat top right; text-align:left; line-height:32px; padding:0 5px 0 0; height:33px; margin:0px 5px 0 0;}

		.titlecenter span { background:url(../images/title_left.jpg) no-repeat; float:left; width:6px; height:33px;}

		.titlecenterHostel { width:auto;  text-align:left; line-height:32px; padding:0 5px 0 0; height:33px; margin:0px 5px 0 0;}

		.titlecenterHostel span {  float:left; width:6px; height:33px;}

		.titlecenterCatering { width:auto;  no-repeat top right; text-align:left; line-height:32px; padding:0 5px 0 0; height:33px; margin:0px 5px 0 0;}

		.titlecenterCatering span {  float:left; width:6px; height:33px;}

		.titlecenterPraonica { width:auto; text-align:left; line-height:32px; padding:0 5px 0 0; height:33px; margin:0px 5px 0 0;}

		.titlecenterPraonica span { float:left; width:6px; height:33px;}

		

	.maintext { width:682px; line-height: 1.2em;}

		.maintext p { padding:10px 0px;}

		.maintext  .vaspitna p { float:left; width:400px; padding:10px 0px; }

		.maintext p.width { float:left; width:400px; padding:10px 0px; }

		.maintext p img { border:4px solid  #cfd9e3; margin:5px; }

		.maintext img { border:4px solid  #cfd9e3; margin:5px; }

		.maintext ul { float:left;}

		.maintext ul li { background:url(../images/bulet.png) no-repeat left 6px;  padding:0 0 0 15px; color:#444;}

		.maintext li { width:350px; margin:2px 10px; float:left; color:#444;}

		ul.wide li { width:638px; color:#444;}

		* html  .maintext ul li { widows:200px; color:#444;}

	.blockquote { float:right; width:252px; position: relative; /*margin:-35px 0 0 2px;*/ }
	.blockquote img { border:0!Important; margin:0!Important; }

		* html .blockquote { width:210px;}

		.blockquote span { background:url(../images/navodi2.png) no-repeat; width:28px; height:26px; float:right;}

	.sidebaner {float:right; width:210px; padding:0px 0px 25px 20px;}

		.sidebaner ul li { float:left; margin:5px 0;}

		.maintext .sidebaner li { margin:0px 10px 10px 10px; background:none;}

		.sidebaner li.flash { border:1px solid #ccc; padding:3px; width:167px;}

		.sidebaner li img { border:1px solid #ccc; padding:3px;}

		.sidebaner li .web2 { border:4px solid  #cfd9e3;}
		
		.maintext table.ucenici { background:none; }
		.maintext span.red { color:red; }
		.maintext .bottom { width:100%; text-align:center; font-weight:bold; font-size:16px; padding-top:10px; color:red; }
		.maintext .bottom-b { width:100%; text-align:center; font-weight:bold; font-size:16px; padding-top:10px; }
		.maintext table.ucenici td { background:#e6eff9; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; 
		color:#666; font-weight:bold; }

	

	.vaspitna_sluzba li { clear:left;}

	.usluge_praonice { margin:0 auto; }

		.usluge_praonice tr {color:#1D3555;}

		.usluge_praonice tr:hover { color:#338ed5;}

		.usluge_praonice td { border-bottom:solid 1px #CCC; padding:3px 5px; }

		.video { margin-right: 20px; }

		

		#dokumenta { border: 1px solid #f1f1f1; font-size:12px; color:#444; }

		#dokumenta th { padding: 5px; }

		#dokumenta tr td { padding: 5px; }

		#dokumenta .grey { background-color: #EBEBEB; }

		#dokumenta .blue { background-color: #A7BACE; }

		#dokumenta .center { text-align: center; }

		#dokumenta .left { text-align: left; float: none!important; }

		#dokumenta tbody tr td a { font-weight:bold; color:#4F5672; }

		#dokumenta tbody tr td a:hover { color:#2B77AF; text-decoration:none; }

		

		.special {  }

		.special li { padding: 0 5px !important; font-size: 12px; }

		

		.normal-list li { background:url(../images/bulet.png) no-repeat left 5px;  padding:0 0 0 10px; color:#444444; line-height:17px; }

		

	.komentar1 { width:340px; margin:20px 30px 0 10px; background:url(../images/navodi2.png) no-repeat left top; padding:20px 0px 0 10px; float:left; clear:both;}

	.potpis1 { float:right; width:100px; background:url(../images/navodi3.png) no-repeat right bottom; padding:0 5px 20px 0;}

	

	ul.komentari { float:left; clear:both; width:100%; margin:20px 0 0 0;}

		.maintext .komentari li { float:left; width:320px; margin:0 10px; padding:0; background-image:none;}

		* html .komentari li { margin:0 5px;}

		.komentar2 { float:left; width:320px; margin:20px 0 0 0; background:url(../images/komentar_bg.png) no-repeat bottom; padding:0 0px 55px 0px;}

		.komentar2 span { background:url(../images/komentar_top.png) no-repeat top; padding:15px 10px 0 10px; float:left; width:300px; }

		.komentar2 span p { padding:0 10px; width:305px;}

		.potpis2 { float:right; width:100px;  padding:0 0 0 0;}

	

	.baloon { background:url(../images/baloon.png) no-repeat; width:158px; height:81px; padding:10px}



	.contentbox { float:left; width:335px; margin:10px 0 10px 0px;}

		* html .contentbox { margin:10px 0px 10px 2px; }

		

		*:first-child+html .contentbox { float: left; margin: 0; clear: right; }

	

		.contentbox p { width:315px; margin: 0px 5px 5px 0px; }

		* html .contentbox p {  }

		.contentbox ul { width:280px; margin:0 10px;}

		.contentbox ul li { margin:3px 0; padding:0 0 0 10px; background:url(../images/bulet.png) no-repeat left 5px;}

		.contentbox .pansion { font-size:16px; font-weight:bold; text-align:center; width:320px; color:#1d3555;}

		.contentbox table { width:310px; color:#1d3555;}

		.contentbox table tr { }

		.contentbox table tr:hover { color:#338ed5;}

		.contentbox table td { padding:5px; }

		.contentbox table td.border { border-bottom:1px solid  #bbbbe0;}

		.contentbox table td.ukupno { background-color:#f7e9e8;}

	

	.contentboxInner { float:left; width:415px; margin:10px 0 10px 0px;}

		.contentboxInner ul { margin:5px;}

		.contentboxInner ul li { margin:3px 10px; background:url(../images/bulet.png) no-repeat left 7px; padding:0 0 0 17px; color:#444444; line-height:17px; }

		.contentboxInner p { margin:0px; line-height:17px;}

	

	.titleInner {  width:400px; padding:0px; }

		.titleSmall { height:31px; width:320px; background:url(../images/titlebg_small.jpg) no-repeat; line-height:32px; padding:0 5px;}

		.titleSmall2 {height:37px; width:320px; line-height:32px; padding:0 0px; border-bottom:1px solid #CFD9E3; }
		.titleSmall3 {height:37px; width:277px; line-height:32px; padding:0 0px; border-bottom:1px solid #CFD9E3; margin-bottom:10px; }

		* html .titleSmall {padding:0 3px; width:330px; }

	.separator {  border-right:1px solid #CCCCCC;}

	.web { width:260px; height:194px; margin:25px auto; border:4px solid  #cfd9e3;}

	.izdvajamo {border:4px solid  #cfd9e3; margin:0 0 10px 0;}



	

	.newsbox { float:left; margin:0 0 10px 0; border-bottom:1px dotted #CCCCCC; padding:5px 0 10px 0; font-size:12px; color:#444; line-height:17px; }

	.detail { width:680px;}

	.newsbox { width:670px; }

	.newsbox ul { width:675px;}

		.newsbox li { float:left; width:auto; display:block;}

		.newsbox img { float:right; clear:left; margin:0px 0px 8px 10px !important; padding:3px;}

		.newsbox p { width:auto; line-height:16px;}

	.image { float:left; width:135px; padding:0px 10px 10px 0px;}

	.image img { padding:3px;}

	.vest { padding:3px 0 0 0;}

	.vest_txt { float:left; width:518px; padding-top:10px; }

	.titleVesti { font-weight:bold; font-size:12px; width:200px; color:#1d3555;}

	.titleVesti a { text-decoration:none; color:#1d3555; line-height:20px; background:url(../images/arrow.gif) right 50% no-repeat; padding-right:15px; float:left; }

	.titleVesti a:hover {color:#2B77AF;}

	a.arrow { text-decoration:none; color:#1d3555; line-height:17px; background:url(../images/arrow.gif) right 50% no-repeat; padding:0px 9px; font-weight:bold; }

	a.arrow:hover { color:#2B77AF; }

	a.arrow_padding { padding-left:0px; }



	.date { padding:5px 0;}



	.bottom_baners { float:left; clear:left; padding-top:29px; }

	.bottom_baners ul li { float:left;}

	.bottom_baners li { margin:5px 10px; width:125px; float:left;}

	.bottom_baners li img { border:1px solid #ccc; padding:3px;}

	

#galery { width:679px; float:left; font-size:12px;}

	.maintext #galery li { float:left; margin:10px 19px 0pt 0pt; width:136px; display:block; background:none; padding:5px; height:200px;}

	.detail #galery li { height:auto; }

	* html #galery li { margin:10px 25px 0 0;}

	#galery li a { border:4px solid #96a6b6; width:127px; height:97px; display:block; }

	#galery li a:hover {border:4px solid  #5880a8;}

	#galery li a img { padding:0; margin:0;width:120px; height:90px; border:none; padding:3px; background:#FFFFFF; }

	#galery li div { padding:5px 0 0 0; color:#444; }

	#galery li div a { border: none; width: auto; height: auto; display: block; font-size:12px; text-decoration:none; color:#4F5672; font-weight:bold; padding-bottom:4px; }

	#galery li div a:hover { border:none; color:#2B77AF;}

	.global li {  padding:5px; margin:5px 20px; background:#EFEFEF !important; border:1px solid #DFDFDF; }

	.galery_back { margin:8px 0; float:left; border-bottom:1px dotted #CCCCCC; width:675px; font-size:12px;}

	.galery_back dl { height:15px;}

	.galery_back dd { height:15px;}

	.galery_back dd img { border:none;}

	.galery_back dt { height:15px margin:10px 0 0 0;}

	.galery_back a { color:#1d3555; text-decoration:none; font-weight:bold; float:right; padding: 0; line-height:26px;}

	.galery_back a:hover { border:none; color:#338ed5;}

	.galery_back_bottom { margin:30px 0 10px 0px; float:left; border-top:1px dotted #CCCCCC; width:675px; font-size:12px;}

	.galery_back_bottom dd { height:15px;}

	.galery_back_bottom dd img { border:none;}

	.galery_back_bottom dt { height:15px margin:10px 0 0 0;}

	.galery_back_bottom a { color:#1D3555; text-decoration:none; font-weight:bold; float:right; padding: 0; line-height:26px; background:url(../images/back.gif) left 50% no-repeat; padding-left:10px;}

	.galery_back_bottom a:hover { border:none; color:#2B77AF;}

	

	.archive { margin:5px 0; float:left; padding:0 10px 0 0; width:675px; }

	*:first-child+html .archive { margin:5px 0; float:left; padding:0 10px 0 0; position: absolute; top: 137px; width: 100px; left: 1000px; }

	* html .archive { margin:5px 0; float:left; padding:0 10px 0 0; position: absolute; top: 137px; width: 100px; left: 1000px; }

	

	.archive dl { height:15px;}

	.archive dd { height:15px;}

	.archive dd img { border:none;}

	.archive dt { height:15px margin:10px 0 0 0;}

	.archive a { color:#1d3555; text-decoration:none; font-weight:bold; float:right; padding: 0; font-size:12px; line-height:26px; background:url(../images/back.gif) left 50% no-repeat; padding-left:10px;}

	.archive a:hover { border:none; color:#2B77AF;}

	

	.kontakt { line-height:16px; padding:10px; width:130px;}

	.kontaktlogo { float:left; clear:left; height:359px; float:right;}

	.kontakt-short p { padding: 0; font-size:12px; }

	

	.maintext table .blue { background-color: #bcc9d9; color: #FFF; }

	.maintext table .grey { background-color: #f1f1f1; }

	

	.right { float:right;}

	.left { float:left;}

	.clear_left { clear:left;}

	

	#ZoomImage {border:4px solid #CFD9E3;}

	

	#footer { width:1002px; height:39px; background:url(../images/footerbg.jpg) left bottom no-repeat; clear:both; margin: 0 0 15px 0; }

	* html #footer { width: 1002px; }

	#footer ul { width:auto; margin:0 0 0 10px;}

	#footer li { float:left; width:auto; margin:10px 5px; }

	#footer li a { color:#757575; text-decoration:none; padding:0 10px 0 0; font-size:12px; }

	#footer li a:hover { text-decoration:none; color:#585858; }

	#footer li span { color:#757575; text-decoration:none; padding:0 5px 0 0; font-size:12px; }

	#footer li.right a { padding:0 5px 0 5px; }



	.designby { float:right; width:auto; margin:10px 0 0 0; clear:left; height:25px;}

	.designby a { color:#1d3555; text-decoration:none; font-size:12px;}

	.designby a:hover { text-decoration: underline;}

	

	.maintext #paginator { margin: 0 auto; display: block; margin-top:20px; width:540x;}

	.maintext #paginator-list { margin:0 auto; width:300px; float:none; text-align:center; }

	.maintext #paginator-list li { margin:5px 5px 5px 0; list-style-image: none; display: block; float: left; background:none; width:auto; padding:0;}

	.maintext #paginator-list li a { display: block; padding:4px 8px; background:#E6E6E6; border:1px solid #999999; color:#666; width: auto; height: auto; }

	.maintext #paginator-list li a:hover { background:#8F8F8F; color: #FFF;}

	.maintext #paginator-list .selected { background:#8F8F8F; }

	

	

	div.box { margin-bottom:8px; }

	.no-line { border: none !important; }

	

	div.contentboxInner a { font-weight:bold; text-decoration:none; color:#4F5672; padding-right:10px; background:url(../images/arrow.gif) right 50% no-repeat; }

	div.contentboxInner a:hover { text-decoration:underline; }

	

	ul.org { width:721px !important; }

	

	span.levo { display:block; float:left; width:76px; font-weight:bold; line-height:17px; color:#444; padding-bottom:5px; }

	span.desno { display:block; float:left; width:187px; line-height:17px; color:#444; padding-bottom:5px;}	

	p.odvoj { padding-top:5px; }

	span.desno a { color:#4F5672; font-weight:bold; }

	

	span.uvod { display:block; padding:3px 0 15px 0px; color:#444; }

	h2.bottom_h2 { display:block; float:left; padding-bottom:23px; }

	

	div.price_box {  width:318px; float:left; margin-right:5px; padding:5px; } 

	

	table tr  { line-height:27px; width:318px; }

	table tr.top td { background:#A7BACE; font-weight:bold; color:#FFFFFF;}

	table tr.top td { padding-left:6px; }	

	table tr.head td { background:#DFDFDF; font-weight:bold;}

	table tr.odd  td { background:#EBEBEB; }

	table tr.ukupno td { font-weight:bold; }	

	table td.left  { text-align:left; float:none; padding-left:8px; }	

	

	div.right_side { width:269px; float:right; }

	div.left_side { float:left; width:405px; }

	

	div.hostel_hint { float:left; background:#CFD9E3; padding:9px; color:#444; width:240px; margin:5px; }

	div.hostel_hint p { padding-top:0px; }	

	div.hostel_hint a { font-weight:bold; color:#006633; background: transparent url(../images/arrow.gif) no-repeat scroll right 50%; color:#4F5672; padding-right:10px; }

	div.big_side { width: 250px; float:right; border:4px solid #CFD9E3; }

	div.big_side ul { background:#CFD9E3; float:left; }

	div.big_side ul li { margin:0px; padding:0px; width:auto; float:left; width:250px; }

	div.big_side ul li.subtext { padding:13px 0px 0px 5px; color:#444; }

	div.big_side ul li.subtext span { font-size:26px; color:#4F5672; font-weight:bold; line-height:36px; }



	div.big_side ul li.img { margin:0px 0px; }

	div.big_side ul li.img img { margin:5px 0px 0px 0px; }	

	

	h2.index { font-size:15px; line-height:49px; }

	#box1, #box2 { border:3px solid #CFD9E3; padding:0px; float:left; margin-bottom:10px; }



	div.blockquote { line-height:17px; }

	div.blockquote strong { line-height:25px; }	

	div.blockquote h1 { font-size:15px; color:#444; }

	

	ul.comments { display:block; float:left; width:670px; }

	ul.comments li { float:left; width:304px; background:url(../images/comment.gif) left top no-repeat; margin:0px; padding:0px 8px 8px 8px; margin-right:5px; height:168px; }

	ul.comments li.odd { margin-left:10px; }	

	ul.comments li table { width:100%; height:100%; }

	ul.comments li table tr td { vertical-align:middle; line-height:17px; text-align:center; }

	ul.comments li table tr td b { line-height:20px; }	

.facebook { border: 3px solid #dddddd; float: left; margin-left: 17px; margin-top: 10px; }
.facebook:hover { border: 3px solid #CCC; }

.news-home { background-color: #d7e1ec; margin-left: 10px; display: block; float: left; padding-bottom: 4px; width: 278px; }
.news-home h2 { font-size: 16px; color: #FFF; text-align: center; display: block; background-color: #b9c6d6; margin-bottom: 10px; }
.news-home h3 { font-size: 13px; font-weight: bold; color: #547bac; display: block; float: left; margin: 8px; width: 261px; padding-bottom: 9px; border-bottom: 1px dotted #959595; }
.news-home ul { float: left; display: block; margin-left: 15px; }
.news-home ul li { display: block; float: left; width: 255px; margin-bottom: 5px; }
.news-home ul li em { color: #777777; font-weight: normal; font-size: 12px; display: block; font-style: normal; padding-bottom: 2px; }
.news-home ul li a { font-weight: bold; color: #777777; font-size: 12px; }
.news-home ul li a:hover { color: #547bac; text-decoration: none; }

/* Vesti na indexu */
.news-index { width:277px; margin:0 auto 0 11px; }
.news-index ul.news-index-list { float:left; width:277px; display:block; }
.news-index ul.news-index-list li { float:left; display:block; width:277px; padding-bottom:20px; }
.news-index ul.news-index-list li img { float:left; display:block; width:68px; height:68px; border:2px solid #CFD9E3; padding:1px; margin-right:5px; }
.news-index ul.news-index-list li span { width:190px; font-size:10px; float:left; color:#666!important; }
.news-index ul.news-index-list li a { font-size:10px; float:left; text-decoration:none!important; }
.news-index ul.news-index-list li a:hover h2 { text-decoration:none!important; color:#94a7ba!important; }
.news-index ul.news-index-list li h2 { width:190px; font-size:14px; line-height:18px; text-decoration:none!important; }
.news-index ul.news-index-list li .text { width:190px; font-size:80%; color:#666; line-height:15px; float:left; }