@import url("navigation.css");

html {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(../layout/bg.jpg) repeat-x;
}
.cleared {
	clear: both;
	font-size: 1px;
}
a {
	font-weight: bold;
}
a:link {
	color: #00417A;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #032C4F;
}
a:hover {
	text-decoration: none;
	color: #AB1616;
}
a:active {
	text-decoration: none;
	color: #00417A;
}
#wholeCntWrapper {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF url(../layout/contentEdge.gif) repeat-y;
	height: auto;
}
#wholeCntWrapperExt {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	border: 1px solid #00457E;
	background: #FFFFFF;
}
#cntWrapper {
	width: 962px;
	margin-right: auto;
	margin-left: auto;
	background: url(../layout/contentEdges.gif) no-repeat;
	padding-left: 4px;
	padding-right: 4px;
}
#header {
		background: url(../layout/mainHeaderNew.gif) no-repeat;
		height: 125px;
		width: 962px;
		padding-top: 7px;
}
#headerExt {
	background: url(../layout/mainHeaderSmallNew.gif) no-repeat;
	height: 69px;
	width: 500px;
	border-bottom: 1px solid #00457E;
	margin: 0px;
}
#header #logo {
		width: 570px;
		margin-right: auto;
		margin-left: auto;
		height: 91px;
}

/*LEFT COL*/

#leftCol {
	width: 184px;
	float: left;
}
#cntCol {
	width: 594px;
	float: left;
}
#rightCol {
	width: 184px;
	float: right;
}
#pageFooter {
	width: 970px;
	clear: both;
	background: url(../layout/pageFooter.gif) no-repeat;
	height: 80px;
	font-size: 1.1em;
}
#pageFooterExt {
	width: 500px;
	clear: both;
	background: url(../layout/pageFooterSmall.gif) no-repeat;
	height: 80px;
	font-size: 1.1em;
}
#pageFooter #copyrightLine {
	width: 860px;
	position: relative;
	top: 57px;
	left: 100px;
}
#pageFooterExt #copyrightLine {
	width: 420px;
	position: relative;
	top: 57px;
	left: 70px;
}
#pageFooter p#copyright, #pageFooterExt p#copyright {
	float: left;
	margin: 0px;
}
#pageFooter p#madeBy, #pageFooterExt p#madeBy {
	float: right;
	margin: 0px;
}
#leftCol #nasaPonuda {
	width: 184px;
	background: url(../layout/header_01.gif) no-repeat;
	height: 27px;
	font: bold 1.5em Arial, Verdana, sans-serif;
	color: #093B61;
	padding-top: 11px;
	margin: 0px;
	text-align: center;
}
#survey, #newsletter, #searchSite {
	margin: 0px 0px 10px;
	padding: 0px;
}
#survey h2, #searchSite h2 {
	background: url(../layout/headerer.jpg) no-repeat;
	height: 22px;
	width: 184px;
	margin: 0px;
	font: bold 1.5em Arial, Verdana, sans-serif;
	color: #093B61;
	padding-top: 21px;
	text-align: center;
}
#survey table {
	width: 97%;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}
#survey td {
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	font-size: 1.1em;
}
#survey td#cntrd {
	text-align: center;
	padding-top: 10px;
}
#btnVote, #btnResults, #btnPonisti, #btnPosalji {
	height: 21px;
	width: 73px;
	border-style: none;
	margin: 0px;
	padding: 0px;
}
#btnSubmitEmail, #btnSubmitSearch {
	height: 21px;
	width: 20px;
	border-style: none;
	margin: 0px;
	padding: 0px;
}
#btnVote {
	background: url(../layout/btn_glasaj.gif) no-repeat;
}
#btnResults {
	background: url(../layout/btn_rezultati.gif) no-repeat;
}
#btnSubmitEmail, #btnSubmitSearch {
	background: url(../layout/btn_newsletter.gif) no-repeat;
}
#btnPonisti {
	background: url(../layout/btn_ponisti.gif) no-repeat;
}
#btnPosalji {
	background: url(../layout/btn_posalji.gif) no-repeat;
}
#btnVote:hover, #btnVote:focus, #btnResults:hover, #btnResults:focus {
	background: url(../layout/btn_glasaj.gif) no-repeat 0px -21px;
}
#btnResults:hover, #btnResults:focus {
	background: url(../layout/btn_rezultati.gif) no-repeat 0px -21px;
}
#btnSubmitEmail:hover, #btnSubmitEmail:focus, #btnSubmitSearch:hover,  #btnSubmitSearch:focus {
	background: url(../layout/btn_newsletter.gif) no-repeat 0px -21px;
}
#btnPonisti:hover, #btnPonisti:focus {
	background: url(../layout/btn_ponisti.gif) no-repeat 0px -21px;
}
#btnPosalji:hover, #btnPosalji:focus {
	background: url(../layout/btn_posalji.gif) no-repeat 0px -21px;
}

/*END LEFT COL*/

/*RIGHT COL*/

#rightCol #prezentacije {
	width: 184px;
	background: url(../layout/header_02.gif) no-repeat;
	height: 27px;
	font: bold 1.5em Arial, Verdana, sans-serif;
	color: #093B61;
	padding-top: 11px;
	margin: 0px;
	text-align: center;
}
.presentNewsList {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 180px;
	font-size: 1.1em;
}
.presentNewsList li {
	background: url(../layout/bulletList.gif) no-repeat left 4px;
	padding-left: 11px;
	margin-bottom: 10px;
}
.presentNewsList em.red {
	font-style: normal;
	color: #AB1616;
}
#news h2 {
	background: url(../layout/headerer.jpg) no-repeat;
	height: 22px;
	width: 184px;
	margin: 0px 0px 10px;
	font: bold 1.5em Arial, Verdana, sans-serif;
	color: #093B61;
	padding-top: 21px;
	text-align: center;
}
#newsletter h2 {
	background: url(../layout/headerer.jpg) no-repeat;
	height: 22px;
	width: 184px;
	margin: 0px;
	font: bold 1.5em Arial, Verdana, sans-serif;
	color: #093B61;
	padding-top: 21px;
	text-align: center;
}
#newsletter p {
	margin: 10px 0px 0px 12px;
	width: 166px;
	font-size: 1.1em;
	vertical-align: bottom;
}
input.txtBox, textarea.txtBox {
	background: #FFFFFF url(../layout/bgInput.gif);
	border: 1px solid #B9D7ED;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#newsletter table, #searchSite table {
	width: 160px;
	margin: 5px auto;
}
#newsletter td, #searchSite td {
	text-align: left;
	vertical-align: middle;
	padding: 2px;
}

/*END RIGHT COL*/
/*CONTENT COL*/

#bannerHolder {
	width: 560px;
	margin: 17px auto 10px;
}
.mdlCntWrapper {
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.mdlCntWrapper h1 {
	background: url(../layout/bgHeaderBig.gif) repeat-x;
	font: bold 1.5em Arial, Verdana, sans-serif;
	width: 560px;
	margin: 0px 0px 15px;
	height: auto;
}
.mdlCntWrapper h1 span {
	background: url(../layout/bgHeaderBig2.gif) no-repeat;
/*	height: 30px;*/
	width: 500px;
	color: #AB1616;
	margin: 0px;
	display: block;
	padding-top: 30px;
	padding-left: 60px;
}
.mdlCntWrapper h1 span em {
	font: normal 0.71em Verdana, Arial, Helvetica, sans-serif;
	display: block;
}
.imgWrapper {
	border: 3px solid #D7E7F3;
	width: 152px;
}
.imgBrdr {
	border: 1px solid #FFFFFF;
}
.imgBrdr2 {
	border: 3px solid #D7E7F3;
	background-color: #FFFFFF;
	padding: 1px;
}
.imgWrapperFloated {
	border: 3px solid #D7E7F3;
	width: 152px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgWrapperFloatedR {
	border: 3px solid #D7E7F3;
	width: 152px;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}
.selectedProductWrapper {
	margin-top: 10px;
	background: url(../layout/delimitered.gif) no-repeat 0px 0px;
	height: auto;
	padding-bottom: 10px;
	width: 560px;
}
.selectedProductWrapper2 {
	margin-top: 10px;
	background: url(../layout/delimitered2.gif) no-repeat 0px 0px;
	padding-bottom: 10px;
	width: 560px;
}
.selectedProduct {
	width: 200px;
	font-size: 1.1em;
	float: left;
	height: auto;
}
.selectedProduct_ {
	width: 156px;
	float: right;
	font-size: 1.1em;
}
.selectedProduct__ {
	font-size: 1.1em;
	width: 158px;
	margin-left: 14px;
	margin-top: 13px;
}
.selectedProduct p, .selectedProduct_ p {
	width: 156px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.mdlCnt {
	font-size: 1.1em;
}
.mdlCnt p {
	margin-top: 0px;
	margin-bottom: 15px;
}
.mdlCnt h2 {
	margin-top: 0px;
	margin-bottom: 15px;
	font: bold 1.5em Arial, Verdana, sans-serif;
	color: #00457E;
}
#attDocs {
	padding: 5px;
	background: #FFFCDF;
	border: 1px solid #D7E7F3;
	clear: both;
}
.attDocsList {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.attDocsList li {
	background: url(../layout/bulletList.gif) no-repeat left 4px;
	padding-left: 11px;
	margin-bottom: 10px;
}
#cntExt {
	font-size: 1.1em;
	padding: 0px 10px;
}
#previousNext {
	text-align: center;
	padding: 5px;
	background: #F0F4F7;
	border: 1px solid #D7E7F3;
	font-size: 1.1em;
	word-spacing: 0.2em;
}
#previousNext em#selPage {
	font-style: normal;
	font-weight: bold;
	background: #FBE016;
	padding: 1px;
	border: 1px solid #98C1E0;
}
#previousNext em.noSel {
	font-style: normal;
	color: #91AEC4;
}


/*END CONTENT COL*/

/*CONTENT EXT*/

#cntExt h1 {
	font: bold 1.5em Arial, Verdana, sans-serif;
	color: #00457E;
	text-align: center;
	margin: 10px 0px;
}
#upit {
	margin: 0px;
	padding: 0px;
}

#cntExt ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px;
}
#upit {
	background: #FFFCDF;
	padding: 10px;
	border: 1px solid #D7E7F3;
}
#upit p {
	margin: 0px 0px 10px;
}
#upit label span {
	width: 250px;
	text-align: right;
	padding-top: 5px;
	padding-right: 2px;
	display: block;
	float: left;
}
#cntExt ul li {
	background: url(../layout/bulletList.gif) no-repeat left 4px;
	padding-left: 11px;
	margin-bottom: 10px;
}
.partners {
	border: 1px solid #D7E7F3;
	margin-bottom: 20px;
	position: relative;
	padding-top: 10px;
	padding-left: 16px;
	padding-bottom: 10px;
}
.partners div.partnersItem {
	width: 120px;
	height: 60px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
#formButtons {
	text-align: right;
	width: 350px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#cntExt ul li span {
	white-space: nowrap;
}
#cntExt ul li div {
	background: #FFE013;
	border: 1px solid #00457E;
	padding: 2px;
	white-space: nowrap;
	margin-top: 2px;
	display: block;
	font-size: 3px;
}

/*END CONTENT EXT*/

p#flashAnimation
{ margin:0 0 25px 0; padding:0; }
