/***********************************************************************************************************
**************************************** B A S I C S *******************************************************
************************************************************************************************************/
@charset "iso-8859-2";
* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.logoPuls, .logo220 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFCC33;
	background-color: #000000;
	text-decoration: line-through;
	padding: 1px 2px 1px 2px;
	line-height: 14px;
}
.logo220 {
	background-image: url(/images/logoP220srce14x14.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 1px 2px 1px 15px;
}
.logoElembe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	background-color: #000000;
	padding: 1px;
	text-transform: capitalize;
}
.logoSport {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	padding: 1px 1px 1px 14px;
	background-image: url(/images/iconLopta12x12.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #000000;
}
body {
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	padding: 20px 0;
	color:#333333;
}
h3 {
	padding: 10px 0;
	font-size: 14px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
}
h4 {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #333333;
}
h5 { /*Thumb naslov*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #990000;
	background-repeat: repeat;
	text-align: center;
	margin: 20px 0 5px 0;
}
h6 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	text-align: center;
	padding: 10px;
	letter-spacing: 4px;
	border-bottom: 10px solid #333;
	text-transform: uppercase;
	border-top: 20px solid #333;
	margin: 0 -20px 20px -20px;
}
p {
	font-size: 12px;
	color: #333333;
	text-align: justify;
	padding-bottom: 10px;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.precrtano {
	text-decoration: line-through;
}
.red {
	color: #CC0000;
}
.green {
	color: #006600;
}
a[href^="http:"] {
	background-image: url(/images/iconExLinkBlack.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
	padding-right: 12px;
}
#footer a[href^="http:"],
#vrijemeModul a[href^="http:"],
#calendarModul a[href^="http:"] {
	background: none;
	padding-right: 0;
}
/**** Tooltips *****/
a.tooltip {
	position: relative;
	text-align: center;
	vertical-align: baseline;
}
a.tooltip span {
	display: none;
}
body#prijaveIndex a.tooltip:hover span,
body#cjenikIndex a.tooltip:hover span,
body#prijaveTestiranje a.tooltip:hover span,
body#prijaveLijecnicki a.tooltip:hover span,
body#prijaveDov a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 1em;
	left: 2em;
	background-color: #FF6600;
	background-repeat: repeat;
	border: 1px solid #333333;
	width: 200px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: none;
	color: #FFFFFF;
	text-align: justify;
}
a.tooltip:hover {
	font-size: 100%; /* fixes bug in IE5.x/Win */
}
/******************************/
#stupacSrednji a.vise,
#stupacSrednji a.back,
#stupacSrednji a.forward {
	line-height: 28px;
	text-decoration: none;
	height: 16px;
	padding: 2px 20px 2px 2px;
	margin-bottom: 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(../images/info16x16.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#stupacSrednji a.back {
	background-image: url(../images/iconBack16x16.png);
}
#stupacSrednji a.forward {
	background-image: url(../images/iconForward16x16.png);
}
#stupacSrednji a.vise:hover,
#stupacSrednji a.back:hover,
#stupacSrednji a.forward:hover {
	text-decoration: none;
	background-color: #EBEBEB;
}
/***********************************************************************************************************
******************************* H I G H L I G H T   L I N K S  *********************************************
************************************************************************************************************/
body#pocetna a#pocetnaLink,
body.pripremeBody a#pripremeLink,
body.uslugePlusBody a#uslugePlusLink,
body.cjenikBody a#cjenikLink,
body.prijaveBody a#prijaveLink,
body#kontaktIndex a#kontaktLink,
body.faqBody a#faqLink,
body.ostaleInfoBody a#ostaleInfoLink,
body.galerija a#galerijeLink,
body#sitemap a#sitemapLink
{
	color: #FFFFFF;
	background-image: url(../images/podTopNav.jpg);
	cursor: default;
}
/***********************************************************************************************************
**************************************** H E A D E R *******************************************************
************************************************************************************************************/
#headerWrapper {
	height: 300px;
	background-color: #333333;
	padding-top: 20px;
}
#header {
	margin: 0 auto;
	height: 299px !important;
	height: 300px;
	border-top: solid 1px #000000;
	width: 900px;
	position: relative;
	clear: both;
	background-color: #333333;
	background-image: url(../images/headerPic2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#navigacija1Div {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 900px;
	height: 40px;
	z-index: 20;
	background-color:#333333;
	background-image: url(../images/podTopNav2.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}
#header ul {
	list-style-type: none;
}
#header li {
	display: inline;
	margin: 0;
}
#header ul a {
	padding: 13px 10px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: 40px;
	line-height: 40px;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}
#header a:hover, #header a:active {
	color: #FFFFFF;
	background-image: url(../images/podTopNav.jpg);
}
#bookmark {
	width: 113px;
	margin: 3px auto 0 auto;
	font-size: 9px;
	color: #FFFFFF;
}
#bookmark a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#FF9900;
	text-decoration: none;
}
#bookmark a:hover, #bookmark a:active {
	background-image: none;
	text-decoration: underline;
	color:#FF9900;
}
/****************************************************************************************************
********************************** H E A D E R 2   L I N K O V I ************************************
*****************************************************************************************************/
.header2Wrapper {
	background-color:#333333;
}
.header2Linkovi {
	width: 900px;
	clear: both;
	margin: 0 auto;
}
.header2Linkovi ul {
	list-style-type: none;
	background-color: #FF9801;
	border-top: solid 1px #000000;
	padding: 0 5px;
}
.header2Linkovi li {
	display: inline;
}
.header2Linkovi a {
	padding: 6px 10px 6px 22px;
	font-size: 12px;
	line-height: 27px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background-color: #FF9801;
	background-image: url(../images/trkac14pxBlack.png);
	background-repeat: no-repeat;
	background-position: 2px center;
}
.header2Linkovi a:hover, #header2Linkovi a:active
 {
	color: #FFFFFF;
	background-image: url(../images/trkac14pxWhite.png);
}
/****************************************************************************************************
********************************** H E A D E R 3   L I N K O V I ************************************
*****************************************************************************************************/
.header3Wrapper {
	background-color:#333333;
}
.header3Linkovi {
	width: 900px;
	clear: both;
	margin: 0 auto;
}
.header3Linkovi ul {
	list-style-type: none;
	background-color: #990000;
	padding: 0 5px;
}
.header3Linkovi li {
	display: inline;
}
.header3Linkovi a {
	padding: 3px 7px 3px 7px;
	font-size: 10px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
.header3Linkovi a:hover, #header3Linkovi a:active {
	color: #FF9801;
}
/****************************************************************************************************
**************************************** K O N T E J N E R ******************************************
*****************************************************************************************************/
#kontejner {
	margin: 0 auto;
	width: 900px;
	position: relative;
	clear: both;
	background-image: url(../images/podKontejner.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#stupacLijevi {
	float: left;
	width: 160px;
}
#stupacDesni {
	float: right;
	width: 160px;
}
#stupacSrednji {
	float: left;
	width: 540px;
	margin-left: 20px;
	padding-bottom: 20px;
	position: relative;
}
/****************************************************************************************************
************************************ S T U P A C   S R E D NJ I *************************************
*****************************************************************************************************/
#stupacSrednji ul, #stupacSrednji ol {
	list-style-position: outside;
	padding-bottom: 10px;
	padding-left: 30px;
}
#stupacSrednji li {
	padding-bottom: 5px;
}
#stupacSrednji a {
	color: #FF6600;
	text-decoration: none;
}
#stupacSrednji a:hover, #stupacSrednji a:active {
	text-decoration: underline;
}
.fotoFloatRight {
	float: right;
	margin: 0 0 0 5px;
	border: 1px solid #333333;
}
.fotoFloatLeft {
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #333333;
}
.fotoNoFloat {
	margin: 5px 0;
	border: 1px solid #333333;
	clear: both;
}
.printLinkp {
	text-align: center;
	margin: 20px 0px;
	line-height: 24px;
}
.printLinkp a {
	background-image: url(../images/iconPrinter24x24.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
/****************************************************************************************************
******************************************* F O O T E R *********************************************
*****************************************************************************************************/
#footer {
	position: relative;
	background-image: url(../images/podKontejner.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 900px;
	margin: 0 auto;
}
#footerInnerDiv {
	height: 90px;
	padding-top: 48px;
	border-bottom: solid 1px #000000;
	text-align: center;
	font-size: 10px;
	background-image: url(../images/podlogaFooter.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#footerInnerDiv a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FF9900;
	text-decoration: none;
}
#footerInnerDiv a:hover, #footerInnerDiv a:active {
	text-decoration: underline;
	color:#FF9900;
}
#w3c {
	height: 15px;
	width: 170px;
	margin: 10px auto;
	clear: both;
}
.w3cPics {
	padding: 0px 2px 0px 2px;
	display: inline;
}

/****************************************************************************************************
****************************************** S H A D O W S ********************************************
*****************************************************************************************************/
.shadowRight {
	background-image: url(../images/shadowRight.png);
	background-repeat: repeat-y;
	background-position: right top;
	width: 920px;
	margin: 0 auto;
}
.shadowLeft {
	background-image: url(../images/shadowLeft.png);
	background-repeat: repeat-y;
	background-position: left top;
}

/****************************************************************************************************
******************************************* M O D U L I *********************************************
*****************************************************************************************************/
.modul {
	border-bottom: 4px solid #cc3300;
	margin: 20px 5px;
	display: block;
	position: relative;
}
.modul li {
	border-left: 4px solid #cc3300;
	border-right: 4px solid #cc3300;
	list-style-type: none;
	background-color: #ff9900;
}
.naslovModula {
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	text-indent: 30px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right center;
}
#naslovModulaFaq {
	background-image: url(../images/podlogaModulNaslovFaq.png);
}
#naslovModulaNovosti {
	background-image: url(../images/podlogaModulNaslovNovosti.png);
}
#naslovModulaMozda {
	background-image: url(../images/podlogaModulNaslovMozda.png);
}
#naslovModulaLinkovi {
	background-image: url(../images/podlogaModulNaslovLinkovi.png);
}
#naslovModulaPdf {
	background-image: url(../images/podlogaModulNaslovPdf.png);
}
#naslovModulaProfesori {
	background-image: url(../images/podlogaModulNaslovProfesori.png);
}
#naslovModulaKandidati {
	background-image: url(../images/podlogaModulNaslovKandidati.png);
}
#naslovModulaSearchBox {
	background-image: url(../images/podlogaModulNaslovPretraga.png);
}
#naslovModulaCountdown {
	background-image: url(../images/podlogaModulNaslovCountdown.png);
}
#naslovModulaVrijeme {
	background-image: url(../images/podlogaModulNaslovVrijeme.png);
}
.modul a {
	text-decoration: none;
	display: block;
	padding: 3px;
	background-image: url(../images/trkac14pxBlack.png);
	background-repeat: no-repeat;
	background-position: 2px center;
	text-indent: 20px;
	line-height: 16px;
	height: 16px;
}
.modul a:hover, .modul a:active {
	color: #FFFFFF;
	background-color: #CC0000;
	background-image: url(../images/trkac14pxWhite.png);
}

/********************************* M O D U L 2 *********************/
.modul2 {
	margin: 20px 5px;
	background-color: #FFCC00;
}
.modul2 p {
	padding:  0px 10px 10px 10px;
	text-align: justify;
}
.modul2 a {
	color: #990000;
	text-decoration: underline;
}
.modul2 a:hover, modul2 a:active {
	text-decoration: none;
}
.modul2 .naslovModula {
	background-color: #333;
}
.modul2Border {
	border: 3px solid #CC3300;
	border-top: none;
	position: relative;
}
.modul2Border p {
	margin: 0;
	padding: 5px;
}
.naslovTekstaModula {
	font-weight: bold;
	padding: 10px 10px 0px 10px;
	display: block;
	color:#333333;
}
#pdfModul p {
	padding-top: 10px;
}
#pdfModul #brosuraButton {
	width: 140px;
	height: 60px;
	background-image: url(../images/brosuraDownload.png);
	display: block;
	margin: 10px auto;
}
#faqModul, 
#profesoriModul,
#kandidatiModul,
.searchBoxModul {
	background-color: #ff9900;
}
#faqModul ul, 
#profesoriModul ul,
#kandidatiModul ul {
	padding: 5px;
}
#faqModul li, 
#profesoriModul li,
#kandidatiModul li {
	list-style-position: inside;
	list-style-type: decimal;
	padding: 5px;
	text-align: justify;
}
#faqModul a, 
#profesoriModul a,
#kandidatiModul a,
#linkoviModul a {
	color: #000000;
	text-decoration: none;
}
#kandidatiModul a:hover, #kandidatiModul a:active,
#profesoriModul a:hover, #profesoriModul a:active,
#faqModul a:hover, #faqModul a:active {
	color: #FFFFFF;
	background-color: #CC0000;
}
#linkoviModul a:hover, #linkoviModul a:active {
	text-decoration: underline;
}
#linkoviModul p {
	text-align: left;
}
.searchBoxModul {
	display: block;
	padding: 10px;
}
#kalendarDiv {
	width: 150px;
	margin: 10px auto;
}
#dropcontentsubject{
	font-weight: bold;
	padding: 10px 5px;
	text-align: center;
	height: 25px;
}
.dropcontent{
	height: 80px;
	background-color: #FFCC00;
	padding: 3px;
	display:block;
}
#novostiDetaljnijeLink {
	background-repeat: no-repeat;
	display: block;
	margin: 10px auto;
	text-align: center;
	background-image: url(../images/buttonDetaljnije.png);
	height: 23px;
	width: 90px;
}
.dropcontent .naslovTekstaModula {
	padding-top: 0;
}
/****************************************************************************************************
*************************************** P E G I N A C I J A *****************************************
*****************************************************************************************************/
.pagination{
	padding: 2px;
	clear: both;
	margin: 15px 0 0 0;
	font-size: 16px;
	text-align: center;
}
.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}
.pagination a {
	padding: 0 5px;
	border: 1px solid #FF6600;
	text-decoration: none;
	color: #FF6600;
}

body#pripremeIndex .pagination a:hover, .pagination a:active,
body#galerija2007fotoLjetne .pagination a:hover, .pagination a:active,
body#galerija2008fotoLjetne .pagination a:hover, .pagination a:active,
body#galerija2009fotoLjetne .pagination a:hover, .pagination a:active,
body#galerija2009fotoPrijemni .pagination a:hover, .pagination a:active {
	border: 1px solid #2b66a5;
	color: #FFFFFF;
	background-color: #FF6600;
	text-decoration: none;
}

body#pripremeIndex .pagination a.currentpage,
body#galerija2007fotoLjetne .pagination a.currentpage,
body#galerija2008fotoLjetne .pagination a.currentpage,
body#galerija2009fotoLjetne .pagination a.currentpage,
body#galerija2009fotoPrijemni .pagination a.currentpage,
body#profesori .pagination a.currentpage {
	background-color: #333333;
	color: #FF6600 !important;
	border-color: #333333;
	font-weight: bold;
	cursor: default;
}

body#pripremeIndex .pagination a.disablelink, body#pripremeIndex .pagination a.disablelink:hover,
body#galerija2007fotoLjetne .pagination a.disablelink, body#galerija2007fotoLjetne .pagination a.disablelink:hover,
body#galerija2008fotoLjetne .pagination a.disablelink, body#galerija2008fotoLjetne .pagination a.disablelink:hover {
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.pagination a.prevnext {
	font-weight: bold;
}
/****************************************************************************************************
******************************************  T A B L I C E  ******************************************
*****************************************************************************************************/
table {
	margin: 5px 0 8px 0;
}
table th, table td {
	font-size: 11px;
	text-align: center;
	padding: 2px;
	vertical-align: middle;
}
table th {
	color: #FF6600;
	background-color: #000000;
	font-weight: bold;
	padding: 4px;
}
.tableHeaderLeft {
	text-align: left;
	padding-left: 10px;
}
table td {
	font-size: 10px;
}
.tableHeader2 {
	color: #FFFFFF;
	background-color: #333333;
	font-size: 9px;
}
.tablePraznoPolje {
	background-color: #CCCCCC;
}
.tableTopLeftCell {
	color: #FFFFFF;
	background-color: #FF6600;
}
body#pripremeUsporedi #stupacSrednji p,
body#cjenikIndex #stupacSrednji p {
	font-size: 10px;
	padding-bottom: 5px;
}
/****************************************************************************************************
****************************************** H A C K O V I ********************************************
*****************************************************************************************************/
.clearfloat { /* Ispravlja bug kod kojeg srednji stupac ne stoji na svom mjestu. This class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearing { /* Ovo ispravlja bug za FF i IE6 kod ne prikazavanja podloga. Èini se da gornji hack ispravlja bug za FF, ali ovaj ipak treba za IE6 */
	clear: both;
	height: 1px;
	margin-bottom: -1px;
}

/****************************************************************************************************
******************************************* B A N E R I *********************************************
*****************************************************************************************************/
a#bannerKm, #banerLijecnickiPregled, #banerDaniOtvorenihVrata {
	margin: 20px auto;
	padding: 0;
	height: 200px;
	width: 150px;
	background-repeat: no-repeat;
	background-position: center center;
	border-style: none;
	display: block;
}
a#bannerKm {
	height: 140px;
	width: 146px;
	padding-top: 90px;
	background-image: url(/images/JaKmPredavanje150x77.jpg);
	background-position: center top;
	background-color: #0033FF;
	border: 2px solid #000000;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}
a#bannerKm:hover {
	background-color: #0000CC;
}
a#bannerKm span {
	font-size: 14px;
	color: #FFFF00;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #FF0000;
	display: block;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 5px 0;
	padding: 5px 0;
}
#banerLijecnickiPregled {
	background-image: url(/images/banerLijecnicki.png);
	height: 150px;
}
#banerDaniOtvorenihVrata {
	background-image: url(/images/daniOtvorenihVrata.jpg);
	height: 220px;
}