/*************************************************
*  Gradska Knjiznica Porec                       *
*  CSS document http://www.www.knjiznicaporec.hr *
*  Copyright (c) 2010. Coding by Davor Peic      *
*  http://www.infosit.hr  davor@infosit.hr		 *
*************************************************/

body { 	margin: 0; padding: 0px;  font-family:"Helvetica", "Arial"; font-size: 62.5% ; padding-bottom: 30px; line-height: 1.7em; color:#666666; background-color: gray; text-align: left; }
form {margin:0px; padding:0px;}
br{font-size:1em;}
textarea, select { background:#ffffff; color:#000000; font-size:9pt; } 
img, a img, a:visited img {border: 0px none; text-decoration: none;}

a:link {	color:#414141; text-decoration:underline;} 
a:visited { color:#414141; text-decoration:underline; }
a:hover { color: #f6821f; text-decoration:none;}

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

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

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

h3, h4, h5, h6 {color:#dc5a28; font-size:1.4em; text-transform: none; margin:2px 0px 7px 0px;}
h3 a:link, h3 a:visited { color:#dc5a28; text-decoration: none; }
h3 a:hover {text-decoration: underline; color: #557d97;}

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:"trebuchet MS", "Arial";border: 1px solid #c9c9c9; background: #fff url(../cms_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; }

.clear { clear:both; }
/* Clearfix */
.clearfix:after { content: "." !important; display: block !important; height: 0 !important; clear: both !important; visibility: hidden !important; }
.clearfix { display: inline-block !important; clear: both; }  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1% !important;}
.clearfix {display: block !important;}
/* End Holly Hack */

/* ATTACHED FILES */
#content ul,ul.attachedFiles { padding:5px 10px 10px 10px; }
#content ul li, .contentBottom ul li  { background: transparent url(../cms_images/bullet01.png) 0 5px no-repeat; padding-left: 13px; }
#content 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(../cms_images/icon_doc.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_xls a { background-image: url(../cms_images/icon_xls.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_ppt a { background-image: url(../cms_images/icon_ppt.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_img a { background-image: url(../cms_images/icon_img.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_pdf a { background-image: url(../cms_images/icon_pdf.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_zip a { background-image: url(../cms_images/icon_default.png); background-position: 0% 50%; background-repeat: no-repeat;}

/*CONTACT FORM*/
.kontaktForma{ width: 370px;}
.kontaktForma h1{font-size:12pt; padding:0px; margin:0px; padding-bottom: 8px;}
.kontaktForma input{/*padding:2px;*/ border:1px solid #EAEAEA; }
.kontaktForma label{float:left; width:165px;}
.inputTextbox {float:right; padding:7px 5px; /*dodao */ width:182px;}
.inputTextarea{float:left; width:357px; border:solid 1px #EAEAEA; font-size:1em; }
.inputCheckbox{float:left;}
.spaceHeight{float:left; height:25px;}
.floatLeft{float:left; width: 360px; padding-top:4px; padding-bottom:5px;}
.kontakt_button{padding-left: 4px;}
.floatRight{ float: right; width: 245px; margin: 0 0 10px 10px; }

/*PHOTOALBUM*/
.fotoAlbumGal{float: left; margin:2px 2px 3px 10px; }
h1.path_albuma a, h1.path_albuma a:visited{text-decoration: underline; text-transform: uppercase; }
h1.path_albuma a:hover{text-decoration: none;}
.galleryThumbsTitle{padding-top: 3px;}
span.tmub22,.tmub22 img {border:0 none; padding:0; float:left;}
.tmub22 a, .tmub22 a:visited{overflow:hidden; border: solid 3px #cccccc; padding: 0px; text-decoration:none; float:left; margin-right:8px;
margin-bottom:8px;}
.chkBoxSlika{float: left; color:#666666; font-size: 8pt; padding-top: 5px; width:20px; height:20px; overflow:hidden;}
span.chkBoxSlikaTekst{float: left; padding-top: 6px; width: 110px;}
.navigacija_batuni{float:left; width: 600px;}
a.thumbFotos, a.thumbFotos:visited {background:#F5ECCA url(../cms_images/thumb_bg.jpg) repeat-x scroll left top;/*border:1px solid #BBBBBB; komentirao
*/float:left;height:140px;margin-bottom:8px;margin-right:8px;overflow:hidden;/*padding:5px; komentirao*/position:relative;text-decoration:none;width:140px; }
.galleryThumbsTitle {background:transparent url(../cms_images/big_img_box.png) repeat scroll 0 0; /*koristim onu slikicu
od head boxa za onaj text, pa ako ces mozes kopirat slikicu i izmjenit ime
da je imamo ko univerzalno
*/bottom:0;color:#FFFFFF;display:block;left:0;padding:5px;position:absolute; width:130px;z-index:10;}
a.thumbFotos:hover .galleryThumbsTitle { text-decoration:underline;}

/*NAVIGATION*/
.pagebarUTH {float: left; width: 350px; font-size: 1em;font-family:verdana; margin-top: 12px; /*border: 1px solid #FFF;*/ /*background: #FFF;*/ text-decoration: none; }
.pagebarUTH a, .pageList .this-page {color: #693; text-decoration: underline;border: 1px solid orange; text-decoration: none; padding: 0.2em 0.5em; }
.pagebarUTH a:hover {border: 1px solid #693;} 
.pagebarUTH a:visited {color: #693; text-decoration: underline; border: 1px solid orange; text-decoration: none; padding: 0.2em 0.5em; }
.pagebarUTH .break { padding: 2px 6px; border: none; background: #FFF; text-decoration: none; }
.pagebarUTH .this-page { border: 1px solid #693; padding: 0.2em 0.5em; font-weight: bold; background: #ccc; color: #FFF; }
.pagebarUTH a:active{color: #360; text-decoration: underline;}

/* PAGE CONTENT ***********************************************************************************************************/

#wrapper { width: 900px; margin: 10px auto; background-color: #fff; }

.head_translate { float: right; width: 500px; color: #818181; font-size: 1.2em; padding:7px 10px; text-align:right;}
.head_translate a, .head_translate{color: #818181; text-decoration: none; }
.head_translate a:hover { text-decoration: underline; }
a.head_logo {width: 140px; height: 110px; float: left; display: block; background: transparent url(../cms_images/logo.jpg) 50% 50% no-repeat; text-indent:-9999px;}
#menu { width: 760px; float: right; margin-top:10px; }
#menu li { float: left; width: 107px; margin-left: 1px;}
#menu li a, #menu li a:visited { position: relative; display: block; text-align: center; background-color: #666666; border-top: 12px #f78222 solid; padding-top: 12px; min-height: 41px;font-size:1.3em; text-decoration: none; color: #fff; }
#menu li a span { position: absolute; text-decoration: none; bottom: 5px; display: block; width: 107px; left: 0; text-align: center; }
#menu li a:hover { border-color: #fa670f; background-color: #5c5c5c;}

.content_home {margin-top:3px; }
.content_news { width: 595px; padding: 10px; background-color: #cccccc; float: left; min-height:193px; list-style:none; }
.content_news h5 { border-bottom: solid 1px #666666; display: block; color: #666666;font-size:1.2em; }
.content_news h5 span { float: right; font-weight: normal; }
.content_news_arhiva {float: right; margin-left: 5px; padding: 3px; border:solid 1px #666;}
.content_news_arhiva a, .content_news_arhiva a:visited {text-decoration: none; text-transform: uppercase;}
.content_news_arhiva a:hover{text-decoration: underline; color:#666;}
.content_news ul li img { float: left; margin: 0 10px 10px 0;}
.content_news ul li { font-size: 1.2em; margin-bottom:5px;}
.content_news ul li h2 {font-size:1.1em; font-weight:bold; margin:0; padding:0; padding-bottom:1px; text-transform:uppercase; display: inline;} 
.content_news ul li h2 em { font-weight: normal;}

.home_banners_right { float: right; display: block; width: 280px; overflow: hidden; }

#bottom_links { border-top:solid 1px #666666;  border-bottom:solid 1px #666666; padding: 10px 4px; margin: 10px 0; }
#bottom_links li { float: left; width: 108px; height: 245px; margin-right:4px;}
#bottom_links li:last-child { margin-right: 0; }
#bottom_links li a, #bottom_links li a:visited { display: block; width: 108px; height: 245px; position: relative; text-decoration: none; font-weight: bold; color: #fff; font-size: 1.1em; }
#bottom_links li a span { width: 98px; position: absolute; left: 0; bottom: 0; text-align: center; min-height: 45px; padding: 10px 5px; background: #343434 url(../cms_images/bottom_links_bg.png) 0 0 repeat-x; line-height:1.3em;}
#bottom_links li.bottom_links_0 { background: transparent url(../cms_images/bottom_links_0.jpg) 0 0 no-repeat; }
#bottom_links li.bottom_links_1 { background: transparent url(../cms_images/bottom_links_1.jpg) 0 0 no-repeat; }
#bottom_links li.bottom_links_2 { background: transparent url(../cms_images/bottom_links_2.jpg) 0 0 no-repeat; }
#bottom_links li.bottom_links_3 { background: transparent url(../cms_images/bottom_links_3.jpg) 0 0 no-repeat; }
#bottom_links li.bottom_links_4 { background: transparent url(../cms_images/bottom_links_4.jpg) 0 0 no-repeat; }
#bottom_links li.bottom_links_5 { background: transparent url(../cms_images/bottom_links_5.jpg) 0 0 no-repeat; }
#bottom_links li.bottom_links_6 { background: transparent url(../cms_images/bottom_links_6.jpg) 0 0 no-repeat; }
#bottom_links li.bottom_links_7 { background: transparent url(../cms_images/bottom_links_7.jpg) 0 0 no-repeat; }
#bottom_links li a:hover span { padding-bottom: 20px; }

#bottom_oglasi {border-bottom:solid 1px #666666; padding: 10px 0; margin: 10px 0;}
#bottom_oglasi h5 {border-bottom: solid 1px #666666; display: block; color: #666666;font-size:1.2em; padding: 0 5px;}

#bottom_oglasi ul li {/*background:url("../cms_images/box.jpg") repeat-x scroll 0 0 transparent;*/ float:left; height:91px; list-style:none outside none; margin:2px; padding:0px; text-align:center; width:173px;}

#footer { position: relative; text-align: center; font-size:1.2em; padding-bottom:20px; }
.footer_audio { position: absolute; right: 10px;  font-weight: bold; }
.footer_audio a, .footer_audio a:visited { text-decoration: none; font-weight: normal; }

#content { font-size: 1.3em; padding: 25px;}

.content_galerija { float: right; display: inline; width: 210px; margin: 15px 0 30px 30px; }
.content_galerija a { display: block; margin-bottom: 10px; border: solid 3px #dedede; padding: 2px; }
.content_galerija a:hover {border-color:#bbbbbb; }

.map_iframe{width: 850px; height: 360px;}


#prijavnica table input,
#prijavnica table textarea {width: 240px;}
#prijavnica table#_ctl0_contentplaceholder1_UC_prijavnica1__ctl3 input,
#prijavnica table#_ctl0_contentplaceholder1_UC_prijavnica1__ctl5 input {width: 50px;}

table.table-instanca-2{width: 560px; }


.news_head { font-family:"Georgia"; margin-bottom:5px;}

.news_head a, .news_head a:visited { border: 1px solid #666666; float: right; display: block; color: #454545; text-decoration: none; font-size: 1.2em;  text-transform: uppercase; background: transparent url(../cms_images/home_news_arhiva.jpg) 100% 50% no-repeat; padding: 4px 10px 4px 4px; }
.news_head a:hover { text-decoration: underline; color: #454545; }
.news_head h2 { font-size: 1.8em; font-weight: normal; color:#454545; text-transform: uppercase; padding-bottom:0; margin-top:0; }