body { 	margin: 0; padding: 0px;  font-family:"Times New Roman"; font-size: 62.5% ; margin-bottom: 30px; line-height: 1.7em; color:#3e3e3e; background: #ffffff url(../images/body_bg.png) 0 0 repeat-x; text-align: center; }
form {margin:0px; padding:0px;}
br{font-size:1em;}
.clearDiv {	clear:both;	}
textarea, select { background:#ffffff; color:#000000; font-size:9pt; } 
img, a img, a:visited img {border: 0px none; text-decoration: none;}

a:link, a:visited {	color:#ffffff; text-decoration:none;} 
a:hover { text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {color: #3b3b3b; margin:0px;	padding:0px;font-size:1.5em;}

h1 { font-weight:normal; color:#990100; font-size:1.6em; margin: 0px 0px 8px 0px; text-transform: none; line-height:120%;}
h1 a, h1 a:visited { color: #990100;  text-decoration:none;}
h1 a:hover { text-decoration:underline; }

h2 {margin:7px 0px 6px 0px; color: #6a6a6a; font-weight:normal; font-size:1.4em; line-height:125%; padding-bottom:6px;  }
h2 a:link, h2 a:visited {color: #6a6a6a; text-decoration: none;}
h2 a:hover {text-decoration: underline; color: #1d466f;}

h3, h4, h5, h6 {color:#333333; font-size:1.2em; text-transform: uppercase; margin:2px 0px 7px 0px;}

p {	margin:0px;	padding-bottom: 7px;}
ul, ol { list-style-type: none; margin: 0; padding: 0;}
ul li, ol li { margin: 0; padding: 0; }

input, textarea { font-family:"arial"; border: 1px solid #cccccc; background: #fff url(../images/form_bg.png) 0% 0% no-repeat; font-size: .95em; padding: 3px 5px; color: #747474;}
blockquote { border-left: solid 3px #99c5e8; background-color: #ecf2f7; padding: 3px 5px 3px 6px; margin: 8px 0 8px 40px;}

input[type="image"] {
background-color:transparent;
border:0 none;
cursor:pointer;
font-family:sans-serif;
font-size:small;
padding:0;
}
/* PAGE CONTENT ***********************************************************************************************************/
#container { width: 900px; text-align: left; margin: 0 auto; font-size:1.2em; margin-top:10px; background: #ffffff url(../images/content_bg.png) 0 0 repeat-y;}

#header{width: 900px; height: 65px; background-color:#ffffff;}
.head_logo{float:left;}
.head_logo a, .head_logo a:visited{display: block; margin-left:11px; width: 255px; height: 65px; background: transparent url(../images/porec_online_logo.png) 0px 0px no-repeat;}
.head_jezici{float: right; width:150px; text-align: right; padding: 0px 11px 0px 0px; font-weight: bold;}
.head_jezici a, .head_jezici a:visited{text-transform: uppercase; color:#000000; text-decoration: none; padding: 0px 3px 0px 3px;}
.head_jezici a:hover{text-decoration: none;}

#head_menu{float:left; width: 900px; height: 26px; background: #343434 url(../images/head_menu_bg.png) 0px 0px repeat-x; border-bottom: solid 2px #ffffff;}
.head_menu_right{float: right;}
.head_menu_right li{float:left; line-height:26px; width: 127px; border-left: solid 2px #ffffff; text-align: center;}
.head_menu_right li a, .head_menu_right li a:visited{color:#ffffff; text-transform: uppercase; text-decoration: none; cursor: hand;}
.head_menu_right li:hover{text-decoration: underline; background: transparent url(../images/menu_head_hover.png) 0px 0px repeat-x; text-decoration: none; cursor: hand;}
.head_menu_left{float: left; line-height:26px; color:#ffffff; margin-left: 2px;}
.head_menu_left ul,.head_menu_left li{float:left; padding: 0px 0px;}
.head_menu_left li a, .head_menu_left li a:visited{float:left; padding:0px 5px 0px 5px; text-transform: uppercase;}
.head_menu_left a:hover{text-decoration: underline;}

#head_banner{float:left; width: 900px; height: 151px;}

.head_banner_right{float: right; width: 514px; height: 151px; overflow: hidden;}
.head_banner_right img{float:left;}

.head_banner_left{float:left;}
span.head_box{float:left; height:151px; text-align: center; text-transform: uppercase; border-right: solid 2px #ffffff;}
.number{background: transparent url(../images/hitni_brojevi.png) 0px 0px no-repeat; width:127px;}
.city{background: transparent url(../images/grad_porec.png) 0px 0px no-repeat; width:127px;}
.map{background: transparent url(../images/mapa_grada.png) 0px 0px no-repeat; width:126px;}
span.head_box span{display: block; margin-top: 128px;}
a span.head_box, a span.head_box:visited{text-decoration: none;}
a span.head_box:hover{text-decoration: none; cursor: hand;}
.city:hover{text-decoration: none; cursor: hand; background: transparent url(../images/grad_porec_hover.png) 0px 0px no-repeat;}
.map:hover{text-decoration: none; cursor: hand; background: transparent url(../images/mapa_grada_hover.png) 0px 0px no-repeat;}
.number:hover{text-decoration: none; cursor: hand; background: transparent url(../images/hitni_brojevi_hover.png) 0px 0px no-repeat;}

#head_search{text-transform: uppercase;float: left; margin-top: 8px; margin-bottom: 8px; line-height: 26px; color:#ffffff;}
.head_search_title{ float: left; width: 192px; height: 26px; margin-right: 7px; text-align: center; background: #343434 url(../images/head_menu_bg.png) 0px 0px repeat-x;}
.head_search_trazilica{float: left; width: 500px; margin-right: 7px; text-align: right; padding:2px 0 0; background: #343434 url(../images/head_menu_bg.png) 0px 0px repeat-x;}
.head_search_trazilica input{ width:200px; height: 12px; padding-top:4px; margin-right: 3px;}

.head_search_space{float: left; width: 194px;  height: 26px; background: #343434 url(../images/head_menu_bg.png) 0px 0px repeat-x;}
.head_search_trazilica a, .head_search_trazilica a:visited 
{
	background:transparent url(../images/povecalo.png) no-repeat scroll 0 0;
display:inline-block;
height:26px;
padding-right:12px;
width:41px;
cursor: pointer;
}


#main_content{float:left; width: 900px; background: transparent url(../images/bg_content.png) 0px 0px repeat-y; min-height: 450px; margin-bottom: 7px;}
#main_left{float: left; width: 192px; overflow: hidden;}
#main_center{float: left; width: 500px; margin-left: 7px; font-family: Arial; overflow: hidden; }
#main_right{border-top: solid 5px #ffffff; float: right; width: 194px; margin-left: 7px; overflow: hidden;}

#main_center a, #main_center a:visited{color: #333333; text-decoration: underline;}
#main_center a:hover{text-decoration: none;}
#main_center ul { margin-left: 12px; padding-bottom: 8px;}
#main_center ul li { background: transparent url(../images/bullet01.png) 0 8px no-repeat; padding-left: 8px; }
.content_gallery{float:right; width: 132px; padding-left: 6px;}
.content_gallery a img, .content_gallery a img:visited{ margin-bottom: 12px; border: solid 0px #eddddd;}
.content_gallery a img:hover{ margin-bottom: 12px; border: solid 0px #dccdcd;}

ul.menu_left{float: left; margin:0px; padding:0px; width:192px;  overflow: hidden;}
ul.menu_left li{/*height:31px;*/ padding:0px; margin:0px; border-bottom: solid 2px #ffffff;}
ul.menu_left li a, ul.menu_left li a:visited{display: inline-block; background: transparent url(../images/menu_bg.png) 0px 0px repeat-y;  text-transform: uppercase; padding: 5px 5px 4px 15px; line-height:17px; font-weight: bold; font-size: 9pt; width:172px;}
ul.menu_left li a:hover{background: transparent url(../images/menu_bg_hover.png) 0px 0px repeat-y; text-decoration: none;}

ul.menu_left li ul{float:left;display: inline-block; background: none; background-color:#dddddd; margin:0; padding:0; line-height:17px;}
ul.menu_left li ul li{}
ul.menu_left li ul li a, ul.menu_left li ul li a:visited{color:#333333; background: transparent url(../images/bullet02.png) 13px 50% no-repeat; margin:0; padding:3px 0px 2px 22px;}
ul.menu_left li ul li a:hover{text-decoration: none;color:#333333; background: transparent url(../images/bullet02.png) 13px 50% no-repeat; padding-left:23px; }
ul.menu_left li ul li.sub2_item a, ul.menu_left li ul li.sub2_item a{color:#444444; background: #e2e2e2 url(../images/bullet03.png) 25px 50% no-repeat; padding-left:35px; } 
ul.menu_left li ul li.sub2_item a:hover{ padding-left:36px; }

.news_box{float:left; background-color:#cccccc; width:484px; padding: 8px 8px 8px 8px; margin-bottom: 2px;}
.news_image{float:left; width:130px; height: 90px; margin-right: 8px; padding-bottom:2px;}
.news_image img{border: solid 1px #ffffff; margin-top:3px;}
.news_text{float:left;}
.news_text a, .news_text a:visited{color:#999999;}
.news_text h2{padding:0px; margin:0px; color:#999999; font-weight:bold; font-size:9pt;}
#main_center .news_text h2 a, #main_center .news_text h2 a:visited{color:#333333; text-decoration: none;}
#main_center .news_text h2 a:hover{text-decoration:underline;}
.news_more{float:right;}
a.news_more, a.news_more:visited{color:#000000; text-decoration: underline;}
a.news_more:hover{ text-decoration: none;}

span.banner {display: block; width:194px; overflow: hidden; border-bottom: solid 2px #ffffff;}
span.banner img{float:left;}
span.webCam{display: block; margin-top: 15px;}

.box_paket{float:left; width: 500px; overflow: hidden; border-bottom: solid 2px #ffffff;}

.boxLeft{float:left; padding:8px; /*background-color: Orange;*/ width: 406px; padding-bottom:4px;}
.box484{width:484px;}
.boxRight{float:right; width: 78px;}

.boxTitle{float:left; width:408px; text-transform: uppercase; /*background-color:green;*/ margin-bottom:5px;}
.boxTitleLeft{float:left;  text-transform: uppercase; /*background-color:green;*/ margin-bottom:5px;}
.boxTekst{float:left; /*background-color:Red;*/ width:100%;}
#main_center .boxTekst ul, #main_center .boxTekst li{padding:0; margin:0; padding-top: 0px;}
#main_center .boxTekst li{background: none;}

.boxSlika{float:left; padding-right:8px; padding-bottom: 3px; /*height:250px; background-color:orange;*/}
.boxSlika img{float:left;border: solid 1px #ffffff;}

.boxTekstRight{float:right; width: 300px; /*background-color:Red;*/ text-align: right;}

/*.box_paket span.paket_info{display: block; float: right; width: 78px;}
.box_paket span.paket_title{text-transform: uppercase; display: block; margin:0; padding:0;}
.paket_title_left{float:left; background-color:green;}
.box_paket span.paket_image{float:left; width:130px;}
.box_paket span.paket_image img{ border: solid 1px #ffffff; margin-top: 5px;}
.paket_text{float:left; width:100%;}
.paket_text_right{float:right; background-color:Red;}
.paket_text_detalji{float: left; width:485px;}
.paket_text ul, .paket_text_detalji ul {float:left;}
#main_center .paket_text ul{padding:0; margin:0; padding-top: 3px;}
#main_center .paket_text li, #main_center .paket_text_detalji li{background:none; padding-bottom: 0px;}
 */
.paket_text_short{float:left; padding: 8px 8px 8px 8px; width: 484px; background-color: #ffffff; display: none;}

.boxTekstMenu{float:left; width:500px; padding:0; margin:0; background-color:#ffffff; padding: 2px 0px;}

span.paket_menu{float:left; width:500px; padding:0; margin:0; background-color:#ffffff; padding: 0px 0px; padding-bottom:2px;}
a.menu_item, a.menu_item:visited{float:left; background-color:#9a0000; border-right:solid 2px #ffffff; text-align:center; padding: 3px 0px 3px 0px; width:123px;}
#main_center a.menu_item, #main_center a.menu_item:visited{color:#ffffff; text-decoration: none; font-family: Times New roman; font-size:10pt; text-transform: uppercase;}
#main_center a.menu_item:hover{text-decoration: underline;}

span.paket_mark{float:left; width: 500px; padding:3px 0px 3px 0px; text-align: center; font-weight: bold;}

ul.paket_list{float: left;  margin-right: 0px; padding-bottom: 0px; width:485px;}
ul.paket_list li{margin:0; padding:0;}

.paketPadding8{float:left; padding: 8px;}

.paket1{background-color: #ffcccb;}
.paket1 .boxTitle{color:#970100;}
a.mPaket1, a.mPaket1:visited{background-color:#9a0000;}
a.last_item1, a.last_item1:visited {border: none; border-right:solid 2px #9a0000;}
.info1_CRO a, .info1_CRO a:visited{background: transparent url(../images/info_paket1_cro.png) 0px bottom no-repeat; width: 78px; height: 152px; text-align: center; display: block;}
.info1_CRO a:hover{background: transparent url(../images/info_paket1_cro.png) -78px bottom no-repeat;}
.info1_ENG a, .info1_ENG a:visited{background: transparent url(../images/info_paket1_eng.png) 0px bottom no-repeat; width: 78px; height: 152px; text-align: center; display: block;}
.info1_ENG a:hover{background: transparent url(../images/info_paket1_eng.png) -78px bottom no-repeat;}

.paket2{background-color:#ccf5cb;}	 /*6ec86b*/
.paket2 .boxTitle{color:#016502;}
a.mPaket2, a.mPaket2:visited{background-color:#6b906c;}
a.last_item2, a.last_item2:visited {border: none; border-right:solid 2px #6b906c;}
.info2_CRO a, .info2_CRO a:visited{background: transparent url(../images/info_paket2_cro.png) 0px bottom no-repeat; width: 78px; height: 145px; text-align: center; display: block;}
.info2_CRO a:hover{background: transparent url(../images/info_paket2_cro.png) -78px bottom no-repeat;}
.info2_ENG a, .info2_ENG a:visited{background: transparent url(../images/info_paket2_eng.png) 0px bottom no-repeat; width: 78px; height: 145px; text-align: center; display: block;}
.info2_ENG a:hover{background: transparent url(../images/info_paket2_eng.png) -78px bottom no-repeat;}

.paket3{background-color:#b2d1ff;}
.paket3 .boxTitle{color:#000066;}

.paket4{background-color:#cccccc;}
.paket4 .boxTitle{color:#333333; }

#main_center ul.gallery{margin:6px;}
#main_center ul.gallery li{background: none; padding:3px;}
ul.gallery li { float: left; margin-right: 8px; background: none; margin-bottom: 8px;}
ul.gallery li a, ul.gallery li a:visited { border: 2px solid #d3d3d3; display: block; background: none;}

#footer{width: 900px; text-align: left; margin: 0 auto; font-size:1.2em; color:#ffffff; height:26px; background: #343434 url(../images/head_menu_bg.png) 0px 0px repeat-x; text-align: center;}
#footer a, #footer a:visited{line-height: 26px; text-transform: uppercase; color:#ffffff; padding: 0px 2px}

/*#footer{width: 900px; text-align:center; margin: 0 auto; font-size:1.2em; height:26px; background: #343434 url(../images/head_menu_bg.png) 0px 0px repeat-x;}
#footer ul{color:#ffffff; display: inline-block;}
#footer li{float:left; padding-top: 4px;}
#footer li a, #footer li a:visited{float:left; text-transform: uppercase; color:#ffffff; padding: 0px 5px}	*/

/* ATTACHED FILES */
#main_center ul.attachedFiles li{background: none; list-style-type: none; padding:0px;}
ul.attachedFiles { list-style-type: none; margin-left: 3px;}
ul.attachedFiles li a { line-height: 175%; padding: 2px 0; padding-left: 23px;}
ul.attachedFiles li.icon___doc a { background-image: url(../images/icon_doc.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___xls a { background-image: url(../images/icon_xls.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___ppt a { background-image: url(../images/icon_ppt.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___img a { background-image: url(../images/icon_img.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___pdf a { background-image: url(../images/icon_pdf.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___zip a { background-image: url(../images/icon_default.png); background-position: 0% 50%; background-repeat: no-repeat;}

/*FOTO ALBUM */
.fotoAlbumGal {margin-bottom:0px; /*background-color:red;*/ width: 420px; display: block;}
.galleryThumbsTitle { font-size:.9em;display:block; float:left; margin-top:2px; text-decoration:none;}
.fotoAlbumGal .galleryThumbs2 img {border:0 none; padding:0; float:left;}
.fotoAlbumGal a.galleryThumbs2, .fotoAlbumGal a.galleryThumbs2:visited { width:75px;height: 100px; overflow:hidden;  background: #d8d8d8 url(../images/mainMenu_bg.jpg) 0% 0% repeat-x;padding:7px; text-decoration:none; float:left; margin-right:8px; margin-bottom:10px;}
.galleryThumb2 span.galleryThumbsTitle:hover { text-decoration:underline;} 
.fotoAlbumPhotos{ width: 420px; /*background-color:green;*/ display: block;}
.fotoAlbumPhotos img{ padding-right: 4px; padding-left: 4px; padding-bottom: 8px;}

.kontaktForma{ margin:0 auto; width: 380px;}
.kontaktForma h1{font-size:12pt; padding:0px; margin:0px; padding-bottom: 8px;}
.kontaktForma input{padding:2px;}
.kontaktForma label{float:left; width:165px;}
.inputTextbox{float:right; width: 182px;}
.inputTextarea{float:left; width:350px;}
.inputCheckbox{float:left;}
.spaceHeight{float:left; height:25px;}
.floatLeft{float:left; width: 360px; padding-top:4px; padding-bottom: 5px;}
.kontakt_button{padding-left: 4px;}



/* tabovi hoome novosti */

#tabovi{ width: 500px; float:left; margin-bottom:2px;}
#tabovi a, #tabovi a:visited {text-transform: uppercase; margin-right: 2px; width :98px; height:33px; display:block; float: left; color:#f8f8ff; text-decoration: none;}
#tabovi a span, #tabovi a:visited span{padding-top: 12px; display: block;}
#tabovi a:hover{background-position:0px 0px;} 
#tabovi a:hover span{padding-top: 8px; display: block;}

a.tb_normal_164, a.tb_normal_164:visited
{   background: white url(../images/tabGray.jpg) 0px 5px no-repeat; 
    text-align:center; 
}


a.tb_normal_165, a.tb_normal_165:visited
{
    background: white url(../images/tabRed.jpg) 0px 5px no-repeat; 
    text-align:center; 
}
a.tb_normal_166, a.tb_normal_166:visited
{
    background: white url(../images/tabBlue1.jpg) 0px 5px no-repeat; 
    text-align:center; 
}
a.tb_normal_167, a.tb_normal_167:visited
{
    background: white url(../images/tabGreen.jpg) 0px 5px no-repeat; 
    text-align:center; }
a.tb_normal_168, a.tb_normal_168:visited
{
    background: white url(../images/tabOrange1.jpg) 0px 5px no-repeat; 
    text-align:center; 
}
		
a.tb_normal{background-position:0px 5px;}
a.tb_selected, a.tb_selected:visited{background-position:0px 0px;}
#tabovi a.tb_selected span, #tabovi a.tb_selected:visited span{padding-top:8px;}

.frame_banner{ border-bottom: solid 2px #ffffff;}
.zaglavlje_top{ padding-left:60px; float:left;}
.banner_right {background-color:white; border-bottom:2px solid #FFFFFF;	 margin:0; padding:0; overflow: hidden;}

#playercontroller {
	/*background-color: #e9f6ff;*/
	/*background-color: none;
	color: #000;
	height: 20px;
	width: 200px;
	border: solid 1px #ccc;
	margin: 0 0 1em 0;   */
	padding: 0px 0px 0px 0px;
}
	#playercontroller .button {
		width: 20px;
		height: 20px;
		background-repeat: no-repeat;
		background-position: 2px 2px;
		float: left;
		margin-top: 3px;
	}
		#playercontroller .button a {
			display: block;
			height: 20px;
			text-indent: -100em;
			overflow: hidden;
			background-image: none;
		}
	#playercontroller .timeline {
		position: relative;
	}
		#playercontroller .timeline a {
			position: absolute;
			left: 40px;
			display: block;
			height: 20px;
			width: 40px;
			text-indent: -100em;
			overflow: hidden;
			background-image: url(../images/control_slider.png);
		}
		#playercontroller .timeline a:visited {
			background-image: url(../images/control_slider.png);
		}
		#playercontroller .timeline a:hover {
			background-image: url(../images/control_slider_blue.png);
		}
	#playercontroller .play {
		background-image: url(../images/control_play.png);
	}
	#playercontroller .play:hover {
		background-image: url(../images/control_play_blue.png);
	}
	#playercontroller .pause {
		background-image: url(../images/control_pause.png);
		display: none;
	}
	#playercontroller .pause:hover {
		background-image: url(../images/control_pause_blue.png);
	}
	#playercontroller .stop {
		background-image: url(../images/control_stop.png);
	}
	#playercontroller .stop:hover {
		background-image: url(../images/control_stop_blue.png);
	}