/* Minification failed. Returning unminified contents.
(7928,30): run-time error CSS1019: Unexpected token, found ','
(8826,33986): run-time error CSS1019: Unexpected token, found '@keyframes'
(8826,34014): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(8826,34045): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8826,34081): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(8826,34120): run-time error CSS1019: Unexpected token, found '@keyframes'
(8826,34148): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8826,34216): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8826,34252): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	margin: -1px;
}
/* Button
----------------------------------*/

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */





/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/*
HAKWeb CSS Base

Sadr�aj:
 =reset
 =grid
 =library
 =common
 =login
 =2-level switches
 =layout
 =navigacija
 =login
*/

/*
*************************************************
  =reset
*************************************************

Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html {
    color: #000;
    background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    *font-size: 100%;
}

body {
    font: 12px HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, clean, sans-serif;
    *font-size: small;
    *font: x-small;
}

select, input, button, textarea, button {
    font: 99% HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, clean, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}

div#header {
    position: relative;
    z-index: 1200;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

/*
*************************************************
    =grid
*************************************************
*/

/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

div.clear {
    clear: both;
}

/* Horizontal element */
div.hor {
    position: relative;
    width: 940px;
}

/* Columns */
div.col_1,
div.col_2,
div.col_3,
div.col_4 {
    display: block;
    float: left;
    position: relative;
}

div.col_1 {
    width: 220px;
}

div.col_2 {
    width: 460px;
}

div.col_3 {
    width: 700px;
}

div.col_4 {
    width: 940px;
}

div.delimiter_gradient_4 {
    background: #fff url(//static.1987.hr/hakweb/images/back-delimiter-gradient-4.png) no-repeat 0 0;
}

/* Gutter margins */
div.bottom_margin {
    margin-bottom: 20px;
}

div.left_margin {
    margin-left: 20px;
}

div.right_margin {
    margin-right: 20px;
}

div.top_margin {
    margin-top: 20px;
}

/*
*************************************************
    =library
*************************************************
*/

.left {
    float: left;
}

.small {
    font-size: 11px;
}

.center {
    text-align: center;
}

.gallery_image {
    padding: 2px;
    border: 1px solid #999;
}

/*
*************************************************
    =common
*************************************************
*/

a {
    color: #1a4c76;
    outline: none;
}

    a:hover {
        color: #000;
    }

blockquote {
    background-color: #eee;
    border: 1px solid #ccc;
    font-family: Georgia, Serif;
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    padding: 10px;
}

strong {
    font-weight: bold;
}

/*
*************************************************
    =2-level switches
*************************************************
*/

ul.switch {
    display: block;
    height: 32px;
    position: relative;
}

    ul.switch li {
    }

        ul.switch li a {
            font-size: 14px;
            font-weight: bold;
            text-decoration: none;
        }

        ul.switch li.left a {
            background: #fff url(//static.1987.hr/hakweb/images/shared/switch-2-states-inactive-left.png) no-repeat left center;
            color: #555;
            display: inline-block;
            height: 32px;
            line-height: 32px;
            padding: 0 6px 0 18px;
        }

            ul.switch li.left a.active {
                background: #fff url(//static.1987.hr/hakweb/images/shared/switch-2-states-active-left.png) no-repeat left center;
                color: #000;
                padding: 0 15px 0 18px;
            }

        ul.switch li.left span.inactive {
            background: #fff url(//static.1987.hr/hakweb/images/shared/switch-2-states-inactive-left-shadow.png) no-repeat right center;
            display: block;
            float: right;
            height: 32px;
            width: 9px;
        }

        ul.switch li.right a {
            background: #fff url(//static.1987.hr/hakweb/images/shared/switch-2-states-inactive-right.png) no-repeat right center;
            color: #555;
            display: inline-block;
            height: 32px;
            line-height: 32px;
            padding: 0 18px 0 6px;
        }

            ul.switch li.right a.active {
                color: #000;
                background: #fff url(//static.1987.hr/hakweb/images/shared/switch-2-states-active-right.png) no-repeat right center;
                padding: 0 18px 0 15px;
            }

        ul.switch li.right span.inactive {
            background: #fff url(//static.1987.hr/hakweb/images/shared/switch-2-states-inactive-right-shadow.png) no-repeat right center;
            display: block;
            float: left;
            height: 32px;
            width: 9px;
        }

/**
* Boxes
*/

div.box_white_middle_1,
div.box_white_middle_2,
div.box_white_middle_3,
div.box_white_middle_4,
div.box_blue_middle_1,
div.box_blue_middle_2,
div.box_blue_middle_3,
div.box_blue_middle_4 {
    padding: 5px 10px 5px 10px;
}

div.box_blue_middle_1,
div.box_blue_middle_2,
div.box_blue_middle_3,
div.box_blue_middle_4 {
    color: #fff;
}

    div.box_blue_middle_1 a,
    div.box_blue_middle_2 a,
    div.box_blue_middle_3 a,
    div.box_blue_middle_4 a {
        color: #fff;
    }

div.box_white_top_1,
div.box_white_bottom_1,
div.box_white_top_2,
div.box_white_bottom_2,
div.box_white_top_3,
div.box_white_bottom_3,
div.box_white_top_4,
div.box_white_bottom_4,
div.box_blue_top_1,
div.box_blue_bottom_1,
div.box_blue_top_2,
div.box_blue_bottom_2,
div.box_blue_top_3,
div.box_blue_bottom_3,
div.box_blue_top_4,
div.box_blue_bottom_4 {
    height: 3px;
    line-height: 3px;
    overflow: hidden;
}

div.box_white_middle_1 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_1_middle.png) repeat-y 0 0;
    padding: 5px 10px;
    width: 200px;
}

div.box_white_top_1 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_1_top.png) no-repeat 0 0;
}

div.box_white_bottom_1 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_1_bottom.png) no-repeat 0 0;
}

div.box_white_middle_2 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_2_middle.png) repeat-y 0 0;
}

div.box_white_top_2 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_2_top.png) no-repeat 0 0;
}

div.box_white_bottom_2 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_2_bottom.png) no-repeat 0 0;
}

div.box_white_middle_3 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_3_middle.png) repeat-y 0 0;
    padding: 5px 10px;
    width: 680px;
}

div.box_white_top_3 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_3_top.png) no-repeat 0 0;
}

div.box_white_bottom_3 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_3_bottom.png) no-repeat 0 0;
}

div.box_white_middle_4 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_4_middle.png) repeat-y 0 0;
}

div.box_white_top_4 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_4_top.png) no-repeat 0 0;
}

div.box_white_bottom_4 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_4_bottom.png) no-repeat 0 0;
}

div.box_blue_middle_1 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_1_middle.png) repeat-y 0 0;
}

div.box_blue_top_1 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_1_top.png) no-repeat 0 0;
}

div.box_blue_bottom_1 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_1_bottom.png) no-repeat 0 0;
}

div.box_blue_middle_2 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_2_middle.png) repeat-y 0 0;
}

div.box_blue_top_2 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_2_top.png) no-repeat 0 0;
}

div.box_blue_bottom_2 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_2_bottom.png) no-repeat 0 0;
}

div.box_blue_middle_3 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_3_middle.png) repeat-y 0 0;
}

div.box_blue_top_3 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_3_top.png) no-repeat 0 0;
}

div.box_blue_bottom_3 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_3_bottom.png) no-repeat 0 0;
}

div.box_blue_middle_4 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_4_middle.png) repeat-y 0 0;
}

div.box_blue_top_4 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_4_top.png) no-repeat 0 0;
}

div.box_blue_bottom_4 {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/blue_4_bottom.png) no-repeat 0 0;
}

/*
*************************************************
    =layout
*************************************************
*/

html {
    background: #818181 url(//static.1987.hr/hakweb/images/shared/back-dark.png) repeat-x 0 0;
}

div#header {
    background: transparent url(//static.1987.hr/hakweb/images/shared/header.png) no-repeat 0 0;
    height: 63px;
    margin: 0 auto;
    position: relative;
    width: 996px;
}

    div#header h1 {
        height: 38px;
        left: 38px;
        position: relative;
        top: 16px;
        width: 130px;
    }

        div#header h1 a {
            background-image: url(//static.1987.hr/hakweb/images/logo/hak-logo-hakweb-260px.png);
            background-repeat: no-repeat;
            background-size: 130px 39px;
            display: block;
            width: 130px;
            height: 39px;
            text-indent: -10000px;
        }

div#servicenos {
    line-height: 24px;
    height: 24px;
    position: absolute;
    right: 260px;
    top: 5px;
    width: 500px;
}

    div#servicenos p {
        color: #316b9d;
        font-size: 11px;
        height: 24px;
        line-height: 24px;
        text-align: right;
    }

        div#servicenos p img {
            position: relative;
            top: 4px;
        }

ul#languages {
    left: 886px;
    position: absolute;
    top: 11px;
}

    ul#languages li {
        float: left;
        margin-right: 6px;
    }

        ul#languages li a {
            background: #fff url(//static.1987.hr/hakweb/images/flagsprite.png) no-repeat 0 0;
            display: block;
            height: 11px;
            overflow: hidden;
            text-indent: -10000px;
            width: 16px;
        }

        ul#languages li.hr a {
            background-position: 0 -11px;
        }

            ul#languages li.hr a:hover,
            ul#languages li.hr a.active {
                background-position: 0 0;
            }

        ul#languages li.en a {
            background-position: -16px -11px;
        }

            ul#languages li.en a:hover,
            ul#languages li.en a.active {
                background-position: -16px 0px;
            }

        ul#languages li.de a {
            background-position: -32px -11px;
        }

            ul#languages li.de a:hover,
            ul#languages li.de a.active {
                background-position: -32px 0px;
            }

        ul#languages li.it a {
            background-position: -48px -11px;
        }

            ul#languages li.it a:hover,
            ul#languages li.it a.active {
                background-position: -48px 0px;
            }

div#content {
    background: transparent url(//static.1987.hr/hakweb/images/shared/back-content.png) repeat-y 0 0;
    margin: 0 auto;
    position: relative;
    width: 996px;
}

div#container {
    margin: 0 auto;
    padding-left: 10px;
    position: relative;
    width: 950px;
}

div#footer {
    background: transparent url(//static.1987.hr/hakweb/images/shared/back-footer.png) no-repeat 0 0;
    height: 240px;
    margin: 0 auto;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    width: 994px;
}

div#footer_blank {
    background: transparent url(//static.1987.hr/hakweb/images/shared/back-footer-blank.png) no-repeat 0 0;
    height: 33px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 994px;
}

div#footer ul {
    position: absolute;
    width: 160px;
}

    div#footer ul li {
        line-height: 13px;
    }

    div#footer ul.col_1 {
        color: #fff;
        left: 28px;
        top: 18px;
        width: 230px;
    }

        div#footer ul.col_1 h3 a {
            background: transparent url(//static.1987.hr/hakweb/images/shared/footer-logo.png) no-repeat 0 0;
            display: block;
            height: 23px;
            text-indent: -10000px;
            width: 77px;
        }

        div#footer ul.col_1 p {
            font-size: 11px;
        }

            div#footer ul.col_1 p.address {
                padding-top: 10px;
            }

        div#footer ul.col_1 li.phones {
            background: transparent url(//static.1987.hr/hakweb/images/shared/footer-icon-phone.png) no-repeat left 3px;
            padding: 0 0 0px 22px;
            position: relative;
            margin-top: 4px;
        }

            div#footer ul.col_1 li.phones span.phone {
                left: 130px;
                position: absolute;
            }

        div#footer ul.col_1 li.web,
        div#footer ul.col_1 li.mail {
            padding-left: 12px;
        }

        div#footer ul.col_1 li.web {
            background: transparent url(//static.1987.hr/hakweb/images/shared/icon-house.png) no-repeat left 4px;
        }

        div#footer ul.col_1 li.mail {
            background: transparent url(//static.1987.hr/hakweb/images/shared/icon-mail.png) no-repeat left 4px;
        }

        div#footer ul.col_1 li.contacts {
            background: transparent url(//static.1987.hr/hakweb/images/shared/footer-icon-contact.png) no-repeat left 9px;
            padding: 10px 0 6px 22px;
        }

        div#footer ul.col_1 li.social {
            padding: 24px 0;
        }


        div#footer ul.col_1 li a.contacts {
            background: transparent url(//static.1987.hr/hakweb/images/shared/footer-doc-icon.png) no-repeat left 5px;
            padding: 11px 0 10px 22px;
        }

        div#footer ul.col_1 li a.facebook {
            background: transparent url(//static.1987.hr/hakweb/images/shared/footer-icon-facebook.png) no-repeat left 9px;
            padding: 11px 0 10px 15px;
            margin-left: 10px;
        }

        div#footer ul.col_1 li a.twitter {
            background: transparent url(//static.1987.hr/hakweb/images/shared/footer-icon-twitter.png) no-repeat left 9px;
            padding: 11px 0 10px 25px;
            margin-left: 10px;
        }

        div#footer ul.col_1 li.rss {
            background: transparent url(//static.1987.hr/hakweb/images/shared/footer-icon-feed.png) no-repeat left 9px;
            padding: 8px 0 4px 22px;
        }

            div#footer ul.col_1 li.rss span {
                color: #777;
                font-size: 9px;
            }

    div#footer ul.col_2 {
        left: 268px;
    }

    div#footer ul.col_3 {
        left: 448px;
    }

    div#footer ul.col_4 {
        left: 628px;
    }

    div#footer ul.col_5 {
        left: 808px;
    }

    div#footer ul li a {
        color: #fff;
        font-size: 11px;
        text-decoration: none;
    }

    div#footer ul li h4 {
        padding: 15px 0 10px 0;
    }

        div#footer ul li h4 a {
            font-weight: bold;
        }

    div#footer ul li a:hover {
        text-decoration: underline;
    }

/*
*************************************************
  =navigacija
*************************************************
*/
div.hor_nav {
    z-index: 1000;
}

ul#navigation {
    background: #fff url(//static.1987.hr/hakweb/images/shared/navigation.png) no-repeat 0 0;
    height: 30px;
    padding-left: 10px;
    position: relative;
    width: 930px;
    z-index: 1000;
}

    ul#navigation li {
        float: left;
        height: 30px;
        position: relative;
    }

        ul#navigation li a.main {
            color: #fff;
            display: block;
            float: left;
            font-size: 14px;
            font-weight: bold;
            height: 30px;
            line-height: 30px;
            padding: 0 13px 0 13px;
            position: relative;
            text-decoration: none;
        }

        ul#navigation li div.subnav {
            background: transparent bottom center;
            display: none;
            left: -7px;
            padding: 10px 0 20px 0;
            position: absolute;
            top: 30px;
            z-index: 1100;
        }

        ul#navigation li div.subnav-right {
            left: auto;
            right: -7px;
        }

        ul#navigation li div.subnav ul.subnav {
            float: left;
            position: relative;
            z-index: 1200;
        }

            ul#navigation li div.subnav ul.subnav li {
                float: none;
                display: block;
                height: auto;
                padding: 7px 5px 7px 20px;
                position: relative;
                width: 140px;
            }

                ul#navigation li div.subnav ul.subnav li a {
                    color: #275376;
                    font-size: 12px;
                    /*font-weight: bold;*/
                    text-decoration: none;
                }

                    ul#navigation li div.subnav ul.subnav li a:hover {
                        color: #000;
                        text-decoration: underline;
                    }
                    /* U�LANI SE */
                    ul#navigation li div.subnav ul.subnav li a span.uclanise {
                        background: transparent url(//static.1987.hr/hakweb/images/shared/uclani-se.png) no-repeat 0 0;
                        display: block;
                        height: 40px;
                        width: 140px;
                        text-indent: -10000px;
                        /*font-weight: bold;*/
                    }

                    ul#navigation li div.subnav ul.subnav li a:hover span.uclanise {
                        background-position: -140px 0;
                    }

        ul#navigation li#search {
            float: none;
            position: absolute;
            right: 3px;
            top: 7px;
            width: 172px;
        }

li#search input {
    border: none;
    font-size: 11px;
    height: 16px;
    width: 140px;
}

li#search button {
    border: none;
    display: none;
}

ul#navigation li#search_button {
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
}

    ul#navigation li#search_button.active {
        background: transparent url(//static.1987.hr/hakweb/images/shared/navigation-search-active.png) no-repeat 0 0;
    }

    ul#navigation li#search_button a.main {
        display: block;
        height: 30px;
        outline: none;
        padding: 0;
        text-indent: -10000px;
        width: 32px;
    }

    ul#navigation li#search_button div.subnav {
        background: transparent url(//static.1987.hr/hakweb/images/shared/navigation-hover-360.png) no-repeat bottom center;
        left: -324px;
        margin-top: 7px;
        padding: 10px 0 20px 20px;
        position: absolute;
        top: 23px;
        width: 340px;
        z-index: 21;
    }

li#search_button h3 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}

li#search_button p {
    font-size: 11px;
    padding-right: 15px;
}

li#search_button div.google_search {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 320px;
}

.cse .gsc-control-cse, .gsc-control-cse {
    background-color: transparent !important;
    border-color: transparent !important;
}

.gsib_b .gsst_b .gsst_a span.gscb_a{
    padding-top:4px !important;
}

/*ovo aktivirati ako section vrati stari search*/
/*li#search_button input {
    background: transparent url(//static.1987.hr/hakweb/images/shared/input-search.png) no-repeat 0 0;
    border: none;
    color: #999;
    font-size: 11px;
    float: left;
    height: 24px;
    margin: 5px 10px 5px 0;
    padding: 0 5px 0 5px;
    width: 168px;
}*/

/*ovo aktivirati ako section vrati stari search*/
/*li#search_button button {
    margin-top: 5px;
    height: 24px;
    width: 50px;
}*/

li#search_button div#suggestion_loading,
li#search_button div#search_suggestions_div {
    display: none;
}

li#search_button div#suggestion_loading {
    background: transparent url(//static.1987.hr/hakweb/images/spinner-trans.gif) no-repeat 50% 0;
    height: 24px;
    margin: 5px 0;
    text-indent: -10000px;
}

li#search_button div#search_suggestions_div {
    padding-top: 10px;
}

    li#search_button div#search_suggestions_div p {
        font-size: 12px;
        font-weight: bold;
    }

li#search_button ul#search_suggestions {
    padding-top: 5px;
}

    li#search_button ul#search_suggestions li {
        background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 5px;
        display: block;
        float: none;
        height: auto;
        padding-bottom: 8px;
        padding-left: 8px;
        width: 290px;
    }

        li#search_button ul#search_suggestions li a {
            display: block;
            font-size: 12px;
        }

a#facebook_nav,
a#twitter_nav {
    display: block;
    height: 16px;
    position: absolute;
    text-indent: -10000px;
    top: 38px;
    width: 16px;
}

a#facebook_nav {
    background: #fff url(//static.1987.hr/hakweb/images/facebook-nav.png) no-repeat 0 0;
    right: 44px;
}

a#twitter_nav {
    background: #fff url(//static.1987.hr/hakweb/images/twitter-nav.png) no-repeat 0 0;
    right: 28px;
}
/*
*************************************************
    =login
*************************************************
*/

div#login {
    background: #2b2b2b url(//static.1987.hr/hakweb/images/shared/back-login-big.png) no-repeat bottom center;
    height: 348px;
    left: 8px;
    margin-top: -348px;
    position: absolute;
    width: 980px;
    top: 0;
    z-index: 1200;
}

    div#login span.login {
        background: transparent url(//static.1987.hr/hakweb/images/shared/back-login-left.png) no-repeat 0 0;
        bottom: -27px;
        display: block;
        height: 27px;
        padding: 0 0 0 5px;
        position: absolute;
        right: 130px;
        width: 90px;
    }

        div#login span.login a {
            color: #fff;
            display: block;
            background: transparent url(//static.1987.hr/hakweb/images/shared/back-login.png) no-repeat right top;
            font-size: 11px;
            font-weight: bold;
            line-height: 27px;
            padding: 0 15px 0 10px;
            text-align: center;
            text-decoration: none;
            width: 65px;
        }

    div#login h3 {
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        padding-bottom: 20px;
    }

    div#login p,
    div#login ul li,
    div#login a {
        color: #ddd;
    }

    div#login div.login_info {
        color: #fff;
        padding: 10px 0 0 20px;
        width: 460px;
    }

        div#login div.login_info p {
            font-size: 13px;
        }

    div#login div.login_register p.notice {
        color: #ddd;
        font-size: 10px;
        padding-top: 3px;
    }

    div#login div.login_info a {
        color: #ddd;
    }

        div#login div.login_info a:hover {
            color: #fff;
        }

    div#login div.login_info ul {
        font-size: 13px;
        padding: 0 0 20px 30px;
    }

        div#login div.login_info ul li {
            list-style-type: disc;
        }

    div#login div.login_info p.become {
        font-size: 15px;
        font-weight: bold;
    }

    div#login div.login_register {
        left: 500px;
        position: absolute;
        top: 10px;
    }

        div#login div.login_register a#register_club,
        div#login div.login_register a#register_rest {
            background: transparent url(//static.1987.hr/hakweb/images/shared/arrow-login-right.png) no-repeat left center;
            color: #fff;
            display: block;
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 7px;
            padding: 0 0 0 20px;
            text-decoration: none;
        }

            div#login div.login_register a#register_club.active,
            div#login div.login_register a#register_rest.active {
                background: transparent url(//static.1987.hr/hakweb/images/shared/arrow-login-down.png) no-repeat left center;
            }

        div#login div.login_register form.register {
            display: none;
        }

            div#login div.login_register form.register p {
                height: 20px;
                padding: 1px 0;
                position: relative;
            }

            div#login div.login_register form.register label {
                color: #fff;
            }

            div#login div.login_register form.register input {
                left: 90px;
                position: absolute;
            }

            div#login div.login_register form.register p.button {
                float: right;
            }

    div#login div.login_login {
        left: 500px;
        position: absolute;
        top: 10px;
    }

        div#login div.login_login h2 {
            padding-bottom: 10px;
        }

        div#login div.login_login p.left {
            margin-right: 20px;
        }

            div#login div.login_login p.left label {
                display: block;
                font-size: 12px;
                padding: 0 0 5px 5px;
            }

            div#login div.login_login p.left span {
                display: block;
            }

        div#login div.login_login p.checkbox {
            clear: left;
            font-size: 12px;
            padding: 10px 0 0 5px;
        }

        div#login div.login_login p.button {
            left: 385px;
            padding: 18px 0 0 0;
            position: absolute;
            top: 53px;
        }

            div#login div.login_login p.button input {
                cursor: pointer;
                padding: 2px;
            }

    div#login form.login input.text {
        background: transparent url(//static.1987.hr/hakweb/images/shared/login-input.png) no-repeat 0 0;
        border: none;
        height: 24px;
        line-height: 24px;
        padding: 0 10px 0 5px;
        width: 161px;
    }

    div#login div.login_other {
        left: 500px;
        position: absolute;
        top: 210px;
    }

        div#login div.login_other ul {
            left: -10px;
            position: relative;
        }

            div#login div.login_other ul li {
                float: left;
                padding-left: 10px;
                position: relative;
            }

                div#login div.login_other ul li span {
                    display: none;
                    font-size: 14px;
                    left: 0;
                    padding-bottom: 15px;
                    padding-top: 15px;
                    position: absolute;
                    top: 40px;
                    width: 460px;
                }

                div#login div.login_other ul li.facebook span {
                    left: 10px;
                }

                div#login div.login_other ul li.twitter span {
                    left: -42px;
                }

                div#login div.login_other ul li.rss span {
                    left: -94px;
                }

                div#login div.login_other ul li.mobile span {
                    left: -146px;
                }

                div#login div.login_other ul li.placeholder span {
                    display: block;
                    left: -198px;
                }

div#login_loader {
    background: #2b2b2b url(//static.1987.hr/hakweb/images/spinner-dark.gif) no-repeat 50% 0;
    display: none;
    left: 500px;
    padding-top: 30px;
    position: absolute;
    text-align: center;
    top: 115px;
    width: 450px;
}

    div#login_loader p {
        color: #fff;
        text-align: center;
    }

div#login_result {
    display: none;
    left: 500px;
    position: absolute;
    top: 115px;
}

/* SLIMBOX */

#lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer;
}

#lbCenter, #lbBottomContainer {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff;
}

.lbLoading {
    background: #fff url(//static.1987.hr/hakweb/images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #fff;
    background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: none;
}

#lbPrevLink {
    left: 0;
}

    #lbPrevLink:hover {
        background: transparent url(//static.1987.hr/hakweb/images/slimbox/prevlabel.gif) no-repeat 0 15%;
    }

#lbNextLink {
    right: 0;
}

    #lbNextLink:hover {
        background: transparent url(//static.1987.hr/hakweb/images/slimbox/nextlabel.gif) no-repeat 100% 15%;
    }

#lbBottom {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none;
}

#lbCloseLink {
    display: block;
    float: right;
    width: 79px;
    height: 22px;
    background: transparent url(//static.1987.hr/hakweb/images/slimbox/closelabel.gif) no-repeat center;
    margin: 5px 0;
    outline: none;
}

#lbCaption, #lbNumber {
    margin-right: 71px;
}

#lbCaption {
    font-weight: bold;
}

/*
* HAKWeb CSS Styles (generičke i nedovoljno specifične stranice)
*
* Sadržaj:
* =static
*=Cijene goriva
* =kamere
* =karta
* =sidemenuradar
* =učlanjenje
* =uplatnica
* =tabovi
* =carousel_article
* =hakcarousel
* =artikli
* =clanstvo_microsite
* =file_types
* =prometinfo
*/

/*
*************************************************
    =static
*************************************************
*/
span.silver_top {
    background: #fff url(//static.1987.hr/hakweb/images/back-box-silver-top.png) no-repeat 0 0;
    display: block;
    height: 5px;
    line-height: 5px;
    overflow: hidden;
    width: 220px;
}

div.static_submenu {
    background: #fff url(//static.1987.hr/hakweb/images/back-box-silver-bottom.png) no-repeat bottom center;
    float: right;
    margin-left: 10px;
    width: 220px;
}

a.more {
    font-size: 12px;
}

div#haa {
    clear: both;
    margin-top: 20px;
    float: right;
}

div#static_content ul {
    padding: 0 0 5px 10px;
}

    div#static_content ul li {
    }

    div#static_content ul li {
        background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 6px;
        /*font-size: 12px;*/
        padding-bottom: 5px;
        padding-left: 10px;
    }

        div#static_content ul li a {
            text-decoration: none;
        }

            div#static_content ul li a:hover {
                text-decoration: underline;
            }

div#static_content ol {
    margin: 0 0 10px 26px;
}

    div#static_content ol li {
        list-style-type: decimal;
    }

    div#static_content ol li {
        padding-bottom: 2px;
    }

div#static_content ul#static_submenu {
    padding: 5px 10px 10px 10px;
    width: 200px;
}

    div#static_content ul#static_submenu li {
        background: none;
        padding: 0 0 5px 0;
    }

        div#static_content ul#static_submenu li h3 {
            font-size: 14px;
            font-weight: bold;
            padding: 0 0 5px 0;
        }

        div#static_content ul#static_submenu li a {
            background: transparent url(//static.1987.hr/hakweb/images/arrow-news.png) no-repeat 0 4px;
            color: #000;
            font-size: 12px;
            padding-left: 10px;
            text-decoration: none;
        }

            div#static_content ul#static_submenu li a:hover {
                text-decoration: underline;
            }

div#static_content table,
table.stylized {
    border-collapse: collapse;
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}

    div#static_content table thead {
    }

        div#static_content table thead tr,
        table.stylized thead tr {
            background: #316b9d url(//static.1987.hr/hakweb/images/table-head-background.png) repeat-x 0 0;
            border: 1px solid #316b9d;
        }

            div#static_content table thead tr th,
            div#static_content table thead tr td,
            table.stylized thead tr th,
            table.stylized thead tr td {
                border-right: 1px solid #4b89ba;
                color: #fff;
                font-weight: bold;
                padding: 7px 25px 7px 7px;
            }

    div#static_content table tbody,
    table.stylized tbody {
        border: 1px solid #4b89ba;
    }

        div#static_content table tbody tr,
        table.stylized tbody tr {
            border-bottom: 1px solid #7fb4dd;
        }

            div#static_content table tbody tr td,
            table.stylized tbody tr td {
                padding: 5px;
            }

            div#static_content table tbody tr.even td,
            table.stylized tbody tr.even td {
                background-color: #f2f5f9;
            }

            div#static_content table tbody tr th,
            table.stylized tbody tr th {
                background-color: #4a88b9;
                color: #fff;
                padding: 5px;
            }

ul#breadcrumb {
    border-bottom: solid 1px #ddd;
    display: block;
    margin-bottom: 10px;
    padding: 0 5px 5px 5px;
}

    ul#breadcrumb li {
        display: inline;
        font-size: 11px;
        font-weight: bold;
    }

    ul#breadcrumb a {
        background: transparent url(//static.1987.hr/hakweb/images/arrow-news.png) no-repeat right center;
        color: #666;
        font-size: 11px;
        padding-right: 12px;
        text-decoration: none;
    }

        ul#breadcrumb a:hover {
            color: #000;
        }

div#static_content {
}

h2 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}

h3 {
    font-size: 18px;
    padding-bottom: 10px;
}

h4 {
    font-size: 16px;
    padding-bottom: 10px;
}

h5 {
    font-size: 14px;
    padding-bottom: 10px;
}

div#static_content p {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 10px;
}

div#static_content h2,
div#static_content h3,
div#static_content h4,
div#static_content h5 {
    font-weight: normal;
    padding-top: 10px;
}

div#static_content p.date {
    color: #999;
    float: left;
    font-size: 11px;
    padding-bottom: 4px;
}

div#static_content p.author {
    float: right;
    font-size: 11px;
    padding-bottom: 4px;
}

    div#static_content p.author a {
        color: #497498;
        text-decoration: none;
    }

        div#static_content p.author a:hover {
            color: #000;
        }

div#static_content div.lead {
    border-top: solid 1px #ddd;
    clear: both;
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
}

div#static_content div#social {
    border-top: solid 1px #ddd;
    clear: both;
}

    div#static_content div#social p.explanation {
        color: #666;
        font-size: 11px;
        font-weight: bold;
        padding: 10px 0 5px 5px;
    }

    div#static_content div#social a.button {
        color: #666;
        display: inline-block;
        font-size: 11px;
        font-weight: bold;
        height: 32px;
        line-height: 32px;
        margin-right: 5px;
        padding: 0 12px 0 5px;
        position: relative;
        text-align: left;
        text-decoration: none;
    }

        div#static_content div#social a.button:hover {
            color: #000;
        }

a.button img.icon {
    left: 3px;
    margin-right: 4px;
    position: relative;
    top: 3px;
}

div#static_content div#social a.button span.button_left {
    display: block;
    left: 0;
    height: 32px;
    position: absolute;
    top: 0;
    width: 7px;
}

div#static_content div.showDetails,
div.showDetails,
div.showDetails2 {
    border-bottom: 1px dashed #ccc;
    margin-top: 10px;
}

    div#static_content div.showDetails h5,
    div.showDetails h5,
    div.showDetails2 h5 {
        background-image: url(//static.1987.hr/hakweb/images/expand.png);
        background-repeat: no-repeat;
        background-position: left 10px;
        border-top: 1px dashed #ccc;
        cursor: pointer;
        padding: 10px 0 10px 26px;
    }

        div#static_content div.showDetails h5.active,
        div.showDetails h5.active,
        div.showDetails2 h5.active {
            background-image: url(//static.1987.hr/hakweb/images/collapse.png);
        }

div#static_content p.static_gallery {
    text-align: center;
}

    div#static_content p.static_gallery a {
        margin-right: 10px;
    }

        div#static_content p.static_gallery a img {
            padding: 2px;
            border: 1px solid #999;
        }

div#static_content div.repository {
    padding: 5px 5px 5px 0;
}

    div#static_content div.repository ul li {
        background: none;
        margin: auto auto;
        padding: 0;
    }

        div#static_content div.repository ul li img {
            background: none;
            border: none;
            margin: 0;
            padding: 0 10px 0 0;
        }

        div#static_content div.repository ul li span {
            position: relative;
            top: -2px;
        }

/*
    404
*/
div#p404 {
    font-size: 15px;
}

    div#p404 h2 {
        background: #fff url(//static.1987.hr/hakweb/images/404.jpg) no-repeat 0 0;
        height: 573px;
        text-indent: -10000px;
        width: 940px;
    }

        div#p404 h2.p403 {
            background-image: url(//static.1987.hr/hakweb/images/403.jpg);
        }

        div#p404 h2.p500 {
            background-image: url(//static.1987.hr/hakweb/images/error.jpg);
        }

    div#p404 p {
        padding-left: 10px;
    }

    div#p404 ul {
        padding-left: 15px;
        padding-top: 5px;
    }

        div#p404 ul li {
            background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 8px;
            padding-left: 10px;
            padding-bottom: 3px;
        }

/*
    Foreign
*/
div#foreign {
}

    div#foreign h2 {
        height: 99px;
        width: 940px;
        text-indent: -10000px;
    }

        div#foreign h2.en {
            background: #fff url(//static.1987.hr/hakweb/images/header-welcome.png) no-repeat 0 0;
        }

        div#foreign h2.de {
            background: #fff url(//static.1987.hr/hakweb/images/header-willkommen.png) no-repeat 0 0;
        }

        div#foreign h2.it {
            background: #fff url(//static.1987.hr/hakweb/images/header-benvenuto.png) no-repeat 0 0;
        }

    div#foreign h3 {
        padding-bottom: 5px;
    }

    div#foreign h4 {
        padding-bottom: 5px;
        padding-top: 20px;
    }

    div#foreign div#map_croatia {
        background: #fff url(//static.1987.hr/hakweb/images/back-hrvatska-box.png) no-repeat 0 0;
        height: 230px;
        position: relative;
        width: 220px;
        cursor: pointer;
    }

        div#foreign div#map_croatia h3 {
            left: 10px;
            position: absolute;
            top: 10px;
        }

            div#foreign div#map_croatia h3 a,
            div#foreign div#map_croatia p a {
                color: #fff;
                text-decoration: none;
            }

                div#foreign div#map_croatia h3 a:hover,
                div#foreign div#map_croatia p a:hover {
                    text-decoration: underline;
                }

        div#foreign div#map_croatia p {
            bottom: 10px;
            color: #fff;
            position: absolute;
            right: 10px;
        }

/*
    Vremenska prognoza
*/
div#weather {
}
    /*div#weather h2 {
        background: #fff url(//static.1987.hr/hakweb/images/header-prognoza.png) no-repeat 0 0;
        height: 99px;
        text-indent: -10000px;
        width: 940px;
    }*/
    div#weather h4 {
        margin-top: 15px;
    }

    div#weather .filter {
        display: inline-block;
        width: 30%;
    }

    div#weather div#filter_weather {
        padding: 5px 10px;
        display: inline-block;
        /*        height: 205px;
          
*/
    }

        div#weather div#filter_weather h4 {
            font-weight: bold;
        }



        div#weather div#filter_weather div.forecast {
            display: inline-block;
            width: 70%;
            float: right;
            /*            left: 10px;
            position: absolute;
            top: 30px;*/
        }


            div#weather div#filter_weather div.forecast table {
                border-spacing: 5px;
                border-collapse: collapse;
            }


                div#weather div#filter_weather div.forecast table td {
                    /*            left: 10px;
            position: absolute;
            top: 30px;*/
                    width: 77px;
                    height: 15px;
                    text-align: center;
                    border-right: 1px solid #DCDCDC;
                }

                    div#weather div#filter_weather div.forecast table td.bottomBorder, div#weather div#filter_weather div.forecast table th.bottomBorder {
                        border-collapse: collapse;
                        border-bottom: 1px solid #DCDCDC;
                        border-right: 1px solid #DCDCDC;
                    }

                    div#weather div#filter_weather div.forecast table td.day, div#weather div#filter_weather div.forecast table th {
                        /*            left: 10px;
            position: absolute;
            top: 30px;*/
                        width: 70px;
                        height: 20px;
                        font-weight: bold;
                        text-align: center;
                        font-size: 14px;
                    }

                    div#weather div#filter_weather div.forecast table td img.symbol {
                        /*            left: 10px;
            position: absolute;
            top: 30px;*/
                        width: 50px;
                    }

                    div#weather div#filter_weather div.forecast table td img.wind {
                        /*            left: 10px;
            position: absolute;
            top: 30px;*/
                        width: 30px;
                    }

                div#weather div#filter_weather div.forecast table tr {
                    /*            left: 10px;
            position: absolute;
            top: 30px;*/
                    margin-bottom: 10px;
                }

            div#weather div#filter_weather div.forecast li {
                display: block;
                font-size: 15px;
                line-height: 48px;
                height: 48px;
                position: relative;
            }

                div#weather div#filter_weather div.forecast li input {
                    display: block;
                    font-size: 15px;
                    height: 25px;
                    padding-top: 15px;
                    position: relative;
                }

                div#weather div#filter_weather div.forecast li span {
                    font-size: 15px;
                    position: absolute;
                }

                    div#weather div#filter_weather div.forecast li span.symbol {
                        left: 85px;
                        top: 0;
                    }

                    div#weather div#filter_weather div.forecast li span.tmin {
                        left: 145px;
                        width: 30px;
                    }

                    div#weather div#filter_weather div.forecast li span.tmax {
                        left: 180px;
                        width: 30px;
                    }

                    div#weather div#filter_weather div.forecast li span.celsius {
                        font-size: 11px;
                        position: absolute;
                        top: -2px;
                        width: 20px;
                    }

        div#weather div#filter_weather a.dhmz {
            bottom: 10px;
            font-size: 15px;
            left: 10px;
            position: absolute;
        }

        div#weather div#filter_weather div.filter {
            /*left: 240px;
            position: absolute;
            top: 30px;*/
            padding-bottom: 20px;
        }

        div#weather div#filter_weather p.days {
            left: 230px;
            padding: 0 0 0 15px;
            position: absolute;
            top: 100px;
        }

            div#weather div#filter_weather p.days a {
                background: transparent url(//static.1987.hr/hakweb/images/arrow-little-right-inactive.png) no-repeat left center;
                color: #add5f4;
                font-size: 11px;
                padding: 0 10px 0 6px;
                text-decoration: none;
            }

                div#weather div#filter_weather p.days a.active {
                    background-image: url(//static.1987.hr/hakweb/images/arrow-little-right.png);
                    color: #fff;
                    font-weight: bold;
                }

        div#weather div#filter_weather input {
            background: transparent url(//static.1987.hr/hakweb/images/back-search.png) no-repeat 0 0;
            border: none;
            color: #999;
            font-size: 11px;
            height: 24px;
            line-height: 24px;
            padding: 0 31px 0 5px;
            outline: none;
            width: 165px;
        }


/*
    Cestarine
*/
div#toll {
}
    /*div#toll h2 {
        background: #fff url(//static.1987.hr/hakweb/images/header-cestarine.png) no-repeat 0 0;
        height: 99px;
        text-indent: -10000px;
        width: 940px;
    }*/
    div#toll label.tollstation_label,
    div#toll label.tollroad_label {
        display: inline-block;
        width: 110px;
    }

    div#toll p.desc {
        padding-bottom: 10px;
    }

    div#toll table.stylized th {
        background: #316b9d url(//static.1987.hr/hakweb/images/table-head-background.png) repeat-x 0 0;
        border-right: 1px solid #4b89ba;
        color: #fff;
        font-weight: bold;
        padding: 7px 25px 7px 7px;
    }

    div#toll div.loader_big {
        background: #fff url(//static.1987.hr/hakweb/images/spinner-big.gif) no-repeat center 0;
        font-size: 15px;
        padding-top: 40px;
        text-align: center;
    }

    div#toll div#tollresults {
        padding-top: 20px;
    }

    div#toll h4 {
        padding-top: 15px;
    }

    div#toll p.loading_small {
        background: transparent url(//static.1987.hr/hakweb/images/spinner-white-on-blue.gif) no-repeat 0 0;
        display: none;
        height: 24px;
        position: absolute;
        right: 10px;
        text-indent: -10000px;
        top: 10px;
        width: 24px;
    }

div.toll_cat h4 {
    clear: both;
}

div.toll_cat img {
    float: right;
    padding: 5px 0 5px 10px;
}

/*
    Cijene goriva
*/
div#fuel {
}
    /*div#fuel h2 {
        background: #fff url(//static.1987.hr/hakweb/images/header-gorivo.png) no-repeat 0 0;
        height: 99px;
        text-indent: -10000px;
        width: 940px;
    }*/
    div#fuel p {
        padding-bottom: 10px;
    }

table.fuel_segmented {
    background-color: #eee;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-right: 4px;
    color: #000;
    margin: 0 auto 0 auto;
    width: 934px;
    min-height: 200px;
}

div#CijeneGorivaTablice {
    border: 3px solid #4b87b8;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 0 auto 20px;
    margin-top: 5px;
    /*margin-left: 292px;*/
}

    div#CijeneGorivaTablice div {
        width: inherit;
    }

div#CijeneGoriva ul.tabs {
    margin: 0 auto 0;
    width: 172px;
    float: left;
}

    div#CijeneGoriva ul.tabs li {
        width: 172px;
        margin-left: 120px;
    }

        /*div#CijeneGoriva ul.tabs li p.last, div#CijeneGoriva ul.tabs li p.first {
            background: none;
            border-left: solid 1px #316997;
        }*/


        div#CijeneGoriva ul.tabs li.first {
            border-top: solid 1px #316997;
            border-top-left-radius: 5px;
        }

        div#CijeneGoriva ul.tabs li p {
            border-left: none;
        }

    div#CijeneGoriva ul.tabs li {
        border-left: solid 1px #316997;
    }

        div#CijeneGoriva ul.tabs li.last {
            border-bottom: solid 1px #316997;
            border-bottom-left-radius: 5px;
        }

        div#CijeneGoriva ul.tabs li.active {
            background: #4b87b8;
        }

        div#CijeneGoriva ul.tabs li.inactive {
            background: #346F9F;
        }


table.fuel_segmented th {
    font-size: 20px;
    /*text-align: center;*/
}

table.fuel_segmented tr {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

table.fuel_segmented td {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    padding-right: 5px;
}

    table.fuel_segmented td.fuel_name, table.fuel_segmented th.td.fuel_name {
        font-size: 22px;
        padding-left: 15px;
        width: 60%;
    }

td.fuel_segmented, th.fuel_segmented {
    width: 15%;
}

td.fuel_segmented_range {
    width: 40%;
}

    td.fuel_segmented_range span.fuel_segmented_range_env {
        background: transparent url(//static.1987.hr/images/gas/segment-back-double.png) no-repeat 0 0;
        padding: 4px;
        display: inline-block;
    }

    td.fuel_segmented_range span.fuel_segmented_range_env11 {
        background: transparent url(//static.1987.hr/images/gas/segment-back-double11.png) no-repeat 0 0;
        padding: 4px;
        display: inline-block;
    }

    td.fuel_segmented_range span.fuel_segmented_range_env12 {
        background: transparent url(//static.1987.hr/images/gas/segment-back-double12.png) no-repeat 0 0;
        padding: 4px;
        display: inline-block;
    }

td.fuel_separator {
    width: 5%;
    text-align: center;
    font-size: xx-large;
}

td.fuel_segmented span {
    background: transparent url(//static.1987.hr/images/gas/segment-back.png) no-repeat 0 0;
    display: inline-block;
    padding: 4px;
    /*height: 40px;*/
    /*width: 134px;*/
}

    td.fuel_segmented span img {
        height: 40px;
        width: 30px;
    }

        td.fuel_segmented span img.comma {
            width: 14px;
        }

table.fuel_segmented span.vendorName {
    font-size: 18px;
    color: #787878;
}

/*
    Revija
*/

div#magazines {
}

    div#magazines h2 {
        background: #fff url(//static.1987.hr/hakweb/images/header-revija.png) no-repeat 0 0;
        height: 213px;
        text-indent: -10000px;
        width: 940px;
    }

    div#magazines h3 {
        font-size: 13px;
        padding: 0 0 5px 10px;
        text-align: center;
    }

        div#magazines h3 a {
            color: #fff;
            text-decoration: none;
        }

            div#magazines h3 a:hover {
                text-decoration: underline;
            }

    div#magazines p.cover {
        text-align: center;
        padding: 10px 0 5px 0;
    }

        div#magazines p.cover img {
            background-color: #fff;
            border: 1px solid #295a82;
            padding: 5px;
        }

div#magazineissue {
}

    div#magazineissue div.missing p {
        font-size: 15px;
        padding-top: 10px;
    }

    div#magazineissue h3 {
        color: #fff;
        font-size: 24px;
        font-weight: normal;
        margin: 0;
        padding: 0;
    }

    div#magazineissue h4 {
        font-size: 20px;
        margin: 0;
        padding: 0 0 10px 0;
    }

        div#magazineissue h4 a {
            padding: 0;
            text-decoration: none;
        }

    div#magazineissue h5 {
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        padding: 0 0 0 1px;
    }

    div#magazineissue div.teaser {
        text-align: left;
    }

    div#magazineissue p.magazine_image {
    }

    div#magazineissue p.magazine_get {
        color: #666;
        font-size: 11px;
        padding-top: 5px;
    }

    div#magazineissue p.magazine_image img {
        border: 1px solid #bbb;
        padding: 5px;
    }

    div#magazineissue a.article {
        border-bottom: 1px dashed #ddd;
        display: block;
        padding: 10px 0;
        text-align: right;
    }

    div#magazineissue h2.magazine {
        background: #fff url(//static.1987.hr/hakweb/images/revija.png) no-repeat 0 0;
        height: 84px;
        margin: 0 0 0 0;
        text-indent: -10000px;
        width: 178px;
    }

    div#magazineissue h3.magazine {
        background-color: #fff;
        border: none;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 10px 0;
    }

    div#magazineissue a.download {
        background: #fff url(//static.1987.hr/hakweb/images/articles/download.png) no-repeat 0 0;
        display: block;
        height: 44px;
        position: relative;
        width: 220px;
    }

        div#magazineissue a.download:hover {
            background-position: -220px 0;
        }

        div#magazineissue a.download span {
            left: 42px;
            position: absolute;
        }

            div#magazineissue a.download span.title {
                color: #fff;
                font-size: 18px;
                top: 4px;
            }

            div#magazineissue a.download span.desc {
                color: #a1c4e1;
                font-size: 11px;
                top: 27px;
            }

div#articletext {
    font-size: 14px;
}

    div#articletext img {
        background-color: #fff;
        border: 1px solid #999;
        margin: 10px;
        padding: 1px;
    }

    div#articletext h2 {
        font-size: 26px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 0;
    }

    div#articletext h3 {
        font-size: 18px;
        padding-top: 3px;
        padding-bottom: 0;
    }

        div#articletext h3.subtitle {
            font-size: 18px;
        }

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

    div#articletext p {
        font-size: 14px;
        text-align: left;
    }

    div#articletext table {
        margin: 10px;
    }

        div#articletext table.tabletest1 {
            margin: 0;
        }

    div#articletext p.clear_articlehead {
        border-top: 1px solid #ddd;
        clear: both;
        line-height: 2px;
        height: 2px;
    }

    div#articletext div.teaser {
    }

    div#articletext div.subscription {
        /*margin-top: 10px;
        padding-top: 10px;  */
    }

        div#articletext div.subscription p {
            font-size: 12px;
            font-weight: bold;
        }

ul#relevant_articles {
}

    ul#relevant_articles li {
        background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 7px;
        padding: 0 0 5px 10px;
    }

        ul#relevant_articles li a {
            font-size: 11px;
        }


/* Ador Prop */
div#static_content ul.steps li {
    background: url('//static.1987.hr/hakweb/images/steps/strelica.jpg') no-repeat 170px 50%;
    float: left;
    width: 200px;
    height: 123px;
    margin: 10px 0;
    padding: 0;
}

    div#static_content ul.steps li.step4 {
        background: none;
        width: 156px;
    }

    div#static_content ul.steps li a {
        background: url('//static.1987.hr/hakweb/images/steps/step-box-inactive.jpg') no-repeat 0 0;
        width: 136px;
        height: 113px;
        display: block;
        text-align: center;
        font-size: 15px;
        text-decoration: none;
        color: #fff;
        padding: 10px;
        padding-top: 0;
    }

        div#static_content ul.steps li a.active {
            background: url('//static.1987.hr/hakweb/images/steps/step-box.jpg') no-repeat 0 0;
            color: #fff;
        }

#static_content ul.steps li a span {
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 20px 0 20px 0;
}

#static_content #div1 h4,
#static_content #div2 h4,
#static_content #div3 h4,
#static_content #div4 h4,
#static_content #div5 h4,
#static_content #div6 h4,
#static_content #div7 h4,
#static_content #div8 h4,
#static_content #div9 h4 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: #316b9d url(//static.1987.hr/hakweb/images/table-head-background.png) repeat-x 0 0;
    text-align: center;
    margin-top: 20px;
    padding: 5px 15px;
    margin-bottom: 0;
    display: block;
    width: 670px;
}

#static_content .stepsContent {
    background: #d7edff;
    border: 1px solid #316b9d;
    padding: 15px;
    display: block;
    float: left;
    width: 668px;
}

    #static_content .stepsContent ul li {
        margin: 0px;
        display: block;
        clear: both;
        margin: 5px;
    }

        #static_content .stepsContent ul li img {
            border: 1px solid #316b9d;
        }

    #static_content .stepsContent img {
        border: 1px solid #316b9d;
        margin: 10px;
    }

    #static_content .stepsContent h2 {
        clear: both;
    }

#static_content #docs img {
    border: 1px solid #316b9d;
    background: #F5F5E9;
    padding: 2px;
}

#static_content ul.medunarodna_dozvola {
    margin-bottom: 15px;
}

    #static_content ul.medunarodna_dozvola li {
        font-size: 15px;
        color: #2d2d2d;
        text-align: center;
        background: none;
        float: left;
        width: 131px;
        height: 66px;
        margin-right: 40px;
        padding: 0 25px;
        padding-top: 170px;
    }

        #static_content ul.medunarodna_dozvola li.vozacka {
            background: url('http://www2.hak.hr/css/img/medjunarodna_vozacka_1.jpg') no-repeat 0 0;
        }

        #static_content ul.medunarodna_dozvola li.fotografije {
            background: url('http://www2.hak.hr/css/img/medjunarodna_vozacka_2.jpg') no-repeat 0 0;
        }

        #static_content ul.medunarodna_dozvola li.osobni_dokumenti {
            background: url('http://www2.hak.hr/css/img/medjunarodna_vozacka_3.jpg') no-repeat 0 0;
        }

        #static_content ul.medunarodna_dozvola li.osobna {
            background: url('http://www2.hak.hr/css/img/medjunarodna_vozacka_4.jpg') no-repeat 0 0;
        }

        #static_content ul.medunarodna_dozvola li.prometna {
            background: url('http://www2.hak.hr/css/img/medjunarodna_vozacka_5.jpg') no-repeat 0 0;
        }

        #static_content ul.medunarodna_dozvola li.putovnica {
            background: url('http://www2.hak.hr/css/img/medjunarodna_vozacka_6.jpg') no-repeat 0 0;
        }

/*
*************************************************
    =people
*************************************************
*/

div#static_content ul.persons {
    list-style: none;
    padding: 0;
}

    div#static_content ul.persons li {
        background: none;
        color: #000;
        display: block;
        float: left;
        height: 345px;
        list-style: none;
        padding: 0;
        padding-bottom: 40px;
        width: 300px;
    }

        div#static_content ul.persons li br {
            clear: both;
            display: block;
        }

div#static_content div.person {
    /* background: #fff url(//static.1987.hr/hakweb/images/shared/person-back.png) no-repeat 0 0;*/
    border-radius: 5px;
    border: 2px solid #EFEFEF;
    min-height: 330px;
    height: auto;
    padding-left: 7px;
    padding-right: 28px;
    padding-top: 10px;
    width: 250px;
}

    div#static_content div.person img {
        /*        background-color: #4a86b8;*/
        /*        border: 1px solid #225683;*/
        border-radius: 5px;
        border: 1px solid #ddd;
        float: left;
        /*        margin-right: 7px;*/
        margin: 0px;
        padding: 2px;
        max-width: 265px;
        width: 265px;
        max-height: 265px;
        height: 265px;
    }

    div#static_content div.person h4 {
        color: #000;
        font-size: 15px;
        padding-bottom: 10px;
        padding-top: 0;
    }

    div#static_content div.person p.position {
        /* min-height: 30px;*/
    }

    div#static_content div.person h4 a {
        text-decoration: none;
    }

        div#static_content div.person h4 a:hover {
            text-decoration: underline;
        }

    div#static_content div.person p {
        color: #000;
        font-size: 11px;
        line-height: 15px;
    }

    div#static_content div.person a {
        color: #000;
        text-decoration: underline;
    }

        div#static_content div.person a.bio {
            margin-top: 10px;
        }

div#static_content div.person_bio {
}

    div#static_content div.person_bio img {
        border: 1px solid #ddd;
        float: left;
        margin-right: 5px;
        margin-bottom: 10px;
        padding: 2px;
        max-width: 260px;
    }

    div#static_content div.person_bio span {
        display: block;
        font-size: 12px;
        font-weight: bold;
    }

    div#static_content div.person_bio p {
        clear: left;
        font-size: 12px;
    }

/*
*************************************************
    =tabovi
*************************************************
*/
ul.tabs {
    background-color: #fff;
    height: 22px;
}

    ul.tabs li {
        background: #fff url(//static.1987.hr/hakweb/images/tab-inactive.png) repeat-x 0 0;
        cursor: pointer;
        display: block;
        height: 22px;
        float: left;
        position: relative;
        /*width: 172px;*/
    }

        ul.tabs li.active {
            background: #fff url(//static.1987.hr/hakweb/images/tab-active.png) repeat-x 0 0;
        }

        ul.tabs li p {
            border-left: solid 1px #316997;
            color: #a3c6e2;
            font-size: 11px;
            font-weight: bold;
            line-height: 22px;
            padding: 0 15px 0 15px;
        }

        ul.tabs li.hover p,
        ul.tabs li.active p {
            color: #fff;
        }

        ul.tabs li p.first {
            background: transparent url(//static.1987.hr/hakweb/images/tab-first-inactive.png) no-repeat 0 0;
            border-left: none;
        }

        ul.tabs li.active p.first {
            background: transparent url(//static.1987.hr/hakweb/images/tab-first-active.png) no-repeat 0 0;
        }

        ul.tabs li p.last {
            background: transparent url(//static.1987.hr/hakweb/images/tab-last-inactive.png) no-repeat top right;
        }

        ul.tabs li.active p.last {
            background: transparent url(//static.1987.hr/hakweb/images/tab-last-active.png) no-repeat top right;
        }
/*
*************************************************
    =veliki tabovi
*************************************************
*/

ul.bigtabs {
    height: 43px;
}

    ul.bigtabs li {
        background: #fff url(//static.1987.hr/hakweb/images/bigtabs/tab-inactive.png) repeat-x 0 0;
        height: 43px;
    }

        ul.bigtabs li.active {
            background: #fff url(//static.1987.hr/hakweb/images/bigtabs/tab-active.png) repeat-x 0 0;
        }

        ul.bigtabs li p {
            color: #a3c6e2;
            font-size: 16px;
            font-weight: normal;
            line-height: 43px;
            padding: 0 15px 0 15px;
        }

            ul.bigtabs li p.first {
                background: transparent url(//static.1987.hr/hakweb/images/bigtabs/tab-first-inactive.png) no-repeat 0 0;
                border-left: none;
            }

        ul.bigtabs li.active p.first {
            background: transparent url(//static.1987.hr/hakweb/images/bigtabs/tab-first-active.png) no-repeat 0 0;
        }

        ul.bigtabs li p.last {
            background: transparent url(//static.1987.hr/hakweb/images/bigtabs/tab-last-inactive.png) no-repeat top right;
        }

        ul.bigtabs li.active p.last {
            background: transparent url(//static.1987.hr/hakweb/images/bigtabs/tab-last-active.png) no-repeat top right;
        }

ul.bigtabs-white {
    background: #fff url(//static.1987.hr/hakweb/images/boxes/white_4_top_tabs.png) repeat-x left bottom;
    height: 43px;
    padding-bottom: 2px;
}

    ul.bigtabs-white li {
        background: #fff url(//static.1987.hr/hakweb/images/bigtabs/tab-inactive-white.png) repeat-x 0 0;
    }

        ul.bigtabs-white li.active {
            background: #fff url(//static.1987.hr/hakweb/images/bigtabs/tab-active-white.png) repeat-x 0 0;
        }

        ul.bigtabs-white li p {
            border-left-color: #d7d7d7;
            color: #979797;
            font-size: 15px;
            font-weight: bold;
            line-height: 43px;
            padding: 0 15px 0 15px;
        }

        ul.bigtabs-white li.active p,
        ul.bigtabs-white li.hover p {
            color: #000;
        }

        ul.bigtabs-white li p.first {
            background: transparent url(//static.1987.hr/hakweb/images/bigtabs/tab-first-inactive-white.png) no-repeat 0 0;
        }

        ul.bigtabs-white li.active p.first {
            background: transparent url(//static.1987.hr/hakweb/images/bigtabs/tab-first-active-white.png) no-repeat 0 0;
        }

        ul.bigtabs-white li p.last {
            background: transparent url(//static.1987.hr/hakweb/images/bigtabs/tab-last-inactive-white.png) no-repeat top right;
        }

        ul.bigtabs-white li.active p.last {
            background: transparent url(//static.1987.hr/hakweb/images/bigtabs/tab-last-active-white.png) no-repeat top right;
        }

/*
*************************************************
    =uštede
*************************************************
*/

div#savewithhak {
}

    div#savewithhak div.box_white_middle_4 {
        padding: 5px 10px;
    }

        div#savewithhak div.box_white_middle_4 p {
            padding: 10px 0;
        }
    /*div#savewithhak h3.header-2 {
        background: #fff url(//static.1987.hr/hakweb/images/savewithhak/header-2.png) no-repeat 0 0;
        height: 57px;
        margin-top: 10px;
        text-indent: -10000px;
        width: 940px;
        
    }*/
    div#savewithhak h3.hero.header-2 {
        height: 57px;
        margin-top: 10px;
        width: 940px;
    }
/*div#savecarousel {
        background: #fff url(//static.1987.hr/hakweb/images/savewithhak/main-back.png) no-repeat 0 0;
        height: 487px;
        overflow: hidden;
        padding-top: 120px;
        width: 940px;
    }*/
div#savecarousel div.savecarousel {
    height: 487px;
    width: 940px;
}

div#savecarousel ul.savecarousel img {
    display: block;
    height: 487px;
    width: 940px;
}

div#savecarousel ul.savecarousel li,
div#savecarousel ul.savecarousel a {
    display: block;
    height: 487px;
    width: 940px;
}

a#savecarousel_left,
a#savecarousel_right,
a#savecarousel_right_stopinterval {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 487px;
    position: absolute;
    text-indent: -10000px;
    top: 155px;
    width: 97px;
    z-index: 20;
}

a#savecarousel_left {
    background-image: url(//static.1987.hr/hakweb/images/savewithhak/carousel-left.png);
    left: 0;
}

a#savecarousel_right {
    background-image: url(//static.1987.hr/hakweb/images/savewithhak/carousel-right.png);
    right: 0;
}

a#savecarousel_right_stopinterval {
    right: 0;
    z-index: 30;
}

div#savewithhak div.desc ul li {
    background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 6px;
    padding-left: 10px;
}

div#savewithhak div.list {
    border-top: 1px dashed #bbb;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
}

div#savewithhak div.sidebar {
    float: left;
    padding-right: 10px;
    position: relative;
    width: 230px;
}

    div#savewithhak div.sidebar ul li {
        background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 8px;
        padding: 2px 0 2px 10px;
    }

    div#savewithhak div.sidebar.SaveClean ul li {
        background: none;
    }

    div#savewithhak div.sidebar ul li a {
        text-decoration: none;
    }

        div#savewithhak div.sidebar ul li a.active {
            color: #000;
            font-weight: bold;
        }

div#savewithhak div.coupons {
    float: left;
    position: relative;
    width: 680px;
}

    div#savewithhak div.coupons.SaveClean {
        width: 902px;
    }

div#savewithhak p.clear {
    clear: both;
}

div#savewithhak div.save_entry {
    background: transparent url(//static.1987.hr/hakweb/images/savewithhak/hp-back-middle.png) repeat-y 0 0;
    margin-bottom: 10px;
    width: 679px;
}

    div#savewithhak div.save_entry.SaveClean {
        background: none;
        width: 920px;
    }

div#savewithhak div.save_entry_bottom_back {
    background: transparent url(//static.1987.hr/hakweb/images/savewithhak/hp-back-bottom.png) no-repeat 0 0;
    height: 11px;
    width: 679px;
}

    div#savewithhak div.save_entry_bottom_back.SaveClean {
        background: none;
        border-top: 1px dashed #bbb;
        width: 920px;
    }

div#savewithhak div.general {
    float: left;
    overflow: hidden;
    padding: 10px 10px 10px 15px;
    width: 150px;
}

    div#savewithhak div.general p.contact {
        font-size: 11px;
    }

div#savewithhak div.details {
    float: left;
    padding: 10px 10px 10px 25px;
    position: relative;
    width: 469px;
}

    div#savewithhak div.details.SaveClean {
        width: 700px;
    }

    div#savewithhak div.details div.discount {
    }

        div#savewithhak div.details div.discount li {
            background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 8px;
            padding: 2px 0 2px 10px;
        }


    div#savewithhak div.details.SaveClean div.discount li {
        background: none;
    }

    div#savewithhak div.details div.more {
        display: none;
        font-size: 12px;
        padding-top: 10px;
    }

div#savewithhak div.coupons div.save_entry p.more {
    clear: both;
    text-align: right;
    padding: 5px 15px 5px 15px;
}

div#savewithhak a.more {
    background: transparent url(//static.1987.hr/hakweb/images/expand.png) no-repeat right 0;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-right: 24px;
    text-decoration: none;
}

div#savewithhak div.coupons a.active {
    background: transparent url(//static.1987.hr/hakweb/images/collapse.png) no-repeat right 0;
}

div#savehp {
}

div.hp_entry_top_back {
    background: transparent url(//static.1987.hr/hakweb/images/savewithhak/hp-back-top.png) no-repeat 0 0;
}

    div.hp_entry_top_back.SaveClean {
        background: none;
    }

div#savesyc {
}

div.syc_entry_top_back {
    background: transparent url(//static.1987.hr/hakweb/images/savewithhak/syc-back-top.png) no-repeat 0 0;
}

    div.syc_entry_top_back.SaveClean {
        background: none;
    }

div#savewithhak div.offices {
}

div#savewithhak div.more h5 {
    font-size: 14px;
    padding-top: 15px;
}

div#savewithhak div.offices p {
    font-size: 12px;
    padding: 0 0 3px 0;
}

div#savewithhak div.office {
    padding-bottom: 10px;
}

.logo-right-float {
    float: right;
    padding: 0 0 20px 20px;
}

.centered-content {
    text-align: center;
    font-size: 12px;
}

.logo-left-float {
    float: left;
    padding-right: 10px;
}


/*
*************************************************
    =kamere
*************************************************
*/
div#cameras {
    height: 285px;
    position: relative;
    width: 220px;
}

div#cameras_box {
    background: #fff url(//static.1987.hr/hakweb/images/back-kamere.png) no-repeat 0 0;
    height: 285px;
    position: relative;
    width: 220px;
    z-index: 10;
}

div#cameras h3 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    left: 13px;
    position: relative;
    top: 7px;
}

input#filter {
    border: none;
    color: #999;
    left: 15px;
    font-size: 11px;
    outline: none;
    position: absolute;
    top: 33px;
    width: 165px;
}

div#scroller {
    height: 185px;
    overflow: hidden;
    position: absolute;
    top: 79px;
    width: 220px;
}

    div#scroller ul {
        display: block;
        position: absolute;
        top: 0;
    }

        div#scroller ul li {
            background: transparent url(//static.1987.hr/hakweb/images/arrow-cam-small-down.png) no-repeat 195px 13px;
            border-bottom: 1px solid #bad9f1;
            color: #215581;
            cursor: pointer;
            display: block;
            font-size: 12px;
            font-weight: bold;
            height: 32px;
            line-height: 32px;
            overflow: hidden;
            padding-left: 10px;
            position: relative;
            width: 210px;
        }

            div#scroller ul li.active {
                background: transparent url(//static.1987.hr/hakweb/images/arrow-cam-small-up.png) no-repeat 195px 13px;
            }

            div#scroller ul li a {
                background: transparent url(//static.1987.hr/hakweb/images/loading-cam-small.png) no-repeat 0 0;
                display: block;
                height: 131px;
                margin-left: 15px;
                outline: none;
                overflow: hidden;
                position: relative;
                width: 169px;
            }

                div#scroller ul li a img {
                    border-right: solid 1px #666465;
                    border-bottom: solid 1px #666465;
                    height: 130px;
                    width: 168px;
                }

                div#scroller ul li a.show_map {
                    background: transparent url(//static.1987.hr/images/icons/fam/map.png) no-repeat 0 0;
                    bottom: 5px;
                    display: block;
                    height: 16px;
                    margin-left: 0;
                    position: absolute;
                    text-indent: -10000px;
                    right: 5px;
                    width: 16px;
                }

a#up, a#down {
    display: block;
    height: 21px;
    left: 0;
    line-height: 30px;
    outline: none;
    position: absolute;
    text-indent: -10000px;
    width: 220px;
}

a#up {
    background: transparent url(//static.1987.hr/hakweb/images/arrow-cam-up-inactive.png) no-repeat 103px 7px;
    top: 57px;
}

    a#up.active {
        background: transparent url(//static.1987.hr/hakweb/images/arrow-cam-up-active.png) no-repeat 103px 7px;
        top: 57px;
    }

a#down {
    background: transparent url(//static.1987.hr/hakweb/images/arrow-cam-down-inactive.png) no-repeat 103px 7px;
    top: 264px;
}

    a#down.active {
        background: transparent url(//static.1987.hr/hakweb/images/arrow-cam-down-active.png) no-repeat 103px 7px;
        top: 264px;
    }

ul#cam_photos {
}

    ul#cam_photos li {
        background: transparent url(//static.1987.hr/hakweb/images/back-kamere-show.png) no-repeat 0 0;
        display: none;
        height: 285px;
        position: absolute;
        top: 0px;
        left: -380px;
        width: 405px;
        z-index: 5;
    }

        ul#cam_photos li img {
            border-right: solid 1px #343233;
            border-bottom: solid 1px #343233;
            height: 265px;
            left: 10px;
            position: relative;
            top: 10px;
            width: 360px;
        }


/*
*************************************************
    =sidemenu
*************************************************
*/
ul#sidemenu {
    position: relative;
}

    ul#sidemenu li a {
        background: transparent url(//static.1987.hr/hakweb/images/sidemenu-sprite.png) no-repeat 0 0;
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 30px;
        padding-left: 13px;
        text-decoration: none;
        vertical-align: middle;
        width: 207px;
    }

        ul#sidemenu li a img {
            height: 16px;
            left: -3px;
            position: relative;
            top: 3px;
            width: 16px;
        }

    ul#sidemenu li.status a,
    ul#sidemenu li.sidetop a {
        background-position: 0 0;
        height: 30px;
    }

        ul#sidemenu li.status a:hover,
        ul#sidemenu li.sidetop a:hover {
            background-position: -220px 0;
        }

    ul#sidemenu li.radars a,
    ul#sidemenu li.sidemiddle a {
        background-position: 0 -30px;
        height: 30px;
    }

        ul#sidemenu li.radars a:hover,
        ul#sidemenu li.sidemiddle a:hover {
            background-position: -220px -30px;
        }

    ul#sidemenu li.forbidden a,
    ul#sidemenu li.sidebottom a {
        background-position: 0 -60px;
        height: 31px;
    }

        ul#sidemenu li.forbidden a:hover,
        ul#sidemenu li.sidebottom a:hover {
            background-position: -220px -60px;
        }


/*
*************************************************
    =karta
*************************************************
*/
div#map_box {
    color: #fff;
    height: 117px;
    position: relative;
    width: 220px;
}

    div#map_box ul.tabs {
        width: 220px;
    }

    div#map_box div.box {
        background: #fff url(//static.1987.hr/hakweb/images/back-search-box.png) no-repeat 0 0;
        height: 95px;
        position: relative;
        width: 220px;
    }

    div#map_box div.map {
        position: relative;
    }

    div#map_box div.route {
        display: none;
        position: relative;
    }

    div#map_box h3 {
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        padding: 10px 0 0 15px;
    }

    div#map_box input {
        background: transparent url(//static.1987.hr/hakweb/images/input-route.png) no-repeat 0 0;
        border: none;
        color: #999;
        font-size: 11px;
        height: 24px;
        padding: 0 5px 0 5px;
        width: 168px;
    }

        div#map_box input.magnify {
            background: transparent url(//static.1987.hr/hakweb/images/input-map.png) no-repeat 0 0;
            padding: 0 28px 0 5px;
        }

    div#map_box div.map input {
        left: 10px;
        margin-top: 15px;
        position: relative;
    }

    div#map_box div.route input {
        margin-left: 10px;
        margin-top: 7px;
        position: relative;
    }

        div#map_box div.route input.magnify {
            margin-top: 5px;
        }

    div#map_box p.info {
        color: #79a6ca;
        font-size: 11px;
        left: 15px;
        margin-top: 5px;
        position: relative;
    }

    div#map_box span {
        font-size: 11px;
    }

    div#map_box button {
        display: none;
    }

    div#map_box a {
        display: block;
        height: 24px;
        left: 186px;
        position: absolute;
        text-indent: -10000px;
        width: 24px;
    }

    div#map_box div.route a {
        top: 61px;
    }

    div#map_box div.map a {
        top: 40px;
    }

/*
*************************************************
    =članski modeli
*************************************************
*/

div#member_package {
}

    /*div#member_package h2 {
        width: 940px;
        height: 559px;
        text-indent: -10000px;
    }*/

    /*div#member_package h2.start {
            background: #fff url(//static.1987.hr/hakweb/images/membership/start-header.jpg) no-repeat 0 0;
        }

        div#member_package h2.optimum {
            background: #fff url(//static.1987.hr/hakweb/images/membership/optimum-header.jpg) no-repeat 0 0;
        }

        div#member_package h2.europa {
            background: #fff url(//static.1987.hr/hakweb/images/membership/europa-header.jpg) no-repeat 0 0;
        }*/

    div#member_package h3 {
        height: 63px;
        margin-top: 10px;
        /*text-indent: -10000px;*/
        width: 940px;
        font-weight: bold;
        font-size: 35px;
    }

/*div#member_package h3.start {
            background: #fff url(//static.1987.hr/hakweb/images/membership/package-start-header.png) no-repeat 0 0;
        }

        div#member_package h3.optimum {
            background: #fff url(//static.1987.hr/hakweb/images/membership/package-optimum-header.png) no-repeat 0 0;
        }

        div#member_package h3.europa {
            background: #fff url(//static.1987.hr/hakweb/images/membership/package-europa-header.png) no-repeat 0 0;
        }*/

div#package_benefits {
    margin: 0 auto;
    width: 800px;
}

    div#package_benefits p.checkout,
    div#package_benefits p.or {
        clear: both;
        font-size: 16px;
        padding: 15px;
    }

    div#package_benefits p.checkout {
        padding-right: 0;
    }

    div#package_benefits p.notice {
        clear: both;
        font-size: 14px;
        padding: 15px;
    }

    div#package_benefits p.or {
        font-weight: bold;
        text-align: center;
    }

    div#package_benefits p.checkout {
        font-size: 15px;
        font-weight: bold;
    }

    div#package_benefits div.benefit {
        border-top: 1px dashed #ddd;
        padding-top: 30px;
        clear: both;
    }

    div#package_benefits div.no-border {
        border: none;
    }

    div#package_benefits div.benefit p.icon {
        float: left;
        height: 180px;
        margin-right: 10px;
        width: 160px;
    }

    div#package_benefits div.benefit p.desc {
    }

        div#package_benefits div.benefit p.desc span.name {
            display: block;
            font-size: 16px;
            font-weight: bold;
            padding-bottom: 10px;
        }

        div#package_benefits div.benefit p.desc span.desc {
            display: block;
            font-size: 13px;
        }

        div#package_benefits div.benefit p.desc span.nudge {
            display: block;
            left: 170px;
            position: relative;
            padding-bottom: 20px;
        }

    div#package_benefits div.benefit ul {
        padding: 5px 0 5px 180px;
        position: relative;
    }

        div#package_benefits div.benefit ul li {
            background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 5px;
            padding-bottom: 3px;
            padding-left: 10px;
            position: relative;
        }

/*
*************************************************
    =tražilica
*************************************************
*/
div#search_results {
}

    div#search_results h2 {
        background: #fff url(//static.1987.hr/hakweb/images/header-search.png) no-repeat 0 0;
        height: 99px;
        text-indent: -10000px;
        width: 940px;
    }

    div#search_results form {
    }

        div#search_results form p {
            padding: 5px 0 0 0;
        }

        div#search_results form input {
            padding: 5px;
        }

    div#search_results h4 {
        margin: 0;
        padding: 0;
    }

    div#search_results ul {
    }

        div#search_results ul li {
            background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 19px;
            border-top: dashed 1px #ddd;
            padding-bottom: 13px;
            padding-top: 13px;
            padding-left: 10px;
        }

            div#search_results ul li h4 {
                margin-bottom: 0;
                padding-bottom: 0;
            }

            div#search_results ul li span {
            }


/*
*************************************************
    =učlanjenje
*************************************************
*/

div#membership_apply {
}

    div#membership_apply div.box_white_middle_3 {
        padding-top: 15px;
    }

div#membership_apply_sidebar {
}

form#application {
}

    form#application ul.membershiptypes {
        height: 40px;
    }

        form#application ul.membershiptypes li {
            display: block;
            float: left;
            height: 40px;
            margin-right: 10px;
            width: 111px;
        }

            form#application ul.membershiptypes li a {
                background-image: url(//static.1987.hr/hakweb/images/membership/membershiptypes.png);
                background-repeat: no-repeat;
                background-color: transparent;
                display: block;
                height: 40px;
                text-indent: -10000px;
                width: 111px;
            }

            form#application ul.membershiptypes li.private a {
                background-position: -111px 0;
            }

                form#application ul.membershiptypes li.private a.active {
                    background-position: 0 0;
                    cursor: default;
                }

            form#application ul.membershiptypes li.business a {
                background-position: -333px 0;
            }

                form#application ul.membershiptypes li.business a.active {
                    background-position: -222px 0;
                    cursor: default;
                }

    form#application div#pravna {
        padding-bottom: 10px;
    }

div#pravna p {
    padding-bottom: 10px;
}

form#application fieldset {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 12px;
}

    form#application fieldset h3 {
        margin-bottom: 16px;
    }

    form#application fieldset label {
        font-size: 14px;
        font-weight: bold;
    }

    form#application fieldset p {
        margin-bottom: 8px;
    }

form#application h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 0px 10px 5px 0;
}

form#application h4 {
    font-size: 15px;
    font-weight: bold;
    padding: 0px 10px 5px 0;
}

form#application div.rowElem {
    /*border-top: dashed 1px #ccc;*/
    padding: 10px 0 10px 0;
}

form#application input,
form#application select {
    font-size: 15px;
    padding: 5px;
}

    form#application input.radio {
        font-size: auto;
        padding: 0;
    }

form#application label {
    padding-right: 10px;
    text-align: right;
    width: 100px;
    display: inline-block;
}

    form#application label.payment {
        padding-left: 5px;
        text-align: left;
        width: auto;
    }

    form#application label.radio {
        width: auto;
    }

form#application div#refmember {
    display: none;
}

form#application div.button {
    text-align: right;
}

form#application div.payment_online,
form#application div.payment_offline,
form#application div.payment_ebon form#application div.payment_voucher {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 80px;
}

form#application div.payment_offline,
form#application div.payment_voucher,
form#application div.payment_ebon {
    display: none;
}

/*form#application a#membership_step_2,
form#application a#membership_step_3,
form#application a#membership_step_4,
form#application a#membership_step_final,
form#application a#membership_pay {
    background: transparent url(//static.1987.hr/hakweb/images/membership/button_step.png) no-repeat 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 60px;
    line-height: 52px;
    padding: 0 20px 0 0;
    text-decoration: none;
    text-align: center;
    width: 138px;
}*/

/*form#application a#membership_step_2 span,
    form#application a#membership_step_3 span,
    form#application a#membership_step_4 span,
    form#application a#membership_step_final span,
    form#application a#membership_pay span {
        font-size: 12px;
        font-weight: bold;
    }*/

form#application span.error,
form#application span.ok,
form#application span.info {
    display: inline-block;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
}

form#application span.error {
    background: transparent url(//static.1987.hr/images/icons/fam/delete.png) no-repeat 0 0;
}

form#application span.ok {
    background: transparent url(//static.1987.hr/images/icons/fam/accept.png) no-repeat 0 0;
}

form#application span.info {
    background: transparent url(//static.1987.hr/images/icons/fam/information.png) no-repeat 0 0;
}

form#application p.formdesc {
    font-size: 11px;
    padding-left: 115px;
}

form#application p.companyonly {
    /*font-size: 11px;*/
    padding-top: 20px;
}

form#application p.allrequired {
    /*font-size: 11px;*/
    padding: 5px 0 10px 0;
}

form#application ul.membership_types {
}

    form#application ul.membership_types li {
        background: transparent;
        background-repeat: no-repeat;
        background-position: 0 0;
        cursor: pointer;
        display: block;
        float: left;
        height: 263px;
        text-indent: -10000px;
        width: 220px;
    }

        form#application ul.membership_types li.active {
            background-position: -220px 0;
        }

.membership-types {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}



.membership-package {
    width: 165px;
    height: 250px;
    display: inline-block;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    background-repeat: no-repeat; /*relevant for package specific background images*/
    background-position: bottom;
    position: relative;
    background-size: 166px 109px;
    background-position: 0% 109px;
}



    .membership-package .title {
        font-weight: bolder;
        font-size: 22px;
        text-transform: uppercase;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .membership-package .subtitle {
        text-align: center;
        display: block;
        padding-bottom: 5px;
    }

    .membership-package .emphasized-text {
        font-weight: bolder;
        font-size: 26px;
        display: inline-block;
    }

/*reference: MembershipCard_current*/
/*koef. width/height = 1.588*/
.membership-card-container {
    width: 211.5px;
    height: 133.18px;
    /*margin: 109px 0 0 0;*/
    /*width: 212px;
    height: 136px;
    margin: 24.2px 0px 0 7px;*/
    /* height: 100%; */
    /* margin: 24.2px 0px 0 7px; */
    /* left: 30px; */
    /* right: 30px; */
    /* overflow: overlay; */
    left: 7.3px;
    position: absolute;
    top: 116.2px;
}

    .membership-card-container span {
        font-family: Arial Narrow, AvenirNextCondensed-Medium, Arial, Helvetica, sans-serif;
        font-weight: 100;
        display: table-caption;
        position: absolute;
        text-transform: uppercase;
    }

        /*aproximations*/
        .membership-card-container span.card-full-name {
            font-size: 8px; /*real card height (133.18) * 0.075 */
            top: 31.5%;
            left: 3.45%;
        }

        .membership-card-container span.card-club-name {
            font-size: 5.7px; /*real card height (133.18) * 0.055 */
            top: 38.5%;
            left: 3.45%;
        }

        .membership-card-container span.card-member-number {
            font-size: 8px; /*real card height (133.18) * 0.044 */
            top: 50%;
            left: 3.45%;
        }

        .membership-card-container span.card-date-from {
            font-size: 8px; /*real card height (133.18) * 0.044 */
            top: 50%;
            left: 32%;
        }

.start-package {
    background-image: url(//static.1987.hr/hakweb/images/membership/start@512w_nova.png);
}

    .start-package.inactive {
        /*position: absolute;*/
        color: lightgray;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/start@512w_nova.png);
        background: -moz-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/start@512w.png);
        background: -o-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/start@512w_nova.png);
        background: -ms-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/start@512w_nova.png);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 234, 234, 1)), to(rgba(234, 234, 234, 0.55))), url(//static.1987.hr/hakweb/images/membership/start@512w_nova.png);
        background: -webkit-linear-gradient(top, rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55)), url(//static.1987.hr/hakweb/images/membership/start@512w_nova.png);
        z-index: 1000;
        background-repeat: no-repeat;
        background-size: 166px 109px;
        background-position: 0% 109px;
    }

.optimum-package {
    background-image: url(//static.1987.hr/hakweb/images/membership/optimum@512w_nova.png);
}

    .optimum-package.inactive {
        color: lightgray;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/optimum@512w_nova.png);
        background: -moz-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/optimum@512w_nova.png);
        background: -o-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/optimum@512w_nova.png);
        background: -ms-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/optimum@512w_nova.png);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 234, 234, 1)), to(rgba(234, 234, 234, 0.55))), url(//static.1987.hr/hakweb/images/membership/optimum@512w_nova.png);
        background: -webkit-linear-gradient(top, rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55)), url(//static.1987.hr/hakweb/images/membership/optimum@512w_nova.png);
        z-index: 1000;
        background-repeat: no-repeat;
        background-size: 166px 109px;
        background-position: 0% 109px;
    }

.optimumplus-package {
    background-image: url(//static.1987.hr/hakweb/images/membership/optimumplus@512w_nova.png);
}

    .optimumplus-package.inactive {
        color: lightgray;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/optimumplus@512w_nova.png);
        background: -moz-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/optimumplus@512w_nova.png);
        background: -o-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/optimumplus@512w_nova.png);
        background: -ms-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/optimumplus@512w_nova.png);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 234, 234, 1)), to(rgba(234, 234, 234, 0.55))), url(//static.1987.hr/hakweb/images/membership/optimumplus@512w_nova.png);
        background: -webkit-linear-gradient(top, rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55)), url(//static.1987.hr/hakweb/images/membership/optimumplus@512w_nova.png);
        z-index: 1000;
        background-repeat: no-repeat;
        background-size: 166px 109px;
        background-position: 0% 109px;
    }

.europa-package {
    background-image: url(//static.1987.hr/hakweb/images/membership/europa@512w_nova.png);
}

    .europa-package.inactive {
        color: lightgray;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/europa@512w_nova.png);
        background: -moz-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/europa@512w_nova.png);
        background: -o-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/europa@512w_nova.png);
        background: -ms-linear-gradient( rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55) ), url(//static.1987.hr/hakweb/images/membership/europa@512w_nova.png);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 234, 234, 1)), to(rgba(234, 234, 234, 0.55))), url(//static.1987.hr/hakweb/images/membership/europa@512w_nova.png);
        background: -webkit-linear-gradient(top, rgba(234, 234, 234, 1), rgba(234, 234, 234, 0.55)), url(//static.1987.hr/hakweb/images/membership/europa@512w_nova.png);
        z-index: 1000;
        background-repeat: no-repeat;
        background-size: 166px 109px;
        background-position: 0% 109px;
    }

form#application li#mem_start {
    background-image: url(//static.1987.hr/hakweb/images/membership/card-start.png);
}

form#application li#mem_optimum {
    background-image: url(//static.1987.hr/hakweb/images/membership/card-optimum.png);
}

form#application li#mem_optimumplus {
    background-image: url(//static.1987.hr/hakweb/images/membership/card-optimumplus.png);
}

form#application li#mem_europa {
    background-image: url(//static.1987.hr/hakweb/images/membership/card-europa.png);
}

form#application p.clear {
    clear: both;
}

form#application div.showDetails2 {
    border-bottom: none;
    padding-bottom: 10px;
}

    form#application div.showDetails2 div {
        padding-left: 25px;
    }

    form#application div.showDetails2 ul {
        padding-bottom: 10px;
        padding-left: 20px;
    }

    form#application div.showDetails2 li {
        list-style-type: lower-alpha;
    }

/*form#application div.showDetails2 p {
        font-size: 11px;
    }*/

div#third {
    position: relative;
}

    div#third div.dc {
        display: none;
    }

input#Form_DC {
    display: none;
}

div#third p.business {
    display: none;
}

div#third p.ebonNoDc {
    display: none;
}

div#third a#label_dc_start,
div#third a#label_dc_optimum,
div#third a#label_dc_optimumplus,
div#third a#label_dc_europa {
    cursor: pointer;
    display: block;
    height: 108px;
    margin-bottom: 40px;
    position: relative;
    text-indent: -10000px;
    width: 333px;
}

div#third a#label_dc_start {
    background: transparent url(//static.1987.hr/hakweb/images/membership/dc-start.png) no-repeat 0 0;
}

div#third a#label_dc_optimum {
    background: transparent url(//static.1987.hr/hakweb/images/membership/dc-optimum.png) no-repeat 0 0;
}

div#third a#label_dc_optimumplus {
    background: transparent url(//static.1987.hr/hakweb/images/membership/dc-optimum.png) no-repeat 0 0;
}

div#third a#label_dc_europa {
    background: transparent url(//static.1987.hr/hakweb/images/membership/dc-europa.png) no-repeat 0 0;
}

    div#third a#label_dc_start.active,
    div#third a#label_dc_optimum.active,
    div#third a#label_dc_optimumplus.active,
    div#third a#label_dc_europa.active {
        background-position: -333px 0;
    }

div#third p.explanation {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
}

form#application div.suggestion {
}

    form#application div.suggestion h4 {
        padding-top: 10px;
    }

        form#application div.suggestion h4 label {
            display: block;
            text-align: left;
            width: auto;
        }

form#application p.haserrors {
    background: #ffeeee url(//static.1987.hr/images/icons/fam/delete.png) no-repeat 5px 5px;
    border: 1px solid #960f0f;
    display: none;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px 10px 5px 25px;
}

form#application span.wait {
    background: transparent url(//static.1987.hr/images/icons/fam/information.png) no-repeat 0 5px;
    display: inline-block;
    padding: 2px 10px 2px 20px;
}

form#application input#submitko,
form#application input#submitOnlinePayment {
    display: none;
}

form#application ul#ak_suggestions {
    padding: 5px 0 15px 5px;
}

    form#application ul#ak_suggestions li {
        background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 7px;
        cursor: pointer;
        padding: 2px 0 2px 10px;
        font-size: 15px;
        display: table;
    }

        form#application ul#ak_suggestions li.base_club {
            font-weight: bold;
        }

div#membership_apply ul.error {
    background: #f3ec9c url(//static.1987.hr/images/icons/fam/error.png) no-repeat 5px 7px;
    border: 1px solid #eace0b;
    margin: 5px 0;
    padding: 8px 5px 5px 30px;
}

    div#membership_apply ul.error li {
        color: #b4242e;
        font-size: 14px;
        padding-bottom: 3px;
    }

div#membership_apply ul.bigtabs {
}

    div#membership_apply ul.bigtabs li p strong {
        /*background: transparent url(//static.1987.hr/hakweb/images/tabs-circle-gray.png) no-repeat 0 0;*/
        color: #000;
        display: inline-block;
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        width: 60px;
    }

    div#membership_apply ul.bigtabs li.active p strong,
    div#membership_apply ul.bigtabs li.hover p strong {
        /*background: transparent url(//static.1987.hr/hakweb/images/tabs-circle-black.png) no-repeat 0 0;*/
    }

div.membership_apply_sidebar {
    padding-bottom: 20px;
}

    div.membership_apply_sidebar h2 {
        font-size: 20px;
        font-weight: bold;
        padding: 5px 0 5px 0;
    }

    div.membership_apply_sidebar p.application {
        font-size: 14px;
        font-style: italic;
        padding: 0 0 10px 0;
    }

    div.membership_apply_sidebar div.showDetails {
        border: none;
    }

        div.membership_apply_sidebar div.showDetails em {
            font-style: italic;
        }

        div.membership_apply_sidebar div.showDetails h4 {
            font-size: 14px;
            padding: 0 0 5px 0;
        }

        div.membership_apply_sidebar div.showDetails h5 {
            background-position: 0 3px;
            border: none;
            font-size: 12px;
            padding: 4px 0 4px 25px;
        }

        div.membership_apply_sidebar div.showDetails div {
            font-size: 11px;
            font-weight: bold;
            padding: 0 0 15px 25px;
        }

div.privacy {
    padding-top: 20px;
}

    div.privacy h5 {
        font-size: 14px;
    }

    div.privacy p {
        font-size: 11px;
    }

form#application div.payment_details {
    margin: 20px 0px;
}

    form#application div.payment_details ul {
        float: left;
        width: 330px;
    }

        form#application div.payment_details ul li {
            padding: 7px 0;
        }

            form#application div.payment_details ul li strong {
                border-right: dashed 1px #ccc;
                display: inline-block;
                padding-right: 5px;
                text-align: right;
                width: 120px;
            }

form#application h3.notfirst {
    margin-top: 20px;
}

form#application a.backtoform {
    display: inline-block;
    float: right;
    padding-top: 5px;
}

form#application span.small {
    font-size: 11px;
}

form#application h4.card_small {
    background-color: transparent;
    background-position: right top;
    background-repeat: no-repeat;
    padding-bottom: 0;
    margin-bottom: 0;
}

form#application p.appnumber {
    font-size: 11px;
    padding-bottom: 20px;
}

form#application img.card_small {
    float: right;
}

form#application h5.price {
    font-size: 16px;
    padding-top: 5px;
}

p.credit_cards {
    padding-top: 10px;
    text-align: center;
}

    p.credit_cards a {
        display: inline-block;
        padding: 3px;
    }

div#payment_success {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 20px;
    min-height: 600px;
}

div.payment_success_start {
    background-image: url(//static.1987.hr/hakweb/images/membership/success-start.jpg);
}

div.payment_success_optimum {
    background-image: url(//static.1987.hr/hakweb/images/membership/success-optimum.jpg);
}

div.payment_success_optimumplus {
    background-image: url(//static.1987.hr/hakweb/images/membership/success-optimum.jpg);
}

div.payment_success_europa {
    background-image: url(//static.1987.hr/hakweb/images/membership/success-europa.jpg);
}

div#payment_success h2 {
    font-size: 16px;
}

div#payment_success h3 {
    font-size: 24px;
}

div#payment_success p {
    padding: 5px 0;
}

div#payment_success div.col_2 ul li {
    background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 6px;
    padding-bottom: 5px;
    padding-left: 10px;
}

div#payment_success p.small {
    padding-top: 0;
}

div#payment_success div.uplatnica {
    margin: 0 auto;
}

div#payment_success div.name {
    position: relative;
}

    div#payment_success div.name p.name {
        font-size: 7px;
        height: 6px;
        left: 13px;
        overflow: hidden;
        position: absolute;
        text-transform: uppercase;
        top: 280px;
        width: 80px;
    }

/*
*************************************************
    =stanje_na_cestama
*************************************************
*/

div#traffic_status {
}

    div#traffic_status ul.status {
    }

        div#traffic_status ul.status li {
            background: transparent url(//static.1987.hr/hakweb/images/list-arrow.png) no-repeat 0 5px;
            padding-bottom: 3px;
            padding-left: 10px;
        }

    div#traffic_status h3,
    /*  div#traffic_status h2 {
    }
    div#traffic_status h2 {
        background: #fff url(//static.1987.hr/hakweb/images/header-stanje.png) no-repeat 0 0;
        height: 99px;
        text-indent: -10000px;
        width: 940px;
    }
        div#traffic_status h2.radar {
            background: #fff url(//static.1987.hr/hakweb/images/header-radari.png) no-repeat 0 0;
        }*/
    div#traffic_status div.modified {
        font-size: 14px;
        padding-bottom: 10px;
    }

        div#traffic_status div.modified span {
            display: block;
            text-align: right;
        }

            div#traffic_status div.modified span.modified {
                text-align: left;
            }

            div#traffic_status div.modified span a {
                background: #fff url(//static.1987.hr/hakweb/images/arrow-news.png) no-repeat right center;
                padding-right: 10px;
                font-weight: bold;
            }

    div#traffic_status div.box_white_middle_1,
    div#traffic_status div.box_white_middle_3 {
        font-size: 12px;
    }

    div#traffic_status div.radars_soon ul,
    div#traffic_status div.radars_all ul {
    }

        div#traffic_status div.radars_soon ul li,
        div#traffic_status div.radars_all ul li {
            /*display: inline-block;*/
            font-size: 14px;
            font-weight: bold;
            padding: 0;
            /*width: 200px;*/
        }

        div#traffic_status div.radars_soon ul ul,
        div#traffic_status div.radars_all ul ul {
            padding-bottom: 10px;
            padding-top: 5px;
        }

            div#traffic_status div.radars_all ul ul ul {
                padding-left: 15px;
            }

                div#traffic_status div.radars_all ul ul ul li {
                    list-style: disc;
                    list-style-position: inside;
                }


            div#traffic_status div.radars_soon ul ul li,
            div#traffic_status div.radars_all ul ul li {
                font-size: 12px;
                font-weight: normal;
                padding: 0;
                /*width: 200px*/
            }

        div#traffic_status div.radars_all ul h3,
        div#traffic_status div.radars_soon ul h3 {
        }

        div#traffic_status div.radars_all ul span,
        div#traffic_status div.radars_soon ul span {
            display: inline-block;
        }

            div#traffic_status div.radars_all ul span.vrijeme,
            div#traffic_status div.radars_soon ul span.vrijeme {
                padding-bottom: 10px;
            }

/*
*************************************************
    =uplatnica
*************************************************
*/
div.uplatnica {
    width: 667px;
    height: 439px;
    border: solid 1px silver;
    font-size: 14px;
    color: #000;
    background: url(//static.1987.hr/hakweb/images/uplatnica3.jpg) no-repeat;
    position: relative;
}

    div.uplatnica strong {
        display: none;
    }

    div.uplatnica p {
        position: absolute;
    }

        div.uplatnica p.platitelj {
            left: 35px;
            top: 41px;
        }

        div.uplatnica p.primatelj {
            left: 35px;
            top: 163px;
        }

        div.uplatnica p.iznos {
            left: 450px;
            top: 22px;
        }

        div.uplatnica p.poziv {
            left: 326px;
            top: 149px;
        }

        div.uplatnica p.model {
            left: 252px;
            top: 149px;
        }

        div.uplatnica p.racun {
            left: 150px;
            top: 113px;
        }

        div.uplatnica p.opis {
            left: 371px;
            top: 174px;
        }

        div.uplatnica p.opis2 {
            left: 371px;
            top: 191px;
        }

        div.uplatnica p.valuta {
            left: 346px;
            top: 22px;
        }
/*
*************************************************
    =carousel_article
*************************************************
*/
div.carousel_image {
    overflow: hidden;
    position: relative;
    width: 460px;
}

    div.carousel_image a {
        display: block;
        position: relative;
        width: 460px;
        z-index: 5;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    div.carousel_image img {
        position: relative;
        z-index: 3;
        width: 460px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    div.carousel_image span.corner {
        background: transparent url(//static.1987.hr/hakweb/images/articles/corners.png) no-repeat 0 0;
        display: block;
        height: 3px;
        position: absolute;
        width: 3px;
        z-index: 5;
    }

    div.carousel_image span.top_left {
        left: 0;
        top: 0;
    }

    div.carousel_image span.top_right {
        background-position: -3px 0;
        right: 0;
        top: 0;
    }

    div.carousel_image span.bottom_left {
        background-position: -9px 0;
        bottom: 3px;
        left: 0;
    }

    div.carousel_image span.bottom_right {
        background-position: -6px 0;
        bottom: 3px;
        right: 0;
    }

div.carousel {
    background: transparent url(//static.1987.hr/hakweb/images/articles/back-carousel-list-2.png) no-repeat 0 0;
    height: 72px;
    overflow: hidden;
    padding: 10px 0 0 30px;
    position: relative;
    width: 430px;
    z-index: 10;
}

    div.carousel div.list li {
        border: solid 1px #103452;
        height: 60px;
        line-height: 60px;
        margin-right: 10px;
        overflow: hidden;
        width: 90px;
    }

        div.carousel div.list li.active {
            border-color: #fff;
            margin-right: 10px;
        }

    div.carousel div.list img {
    }

        div.carousel div.list img.active {
        }

    div.carousel a.prev,
    div.carousel a.next {
        cursor: pointer;
        display: block;
        height: 34px;
        position: absolute;
        text-indent: -10000px;
        top: 25px;
        width: 22px;
    }

    div.carousel a.prev {
        background: transparent url(//static.1987.hr/hakweb/images/arrow-mag-left-active.png) no-repeat 9px 10px;
        left: 0;
    }

    div.carousel a.next {
        background: transparent url(//static.1987.hr/hakweb/images/arrow-mag-right-active.png) no-repeat 2px 10px;
        left: 437px;
    }

    div.carousel a.active {
        border: solid 1px #fff;
    }

    div.carousel img {
        width: 90px;
    }

/* clanstvo_microsite */
.roundabout-holder {
    padding: 0;
}

.roundabout-moveable-item {
    cursor: pointer;
}

.roundabout-in-focus {
    cursor: auto;
}

/*div#roundabout_container {
    background: #fff url(//static.1987.hr/hakweb/images/membership/upper-back.png) no-repeat 0 0;
    height: 416px;
    padding-top: 150px;
    width: 940px;
}
        div#roundabout_container h3,
        div#roundabout_container h3 {
        display: none;
    }*/


ul#membership_roundabout {
    height: 400px;
    left: 130px;
    position: relative;
    width: 700px;
}

    ul#membership_roundabout li {
        height: 400px;
        position: relative;
        top: 0;
        width: 500px;
    }

        ul#membership_roundabout li.roundabout-in-focus img {
        }

        ul#membership_roundabout li img {
            background: transparent;
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
            zoom: 1;
            height: 100%;
            width: 100%;
        }

        ul#membership_roundabout li#start {
        }

        ul#membership_roundabout li#optimum {
        }

        ul#membership_roundabout li#optimumplu {
        }

        ul#membership_roundabout li#europa {
        }

/*div#quicksand_container {
    background: #fff url(//static.1987.hr/hakweb/images/membership/lower-back.png) no-repeat 0 0;
    padding-top: 100px;
    width: 940px;
}*/

div#quicksand_container h3 {
    /*display: none;*/
    padding-bottom: 20px;
}

ul.membership_quicksand {
    height: 600px;
    margin: 0 auto;
    width: 800px;
}

    ul.membership_quicksand li {
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        float: left;
        height: 50px;
        padding: 140px 15px 10px 15px;
        width: 130px;
        text-align: center;
    }

    ul.membership_quicksand p {
        font-size: 11px;
        font-weight: bold;
    }

    ul.membership_quicksand li.roadassistancecro {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-handwrench.png);
    }

    ul.membership_quicksand li.roadtowcro {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-carslep.png);
    }

    ul.membership_quicksand li.replacementcro {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-carrecycle.png);
    }

    ul.membership_quicksand li.hotelcro {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-penpaper.png);
    }

    ul.membership_quicksand li.keepgoingcro {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-car.png);
    }

    ul.membership_quicksand li.roadassistanceeu {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-handwrencheu.png);
    }

    ul.membership_quicksand li.roadtoweu {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-carslepeu.png);
    }

    ul.membership_quicksand li.repatriation {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-house.png);
    }

    ul.membership_quicksand li.replacementeu {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-carrecycleeu.png);
    }

    ul.membership_quicksand li.hoteleu {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-penpapereu.png);
    }

    ul.membership_quicksand li.keepgoingeu {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-careu.png);
    }

    ul.membership_quicksand li.checkup {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-checkup.png);
    }

    ul.membership_quicksand li.camp {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-camp.png);
    }

    ul.membership_quicksand li.members {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-manshirt.png);
    }

    ul.membership_quicksand li.watch {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-keyhand.png);
    }

    ul.membership_quicksand li.advice {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-mansuit.png);
    }

    ul.membership_quicksand li.help {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-hands.png);
    }

    ul.membership_quicksand li.mag {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-newspaper.png);
    }

    ul.membership_quicksand li.loyalty {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-accept.png);
    }

    ul.membership_quicksand li.save {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-cardollar.png);
    }

    ul.membership_quicksand li.shop {
        background-image: url(//static.1987.hr/hakweb/images/membership/icon-procent.png);
    }


div#membership_button {
    clear: both;
    padding-top: 10px;
    padding-right: 70px;
    text-align: right;
}

    div#membership_button a {
        background: #fff url(//static.1987.hr/hakweb/images/membership/button.png) no-repeat 0 0;
        display: inline-block;
        height: 152px;
        text-align: left;
        text-indent: -10000px;
        width: 439px;
    }

        div#membership_button a:hover {
            background-position: -439px 0;
        }
/*
    Kontakt obrazac
*/
div#contact {
}

    div#contact h2 {
        border-bottom: 1px dashed #ddd;
        font-weight: normal;
        margin-bottom: 5px;
    }

    div#contact form {
        padding-top: 10px;
    }

    div#contact div.rowElem {
        border-bottom: 1px dashed #eee;
        padding: 5px 0;
    }

    div#contact div.submit {
        text-align: right;
        padding-right: 163px;
    }

    div#contact input {
        font-size: 14px;
        padding: 5px;
    }

    div#contact label {
        display: inline-block;
        text-align: right;
        padding-right: 5px;
        width: 150px;
    }

    div#contact form em {
        font-size: 11px;
    }

    div#contact p.error,
    div#contact p.success {
        background-position: 5px 2px;
        background-repeat: no-repeat;
        font-size: 14px;
        padding: 5px 5px 4px 26px;
    }

    div#contact p.error {
        background: #f3ec9c url(//static.1987.hr/images/icons/fam/error.png) no-repeat 5px 4px;
        border: 1px solid #eace0b;
        color: #b4242e;
    }

    div#contact p.success {
        background: #deffdd url(//static.1987.hr/images/icons/fam/accept.png) no-repeat 5px 4px;
        border: 1px solid #125410;
        color: #125410;
    }

/* Arhiva članaka */
div#article_archive {
}

    div#article_archive div.article {
        border-bottom: 1px dashed #ccc;
        padding: 10px 0;
    }

    div#article_archive h3 a {
        font-weight: bold;
    }

    div#article_archive div.article p.date {
        color: #666;
        font-size: 12px;
        font-weight: bold;
        padding: 0 0 4px 0;
    }

    div#article_archive div.article p.more {
        clear: both;
        text-align: right;
        padding: 5px 15px 5px 15px;
    }

        div#article_archive div.article p.more a {
        }

/* file_types */
a.file,
a.pdf,
a.jpg,
a.png,
a.bmp,
a.gif,
a.ppt,
a.txt,
a.xls,
a.doc {
    background-image: url(//static.1987.hr/images/icons/fam/page_white.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    display: inline-block;
    padding: 3px 0 3px 21px;
}

a.pdf {
    background-image: url(//static.1987.hr/images/icons/fam/page_white_acrobat.png);
}

a.jpg,
a.png,
a.bmp,
a.gif {
    background-image: url(//static.1987.hr/images/icons/fam/page_white_picture.png);
}

a.ppt {
    background-image: url(//static.1987.hr/images/icons/fam/page_white_powerpoint.png);
}

a.txt {
    background-image: url(//static.1987.hr/images/icons/fam/page_white_text.png);
}

a.xls {
    background-image: url(//static.1987.hr/images/icons/fam/page_white_excel.png);
}

a.doc {
    background-image: url(//static.1987.hr/images/icons/fam/page_white_word.png);
}


/*
    Newsletter
*/
div#newsletter {
    background: #fff url(//static.1987.hr/hakweb/images/back-newsletter.png) no-repeat 0 0;
    height: 35px;
    position: relative;
    width: 460px;
}

    div#newsletter p {
        color: #dae6f0;
        font-size: 16px;
        font-weight: bold;
        height: 35px;
        line-height: 35px;
        padding-left: 13px;
        width: 210px;
    }

    div#newsletter input {
        background-color: #f0f0f0;
        border: none;
        display: block;
        height: 25px;
        left: 245px;
        width: 180px;
        position: absolute;
        top: 5px;
    }

        div#newsletter input.default {
            color: #666;
        }

    div#newsletter a {
        display: block;
        height: 35px;
        position: absolute;
        right: 0;
        text-indent: -10000px;
        top: 0;
        width: 35px;
    }

/*
    ČUNČ
*/
div#cunc {
}

    /*div#cunc h2 {
        background: #fff url(//static.1987.hr/hakweb/images/membership/cunc/header.png) no-repeat 0 0;
        height: 185px;
        margin: 20px auto 0 auto;
        position: relative;
        text-indent: -10000px;
        width: 940px;
    }*/

    div#cunc h3 {
        font-size: 24px;
        padding: 15px 0 15px 20px;
    }

    div#cunc ol {
        margin-left: 20px;
    }

    div#cunc div.desc {
        padding-bottom: 20px;
    }

        div#cunc div.desc p {
            font-size: 16px;
            padding: 0 20px 10px 20px;
        }

            div#cunc div.desc p.address {
                background-color: #eee;
                border: 1px dashed #ccc;
                margin: 0 0 10px 20px;
                padding: 15px;
                width: 300px;
            }

    div#cunc div.packs {
    }

        div#cunc div.packs div.start,
        div#cunc div.packs div.optimum,
        div#cunc div.packs div.optimumplus,
        div#cunc div.packs div.europa {
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: 0 0;
            border-right: 1px dashed #ddd;
            float: left;
            padding: 200px 9px 0 1px;
            position: relative;
            width: 306px;
        }

        div#cunc div.packs div.start {
            background-image: url(//static.1987.hr/hakweb/images/membership/cunc/card-start.png);
            padding-left: 0;
        }

        div#cunc div.packs div.optimum {
            background-image: url(//static.1987.hr/hakweb/images/membership/cunc/card-optimum.png);
        }

        div#cunc div.packs div.optimumplus {
            background-image: url(//static.1987.hr/hakweb/images/membership/cunc/card-optimum.png);
        }

        div#cunc div.packs div.europa {
            background-image: url(//static.1987.hr/hakweb/images/membership/cunc/card-europa.png);
            border-right: 0;
            padding-right: 0;
        }

        div#cunc div.packs ul {
            position: relative;
        }

            div#cunc div.packs ul li {
                border-bottom: 1px dotted #eee;
                display: block;
                height: 200px;
                margin: 20px 0 0 0;
                padding: 0 0 20px 0;
                position: relative;
            }

                div#cunc div.packs ul li span {
                    display: block;
                    position: absolute;
                }

                    div#cunc div.packs ul li span.number {
                        color: #fff;
                        height: 58px;
                        font-size: 26px;
                        font-weight: bold;
                        left: 0;
                        padding-top: 25px;
                        text-align: center;
                        top: 0;
                        width: 82px;
                    }

                    div#cunc div.packs ul li span.heading {
                        font-size: 24px;
                        left: 82px;
                        top: 11px;
                        z-index: 10;
                    }

                        div#cunc div.packs ul li span.heading a {
                            text-decoration: none;
                        }

                    div#cunc div.packs ul li span.product {
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    div#cunc div.packs ul li span.desc {
                        font-size: 16px;
                        padding: 100px 15px 0 15px;
                        position: relative;
                    }

        div#cunc div.packs div.start span.number {
            background: #fff url(//static.1987.hr/hakweb/images/membership/cunc/circle-start.png) no-repeat 0 0;
        }

        div#cunc div.packs div.optimum span.number {
            background: #fff url(//static.1987.hr/hakweb/images/membership/cunc/circle-optimum.png) no-repeat 0 0;
        }

        div#cunc div.packs div.optimumplus span.number {
            background: #fff url(//static.1987.hr/hakweb/images/membership/cunc/circle-optimum.png) no-repeat 0 0;
        }

        div#cunc div.packs div.europa span.number {
            background: #fff url(//static.1987.hr/hakweb/images/membership/cunc/circle-europa.png) no-repeat 0 0;
        }

/*
    Promet info
*/
a#prometinfo_box {
    background: #fff url(//static.1987.hr/hakweb/images/prometinfobox.png) no-repeat 0 0;
    display: block;
    height: 34px;
    text-indent: -10000px;
    width: 460px;
}

div#prometinfo_overlay {
    background: transparent url(//static.1987.hr/hakweb/images/prometinfooverlay.png) repeat 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
}

    div#prometinfo_overlay div.player {
        background: #272727 url(//static.1987.hr/hakweb/images/prometinfoback.png) repeat-x 0 0;
        height: 600px;
        margin-top: -300px;
        position: absolute;
        top: 50%;
        width: 100%;
    }

    div#prometinfo_overlay div.container {
        height: 600px;
        left: 50%;
        margin-left: -340px;
        position: absolute;
        top: 0;
        width: 680px;
    }

    div#prometinfo_overlay p.title {
        background: transparent url(//static.1987.hr/hakweb/images/prometinfotitle.png) no-repeat 0 14px;
        height: 46px;
        padding-top: 14px;
        text-indent: -10000px;
        width: 357px;
    }

    div#prometinfo_overlay a.close {
        background: transparent url(//static.1987.hr/hakweb/images/prometinfoclose.png) no-repeat 0 0;
        display: block;
        height: 42px;
        position: absolute;
        right: 0;
        text-indent: -10000px;
        top: 14px;
        width: 41px;
    }

    div#prometinfo_overlay p.movie {
        background: transparent url(//static.1987.hr/hakweb/images/spinner-dark.gif) no-repeat 50% 50%;
        height: 508px;
        margin: 0 auto;
        width: 680px;
    }

    div#prometinfo_overlay div.movie {
        padding-top: 60px;
    }
/*
    Flash player
*/
a.flashplayer {
    background: transparent url(//static.1987.hr/images/icons/fam/control_play_blue.png) no-repeat 0 0;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-bottom: 2px;
    padding-left: 21px;
}

/* DATATABLES plugin */
.dataTables_wrapper {
    position: relative;
    min-height: 120px;
    _height: 120px;
    zoom: 1; /* Feeling sorry for IE */
    width: 100%;
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    width: 50%;
    float: left;
    padding-bottom: 5px;
}

.dataTables_filter {
    width: 50%;
    float: right;
    padding-bottom: 5px;
    text-align: right;
}

.dataTables_info {
    width: 60%;
    float: left;
    padding-top: 5px;
}

.dataTables_paginate {
    width: 38px;
    /** width: 44px;*/
    float: right;
    text-align: right;
    padding-top: 5px;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    background-repeat: no-repeat;
    background-position: center right;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    float: left;
}

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next, .sorting_asc, .sorting_desc, .sorting, .sorting_asc_disabled, .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
}

.paginate_disabled_previous {
    background-image: url('/static/images/pagination-left-inactive.png');
}

.paginate_enabled_previous {
    cursor: pointer;
    background-image: url('//static.1987.hr/hakweb/images/pagination-left-active.png');
}

.paginate_disabled_next {
    background-image: url('//static.1987.hr/hakweb/images/pagination-right-inactive.png');
}

.paginate_enabled_next {
    cursor: pointer;
    background-image: url('//static.1987.hr/hakweb/images/pagination-right-active.png');
}

.sorting_asc {
    background-image: url('//static.1987.hr/hakweb/images/sort-asc.png');
}

.sorting_desc {
    background-image: url('//static.1987.hr/hakweb/images/sort-desc.png');
}

.sorting {
    background-image: url('//static.1987.hr/hakweb/images/sort-both.png');
}

.sorting_asc_disabled {
    background-image: url('//static.1987.hr/hakweb/images/sort-asc-disabled.png');
}

.sorting_desc_disabled {
    background-image: url('//static.1987.hr/hakweb/images/sort-desc-disabled.png');
}

.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
}

.top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

    .top .dataTables_info {
        float: none;
    }

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

    tfoot input.search_init {
        color: #999;
    }

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

    .paging_full_numbers span.paginate_button,
    .paging_full_numbers span.paginate_active {
        border: 1px solid #aaa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 2px 5px;
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
    }

    .paging_full_numbers span.paginate_button {
        background-color: #ddd;
    }

        .paging_full_numbers span.paginate_button:hover {
            background-color: #ccc;
        }

    .paging_full_numbers span.paginate_active {
        background-color: #99B3FF;
    }

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAfd1;
}

/* HERO Roboto */

h1.hero, h2.hero, h3.hero, h4.hero,
div#static_content h1.hero, div#static_content h2.hero, div#static_content h3.hero, div#static_content h4.hero {
    font-family: Roboto,sans-serif;
    background: none;
    text-indent: 0;
    height: auto;
    text-align: center;
    padding: 0;
}

h2.hero,
div#static_content h2.hero {
    font-size: 48px;
    font-weight: 700;
}

h3.hero,
div#static_content h3.hero {
    font-size: 24px;
    font-weight: 400;
}

h4.hero,
div#static_content h4.hero {
    font-size: 24px;
    font-weight: 400;
}

/* COOKIES EU */

.cookies-eu {
    position: fixed;
    bottom: 0;
    left: 0;
    line-height: 40px;
    background-image: url('//static.1987.hr/hakweb/images/transbg.png');
    background-repeat: repeat;
    border-top: 1px solid #e4e4e4;
    width: 100%;
    z-index: 999;
    text-align: center;
}

    .cookies-eu .cookies-eu-content-holder {
        display: inline-block;
        padding: 0 20px;
        line-height: 26px;
    }

    .cookies-eu .cookies-eu-button-holder {
        display: inline-block;
        padding-right: 20px;
    }

        .cookies-eu .cookies-eu-button-holder .cookies-eu-ok {
            background-color: #4b89ba;
            background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
            border: 1px solid #4b89ba;
            border-radius: 2px;
            color: #fff;
            cursor: default;
            display: inline-block;
            font-size: 11px;
            font-weight: bold;
            height: 24px;
            line-height: 20px;
            margin-right: 0px;
            min-width: 26px;
            outline: 0;
            padding: 0 11px;
            text-align: center;
            white-space: nowrap;
            margin: 0 5px;
        }

@media (max-width: 767px) {
    .cookies-eu {
        position: static;
        font-size: 12px;
        line-height: 20px;
    }

        .cookies-eu .cookies-eu-content-holder {
            line-height: 16px;
            padding: 5px 20px;
        }

        .cookies-eu .cookies-eu-button-holder {
            padding-bottom: 5px;
        }
}



/*
    TRAFFIC REPORT - NOVO
    G.B.
*/



div#trafficreport {
}

    div#trafficreport div.groups {
        float: left;
        position: relative;
    }

        div#trafficreport div.groups p.mobile, div#trafficreport div.groups p.radari {
            background-repeat: no-repeat;
            background-position: 12px center;
            font-size: 13px;
            width: 265px;
            padding-right: 5px;
        }

        div#trafficreport div.groups p.mobile {
            background-image: url(//static.1987.hr/hakweb/images/cam/map.png);
        }


        div#trafficreport div.groups p.radari {
            background-image: url(//static.1987.hr/hakweb/images/policija.png);
            background-size: 24px;
        }


    div#trafficreport div {
        position: relative;
    }

        div#trafficreport div.loader {
            background: transparent url(//static.1987.hr/hakweb/images/spinner-big.gif) no-repeat center 0;
            display: none;
            font-size: 15px;
            padding-top: 40px;
            text-align: center;
            float: left;
            position: relative;
            width: 640px;
        }

        div#trafficreport div.groups {
            float: left;
            left: 0;
            position: relative;
            top: 0;
        }

            div#trafficreport div.groups p {
                background-color: #eaeaea;
                border-radius: 3px;
                border: 1px solid #d7d7d7;
                display: block;
                padding: 10px 0 10px 50px;
                margin-top: 20px;
                width: 248px;
            }

                div#trafficreport div.groups p#trafficreport_filter {
                    background-image: url(//static.1987.hr/hakweb/images/cam/mglass.png);
                    background-repeat: no-repeat;
                    background-position: 10px center;
                    margin-bottom: 20px;
                    margin-top: 0;
                    padding: 10px 0 10px 50px;
                    width: 248px;
                }

            div#trafficreport div.groups div.groups p#trafficreport_filter input {
                font-size: 16px;
                padding: 5px;
                width: 218px;
            }

            div#trafficreport div.groups ul.categories {
                background-color: #eaeaea;
                border-radius: 3px;
                border: 1px solid #d7d7d7;
                display: block;
                width: 320px;
            }

                div#trafficreport div.groups ul.categories li {
                    border-bottom: 1px solid #d7d7d7;
                    border-top: 1px solid #fff;
                }

                    div#trafficreport div.groups ul.categories li.parent {
                        font-weight: bold;
                        font-size: 14px;
                        padding: 8px;
                    }

                    div#trafficreport div.groups ul.categories li.first {
                        border-top: none;
                    }

                    div#trafficreport div.groups ul.categories li.last {
                        border-bottom: none;
                    }

                    div#trafficreport div.groups ul.categories li a {
                        background-repeat: no-repeat;
                        background-position: 10px center;
                        color: #666;
                        display: block;
                        font-size: 14px;
                        text-decoration: none;
                        padding: 15px 0 15px 50px;
                    }

                        div#trafficreport div.groups ul.categories li a.first {
                        }

                        div#trafficreport div.groups ul.categories li a.category {
                            background-size: 24px;
                        }



                        div#trafficreport div.groups ul.categories li a:hover {
                            background-color: #e0e0e0;
                            font-weight: bold;
                        }

                        div#trafficreport div.groups ul.categories li a.active {
                            background-color: #e0e0e0;
                            font-weight: bold;
                        }


        div#trafficreport div.content {
            background-color: #F0F0F0;
            border: #ddd solid 1px;
            border-radius: 3px;
            float: left;
            width: 562px;
            padding: 16px;
        }

            div#trafficreport div.content h3.hero {
                text-transform: uppercase;
                font-weight: bold;
                text-align: left;
                background-repeat: no-repeat;
                background-position: 0px 3.5px;
                line-height: 52px;
                text-indent: 58px;
            }

            div#trafficreport div.content h4.timestamp {
                font-size: 14px;
                text-indent: 58px;
            }

            div#trafficreport div.content div.report {
                font-size: 14px;
                line-height: 22px;
            }

                div#trafficreport div.content div.report ul {
                    margin: 8px 0 8px 0;
                }

                    div#trafficreport div.content div.report ul li {
                        list-style-type: square;
                        margin-left: 14px;
                    }

                div#trafficreport div.content div.report p {
                    margin: 8px 0 8px 0;
                }


            div#trafficreport div.content .ac,
            div#trafficreport div.content .dc,
            div#trafficreport div.content .zc,
            div#trafficreport div.content .lc,
            div#trafficreport div.content .motorway {
                font-size: 12px;
                display: inline-block;
                border-radius: 8px;
                padding: 2px 4px 2px 4px;
                color: #fff;
                border: 4px double #fff;
            }

            div#trafficreport div.content .ac,
            div#trafficreport div.content .motorway {
                background-color: #50a023;
            }

            div#trafficreport div.content .dc {
                background-color: #008fcf;
            }

            div#trafficreport div.content .zc {
                border: 4px double #000;
                background-color: #fdf827;
                color: #000;
            }

            div#trafficreport div.content .lc {
                border: 4px double #000;
                background-color: #fffdae;
                color: #000;
            }


/*------------------------------------------ uclani se, novi stil (L.R.) -----------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

.membership-type-button,
.membership-close-button {
    background-image: -webkit-linear-gradient(#4B87B8,#2E6089);
    background-image: -moz-linear-gradient(#4B87B8,#2E6089);
    background-image: -o-linear-gradient(#4B87B8,#2E6089);
    background-image: linear-gradient(#4B87B8,#2E6089);
    color: white;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    min-width: 120px;
    height: 40px;
    border: none;
    border-radius: 5px;
    margin: 2px;
    outline: none;
    padding: 10px;
    text-transform: uppercase;
}

    .membership-type-button:active {
        border: none;
    }

    .membership-type-button:hover,
    .membership-close-button:hover {
        background-image: -webkit-linear-gradient(#a0c8e7,#4580AF);
        background-image: -moz-linear-gradient(#a0c8e7,#4580AF);
        background-image: -o-linear-gradient(#a0c8e7,#4580AF);
        background-image: linear-gradient(#a0c8e7,#4580AF);
        cursor: pointer;
    }

    .membership-type-button.active {
        background-image: -webkit-linear-gradient(#6DAADB,#4580AF);
        background-image: -moz-linear-gradient(#6DAADB,#4580AF);
        background-image: -o-linear-gradient(#6DAADB,#4580AF);
        background-image: linear-gradient(#6DAADB,#4580AF);
    }

        .membership-type-button.active:hover {
            cursor: default;
        }

    .membership-type-button.arrow-right {
        /*position:relative;*/
        float: right;
        right: 0px;
        width: 200px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        text-align: center;
        padding-left: 10px;
        padding-right: 40px;
        display: inline-block;
        /*text-emphasis-position:left;*/
        /*width:110px;*/
    }

.arrow-right {
    position: relative;
}

    .arrow-right:hover {
    }

    .arrow-right:after {
        content: '';
        display: block;
        border-color: #EAEAEA #EAEAEA #EAEAEA transparent;
        border-width: 20px;
        border-style: solid;
        position: absolute;
        top: 0;
        left: 160px;
    }


.arrow {
    position: relative;
    color: transparent;
    font-weight: bold;
    margin-bottom: 5px;
}


.membership-close-button {
    min-width: 0px;
    width: 100px !important;
    height: 30px;
    font-size: 11px;
    font-weight: 100;
    text-align: center;
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

    .membership-close-button.disabled {
        opacity: 0.4;
        cursor: default;
        background-image: -webkit-linear-gradient(#4B87B8,#2E6089);
        background-image: -moz-linear-gradient(#4B87B8,#2E6089);
        background-image: -o-linear-gradient(#4B87B8,#2E6089);
        background-image: linear-gradient(#4B87B8,#2E6089);
    }

.family-member-button {
    background-image: -webkit-linear-gradient(#F0F0F0,#B0B0B0);
    background-image: -moz-linear-gradient(#F0F0F0,#B0B0B0);
    background-image: -o-linear-gradient(#F0F0F0,#B0B0B0);
    background-image: linear-gradient(#F0F0F0,#B0B0B0);
    color: black;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5px;
    margin: 2px;
    outline: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

    .family-member-button:active {
        border: none;
        outline: none;
    }

    .family-member-button:hover {
        background-image: -webkit-linear-gradient(#F0F0F0,#C8C8C8);
        background-image: -moz-linear-gradient(#F0F0F0,#C8C8C8);
        background-image: -o-linear-gradient(#F0F0F0,#C8C8C8);
        background-image: linear-gradient(#F0F0F0,#C8C8C8);
        cursor: pointer;
    }


.membership-description {
    padding: 10px;
    padding-left: 0px;
    font-size: 14px;
}

    .membership-description div {
        padding-bottom: 10px;
    }

        .membership-description div.description-box {
            display: none;
            font-size: 12px;
            border: 1px solid silver;
            padding: 8px;
            margin-left: 110px;
            background-color: #fff;
        }

            .membership-description div.description-box p:last-child {
                margin: 0 !important;
            }

input[type=checkbox].big-checkbox,
input[type=radio].big-radio {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].big-checkbox + label.big-checkbox-label {
        padding-left: 37px;
        width: 100% !important;
        text-align: left !important;
        height: 32px;
        display: inline-block;
        line-height: 32px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 20px;
        vertical-align: middle;
        cursor: pointer;
        margin-bottom: 15px;
    }

    input[type=checkbox].big-checkbox:checked + label.big-checkbox-label {
        background-position: 0 -32px;
    }

label.big-checkbox-label {
    background-image: url(//static.1987.hr/hakweb/images/big-checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=radio].big-radio + label.css-label,
input[type=radio].big-radio + label.css-label-light {
    padding-left: 23px;
    /*height: 18px;*/
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px !important;
    text-align: left !important;
    width: 100% !important;
    /*font-weight: 100;*/
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 5px;
}

input[type=radio].big-radio + label.css-label-light {
    font-weight: 100 !important;
}

    input[type=radio].big-radio + label.css-label span,
    input[type=radio].big-radio + label.css-label-light span {
        font-weight: normal;
        font-size: 12px;
    }


input[type=radio].big-radio:checked + label.css-label,
input[type=radio].big-radio:checked + label.css-label-light {
    /*background-position: 0 -18px;*/
    background-image: url(//static.1987.hr/hakweb/images/big-radio-checked.png);
}

label.css-label,
label.css-label-light {
    background-image: url(//static.1987.hr/hakweb/images/big-radio-unchecked.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.membership-subtitle {
    /*padding-top: 15px !important;*/
    font-weight: bolder;
    margin-bottom: 5px !important;
}


.family-member-section {
    margin: 20px 0px 30px 0px;
}

.title-row {
    position: relative;
    height: 30px;
}

    .title-row h4 {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .title-row button.membership-close-button {
        position: absolute;
        right: 0px;
        top: 0px;
    }

.companyonly {
    margin-bottom: 30px;
}



/*



    Tablica sa članskim modelima


*/
.modelsTable {
    margin-top: 20px;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}

    .modelsTable .row, .modelsTable .subRow {
        margin-bottom: 10px;
        height: 30px;
        clear: both;
    }

    .modelsTable .subRow {
        line-height: 30px;
    }

    .modelsTable div.threeRows {
        line-height: 110px;
    }

    .modelsTable div.twoRows {
        height: 72px;
    }

    .modelsTable div.threeRows {
        height: 110px;
    }

    .modelsTable div.HeaderRow {
        height: 75px;
    }

    .modelsTable div.addMemberRow {
        height: 65px;
    }

    .modelsTable .row .headerColumns {
        display: inline-block;
        width: 52.5%;
        float: right;
        margin-bottom: 10px;
    }

    .modelsTable .modelColumn {
        /*margin-right: 5px;*/
        border-radius: 5px;
    }

    .modelsTable .row .modelColumn {
        min-width: 24%;
        width: 24%;
        display: inline-block;
        text-align: center;
    }

        .modelsTable .row .modelColumn span.centerSpan {
            position: relative;
            top: 23px;
        }

        .modelsTable .row .modelColumn span.smallInfo {
            font-size: 10px;
        }

    .modelsTable .row.buttonsRow, .modelsTable .row.buttonsRow div {
        height: 65px;
    }

    .modelsTable .modelColumns .modelColumn {
        height: 30px;
        text-align: center;
        line-height: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .modelsTable .infoColumn {
        height: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 47%;
        display: inline-block;
        float: left;
        font-size: 11.5px;
    }

    .modelsTable .modelColumns {
        height: 30px;
        min-height: 30px;
        margin-top: 0px;
        padding: 0px;
        float: right;
        display: inline-block;
        width: 52.5%;
        margin-bottom: 10px;
    }

    .modelsTable .modelColumn.startColumn {
        background-color: #e1e5f4;
    }

    .modelsTable .modelColumn.optimumColumn {
        background-color: #d1d2d4;
    }

    .modelsTable .modelColumn.optimumPlusColumn {
        background-color: #d1d2d4;
    }

        .modelsTable .modelColumn.optimumPlusColumn.threeRows {
            height: 110px;
        }

    .modelsTable .modelColumn.europeColumn {
        background-color: #e0d9c5;
    }

    .modelsTable .infoColumn div.infoAmount, .modelsTable .infoColumn div.infoText, .modelsTable .row.FullWidth {
        background-color: #e7e7e8;
        border-radius: 5px;
    }

    .modelsTable .row.FullWidth {
        /*height: 60px;*/
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
        width: 99%;
        list-style: circle;
        padding-left: 10px;
    }


    .modelsTable .infoColumn .infoText {
        width: 87%;
        display: inline-block;
        padding-left: 10px;
        height: inherit;
        float: left;
        line-height: 30px;
    }

        .modelsTable .infoColumn .infoText.FullWidth {
            width: 97.9%;
        }

    .modelsTable .infoColumn .infoAmount {
        text-align: center;
        line-height: 30px;
        display: inline-block;
        width: 10%;
        height: 30px;
        float: right;
    }

        .modelsTable .infoColumn .infoAmount.threeRows {
            line-height: 110px;
            height: 110px;
        }

        .modelsTable .infoColumn .infoAmount.twoRows {
            line-height: 72px;
            height: 72px;
        }

.modelColumn.optimumPlusColumn.twoRows {
    height: 72px;
}

.modelsTable .txtLarge {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 4px;
}

p.largeText {
    font-size: 16px;
}

.modelsTable .modelHeader {
    border-radius: 5px;
    padding: 5px;
    color: white;
    margin-bottom: 5px;
    text-indent: -99999px;
}

    .modelsTable .modelHeader.startHeader {
        background: #005aab url("//static.1987.hr/hakweb/images/membership/start_white_new.png") no-repeat center;
        background-size: 50%;
    }

    .modelsTable .modelHeader.optimumHeader {
        background: #939598 url("//static.1987.hr/hakweb/images/membership/optimum_white_new.png") no-repeat center;
        background-size: 50%;
    }

    .modelsTable .modelHeader.optimumPlusHeader {
        background: #939598 url("//static.1987.hr/hakweb/images/membership/optimumplus_white_new.png") no-repeat center;
        background-size: 50%;
    }

    .modelsTable .modelHeader.europaHeader {
        background: #a29061 url("//static.1987.hr/hakweb/images/membership/europa_white_new.png") no-repeat center;
        background-size: 50%;
    }

.membership-join-button {
    background: #2E6089;
    background: -webkit-linear-gradient(#4B87B8,#2E6089);
    background: -moz-linear-gradient(#4B87B8,#2E6089);
    background: -o-linear-gradient(#4B87B8,#2E6089);
    background: linear-gradient(#4B87B8,#2E6089);
    background: -ms-linear-gradient(#4B87B8,#2E6089);
    color: white;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    /*min-width: 120px;*/
    /*height: 40px;*/
    line-height: 20px;
    border: none;
    border-radius: 5px;
    margin: 2px;
    outline: none;
    padding: 10px;
    text-transform: uppercase;
    text-decoration: none;
}


    .membership-join-button.start {
        background: #005aab;
        background: -webkit-linear-gradient(#005199,#005aab);
        background: -moz-linear-gradient(#005199,#005aab);
        background: -o-linear-gradient(#005199,#005aab);
        background: linear-gradient(#005199,#005aab);
        background: -ms-linear-gradient(#005199,#005aab);
    }

    .membership-join-button.optimum {
        background: #a8aaac;
        background: -webkit-linear-gradient(#939598,#a8aaac);
        background: -moz-linear-gradient(#939598,#a8aaac);
        background: -o-linear-gradient(#939598,#a8aaac);
        background: linear-gradient(#939598,#a8aaac);
        background: -ms-linear-gradient(#939598,#a8aaac);
    }

    .membership-join-button.optimumPlus {
        background: #a8aaac;
        background: -webkit-linear-gradient(#939598,#a8aaac);
        background: -moz-linear-gradient(#939598,#a8aaac);
        background: -o-linear-gradient(#939598,#a8aaac);
        background: linear-gradient(#939598,#a8aaac);
        background: -ms-linear-gradient(#939598,#a8aaac);
    }

    .membership-join-button.europa {
        background: #a29061;
        background: -webkit-linear-gradient(#ab9b70,#a29061);
        background: -moz-linear-gradient(#ab9b70,#a29061);
        background: -o-linear-gradient(#ab9b70,#a29061);
        background: linear-gradient(#ab9b70,#a29061);
        background: -ms-linear-gradient(#ab9b70,#a29061);
    }

    .membership-join-button:hover {
        background: #4580AF;
        background: -webkit-linear-gradient(#a0c8e7,#4580AF);
        background: -moz-linear-gradient(#a0c8e7,#4580AF);
        background: -o-linear-gradient(#a0c8e7,#4580AF);
        background: linear-gradient(#a0c8e7,#4580AF);
        background: -ms-linear-gradient(#a0c8e7,#4580AF);
        cursor: pointer;
    }

    .membership-join-button.start:hover {
        background: #7facd5; /* Old browsers */
        background: -webkit-linear-gradient(#a5c4e1,#7facd5);
        background: -moz-linear-gradient(#a5c4e1,#7facd5);
        background: -o-linear-gradient(#a5c4e1,#7facd5);
        background: linear-gradient(#a5c4e1,#7facd5);
        background: -ms-linear-gradient(#a5c4e1,#7facd5);
    }

    .membership-join-button.optimum:hover {
        background: #d5d6d6; /* Old browsers */
        background: -webkit-linear-gradient(#d5d6d6,#b9bbbc);
        background: -moz-linear-gradient(#d5d6d6,#b9bbbc);
        background: -o-linear-gradient(#d5d6d6,#b9bbbc);
        background: linear-gradient(#d5d6d6,#b9bbbc);
        background: -ms-linear-gradient(#d5d6d6,#b9bbbc);
    }

    .membership-join-button.optimumPlus:hover {
        background: #d5d6d6; /* Old browsers */
        background: -webkit-linear-gradient(#d5d6d6,#b9bbbc);
        background: -moz-linear-gradient(#d5d6d6,#b9bbbc);
        background: -o-linear-gradient(#d5d6d6,#b9bbbc);
        background: linear-gradient(#d5d6d6,#b9bbbc);
        background: -ms-linear-gradient(#d5d6d6,#b9bbbc);
    }

    .membership-join-button.europa:hover {
        background: #d7d0bc; /* Old browsers */
        background: -webkit-linear-gradient(#d7d0bc,#bdb190);
        background: -moz-linear-gradient(#d7d0bc,#bdb190);
        background: -o-linear-gradient(#d7d0bc,#bdb190);
        background: linear-gradient(#d7d0bc,#bdb190);
        background: -ms-linear-gradient(#d7d0bc,#bdb190);
    }

span.txtLrgRight {
    float: right;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
}

ul.tabs.clanskiModeliTabs {
    text-align: center;
    float: none;
    display: block;
    height: 40px;
    min-height: 40px;
    padding: 0;
    margin-bottom: 20px;
    font-size: 0;
}

    ul.tabs.clanskiModeliTabs li {
        float: none;
        background: #2E6089;
        background: -webkit-linear-gradient(#4B87B8,#2E6089);
        background: -moz-linear-gradient(#4B87B8,#2E6089);
        background: -o-linear-gradient(#4B87B8,#2E6089);
        background: linear-gradient(#4B87B8,#2E6089);
        color: white;
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        min-width: 30%;
        width: 30%;
        height: 20px;
        min-height: 20px;
        border: none;
        outline: none;
        padding: 10px;
        margin-right: 0;
        margin-left: -1px;
        text-transform: uppercase;
        line-height: 20px;
    }

        ul.tabs.clanskiModeliTabs li.first {
            border-radius: 5px 0 0 5px;
        }

        ul.tabs.clanskiModeliTabs li.last {
            border-radius: 0 5px 5px 0;
        }

        ul.tabs.clanskiModeliTabs li:hover {
            background: #4580AF;
            background: -webkit-linear-gradient(#a0c8e7,#4580AF);
            background: -moz-linear-gradient(#a0c8e7,#4580AF);
            background: -o-linear-gradient(#a0c8e7,#4580AF);
            background: linear-gradient(#a0c8e7,#4580AF);
            cursor: pointer;
        }

        ul.tabs.clanskiModeliTabs li.active {
            background: #4580AF;
            background: -webkit-linear-gradient(#6DAADB,#4580AF);
            background: -moz-linear-gradient(#6DAADB,#4580AF);
            background: -o-linear-gradient(#6DAADB,#4580AF);
            background: linear-gradient(#6DAADB,#4580AF);
            border: none;
        }

            ul.tabs.clanskiModeliTabs li.active:hover {
                cursor: default;
            }
/*------------------------------------------ uclani se, novi stil (L.R.) -----------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

.membership-type-button,
.membership-close-button {
    background-image: -webkit-linear-gradient(#4B87B8,#2E6089);
    background-image: -moz-linear-gradient(#4B87B8,#2E6089);
    background-image: -o-linear-gradient(#4B87B8,#2E6089);
    background-image: linear-gradient(#4B87B8,#2E6089);
    color: white;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    min-width: 120px;
    height: 40px;
    border: none;
    border-radius: 5px;
    margin: 2px;
    outline: none;
    padding: 10px;
    text-transform: uppercase;
}

    .membership-type-button:active {
        border: none;
    }

    .membership-type-button:hover,
    .membership-close-button:hover {
        background-image: -webkit-linear-gradient(#a0c8e7,#4580AF);
        background-image: -moz-linear-gradient(#a0c8e7,#4580AF);
        background-image: -o-linear-gradient(#a0c8e7,#4580AF);
        background-image: linear-gradient(#a0c8e7,#4580AF);
        cursor: pointer;
    }

    .membership-type-button.active {
        background-image: -webkit-linear-gradient(#6DAADB,#4580AF);
        background-image: -moz-linear-gradient(#6DAADB,#4580AF);
        background-image: -o-linear-gradient(#6DAADB,#4580AF);
        background-image: linear-gradient(#6DAADB,#4580AF);
    }

        .membership-type-button.active:hover {
            cursor: default;
        }

    .membership-type-button.arrow-right {
        /*position:relative;*/
        float: right;
        right: 0px;
        width: 200px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        text-align: center;
        padding-left: 10px;
        padding-right: 40px;
        display: inline-block;
        /*text-emphasis-position:left;*/
        /*width:110px;*/
    }

.arrow-right {
    position: relative;
}

    .arrow-right:hover {
    }

    .arrow-right:after {
        content: '';
        display: block;
        border-color: #EAEAEA #EAEAEA #EAEAEA transparent;
        border-width: 20px;
        border-style: solid;
        position: absolute;
        top: 0;
        left: 160px;
    }


.arrow {
    position: relative;
    color: transparent;
    font-weight: bold;
    margin-bottom: 5px;
}


.membership-close-button {
    min-width: 0px;
    width: 100px !important;
    height: 30px;
    font-size: 11px;
    font-weight: 100;
    text-align: center;
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

    .membership-close-button.disabled {
        opacity: 0.4;
        cursor: default;
        background-image: -webkit-linear-gradient(#4B87B8,#2E6089);
        background-image: -moz-linear-gradient(#4B87B8,#2E6089);
        background-image: -o-linear-gradient(#4B87B8,#2E6089);
        background-image: linear-gradient(#4B87B8,#2E6089);
    }

.family-member-button {
    background-image: -webkit-linear-gradient(#F0F0F0,#B0B0B0);
    background-image: -moz-linear-gradient(#F0F0F0,#B0B0B0);
    background-image: -o-linear-gradient(#F0F0F0,#B0B0B0);
    background-image: linear-gradient(#F0F0F0,#B0B0B0);
    color: black;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5px;
    margin: 2px;
    outline: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

    .family-member-button:active {
        border: none;
        outline: none;
    }

    .family-member-button:hover {
        background-image: -webkit-linear-gradient(#F0F0F0,#C8C8C8);
        background-image: -moz-linear-gradient(#F0F0F0,#C8C8C8);
        background-image: -o-linear-gradient(#F0F0F0,#C8C8C8);
        background-image: linear-gradient(#F0F0F0,#C8C8C8);
        cursor: pointer;
    }


.membership-description {
    padding: 10px;
    padding-left: 0px;
    font-size: 14px;
}

    .membership-description div {
        padding-bottom: 10px;
    }

        .membership-description div.description-box {
            display: none;
            font-size: 12px;
            border: 1px solid silver;
            padding: 8px;
            margin-left: 110px;
            background-color: #fff;
        }

            .membership-description div.description-box p:last-child {
                margin: 0 !important;
            }

input[type=checkbox].big-checkbox,
input[type=radio].big-radio {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].big-checkbox + label.big-checkbox-label {
        padding-left: 37px;
        width: 100% !important;
        text-align: left !important;
        height: 32px;
        display: inline-block;
        line-height: 32px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 20px;
        vertical-align: middle;
        cursor: pointer;
        margin-bottom: 15px;
    }

    input[type=checkbox].big-checkbox:checked + label.big-checkbox-label {
        background-position: 0 -32px;
    }

label.big-checkbox-label {
    background-image: url(//static.1987.hr/hakweb/images/big-checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=radio].big-radio + label.css-label,
input[type=radio].big-radio + label.css-label-light {
    padding-left: 23px;
    /*height: 18px;*/
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px !important;
    text-align: left !important;
    width: 100% !important;
    /*font-weight: 100;*/
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 5px;
}

input[type=radio].big-radio + label.css-label-light {
    font-weight: 100 !important;
}

    input[type=radio].big-radio + label.css-label span,
    input[type=radio].big-radio + label.css-label-light span {
        font-weight: normal;
        font-size: 12px;
    }


input[type=radio].big-radio:checked + label.css-label,
input[type=radio].big-radio:checked + label.css-label-light {
    /*background-position: 0 -18px;*/
    background-image: url(//static.1987.hr/hakweb/images/big-radio-checked.png);
}

label.css-label,
label.css-label-light {
    background-image: url(//static.1987.hr/hakweb/images/big-radio-unchecked.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.membership-subtitle {
    /*padding-top: 15px !important;*/
    font-weight: bolder;
    margin-bottom: 5px !important;
}


.family-member-section {
    margin: 20px 0px 30px 0px;
}

.title-row {
    position: relative;
    height: 30px;
}

    .title-row h4 {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .title-row button.membership-close-button {
        position: absolute;
        right: 0px;
        top: 0px;
    }

.companyonly {
    margin-bottom: 30px;
}

.loading {
    float: right;
    background: transparent url(//static.1987.hr/hakweb/images/loading_blue.gif) no-repeat left 0;
    height: 32px;
    width: 200px;
}

    .loading span {
        display: inline-block;
        margin-left: 40px;
        line-height: 32px;
    }

.hak_title_blue {
    font-size: 20px;
    padding: 10px 0px;
    font-weight: bold;
    color: rgb(49,108,158);
}

.hak_subtitle_blue {
    font-size: 16px;
    padding: 10px 0px;
    font-weight: bold;
    color: rgb(49,108,158);
}

.text_section {
    overflow: auto;
}

    .text_section a {
        color: rgb(49,108,158);
        font-weight: bold;
    }

        .text_section a:hover {
            color: rgb(75,137,186);
            font-weight: bold;
        }

.img_left_float {
    float: left;
    margin: 0px 15px 15px 0px;
}

.section_break {
    display: block;
    width: 100%;
    height: 30px;
}

.highlight_blue {
    font-weight: bold;
    font-size: 14px;
    color: rgb(49,108,158);
}

.disclaimer,
.family_disclaimer {
    display: none;
    font-weight: bold;
}

.margin_left_right_54 {
    margin-left: 54px;
    margin-right: 54px;
}

/*
HAKWeb CSS Naslovnica

Sadr�aj:
 =carousel
 =vijesti
 =revija
 =stanjanacestama
 =vremenskaprognoza
 =brojclanova
*/

/* Alert */
p.alert {
    background: transparent url(//static.1987.hr/images/icons/fam/error.png) no-repeat 0 50%;
    color: #cc0000;
    font-size: 11px;
    font-weight: bold;
    padding-left: 21px;
}

/*
*************************************************
    =carousel
*************************************************
*/
div#top_carousel {
    height: 228px;
    overflow: hidden;
    position: relative;
    width: 700px;
}

ul#top_carousel_content {
    background-color: #fff;
    height: 912px;
    position: relative;
    width: 480px;
}

    ul#top_carousel_content li {
        height: 228px;
        position: relative;
        width: 480px;
    }

        ul#top_carousel_content li img {
            position: relative;
            z-index: 3;
        }

        ul#top_carousel_content li div.content {
            background: transparent url(//static.1987.hr/hakweb/images/tabs-overlay-trans.png) no-repeat 0 0;
            height: 75px;
            left: 0;
            position: absolute;
            top: 153px;
            width: 480px;
            z-index: 4;
        }

            ul#top_carousel_content li div.content h2 {
                color: #fff;
                font-size: 18px;
                font-weight: bold;
                padding: 5px 0 0 17px;
            }

            ul#top_carousel_content li div.content p {
                color: #fff;
                font-size: 12px;
                padding: 3px 0 0 17px;
                width: 330px;
            }

                ul#top_carousel_content li div.content p.button {
                    background: transparent url(//static.1987.hr/hakweb/images/tabs-more.png) no-repeat 0 0;
                    display: block;
                    height: 35px;
                    padding: 0;
                    position: absolute;
                    right: 10px;
                    top: 27px;
                    width: 116px;
                }

            ul#top_carousel_content li div.content a {
                color: #000;
                display: block;
                font-size: 14px;
                line-height: 32px;
                right: 10px;
                text-align: center;
                text-decoration: none;
                width: 100px;
            }

ul#top_carousel_buttons {
    background: #fff url(//static.1987.hr/hakweb/images/tabs-buttons.png) no-repeat 0 0;
    height: 228px;
    left: 480px;
    position: absolute;
    top: 0;
    width: 220px;
}

div#top_carousel ul.first {
    background-position: 0 0;
}

div#top_carousel ul.second {
    background-position: -220px 0;
}

div#top_carousel ul.third {
    background-position: -440px 0;
}

div#top_carousel ul.fourth {
    background-position: -660px 0;
}

ul#top_carousel_buttons li {
    color: #8db2d1;
    cursor: pointer;
    height: 45px;
    padding: 12px 0 0 12px;
    width: 208px;
}

    ul#top_carousel_buttons li.hover,
    ul#top_carousel_buttons li.active {
        color: #fff;
    }

ul#top_carousel_buttons h3 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 2px;
}

ul#top_carousel_buttons p.description {
    font-size: 11px;
}

ul#top_carousel_buttons a.link {
    display: none;
}

div#top_carousel a.overlay {
    background: transparent url(//static.1987.hr/hakweb/images/tabs-border-trans2.png) no-repeat 0 0;
    height: 228px;
    left: 0;
    position: absolute;
    top: 0;
    width: 480px;
    z-index: 10;
}

/*
*************************************************
    =vijesti
*************************************************
*/
h2.news {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

div.news_bigger {
    width: 460px;
}

div.news_smaller {
    width: 220px;
}

    div.news_smaller p.date,
    div.news_bigger p.date {
        color: #999;
        font-size: 11px;
        padding-bottom: 3px;
    }

    div.news_bigger img,
    div.news_smaller img {
        background-color: #fff;
        border: solid 1px #d6d6d6;
        display: block;
        height: 144px;
        margin: 0 0 10px 0;
        padding: 1px;
        width: 216px;
    }

    div.news_smaller img {
        float: right;
        margin: 0 0 10px 0;
    }

    div.news_bigger h3,
    div.news_smaller h3 {
        font-size: 14px;
        font-weight: bold;
    }

        div.news_bigger h3 a,
        div.news_smaller h3 a {
            color: #000;
        }

            div.news_bigger h3 a:hover,
            div.news_smaller h3 a:hover {
                text-decoration: underline;
            }

    div.news_bigger p,
    div.news_smaller p {
        font-size: 12px;
    }

    div.news_bigger a,
    div.news_smaller a {
        color: #2d5f88;
        font-weight: bold;
        text-decoration: none;
    }

        div.news_bigger a:hover,
        div.news_smaller a:hover {
            color: #000;
        }

        div.news_bigger a.more,
        div.news_smaller a.more {
            display: block;
            padding-top: 5px;
            text-align: right;
        }

ul.news_additional,
div.news_additional {
    background: transparent url(//static.1987.hr/hakweb/images/news-delimiter.png) no-repeat top center;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    overflow: hidden;
    padding-top: 20px;
    position: relative;
}

div.news_bigger ul.news_additional {
    background: none;
    margin-top: 0;
    padding-top: 0;
    width: 220px;
}

div.news_smaller ul.news_additional {
    width: 220px;
}

ul.news_additional li {
    float: left;
    padding-bottom: 5px;
    padding-right: 20px;
    position: relative;
    width: 200px;
}

    ul.news_additional li a {
        background: transparent url(//static.1987.hr/hakweb/images/arrow-news.png) no-repeat left 4px;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        padding: 0 0 0 11px;
    }

    ul.news_additional li.news_all {
        clear: both;
        padding-top: 5px;
        text-align: right;
    }

div.col_2 ul.news_additional li.news_all {
    width: 430px;
}

div.col_1 ul.news_additional li.news_all {
    width: 210px;
}

ul.news_additional li.news_all a {
    background-position: right center;
    font-weight: bold;
    padding: 0 11px 0 0;
}
/*
*************************************************
    =revija
*************************************************
*/
div#mag {
    background: #fff url(//static.1987.hr/hakweb/images/back-mag.png) no-repeat 0 0;
    height: 285px;
    position: relative;
    width: 220px;
}

    div#mag h2 {
        display: none;
    }

    div#mag a.overlay {
        background: transparent url(//static.1987.hr/hakweb/images/overlay-mag.png) no-repeat 0 0;
        display: block;
        height: 258px;
        left: 23px;
        position: absolute;
        width: 173px;
        text-indent: -10000px;
        top: 13px;
        z-index: 4;
    }

a#mag_left,
a#mag_right {
    display: block;
    height: 285px;
    outline: none;
    position: absolute;
    text-indent: -10000px;
    top: 0;
    width: 20px;
}

a#mag_left {
    background: transparent url(//static.1987.hr/hakweb/images/arrow-mag-left-inactive.png) no-repeat 7px center;
    left: 0;
}

a#mag_right {
    background: transparent url(//static.1987.hr/hakweb/images/arrow-mag-right-inactive.png) no-repeat 3px center;
    right: 0;
}

a#mag_left.active {
    background: transparent url(//static.1987.hr/hakweb/images/arrow-mag-left-active.png) no-repeat 7px center;
}

a#mag_right.active {
    background: transparent url(//static.1987.hr/hakweb/images/arrow-mag-right-active.png) no-repeat 3px center;
}

div#mag div.mag_container {
    height: 258px;
    left: 23px;
    overflow: hidden;
    position: absolute;
    top: 13px;
    width: 173px;
    z-index: 3;
}

div#mag ul {
    height: 258px;
    left: 0;
    position: relative;
    top: 0;
    width: 20000px;
}

    div#mag ul li {
        float: left;
        height: 258px;
        position: relative;
        width: 173px;
    }

    div#mag ul img {
        height: 231px;
        width: 173px;
    }

div#mag p.number {
    background-color: #19364e;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    height: 27px;
    left: 0;
    line-height: 27px;
    position: absolute;
    text-align: center;
    width: 47px;
}

div#mag p.date {
    background-color: #9bb8d0;
    bottom: 0;
    color: #313131;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    padding-left: 10px;
    position: absolute;
    left: 47px;
    width: 115px;
}
/*
*************************************************
    =stanjenacestama
*************************************************
*/
div#info_box {
    height: 266px;
    position: relative;
    width: 460px;
}

    div#info_box a {
        color: #fff;
    }

        div#info_box a.details,
        div#info_box a.details_left {
            background: transparent url(//static.1987.hr/hakweb/images/arrow-right.png) no-repeat right center;
            bottom: 10px;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            padding-right: 13px;
            position: absolute;
            right: 15px;
            text-decoration: none;
        }

        div#info_box a.details_left {
            background: none;
            left: 15px;
            right: auto;
        }

            div#info_box a.details:hover,
            div#info_box a.details_left:hover {
                text-decoration: underline;
            }

    div#info_box ul.tabs {
        width: 460px;
    }

    div#info_box div.box {
        background: #fff url(//static.1987.hr/hakweb/images/back-info-box.png) no-repeat 0 0;
        color: #fff;
        height: 244px;
        position: relative;
        width: 460px;
    }

    div#info_box div.status {
        background: #fff url(//static.1987.hr/hakweb/images/back-info-box-plain.png) no-repeat 0 0;
        height: 244px;
        overflow: hidden;
        width: 460px;
        line-height: 18px;
    }

        div#info_box div.status div.left {
            width: 220px;
        }

        div#info_box div.status h3 {
            font-size: 14px;
            font-weight: bold;
            padding: 15px;
        }

            div#info_box div.status h3 span {
                float: right;
                font-size: 11px;
                font-weight: normal;
            }

        div#info_box div.status p {
            font-size: 12px;
            padding: 0 15px 0 15px;
        }

        div#info_box div.status ul.circles {
            margin: 10px auto;
            text-align: center;
        }

            div#info_box div.status ul.circles li {
                background: transparent url(//static.1987.hr/hakweb/images/status-circle-inactive.png) no-repeat 0 0;
                color: #64a0cf;
                cursor: pointer;
                display: inline;
                height: 10px;
                font-size: 1px;
                line-height: 10px;
                padding: 5px;
                width: 10px;
            }

                div#info_box div.status ul.circles li.active {
                    background: transparent url(//static.1987.hr/hakweb/images/status-circle-active.png) no-repeat 0 0;
                    color: #cce9ff;
                }

        div#info_box div.status ul.pages {
        }

div#info_boxdiv.status ul.pages li {
    position: relative;
}

div#info_box div.status ul.pages li div {
    position: relative;
    height: 60px;
}

    div#info_box div.status ul.pages li div h4 {
        font-size: 12px;
        font-weight: bold;
        padding-left: 60px;
    }

    div#info_box div.status ul.pages li div span {
        display: block;
        font-size: 11px;
        font-weight: bold;
        height: 21px;
        left: 20px;
        line-height: 21px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 33px;
    }

    div#info_box div.status ul.pages li div.country_road span {
        background: transparent url(//static.1987.hr/hakweb/images/back-drzcesta.png) no-repeat 0 0;
    }

    div#info_box div.status ul.pages li div.car_road span {
        background: transparent url(//static.1987.hr/hakweb/images/back-autocesta.png) no-repeat 0 0;
    }

    div#info_box div.status ul.pages li div p {
        font-size: 11px;
        padding: 5px 0 0 60px;
    }

        div#info_box div.status ul.pages li div p.warning {
            background: transparent url(//static.1987.hr/hakweb/images/icons/error.png) no-repeat 35px 10px;
        }

        div#info_box div.status ul.pages li div p.danger {
            background: transparent url(//static.1987.hr/hakweb/images/icons/stop.png) no-repeat 35px 10px;
        }

        div#info_box div.status ul.pages li div p.slippery {
            background: transparent url(//static.1987.hr/hakweb/images/icons/weather_snow.png) no-repeat 35px 10px;
        }
/*
    =prometnaprognoza
*/
/*div#info_box div.forecast*/, div#info_box div.trafficCalendar {
    background-image: url(//static.1987.hr/hakweb/images/back-info-box-plain.png);
    display: none;
    height: 244px;
    position: relative;
    width: 460px;
}

    div#info_box div.forecast h3,
    div#info_box div.status h3,
    div#info_box div.trafficCalendar h3 {
        font-size: 14px;
        font-weight: bold;
        padding: 15px 0 15px 15px;
        position: relative;
    }

    div#info_box div.forecast p,
    div#info_box div.status p,
    div#info_box div.trafficCalendar p {
        font-size: 12px;
        line-height: 18px;
        padding: 0 15px 10px 15px;
    }

        div#info_box div.forecast p.date,
        div#info_box div.status p.date div#info_box div.trafficCalendar p.date {
            font-size: 11px;
        }

        div#info_box div.forecast p.content,
        div#info_box div.status p.content,
        /*div#info_box div.status div.content,*/
        div#info_box div.trafficCalendar.content {
            height: 152px;
            overflow: hidden;
        }

    div#info_box div.trafficCalendar div.zabrane {
        float: left;
        padding-left: 10px;
    }

    div#info_box div.trafficCalendar div.gustoca {
        float: right;
        padding-right: 10px;
    }

    div#info_box div.trafficCalendar img {
        height: 150px;
    }

    div#info_box div.trafficCalendar h3 {
        text-align: center;
    }
/*
*************************************************
    =vremenskaprognoza
*************************************************
*/
div#info_box div.weather {
    display: none;
    height: 244px;
    overflow: hidden;
    position: relative;
    width: 460px;
}

    div#info_box div.weather div.left {
        width: 220px;
    }

    div#info_box div.weather h3 {
        font-size: 14px;
        font-weight: bold;
        left: 15px;
        position: absolute;
        top: 15px;
    }

        div#info_box div.weather h3.second {
            left: 120px;
        }

    div#info_box div.weather h4 {
        background: transparent url(/images/arrow-little-right-inactive.png) no-repeat left center;
        color: #add5f4;
        cursor: pointer;
        font-size: 12px;
        font-weight: normal;
        left: 15px;
        line-height: 15px;
        padding: 0 0 0 6px;
        position: absolute;
        top: 35px;
    }

        div#info_box div.weather h4.active {
            background-image: url(/images/arrow-little-right.png);
            color: #fff;
            font-weight: bold;
            padding-left: 6px;
        }

        div#info_box div.weather h4.second {
            left: 65px;
        }

        div#info_box div.weather h4.third {
            left: 120px;
        }

        div#info_box div.weather h4.fourth {
            left: 170px;
        }

    div#info_box div.weather ul.short {
        font-size: 11px;
        padding: 0 15px 0 15px;
    }

    div#info_box div.weather p.text {
        font-size: 11px;
        line-height: 16px;
        height: 165px;
        overflow: hidden;
        position: absolute;
        top: 60px;
        width: 195px;
        left: 15px;
    }

div#info_box div#filter_weather {
    left: 220px;
    position: relative;
}

    div#info_box div#filter_weather h3,
    div#info_box div#filter_weather h4 {
        left: 0;
        position: relative;
        top: 0;
    }

    div#info_box div#filter_weather h3 {
        padding: 15px 0 0 15px;
    }

    div#info_box div#filter_weather h4 {
        background: none;
        cursor: default;
        font-size: 13px;
        font-weight: bold;
        padding: 5px 0 0 15px;
    }

    div#info_box div#filter_weather div.filter {
        margin: 5px 0 0 15px;
        position: relative;
        z-index: 20;
    }

    div#info_box div#filter_weather input {
        background: transparent url(/images/back-search.png) no-repeat 0 0;
        border: none;
        color: #999;
        font-size: 11px;
        height: 24px;
        line-height: 24px;
        padding: 0 31px 0 5px;
        outline: none;
        width: 165px;
    }

    div#info_box div#filter_weather ul.results {
        background-color: #fff;
        color: #000;
        display: none;
        left: 0;
        margin-left: 3px;
        overflow: hidden;
        position: absolute;
        top: 25px;
        width: 172px;
        z-index: 100;
    }

        div#info_box div#filter_weather ul.results li {
            cursor: pointer;
            padding: 3px;
        }

            div#info_box div#filter_weather ul.results li:hover,
            div#info_box div#filter_weather ul.results li.alt:hover {
                background-color: #b8d6f2;
            }

            div#info_box div#filter_weather ul.results li.alt {
                background-color: #d5ebff;
            }

            div#info_box div#filter_weather ul.results li.selected {
                background-color: #33628d;
                color: #fff;
            }

    div#info_box div#filter_weather p.header {
        font-size: 11px;
        padding: 5px 0 0 170px;
        position: relative;
    }

        div#info_box div#filter_weather p.header span {
            padding-right: 17px;
        }

    div#info_box div#filter_weather p.days {
        padding: 0 0 0 15px;
    }

        div#info_box div#filter_weather p.days a {
            background: transparent url(/images/arrow-little-right-inactive.png) no-repeat left center;
            color: #add5f4;
            font-size: 11px;
            padding: 0 10px 0 6px;
            text-decoration: none;
        }

            div#info_box div#filter_weather p.days a.active {
                background-image: url(/images/arrow-little-right.png);
                color: #fff;
                font-weight: bold;
            }

div#info_box div.weather div#filter_weather div.forecast {
    display: block;
    background: none;
    position: relative;
}

div#info_box div#filter_weather div.forecast h4 {
    display: none;
}

div#info_box div#filter_weather div.forecast p {
    padding-top: 15px;
}

div#info_box div#filter_weather div.forecast ul#forecast_d1,
div#info_box div#filter_weather div.forecast ul#forecast_d2 {
    display: none;
}

div#info_box div#filter_weather div.forecast ul {
    left: 15px;
    position: absolute;
    top: 0px;
}

    div#info_box div#filter_weather div.forecast ul li {
        display: block;
        height: 48px;
        line-height: 48px;
        position: relative;
    }

        div#info_box div#filter_weather div.forecast ul li span.symbol {
            left: 90px;
            position: absolute;
            top: 0;
        }

        div#info_box div#filter_weather div.forecast ul li span.tmin {
            left: 130px;
            position: absolute;
            text-align: right;
            top: 0;
            width: 30px;
        }

        div#info_box div#filter_weather div.forecast ul li span.tmax {
            left: 170px;
            position: absolute;
            text-align: right;
            top: 0;
            width: 30px;
        }

        div#info_box div#filter_weather div.forecast ul li span.celsius {
            font-size: 10px;
            position: absolute;
            top: -2px;
        }

div#info_box div#filter_weather input.ui-autocomplete-input {
    background: transparent url(//static.1987.hr/hakweb/images/back-search.png) no-repeat 0 0;
    border: none;
    color: #999;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    padding: 0 31px 0 5px;
    outline: none;
    width: 165px;
}

div#info_box div.weather a.dhmz {
    bottom: 10px;
    color: #ccc;
    font-size: 11px;
    left: 15px;
    position: absolute;
    text-decoration: none;
}

    div#info_box div.weather a.dhmz:hover {
        color: #fff;
    }

div#info_box div.weather a.more {
    background: transparent url(/images/arrow-right.png) no-repeat right center;
    bottom: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding-right: 13px;
    position: absolute;
    right: 15px;
    text-decoration: none;
}

    div#info_box div.weather a.more:hover {
        text-decoration: underline;
    }


div#weather h4 {
    margin-top: 15px;
}

div#weather div#filter_weather {
  /*  height: 205px;*/
}

    div#weather div#filter_weather div.forecast {
/*        left: 10px;
        position: absolute;
        top: 30px;*/
    }

        div#weather div#filter_weather div.forecast li {
            display: block;
            font-size: 15px;
            line-height: 48px;
            height: 48px;
            position: relative;
        }

            div#weather div#filter_weather div.forecast li input {
                display: block;
                font-size: 15px;
                height: 25px;
                padding-top: 15px;
                position: relative;
            }

            div#weather div#filter_weather div.forecast li span {
                font-size: 15px;
                position: absolute;
            }

                div#weather div#filter_weather div.forecast li span.symbol {
                    left: 85px;
                    top: 0;
                    width: 45px;
                }

                div#weather div#filter_weather div.forecast li span.tmin {
                    left: 145px;
                    width: 30px;
                }

                div#weather div#filter_weather div.forecast li span.tmax {
                    left: 180px;
                    width: 30px;
                }

                div#weather div#filter_weather div.forecast li span.celsius {
                    font-size: 11px;
                    position: absolute;
                    top: -2px;
                    width: 20px;
                }

    div#weather div#filter_weather a.dhmz {
        bottom: 10px;
        font-size: 15px;
        left: 10px;
        position: absolute;
    }

    div#weather div#filter_weather div.filter {
/*        left: 240px;
        position: absolute;
        top: 30px;*/
    }

    div#weather div#filter_weather p.days {
        left: 230px;
        position: absolute;
        top: 100px;
        padding: 0 0 0 15px;
    }

        div#weather div#filter_weather p.days a {
            background: transparent url(//static.1987.hr/hakweb/images/arrow-little-right-inactive.png) no-repeat left center;
            color: #add5f4;
            font-size: 11px;
            text-decoration: none;
            padding: 0 10px 0 6px;
        }

            div#weather div#filter_weather p.days a.active {
                background-image: url(//static.1987.hr/hakweb/images/arrow-little-right.png);
                color: #fff;
                font-weight: 700;
            }

    div#weather div#filter_weather input {
        background: transparent url(//static.1987.hr/hakweb/images/back-search.png) no-repeat 0 0;
        border: 0;
        color: #999;
        font-size: 11px;
        height: 24px;
        line-height: 24px;
        outline: 0;
        width: 165px;
        padding: 0 31px 0 5px;
    }

/*
*************************************************
    =brojclanova
*************************************************
*/
div#membersnr {
    background: #fff url(//static.1987.hr/hakweb/images/back-membersnumber.png) no-repeat 0 0;
    height: 35px;
    position: relative;
    width: 460px;
}

    div#membersnr p {
        color: #7da6c7;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        padding-left: 24px;
        width: 210px;
    }

        div#membersnr p.teaser {
            padding-left: 0;
        }

        div#membersnr p span {
            color: #dae6f0;
            font-size: 20px;
            font-weight: bold;
            padding-left: 13px;
        }

        div#membersnr p.teaser span {
            font-size: 16px;
        }

    div#membersnr a {
        color: #404040;
        display: block;
        height: 35px;
        font-size: 18px;
        font-weight: bold;
        line-height: 35px;
        padding-left: 50px;
        position: absolute;
        right: 0;
        text-decoration: none;
        top: 0;
        width: 191px;
    }

/* PARTNERBOX */

div.partnerbox {
    width: 460px;
    height: 90px;
    background: transparent url(//static.1987.hr/hakweb/images/naslovnica/box-2-70px.png) no-repeat 0 0;
    color: #fff;
    font-size: 14px;
    position: relative;
}

    div.partnerbox div.p {
        top: 12px;
        left: 10px;
        width: 330px;
        position: absolute;
    }

        div.partnerbox div.p p {
            width: 312px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 12px;
        }

            div.partnerbox div.p p.strong {
                margin: 1px;
                font-weight: 700;
                font-size: 14px;
            }

    div.partnerbox a.syc {
        display: block;
        background-image: url(//static.1987.hr/hakweb/images/naslovnica/syc-new.png);
        background-repeat: no-repeat;
        text-indent: -10000px;
        width: 114px;
        height: 74px;
        right: 10px;
        position: absolute;
        top: 8px;
    }



span.naslovnicaImgSpan {
    width: 220px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #8db2d1;
    font-size: large;
    align-content: center;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    padding: 0;
    margin: 0;
    color: white;
    background: #4784b5; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #4784b5 0%, #316b9d 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4784b5), color-stop(100%,#316b9d)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #4784b5 0%,#316b9d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #4784b5 0%,#316b9d 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #4784b5 0%,#316b9d 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, #4784b5 0%,#316b9d 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4784b5', endColorstr='#316b9d',GradientType=1 );*/ /* IE6-8 fallback on horizontal gradient */
}

    span.naslovnicaImgSpan.mojhak {
        height: 63px;
    }

    span.naslovnicaImgSpan.hakshop {
        height: 62px;
    }

    span.naslovnicaImgSpan.hakmap {
        height: 63px;
    }

a.naslovnicaImgLink {
    text-decoration: none;
    padding: 0;
    margin: 0;
    display: block;
    text-align: center;
    vertical-align: central;
}

span.naslovnicaImgSpan:hover {
    background: #4784b5; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #4784b5 0%, #316b9d 52%, #316b9d 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4784b5), color-stop(52%,#316b9d), color-stop(100%,#316b9d)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #4784b5 0%,#316b9d 52%,#316b9d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #4784b5 0%,#316b9d 52%,#316b9d 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #4784b5 0%,#316b9d 52%,#316b9d 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, #4784b5 0%,#316b9d 52%,#316b9d 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4784b5', endColorstr='#316b9d',GradientType=1 );*/ /* IE6-8 fallback on horizontal gradient */
}


/*
    Grani�ni prijelazi - naslovnica
*/

#gpStatus-box {
    background: rgba(211, 211, 211, 0.25);
    padding: 5px 10px 20px 15px;
    border-radius: 4px 4px 4px 4px;
    height: auto;
}

    #gpStatus-box .gpFooter .details {
        float: right;
        font-weight: bold;
        bottom: 10px;
        color: black;
        font-size: 14px;
        font-weight: bold;
        padding-right: 13px;
        position: absolute;
        right: 15px;
        text-decoration: none;
    }

    #gpStatus-box .gpFooter .detailsUrl {
        font-weight: bold;
        background: transparent url(//static.1987.hr/hakweb/images/arrow-right-black.png) no-repeat right center;
        color: black;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        padding-right: 13px;
    }

        #gpStatus-box .gpFooter .detailsUrl.karta {
            margin-right: 20px;
        }

    #gpStatus-box .gpFooter {
        margin-top: 20px;
    }

        #gpStatus-box .gpFooter .gpIzvor {
            float: left;
            font-weight: bold;
            color: black;
            font-size: 14px;
            font-weight: bold;
            text-decoration: none;
            position: absolute;
            bottom: 12px;
            display: none;
        }

        #gpStatus-box .gpFooter .vremena {
            font-weight: normal;
        }


    #gpStatus-box .title {
        font-size: medium;
        height: 10%;
    }

    #gpStatus-box table.gptable {
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 15px;
    }

    #gpStatus-box .gptable th, #gpStatus-box .gptable td {
        /*border: 1px solid #ccc;*/
        min-width: 60px;
        padding-left: 2px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

        #gpStatus-box .gptable th, #gpStatus-box .gptable td.centered {
            text-align: center;
        }

    #gpStatus-box .gptable th {
        font-weight: bold;
    }

        #gpStatus-box .gptable th.thNoBorder {
            border: none;
        }


    #gpStatus-box .gpvehcat {
        width: 60px;
    }

    #gpStatus-box .gpFlag {
        vertical-align: middle;
        width: 63px;
    }

    #gpStatus-box .gpFilter {
        margin-top: 10px;
        display: none;
    }

    #gpStatus-box .gpVehCat {
        vertical-align: middle;
        width: 60px;
        cursor: pointer;
    }

        #gpStatus-box .gpVehCat.inactive {
            opacity: 0.4;
            filter: alpha(opacity=40);
        }

        #gpStatus-box .gpVehCat.active {
            opacity: 1;
            filter: alpha(opacity=100);
        }

    #gpStatus-box .gpToggleDrzava {
        display: inline-block;
    }

        #gpStatus-box .gpToggleDrzava img.gpFlag {
            width: 20px;
        }

    #gpStatus-box .chkbxDrzave {
        vertical-align: middle;
    }

    #gpStatus-box .gpvehcar {
        background: transparent url('https://static.1987.hr/images/vehiclecategory/category-i-icon@2x.png') no-repeat;
        background-size: 60px;
        background-position: center;
        height: 20px;
    }

        #gpStatus-box .gpvehcar.inactive {
            opacity: 0.4;
            filter: alpha(opacity=40);
        }

        #gpStatus-box .gpvehcar.active {
            opacity: 0.4;
            filter: alpha(opacity=40);
        }

    #gpStatus-box .vehCarTeretno {
        display: none;
    }


    #gpStatus-box .gpvehtruck {
        background: transparent url('https://static.1987.hr/images/vehiclecategory/category-iv-icon@2x.png') no-repeat;
        background-size: 60px;
        background-position: center;
        height: 25px;
    }

    #gpStatus-box .gpLinkDetaljnije {
        text-decoration: none !important;
    }

    #gpStatus-box .gpUnos .gpDatmToolTip {
        visibility: hidden;
        width: 150px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        white-space: pre-line;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        left: 35%;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    #gpStatus-box .gpUnos:hover .gpDatmToolTip {
        visibility: visible;
    }

.nemaCekanjaInfo {
    padding-top: 10px;
}
/*
    Grani�ni prijelazi - prometna prognoza
*/
#gpStatus-div .title {
    font-size: x-large;
    padding-top: 20px;
}

#gpStatus-div .gpfilter {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}

#gpStatus-div .gpTitle {
    font-size: large;
    text-align: center;
}

#gpStatus-div table.gptable {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px;
}

#gpStatus-div .gptable th, #gpStatus-div .gptable td {
    /*border: 1px solid #ccc;*/
    text-align: center;
    min-width: 60px;
    padding-left: 2px;
}

#gpStatus-div .gptable th {
    text-align: center;
    font-weight: bold;
}

    #gpStatus-div .gptable th.thNoBorder {
        border: none;
    }

#gpStatus-div .gptable td.gpime {
    text-align: left;
}

#gpStatus-div .gpvehcat {
    width: 60px;
}

#gpStatus-div .gpFlag {
    vertical-align: middle;
    width: 25px;
    display: none;
}

#gpStatus-div .gpToggleDrzava {
    display: inline-block;
}

    #gpStatus-div .gpToggleDrzava img.gpFlag {
        width: 20px;
        display: inline;
    }

#gpStatus-div .chkbxDrzave {
    vertical-align: middle;
}

#gpStatus-div .gpvehcar {
    background: transparent url('https://static.1987.hr/images/vehiclecategory/category-i-icon@2x.png') no-repeat;
    background-size: 60px;
    background-position: center;
    height: 20px;
}

#gpStatus-div .gpvehtruck {
    background: transparent url('https://static.1987.hr/images/vehiclecategory/category-iv-icon@2x.png') no-repeat;
    background-size: 60px;
    background-position: center;
    height: 25px;
}

#gpStatus-div .gpUnos .gpDatmToolTip {
    visibility: hidden;
    width: 150px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    white-space: pre-line;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    left: 15%;
}

/* Show the tooltip text when you mouse over the tooltip container */
#gpStatus-div .gpUnos:hover .gpDatmToolTip {
    visibility: visible;
}

#gpStatus-div .gpIzvor {
    font-weight: bold;
    font-size: 14px;
    display: none;
}

/*
    Naslovnica - strani jezik
*/

#safely-logo {
    width: 650px;
    display: block;
    margin: 0px auto 20px auto;
}

.video-js .vjs-audio-button,.video-js .vjs-big-play-button,.video-js .vjs-captions-button,.video-js .vjs-chapters-button,.video-js .vjs-control.vjs-close-button,.video-js .vjs-descriptions-button,.video-js .vjs-fullscreen-control,.video-js .vjs-mouse-display,.video-js .vjs-mute-control,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-play-control,.video-js .vjs-play-control.vjs-playing,.video-js .vjs-play-progress,.video-js .vjs-subtitles-button,.video-js .vjs-volume-level,.video-js .vjs-volume-menu-button,.video-js .vjs-volume-menu-button.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-2,.video-js.vjs-fullscreen .vjs-fullscreen-control,.vjs-icon-audio,.vjs-icon-audio-description,.vjs-icon-cancel,.vjs-icon-captions,.vjs-icon-chapters,.vjs-icon-circle,.vjs-icon-circle-inner-circle,.vjs-icon-circle-outline,.vjs-icon-cog,.vjs-icon-facebook,.vjs-icon-fullscreen-enter,.vjs-icon-fullscreen-exit,.vjs-icon-gplus,.vjs-icon-hd,.vjs-icon-linkedin,.vjs-icon-pause,.vjs-icon-pinterest,.vjs-icon-play,.vjs-icon-play-circle,.vjs-icon-replay,.vjs-icon-spinner,.vjs-icon-square,.vjs-icon-subtitles,.vjs-icon-tumblr,.vjs-icon-twitter,.vjs-icon-volume-high,.vjs-icon-volume-low,.vjs-icon-volume-mid,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js,.vjs-no-js{color:#fff;background-color:#000}.video-js .vjs-big-play-button:before,.video-js .vjs-control,.video-js .vjs-control:before,.vjs-menu li,.vjs-no-js{text-align:center}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}@font-face{font-family:VideoJS;src:url(font/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");font-weight:400;font-style:normal}.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subtitles-button:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before{content:"\f111"}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button:before,.vjs-icon-cancel:before{content:"\f115"}.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button:before,.vjs-icon-audio:before{content:"\f11e"}.video-js{display:block;vertical-align:top;box-sizing:border-box;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js .vjs-tech,.video-js.vjs-fill{width:100%;height:100%}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin:0}.vjs-error .vjs-error-display:before,.vjs-menu .vjs-menu-content,.vjs-no-js{font-family:Arial,Helvetica,sans-serif}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js .vjs-tech{position:absolute;top:0;left:0}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;font-size:18px;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:4em}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after,.video-js .vjs-progress-control:hover .vjs-time-tooltip{font-family:Arial,Helvetica,sans-serif;visibility:visible;font-size:.6em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-tooltip-progress-bar{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before,.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after,.video-js .vjs-time-tooltip{visibility:hidden;pointer-events:none;position:absolute;top:-3.4em;right:-1.9em;font-size:.9em;color:#000;content:attr(data-current-time);padding:6px 8px 8px;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:after,.video-js .vjs-play-progress:before,.video-js .vjs-time-tooltip{z-index:1}.video-js .vjs-load-progress{background:#bfc7d3;background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:#fff;background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-time-tooltip{display:inline-block;height:2.4em;position:relative;float:right;right:-1.9em}.vjs-tooltip-progress-bar{visibility:hidden}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after,.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content,.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-vertical:focus .vjs-menu-content,.vjs-volume-menu-button-vertical:hover .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,.vjs-volume-menu-button-horizontal:hover .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.vjs-no-flex .vjs-current-time,.vjs-no-flex .vjs-duration{display:none}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-time-divider{display:none;line-height:3em}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:#fff transparent transparent}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%,100%,20%,60%{border-top-color:#73859f}35%{border-top-color:#fff}}@-webkit-keyframes vjs-spinner-fade{0%,100%,20%,60%{border-top-color:#73859f}35%{border-top-color:#fff}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:16em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:1em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-controls:after,.vjs-caption-settings .vjs-tracksettings-font:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px;border:none}.vjs-caption-settings .vjs-tracksetting label,.vjs-caption-settings .vjs-tracksetting legend{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px;vertical-align:top;float:right}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings fieldset{margin-top:1em;margin-left:.5em}.vjs-caption-settings fieldset .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}@media \0screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden}}
#smartbanner { position:fixed; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info > span { display: block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }

#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.android { border-color:#212228; background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7'); border-top: 5px solid #88B131; box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; }
#smartbanner.android .sb-info strong { color:#fff; }
#smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height:24px}
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; }

#smartbanner.windows .sb-icon { border-radius: 0px; }