/********************************************

   HTML Elements

********************************************/ 

* {
	margin: 0;
	padding: 0;
}
body {
	background-color:#1B385C;
	font-family:Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
}

body, p, li, form, ul li p, ol li p {margin: 0;padding: 0;}

ul, ol {margin: 0 15px 15px 15px;}

ul li {list-style-type: square; margin:15px 0 5px 20px;}

ol li {list-style-type: decimal; margin:0 0 5px 20px;}

h1, h2, h3, h4, h5, h6 {margin:0 0 15px; font-weight:normal; color: #FFFFFF;}

h1 {font-size: 24px;}

h2 {font-size: 22px;}

h3 {font-size: 18px;}

h4 {font-size: 16px; font-weight: bold}

h5 {font-size: 14px; font-weight: bold}

h6 {font-size: 12px; font-weight: bold}

p {padding-bottom:15px;}

/********************************************

   LAYOUT

********************************************/ 

body { background-image:url(../img/bodyBgrd.png); background-repeat:no-repeat;}
#containerBrowser {	background: url(../img/containerBrowserBgrd.png) left bottom repeat-x;	padding-bottom:40px;}
.contentBrowser{ width:960px; margin:0 auto;}


/*--- HEADER ELEMENTS ---*/
#header {height:100px;}
.logoHeader { width:180px; height:100px; background-image:url(../img/logo.png); background-repeat:no-repeat; float: left;}
.flashHeader { width:960px; height:211px; background-color:#000000; opacity: 0.60; filter:alpha(opacity=60); /* IE's opacity*/}
#s3slider { width:960px; height:211px; background-color:#000000; opacity: 0.60; filter:alpha(opacity=60); }
#header .headerBrowser, .contentBrowser {margin:0 auto;width:960px;}

#s3slider {
   width: 960px; /* important to be same as image width */
   height: 211px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 960px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

#s3slider ul li.s3sliderImage {margin:0;}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 


/*--- Menu Header Elements ---*/

.menuHeader { width:780px; height:100px; float: left;}
.menuHeader ul{ display:inline; float:right; margin:0; height:100px;}
.menuHeader ul li{ float:left; list-style:none; margin: 0 1px; padding: 0 10px; background:transparent url(../img/bgTransparent75.png) repeat scroll 0 0; height:100px; line-height:170px; overflow:hidden;}
.menuHeader ul li.last{ float:left; list-style:none; margin: 0 0 0 1px; padding: 0 10px; background:transparent url(../img/bgTransparent75.png) repeat scroll 0 0; overflow:hidden;}
.menuHeader ul li:hover, .menuHeader ul li.last:hover{ background:transparent url(../img/bgTransparent75_hover.png) repeat scroll 0 0;}
.menuHeader ul li a{ color:#FFFFFF; text-decoration:none; font-family:Arial; font-size:14px;}
.menuHeader ul li a:hover{ text-decoration:none; color:#FF6600;}

/*--- Left Menu Elements ---*/

.contentLeft {}
.menuLeft { width:180px; float: left; margin-top:20px}
.menuLeft ul{margin:0;}
.menuLeft ul li{ list-style:none; margin: 3px 0; background-color:#FF6600; font-size:14px; text-align:center; height:22px; vertical-align:middle; padding:3px 5px 0 5px;}
.menuLeft ul li:hover {  background:transparent url(../img/bgTransparent75_hover.png) repeat scroll 0 0;}
.menuLeft ul li a{ color:#FFFFFF; text-decoration:none;}
.menuHeader ul li a:hover{ text-decoration:none}

.menuLeft ul li.vise01{height:37px;}

/*--- Content Elements ---*/

.content { width:740px; min-height:500px; float:right; margin:3px 0 0 0; padding:20px;}
.content h1{ font-family: Georgia; color:#FFFFFF}
.content h2{ font-family: Georgia; color:#AAAAAA; font-size:18px; font-style:italic}
.content p{ font-family: Georgia; font-size:13px; line-height:150%; color:#FFFFFF; clear:both}
.titleTop { display:block; padding-bottom:15px; height:40px;}
.titleLeft { float:left; width:auto}
.uptitleTop { display:block; padding-bottom:5px; height:26px; border-bottom:#999999 dotted 1px; }
.uptitleLeft { /*float:left;*/ width:auto}
.uptitleLeft h1{ font-size: 18px; color:#999999}

.titleLeft span{ font-family: Georgia; color: #FF9900; font-size:18px; font-style:italic; margin:0 0 20px 20px;}
.titleRight {
	float:right;
	background:url(../img/pdfLogo.png) no-repeat top right;
	padding:23px 40px 0 0;
	height:30px;
}
* html .titleRight { background:url(../img/pdfLogo.gif) no-repeat top right;}
.titleRight a { text-decoration:none; color:#FFFFFF; font-family:Georgia; font-size: 13px}
.titleRight a:hover { text-decoration: underline;}

.submenu { width:760px; height:30px; margin-bottom:15px; border-bottom:#999999 1px dotted}
.submenu ul { padding:0; margin:0; display:inline;}
.submenu ul li{ float:left; list-style:none; margin:0 7px 0 0; padding-bottom:5px}
.submenu ul li a { font-size:15px; font-family:Arial; color:#FF6600; text-decoration:none; margin:0 5px 0 5px;}
.submenu ul li a:hover { color:#FFFFFF}

.submenu ul li.last, .submenu ul li.last a{ margin:0;}
.submenu ul li.first a{ margin-left:0;}

/*--- Footer Elements ---*/

.footer { width:960px; height:100px; clear:both; margin-top:20px}

.footerTopMenu { width:960px; height:30px; border-bottom: #666666 1px solid;}
.footerTopMenu ul{ display:inline; float:left; margin:0; height:25px; padding:5px 0 0 0; margin-left:300px}
.footerTopMenu ul li{ list-style:none; margin: 0 2px; padding: 0 3px; display:inline;}
.footerTopMenu ul li a{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration: none}
.footerTopMenu ul li a:hover{ text-decoration:underline}

.footerMiddleMenu { width:960px; height:50px; border-bottom: #666666 1px solid;}
.footerMiddleMenu ul{ display:inline; float:left; margin:0; padding:10px 0 0 0; color:#CCCCCC; font-size:10px;}
.footerMiddleMenu ul li{ list-style:none; margin: 0 2px; padding: 0 1px; display:inline; color:#FF6600;}
.footerMiddleMenu ul li a{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FF6600; text-decoration: none}
.footerMiddleMenu ul li a:hover{ text-decoration: underline; }

.footerDownMenu { width:960px; height:30px;}
.footerDownMenu div.copy { width:390px; height:30px; float:left; font-family: Arial; font-size: 11px; padding:5px 0 0 0; color: #999999}
.footerDownMenu div.copy span{ font-size: 16px; font-weight:bold}
.footerDownMenu div.toonikon { width:120px; height:30px; float:right; font-family: Arial; font-size: 11px; padding:5px 0 0 0; color:#999999}
.footerDownMenu div.toonikon a{ text-decoration:none; color:#FF9900}
.footerDownMenu div.toonikon a:hover{ text-decoration: underline; color: #FF9966}

/*--- Gallery Elements ---*/
.imagesHolder { width:750px; height:170px; margin-top:15px}
* html .imagesHolder { width:736px;}
.demo {float:left; background-color:#CCCCCC; margin:0 5px;}
.demo a{float:left; padding:5px;}
.demo a img{ border: #3399FF 1px solid}
* html .demo a{float:left; padding:3px}
p.poruka { color:#FF6600; font-size:24px; font-style:italic}
ul li { color: #999999; font-family:Georgia; font-size:13px}

/*--- Contact Elements ---*/


.contactBoxLeft { float:left}
.contactBox { margin:0 0 15px 0; width:250px}
p.contactAdressTop { margin:10px 0 0 0; padding:0}
p.contactUptitle { border-bottom:#CCCCCC 1px dotted; padding:0}
p.contactTelTop {margin:10px 0 0 0; padding:0; color:#FF6600}
p.contactTel { padding:0; margin:0 0 0 10; color:#FF6600}
p.contactAdress { padding:0; margin:0 0 0 0; color:#CCCCCC}

.contactForma { float:left; margin:0 0 0 30px}
.ram_kontakt { border:1px solid #AAAAAA;padding:5px;width:332px;}
.ram_kontakt a img{ text-decoration:none; border:none;}
.kontakt { color:#AAAAAA;padding-left:0; font-family:Georgia; font-size:13px;}
input {margin-bottom:5px}
.ime { color:#AAAAAA;font-family:Georgia; font-size:13px; }
.email { color:#AAAAAA;font-family:Georgia; font-size:13px;}
.telefon { color:#AAAAAA;font-family:Georgia; font-size:13px; margin-top:10px}
.poruka { color:#AAAAAA;font-family:Georgia; font-size:13px; margin-top:10px}
#kontakt { color:#AAAAAA;padding-left:0; font-family:Georgia; font-size:13px;}
.error {color: #FF0000;padding-left:0; font-family:Georgia; font-size:13px;}

.referenceLeft { float: left}
.referenceCenter { float: left}
.referenceRight { float: left}

/*--- FlashVideo Gallery Elements ---*/

.galeryVideo { height:250px; margin:15px 0 0 0}
.galeryVideoBox { width:320px; height:240px; padding:10px; background-color:#CCCCCC; border:#0099FF solid 1px;}

/*--- FlashVideo Gallery Elements ---*/

.clear{ clear:both}

.pdfBox{ width:740px; height:60px; background-color:#102238; display:table; margin-bottom:10px}
.pdfBox:hover{ cursor:pointer; background-color:#142D49}
.pdfBox .anchor{ width:648px; height:60px; display:table-cell; padding:0 20px; vertical-align:middle}
.pdfBox a{ text-decoration:none; color:#FFFFFF; font-family:Georgia; font-size:18px;}
.pdfBox .pdfImage{ width:32px; display:table-cell; padding:0 20px; vertical-align:middle}
.redNew { color:#FF0000 !important; margin-left:20px;}