/*-----------------------------------------------------
   Typ.
------------------------------------------------------ */
#container                                             { line-height: 1.3em; }
#container h2                                          {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 10px 0;
	line-height: normal;
	}
#container h3                                          {
	font-size: 1.2em;
	margin: 10px 0;
	font-weight: normal;
	}
#container h4,
#container h5,
#container h6                                          {
	font-size: 1em;
	margin: 10px 0;
	font-weight: normal;
	}
#container a                                           { color: #aab5be; text-decoration: underline; }
#container a:hover                                     { color: #fff; text-decoration: none; }
#container p,
#container ul,
#container ol,
#container table                                       { margin: 10px 0; }
#mainContent ul li                                     { list-style: outside square; margin: 0 0 0 30px; }
#mainContent ol li                                     { list-style: outside decimal; margin: 0 0 0 30px; }

.strong                                                { font-weight: normal; color: #8092a3; }
img.border                                             { border: 3px solid #fff; }
.newsDate                                              { font-family: Tahoma, Geneva, sans-serif; color: #8092a3; font-weight: bold; }
.paddingRight                                          { float: right; margin: 0 55px 0 10px; border: 3px solid #fff; }
.ulLineHeight                                          { line-height: 2.3em; }
img.gallery                                            { margin: 5px 10px 5px 0; border: 3px solid #fff; }
img.paddingRight2                                      { float: left; margin: 5px 35px 45px 0; border: 3px solid #fff; }
img.paddingRight3                                      { float: left; margin: 5px 35px 5px 0; border: 3px solid #fff; }

#mainContent table                                     { width: 100%; margin-bottom: 30px; margin-top: -5px; }
#mainContent table th                                  { padding: 6px; }
#mainContent table tr                                  { background-color:#1c4063; }
#mainContent table td                                  { padding: 3px 5px; }
	
#mainContent table td.rb,
#mainContent table th.rb                               { text-align: center; }
#mainContent table th                                  { background-color:#516e86; border: 1px solid #001c35;}
#mainContent table td.rb                               { background-color:#112b44;}

#mainContent .center td,
#mainContent .center th                                { text-align: center; }
#mainContent .right                                    { text-align: right; }

#mainContent table th.kalendar                         { font-weight: bold; text-align: left; font-size: 1.3em; border-right: 1px solid #001c35; }
#mainContent table td                                  { border: 1px solid #001c35; }

#koridori                                              { display: inline; float: right; width: 230px; margin-right: -25px; }
#koridoriWrapper                                       { margin-bottom: 10px; height: 410px; overflow: hidden; }
#koridoriImage                                         { display: inline; float: left; width: 400px; }

.skiperInfo                                            { height: 115px; }
	
.skiperInfo img                                        { width: 130px; display: inline; float: left; }
.skiperInfo ul                                         { display: inline; float: left; margin-left: 20px; }

a.xls                                                  { background: transparent url(../images/layout/excel.gif) no-repeat 0 0; padding-left: 25px; height: 1%; display: block; }
a.pdf                                                  { background: transparent url(../images/layout/pdf.gif) no-repeat 0 0; padding-left: 25px; height: 1%; display: block; }
h3 a.pdf                                               { display: block; }

#mainContent #klijentireference                        { width: 292px; float: left;}

#mainContent #partneri                                 { width: 260px; position: absolute; top: 0; left: 375px;}
#mainContent #partneri li                              { margin-bottom: 2px;}
.partneri                                              { position: relative;}
#mainContent #partneri a                               { background: transparent url(../images/layout/external.gif) no-repeat center right; padding-right: 15px;}

.prethodnaslijedeca                                    { overflow: hidden; height: 30px; margin-top: 20px; }
.prethodna,
.slijedeca                                             { display: inline; width: auto; }

.prethodna                                             { float: left; }
.slijedeca                                             { float: right; }

a img.promo                                            { border: 3px solid #c2cfdb; }
a img.promo:hover                                      { border: 3px solid #fff; }
a.on img.promo                                         { border: 3px solid #fff; }

#video1, #video2, #video3, #video4, #video5,
#video6, #video7, #video8                              { margin-bottom: 20px; }
#video1, #video2, #video3, #video4, #video5,
#video6, #video7, #video8, #video9                     { width: 480px; height: 385px; }

#mainContent .pdfbutton                                { 
	width: 220px;
	height: auto;
	background: #335d85 url(../images/layout/pdf.gif) no-repeat center left;
	padding: 4px 2px 4px 20px;
	border: 3px solid #335d85;
	float: right;
	margin: 0 0 5px 5px;
	text-decoration: none;
}													 
.topazrange .ulLineHeight                              { float: left; width: 380px; overflow: hidden; }

ul.margin li a                                         { margin-top: 3px; margin-bottom: 3px;}
h2 .smallerTitle, th .smallerTitle                     { font-size: 0.7em; }

#secContent a.external                                 { background: transparent url(../images/layout/external.gif) no-repeat center right; padding-right: 15px; }
#infoHolder { width: 100%; height: 100%; overflow: hidden; }
#infoHolder #troskovi, #infoHolder #popusti { width: 50%; float: left; }