/***************************************************
    IE Warning
    Author: WEB Marketing (www.wem.hr)
    Media: Screen    
***************************************************/

#iewarning { width: 100%; height: auto; padding: 10px 0 20px 0; overflow: hidden; background: #f8f7e4 url(/assets/iewarning/bkg.gif) repeat-x 0 0; border-bottom: 1px solid #b6b6b6; position: absolute; top: 0; left: 0; z-index: 10000; font: normal 11px/18px Arial, Helvetica, sans-serif; color: #000; }
#ie-container { width: 848px; overflow: hidden; margin: 0 auto; padding: 0 0 0 112px; background: url(/assets/iewarning/warning.gif) no-repeat 0 4px; }

#iewarning h3 { margin: 0; font: bold 18px/24px Arial, Helvetica, sans-serif; color: #000; }
#iewarning p { margin: 0; }
#iewarning a { color: #cc0000; text-decoration: underline; }
#iewarning a:hover { color: #cc0000; text-decoration: none; }
#iewarning strong { font-size: 14px; line-height: 18px; }

#iewarning ul { margin: 10px 0 0 0; padding: 0; width: 100%; height: 73px; overflow: hidden; }
#iewarning ul li { float: left; width: 108px; height: 73px; overflow: hidden; margin: 0 20px 0 0; padding: 0; background: 0; list-style: none; }
#iewarning ul a { float: left; width: 108px; height: 73px; padding: 50px 0 0 0; overflow: hidden; text-align: center; color: #000; text-decoration: none; font-size: 10px; background-image: url(/assets/iewarning/browsers.gif); background-repeat: no-repeat; }
#ie-firefox a { background-position: 0 0; }
#ie-explorer8 a { background-position: 0 -73px; }
#ie-chrome a { background-position: 0 -146px; }
#ie-safari a { background-position: 0 -219px; }
#ie-opera a { background-position: 0 -292px; }

#ie-close { position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; overflow: hidden; text-indent: -9999px; background: url(/assets/iewarning/close.gif); }