/* info
--------------------------------------------------------
	Start:	15.02.2010.
	Name: 	Strukturni i pretpristupni fondovi EU u Hrvatskoj 
	Author:	BozooArt, www.bozooart.com
*/

/* Colors
----------------------------------------------- 
#4b4b55 = black (text)
#004494 = blue
#fcc521 = yellow

----------------------------------------------- */

/* Normalize
----------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content:''; }
hr { display: none; }
legend { display: none; }
input, textarea,  select { font: 1em Arial,Helvetica,sans-serif;  color: #494627;  }
img { margin: 0; padding: 0; }


/* Classes
----------------------------------------------- */
a 	{ text-decoration: none; color: #004494; }
a:hover { border: none; text-decoration: underline; }
a:focus { outline: none; }

blockquote { margin: 0 0 30px 50px; }
.clr { clear: both; }
.left { float: left; }
.center { text-align: center; }
.hide { display: none; }


/* General
----------------------------------------------- */
html, body { height: 100%; }
body 	{ font: 62.5%/1.7 Arial, Helvetica, sans-serif; background: #004494 url(img/bg.gif) no-repeat; color: #4b4b55; padding-bottom: 50px; text-align: justify; padding-top: 10px  }

#header { background: url(img/header.gif) no-repeat; width: 806px; height: 222px;  margin-bottom: 15px }
#header h1 { text-indent: -9999em;  }

p { margin-bottom: 30px; }

#container { width: 804px; margin: 0 auto 0; background: #fff; font-size: 1.4em; color: #666; opacity: .95; filter: alpha(opacity = 95); padding: 0 28px;   }
#content { padding: 30px 20px 60px; }
#content h2 {font-size: 2em; text-transform: uppercase; padding-bottom: 20px; color: #004494; font-weight: bold;  }
#content h3 { font-weight: bold; color: #000; font-size: 1.5em; color: #004494 }

#predavaci { margin: 0; }
#predavaci li { border-bottom: 1px solid #ccc; padding: 25px 0 25px}
#predavaci li.last { border: none; }
#predavaci li h3 { display: block; color: #004494; font-weight: bold; font-size: 1.1em }
#predavaci li em { color: #000; font-style: normal;  }
#predavaci li p { margin: 15px 0 0 }
#predavaci li .dl a { padding: 1px 0 0 30px; background: url(img/pdf.png) no-repeat;  }

#nav { height: 43px; }
#nav li { display: inline; float: left; text-transform: uppercase; margin-left: 0px; font-size: .9em }
#nav li a { color: #fff; display: block; padding: 10px 0 11px; text-shadow: 1px 1px 0 #00162f; text-align: center; background: #004494; }
#nav li a:hover { text-decoration: none; background: #fcc521; color: #004494; text-shadow: 1px 1px 0 #fff;   }
#nav li.active a { background: #fcc521; color: #004494; text-shadow: 1px 1px 0 #fff;    }
#nav li.nav1 a { width: 129px;  }
#nav li.nav2 a { width: 148px; }
#nav li.nav3 a { width: 108px; }
#nav li.nav4 a { width: 113px; }
#nav li.nav5 a { width: 212px; }
#nav li.nav6 a { width: 94px; }

#program { font-size: .9em; font-size: 12px   }
#program th { background: #fcc521; padding: 15px 10px 12px; font-size: 13px ; font-weight: bold; border: 1px solid #fff; text-shadow: 1px 1px 0 #fff; color: #000   }
#program td { padding: 10px; border: 1px solid #fff; background: #fff; text-align: left; vertical-align: top   }
#program .darken td { padding: 10px; border: 1px solid #fff; background: #fff8e8;  }
#program .col1 { width: 12%; font-weight: bold;  text-align: center; color: #000 }
#program .col2 { width: 20%; color: #004494; font-weight: bold;  }
#program .col3 { width: 60%; }
#program .col3 strong {  }
#program .col3 li { margin-top: 10px; }
#program .col3 li.fl { margin: 0 }
#program th.col2 { color: #000;  }

.img { border: 1px solid #ccc; padding: 5px; float: left; margin: 8px 40px 15px 0; }


.organizator .line { border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 40px }

#main { padding: 30px 0 60px 30px; height: 167px;  }
#main li { float: left; display: inline; }
#main li a { display: block; width: 225px; font-weight: bold; background: url(img/icons.png) no-repeat 10px 0; height: 167px; text-indent: -9999em;  }
#main li.govornici a { background-position: -220px 0;  }
#main li.prijava a  { background-position: -485px 0; margin-left: 20px }

#main li a:hover { background-position: 10px bottom; }
#main li.govornici a:hover { background-position: -220px bottom;  }
#main li.prijava a:hover  { background-position: -485px bottom }
#main li a strong { margin-top: 20px; display: block;  }
#main li a:hover { text-decoration: none; color: #fcc521; }

.pdf a:visited { text-decoration: line-through}
.pdf a:hover { text-decoration: underline }

#content.home { padding: 0px; margin: 0;  }
#content.home p { padding: 0px; margin: 0;  }
#content.home p strong { margin-top: 15px; display: block; color: #004494 }

#intro { padding: 20px; font-size: 1.1em; background: #f1f1f1; margin: 0 0 0px  }
#main_photo { margin: 20px 0; background: url(img/main_photo.jpg) no-repeat; width: 804px; height: 244px}

#footer { width: 790px; margin: 0 auto; background: url(img/footer.gif) no-repeat;  height: 203px; padding: 25px 0 0 70px }
#footer #org { float: left;  width: 390px  }
#footer dl { float: left; width: 400px; height: 110px; margin-bottom: 49px }
#footer dt { height: 12px; background: url(img/footer-title.gif) no-repeat; text-indent: -9999em;   }
#footer dd { display: inline; float: left;  }
#footer dd a { display: block; float: left; background: url(img/logos.gif) no-repeat; text-indent: -9999em;  }

#footer #org dt { width: 111px; margin-bottom: 50px  }
#footer #org dd.banka a { width: 121px; height: 28px; background-position: 0 -18px; margin-right: 40px }
#footer #org dd.razbor a { width: 173px; height: 28px; background-position: -124px -18px }

#footer #pokrovitelj dt { width: 186px; background-position: -111px 0;   }
#footer #pokrovitelj dd.hypo a { width: 206px; height: 47px; background-position: -309px -8px; margin: 40px 45px 0 0 }
#footer #pokrovitelj dd.desk a { width: 71px; height: 67px; background-position: -527px 0; margin-top: 35px }

#web { margin: 0 50px 0 0; text-align: right; height: 10px;  }
#web a { color: #004494; font-size: 11px }
#web a:hover { color: #fff; text-decoration: none;  }

#header { position: relative }
#banner { width: 804px; height: 135px;  margin: 0 auto; top: 30px; position: absolute; left: 50%; z-index: 10; top: 98px  }
#banner img { border: 1px solid #f1f1f1;  }

.list { padding: 20px 50px; }
.list li { margin-bottom: 20px; list-style-type: disc  }
.list li em { font-style: normal;  }

#sheraton { margin-top: -20px }

.prijavnica { margin: 5px 0 30px 50px }

.kot { margin: 0 auto 30px; width: 500px; background: #f2f2f2 }
.kot td { padding: 7px; border-bottom: 1px solid #fff;  }

#word { font-weight: bold; padding: 4px 0 6px 50px; background: url(img/word.gif) no-repeat;  }


.pdf { background: url(img/pdf-22.png) no-repeat 0 3px; padding: 0 0 0 30px !important; margin-top: 20px !important }
.pdf a {  color: #666; font-weight: bold; }
.pdf a:hover { color: #004494; text-decoration: underline; }
#content .pdf a strong { color: #666;  }