@charset "utf-8";
/* CSS Document */

body {text-align:center; background: #000000;}
body {font:62.5%/140% Verdana, Arial, Helvetica, sans-serif; color:#fff;}

/* @font-face */
/* @font-face for IE */
/* convert ttf to eot: http://www.cuvou.com/wizards/ttf2eot.cgi */
/* convert otf to ttf: http://www.microsoft.com/typography/WEFT.mspx*/
@font-face {font-family: "mplus-2p-regular"; src: url(fonts/mplus-2p-regular.eot);}
@font-face {font-family: "mplus-2p-black"; src: url(fonts/mplus-2p-black.eot);}

/* Other major browser rules come after IE rules */
@font-face {font-family: "mplus-2p-regular"; src: url(fonts/mplus-2p-regular.ttf) format("truetype");}
@font-face {font-family: "mplus-2p-black"; src: url(fonts/mplus-2p-black.ttf) format("truetype");}

h1 {font:normal normal bold 2.8em/120% Arial, Helvetica, sans-serif; padding:5px 0 10px; letter-spacing:-0.04em;}
h2 {font:normal normal bold 2.4em/120% Arial, Helvetica, sans-serif; padding:5px 0 10px; letter-spacing:-0.04em;}
h3 {font:normal normal bold 2em/120% Arial, Helvetica, sans-serif; padding:5px 0 10px; letter-spacing:-0.04em;}
h4 {font:normal normal bold 1.6em/120% Arial, Helvetica, sans-serif; padding:5px 0 10px;}
h5 {font:normal normal bold 1.3em/120% Arial, Helvetica, sans-serif; padding:5px 0 10px;}
h1.mplus-2p-black, h2.mplus-2p-black, h3.mplus-2p-black, h4.mplus-2p-black {font-family:"mplus-2p-black", sans-serif; letter-spacing:0;}
h4.mplus-2p-regular {font-family:mplus-2p-regular, sans-serif; letter-spacing:0;}
/* @font-face */

h1 {font:normal normal normal 2.4em/120% Arial, Helvetica, sans-serif; padding:5px 0 20px 0;}
h2 {font:normal normal bold 1.4em/120% Arial, Helvetica, sans-serif; padding:5px 0 20px 0;}
h1, h2, h3, h4, h5 {color:#FFCC00;}
p {padding:0 0 10px 0;}
a {color:#fff; text-decoration:none;}
a:hover {color:#FFCC00;}

/***** uvjek pokazuje vertikalni scrollbar *****/
body {min-height: 101%;}
html {height: 100%;}
/* staviti u master_ie.css: html {overflow-y:scroll;} */

/* WRAPPER */
#wrapper {width:800px; margin:0 auto; text-align:left; padding-top:30px;}

/* HEADER */
#header {width:100%; height:100px; position:relative; z-index:100;}
#logo {width:240px; height:66px; position:absolute; left:-70px;}
#hb_logo {width:117px; height:23px; position:absolute; right:0; top:28px;}
#meni {width:100%; height:32px; line-height:32px;  background:url(../images/layout/meni_bkg.png) repeat-x; position:absolute; bottom:0; left:0}
#meni ul {position:absolute; top:6px; left:15px; height:20px; overflow:hidden; border-left:1px solid #000000; border-right:1px solid #666666;}
#meni ul li {float:left; height:20px; line-height:20px; overflow:hidden; border-left:1px solid #666666; border-right:1px solid #000000;}
#meni ul li a {display:inline-block; height:20px; padding:0 15px; margin:0; text-decoration:none; color:#fff; }
#meni ul li a:hover {color:#FFCC00;}

#login_error {float:right; padding-right:15px; text-align:right; color:#FF9900; font-weight:bold; font-size:1.1em;}

#login, #signin {background:url(../images/layout/transp_75.png) repeat; padding:20px; display:none; position:absolute; top:100px; z-index:100;}
#signin {}
#login label, #signin label {display:block; padding-bottom:3px;}
#login input {border:none; width:150px;}
#signin input, #signin select {border:none; width:200px;}
#login input {display:block; padding-bottom:8px;}
#signin input[type="text"], #signin input[type="password"] {display:block; padding-bottom:3px;}
#login input:hover, #signin input:hover {background-color:#FFFFCC;}
#login input:focus, #signin input:focus {background-color: #FFFF66;}
#login button, #signin button {background-color:#FF9900; color:#fff; text-align:center; padding:0 5px; border:none; cursor:pointer; display:block; padding-top:5px;}
#login button:hover, #signin button:hover {background-color:#FFCC00;}
#signin p.error { font-size:0.9em; color:#FF9900; padding-bottom:5px;}
form li {padding:5px 0; border-top:1px dashed #bbb;}
label.error {color:#FF0000;}

/* MAIN */
#main {}
#main_pic {width:100%; height:520px; background:url(../images/layout/main.jpg) no-repeat; position:relative;}
#flash2 {position:absolute; top:80px;}
#content {padding-top:15px; text-align:left;}
#gallery_link {position:absolute; bottom:0; left:10px;}
ul#services {padding-top:10px;}
ul#services li {padding-bottom:10px;}
#providers, #flash, #flash embed {height:160px; z-index:1;}
#providers div {padding:10px;}
#providers a {text-decoration:none; color:#fff;}
#providers a:hover {color:#FFCC00;}

/* GALLERY */
table#video_table th {color:#FFCC00; font-weight:bold; padding-bottom:1px;}
table#video_table td {padding-top:4px;}
table#video_table a {display:inline-block; padding-bottom:6px;}
#videos {width:470px; height:375px; overflow:hidden; background: #313033 url(../images/layout/claper_gs.png) center 30px no-repeat;}
#videos .content {padding-top:180px;}
#videos ul {padding-top:30px; padding-bottom:59px;}
#videos ul * {text-align:center;}
#videos ul li {width:50%; float:left;}
#videos ul li a {display:inline-block; height:20px; line-height:20px; width:80px; background-color:#FFCC00; color:#000000;}
#videos ul li a:hover {background-color:#FFFF99;}

/* STICKY FOOTER */
* {margin: 0;}
html, body {height: 100%;}
#wrapper {
	text-align:center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -170px; /* the bottom margin is the negative value of the footer's height */
}
#wrapper * {/*text-align:left;*/}
#footer, .push {height: 170px; /* .push must be the same height as .footer */}
#footer {color:#fff; padding-top:5px;}


/* FOOTER */
#footer {color:#fff; text-align:left;}
#footer div.grid_4 {padding-top:20px;}
#footer div.grid_5 {background:url(../images/layout/border_h.png) left 0px repeat-x; padding-top:10px; margin-top:20px;}
#footer p {font-size:0.9em; color:#666; text-align:justify; letter-spacing:-0.01em;}
#footer a {color:#FFCC00;}
#footer a:hover {color:#FFFF99;}
#disclaimer {cursor:pointer;}
#disclaimer_txt {padding-top:30px;}
.JS #disclaimer_txt {display:none;}
#MS_logo_container {padding:10px 0 0 0;}
#MS_logo {width:120px; height:32px; overflow:hidden;}


/* GLOBALNE */
.first         { padding-top:0;}
.overflow      { overflow: auto;} /* u master_ie.css staviti: .overflow {_height:1%;} */
.img-left      { float:left;margin:0 10px 4px 0; }
.img-right     { float:right;margin:0 0 4px 10px; }
.bullet		   { padding-left:15px; list-style: outside square;}
.float-left    { float:left;}
.float-right   { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { color:#FFCC00;}
.highlight_bkg { background-color:#FFCC00; color:#000000;}
.round-corner  { -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.grey          { background-color:#313033;}
.yellow        { background-color:#FFCC00;}
.w480          { width:480px; margin-right:20px;}
.w300          { width:300px;}
.border_right  { background:url(../images/layout/border_v.png) right top repeat-y;}
.border_left   { background:url(../images/layout/border_v.png) left top repeat-y;}
.border_top    { background:url(../images/layout/border_h.png) left top repeat-x;}
.border_bottom { background:url(../images/layout/border_h.png) left bottom repeat-x;}
.line          { background:url(../images/layout/border_h.png) left center repeat-x;}
.padding20     { padding:20px;}
.txt_12em      { font-size:1.2em; line-height:140%;}
.txt_14em      { font-size:1.4em; line-height:140%;}
.last          { margin-bottom:0; padding-bottom:0;}