/************************************************
*  Porec.hr > Web kiosk                         *
************************************************/
body { 	margin: 0; padding: 0px; font-family:"Arial"; font-size: 62.5% ; line-height: 1.7em; color:#3e3e3e; background: #07577c; 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:#595858; text-decoration:underline;} 
a:hover { color: #c73a36; text-decoration:none;}

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

h1 { font-size:1.4em; font-weight:bold; color: #0f6d98; margin: 9px 0 4px; text-transform: none; line-height:120%; }
h1 a:link, h1 a:visited { color: #0f6d98;  text-decoration:none;}
h1 a:hover { text-decoration:underline; }

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

h3, h4, h5, h6 {font-size:1.15em; color:#3c72bc; text-transform: uppercase; margin:2px 0px 5px 0px;}

p {	margin:0px;	padding-bottom: 7px;}
ul { list-style-type: none; margin: 0; padding: 0;}
ul li { margin: 0; padding: 0; font-size: 12px;}

input, textarea { font-family:"trebuchet MS", "Arial";border: 1px solid #c9c9c9; 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 ***********************************************************************************************************/

#wrapper { width: 748px; height: 1340px; overflow: hidden; padding: 10px; margin: 0 auto;  }
#flash_results { float: right; width: 179px; height: 665px;} .content_top_left { width: 569px; height: 665px; float: left;} #top_flash { width: 569px; height: 665px;}
.content_top, .content_bottom { width: 748px; height: 665px; /* overflow: hidden; */ text-align: left; }
.content_bottom { margin-top: 10px;}

.langCont { width: 748px; background: #10709c url(../images/menu_top_bg.jpg) 0 100% repeat-x;}
.langCont a, langCont a:visited { border-right:2px solid #07577C; color:#FFFFFF; float:left; font-size:1.5em; font-weight:bold; padding:9px 14px; text-decoration:none; text-transform:uppercase;}
a.lang_eng, a.lang_eng:visited { background: transparent url(../images/lang_eng.png) 12px 50% no-repeat; padding-left:32px;}
a.lang_cro, a.lang_cro:visited { background: transparent url(../images/lang_cro.png) 12px 50% no-repeat; padding-left:32px;}

.rss_cont {float: right; padding:5px;}	  
.rss_cont {
background:#194E6B url(../images/kupi_karte_bg.jpg) repeat-x scroll 0 0;
}

.langCont .rss_cont a, .langCont .rss_cont a:visited{border-right:0px solid red; padding:4px 24px 4px 8px; background:transparent url(../images/kupi_karte_icon.png) no-repeat scroll 100% 50%;}
.rss_cont a:hover{ text-decoration: underline; }

.head_cont { width: 738px; background: #fff url(../images/head_bg.jpg) 0 0 repeat-y; padding: 5px;}
.head_gallery {float: right; width: 583px; height:110px; /*margin-left: 28px; display: inline;*/  overflow: hidden;padding-right: 2px;}
.head_gallery img {float:left; padding-top: 2px; }
img.head_logos { float: left;}
.head_submenu { width: 748px; margin-top: 5px; float: left;}
.head_submenu a, .head_submenu a:visited { background: #fff url(../images/submenu_bg.jpg) 0 100% repeat-x; color:#044F71; display:block; float:left; font-size:1.5em; font-weight:bold; text-align:center; text-decoration:none; text-transform:uppercase; width:373px; }
.head_submenu a.submenu_selected { background-image: url(../images/submenu_bg_selected.jpg); }
.head_submenu a span, .head_submenu a:visited span { padding: 9px 0; display: block;}
.head_submenu a.submenu_rukomet { float: right; }
.head_submenu a.submenu_porec span { background: transparent url(../images/porec_button.png) 0 100% no-repeat; }
.head_submenu a.submenu_rukomet span { background: transparent url(../images/rukomet_button.png) 5px 50% no-repeat; text-transform:none; }

.left_right_columns { width: 160px; float: left; margin-top: 10px;}
.center_column {background-color:#FFFFFF; float:left; height:414px; margin:10px 0 0 9px; width:380px;}
.right2_column {width:190px; float:left; margin-left:9px; display:inline; margin-top: 10px; /*background-color: Red;*/}

ul.main_menu_left_1 { height: 265px;  } /* visina menija da se plan grada spusti u ravninu contenta */
ul.main_menu_left_2 { height: 265px;  }
ul.main_menu_left_1 li a, ul.main_menu_left li a:visited { width: 150px; background: #238032 url(../images/main_menu_left_bg.jpg) 0 0 repeat-x; color: #fff; padding: 8px 5px; font-family: "Arial Black"; text-transform: uppercase; text-decoration: none; text-align: center; display: block; margin-bottom:4px; }
ul.main_menu_left_2 li a, ul.main_menu_left li a:visited { width: 150px; background: #238032 url(../images/main_menu_right_bg.jpg) 0 0 repeat-x; color: #fff; padding: 8px 5px; font-family: "Arial Black"; text-transform: uppercase; text-decoration: none; text-align: center; display: block; margin-bottom:4px; }
ul.main_menu_left_1 li a:hover{background: #156c20 url(../images/main_menu__hover.jpg) 0 0 repeat-x;}

ul.main_menu_right { height: 267px;  } /* visina menija da se plan grada spusti u ravninu contenta */
ul.main_menu_right li a, ul.main_menu_right li a:visited { width: 150px; background: #d40106 url(../images/main_menu_right_bg.jpg) 0 0 repeat-x; color: #fff; padding: 9px 5px; font-family: "Arial Black"; text-transform: uppercase; text-decoration: none; text-align: center; display: block; margin-bottom:5px; }
ul.main_menu_right li a:hover, ul.main_menu_left_2 li a:hover{background: #c94318 url(../images/main_menu_right_hover.jpg) 0 0 repeat-x;}
/*c94318*/

/*.plan_grada { width: 171px; height: 149px; margin-left:-3px; text-align: right; }
.plan_grada a, plan_grada a:visited { background: transparent url(../images/plan_grada.png) 0 0 no-repeat ;color:#FFFFFF; display:block; font-size:1.6em;font-weight:bold; height:39px; padding-right:20px; padding-top:110px; text-decoration:none; width:151px;}*/
.plan_grada { width: 171px; height: 149px; margin-left:-3px; text-align: right; }
.plan_grada a, plan_grada a:visited { background: transparent url(../images/plan_grada.png) 0 0 no-repeat ;color:#FFFFFF; display:block; font-size:1.6em;font-weight:bold; height:39px; padding-right:20px; padding-top:110px; text-decoration:none; width:151px;}


.web_camera { width: 150px; background: #10709c url(../images/main_menu_left_bg.jpg) 0 0 repeat-x; color: #fff; padding: 5px; font-family: "Arial Black"; text-transform: uppercase;  text-align: left; display: block;  }
.web_camera a, .web_camera a:visited { color: #fff; text-decoration: none; font-size:1.2em; }
.web_camera a img { border: 0 none; width: 150px; padding-top: 4px; } 

.footer { width: 748px; margin-top: 10px; background: #d40106 url(../images/main_menu_right_bg.jpg) 0 0 repeat-x;}
/*.footer a, .footer a:visited { color: #fff; font-size:1.4em; padding: 9px 5px; width: 239px; font-family: "Arial Black"; text-transform: uppercase; text-decoration: none; text-align: center; display: block; float: left;  }*/
.footer a, .footer a:visited { color: #ffffff; font-size:1.4em; padding: 9px 5px; width: 237px; font-family: "Arial Black"; text-transform: uppercase; text-decoration: none; text-align: center; display: inline-block; /* float: left;  */ }


#content_wrapper {font-size:1.3em; height:349px; overflow:hidden; padding:15px; position:relative; width:350px; } 

/*#down, #up { width: 204px; height: 35px; display: block; }*/
#down, #up {display:block; height:35px; width:188px;}
.button_up_CRO { float: left; background: transparent url(../images/button_up_cro.png) 0 0 no-repeat;  }
.button_down_CRO { float: right; background: transparent url(../images/button_down_cro.png) 0 0 no-repeat;  }

.button_up_ENG { float: left; background: transparent url(../images/button_up_eng.png) 0 0 no-repeat;  }
.button_down_ENG { float: right; background: transparent url(../images/button_down_eng.png) 0 0 no-repeat;  }

.novost {display: block; padding:10px; width: 170px; color:#ffffff; background:#156C20 url(../images/main_menu__hover.jpg) repeat-x scroll 0 0; border-bottom: solid 10px #156C20;}
.novost_date {}
.novost a, .novost a:visited{color:#ffffff; text-decoration: none; font-size: 10pt; }
.novosti p img{float:left; margin:3px 12px 12px 0;}
.novost_date a, .novost_date a:visited { display:inline; padding:4px 0; text-decoration:none; text-transform:uppercase; }
.novost h1 { margin:0 0 3px; }
.novost a h1 , .novost a:visited h1 { display: block; color:#ffffff; font-size: 12pt;}
#content_wrapper ul { margin-left: 12px; }
#content_wrapper ul li { background: transparent url(../images/bullet02.png) 0 6px no-repeat; padding-left: 11px; }
/*#content_wrapper ul li a, #content_wrapper ul li a:visited { background: transparent url(../images/bullet02.png) 0 6px no-repeat; padding-left: 11px; }*/

a#down:active, a#up:active {
/* background-position: 100% 0; outline: none; */ }

/* Scroller Box */
marquee { width: 650px;  height: 25px;  white-space: nowrap; }

marquee span { background: transparent url(../images/bullet01.png) 100% 50% no-repeat; color:#DDE9EF; font-size:1.3em; line-height:1.7em; padding-left:6px; padding-right:12px; }

/*FOTO ALBUM */
.fotoAlbumGal { margin-bottom:20px; }
.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: 120px; overflow:hidden;  background: #d8d8d8 url(images/album_bg.png) 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 img{float: left; padding-right: 4px; padding-left: 4px; padding-bottom: 8px;}

.main_content_fotos{float: right; width: 105px; padding-top: 2px; padding-left: 5px;}
.main_content_fotos img{padding-bottom: 8px;}
.cardif { padding-bottom:30px;}


/* ATTACHED FILES */
.center_column 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;}