/**/
html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin: 0; padding: 0; }
body { font: 12px/17px 'Trebuchet MS', Verdana, Arial, sans-serif; background: #e6e9ea ; color: #4a4d4f; text-align: center; }
#layout { width: 982px; margin: 0 auto 0 auto; }
/**/
.no-bg { background-image: none !important; }
h1,h2,h3,h4 { font: 10px 'Helvetica Neue', 'Trebuchet MS', Verdana; font-weight: bold; margin: 10px 0 5px 5px; color: #393939; text-shadow: 0px 1px 0px white; }
h1 { font-size: 27px; letter-spacing: 0.1px; }
h2 { font-size: 16px; letter-spacing: 0.2px; }
h3 { font-size: 10px; letter-spacing: 0.3px; text-transform: uppercase; margin: 5px 0 5px 3px; }
.box_2 h3 { font-size: 11px; letter-spacing: 0.3px; text-transform: uppercase; margin: 0px 0 0 10px; background: url('../img/h3_bg.png') no-repeat; background-position: -700px top; padding: 4px 0 10px 0 }
h4 { margin: 3px; font-weight: normal }
.price { color: #E8361C }
small { letter-spacing: 0.3px; text-transform: uppercase; font-size: 10px }
.tiny { font-size: 9px }
a { color: #00639B; text-decoration: none }
a:hover { color: black; }
.checked { color: #E8361C; }
/* forms */
.forms { }
dl { clear: both }
.forms img { border: 0px; }
.forms ul,.forms dl { clear: both; float: left; width: 100%;}
.label { float: left; width: 29%; text-align: right; padding-top: 2px; }
.input { float: right; width: 70%; }
.form_validate_icon { float: right; width: 20px; height: 20px; margin-right: 10px; padding-top: 1px}
input,select,textarea { border: 1px solid silver; padding: 2px; background: #F2F4F5 url('../img/input_bg.jpg') repeat-x; z-index: 10 } select { padding: 0px; }
textarea { background: #F2F4F5 url('../img/textarea_bg.jpg') repeat-x; }
dd { margin-bottom: 10px; }
/* */
#header,#content,#footer,#main_menu,#login,.main_menu { width: 982px; margin: 0 auto 0 auto; border: 0px solid black; }
#header { height: 120px; }
.logo { height: 90px; text-align: left; } .logo img { border: 0px; margin-left: 12px; }
/* dropdown menu*/
.main_menu a { color: #868686 }
#sddm { margin: 0; padding: 0; z-index: 1000; }
#sddm li { float: left; margin: 3px 0px 0 12px; list-style: none; font-size: 17px; background: url('../img/verzija3/menu-arrow.jpg') no-repeat; padding-right: 15px; background-position: right 5px; }
#sddm li a { display: block; }
#sddm li a:hover { }
#sddm div { position: absolute; float: left; top: 115px; visibility: hidden; background: #e6e9ea; padding: 2px; z-index:1000}
#sddm div a { display: block; border: 1px solid silver; background: white !important; font-size: 12px !important; margin-bottom: 3px; width: 150px; text-align: left; padding: 2px 0 2px 5px; }
#sddm div a:hover { background: #F6F6F6 !important; }
/* start page */
.startpage h1,.startpage h2,.startpage h3,.startpage h4,.startpage h5 { text-shadow: 0px -1px 0px #696969; color: white; }
#content { float: left; background: #f7f8f8 url('../img/verzija3/content-bg.jpg') repeat-y; }
#login { background: url('../img/verzija3/content-top.jpg') no-repeat; height: 40px; text-align: right; } #login img { width: 10px; }
.login_IN { padding: 15px 35px 8px 0; }
.content_box { margin: 10px 0 20px 20px; }
.content_box dl { clear: both; }
.content_box dl input { }
/* content box */
.box_1,.box_2,.box_3,.box_2_3 { float: left; margin: 7px; text-align: left; }
.box_1 li,.box_2 li,.box_3 li,.box_2_3 li { margin: 3px 0 0 12px; list-style: none; }
.box_1 { width: 155px; height: 370px; background: url(../img/menu-bg2.jpg) top right no-repeat; text-align: right; padding: 30px 0 40px 0 }
.box_2 { width: 600px; min-height: 600px; }
.box_3 { width: 180px; color: #666666; }
.box_2_3 { width: 780px; }
/* category */
.list_category li { float: right; width: 130px; padding: 6px 20px 5px 0; font: Verdana 14px; color: black !important; text-shadow: 0px 1px 0px white; font-weight: bold; color: silver; }
.list_category li:a { color: silver !important; }
.list_category_sel { background: url('../img/menu-bg2-li.jpg') top right no-repeat; }
/* banner */
.banner1 { float: left; width: 185px; height: 160px; background: url('../img/verzija3/banner-box1.jpg') no-repeat; } .banner1 h2 { margin: 0px; margin-bottom: 10px; }
/* */
.mag_list { float: left; position: relative; width: 25%; height: 250px; margin-bottom: 15px;}
.mag_list img { width: 125px; height: 170px; border: 0px; margin-bottom: 1px}
.mag_list_IN { padding-left: 5px; height: 230px; margin: 3px }
.mag_list h3 { letter-spacing: 0px; margin: 0 0 4px 0; background: none; padding-bottom: 0px }
/* */
.kosarica { color: #f06522; font-weight: bold; }
/* */
.pages_nav { margin: 20px 0 20px 0; padding-bottom: 10px; text-align: right; border-bottom: 1px solid silver; color: silver } .pages_nav img { border: 0px; width: 17px; }
.magazines { text-align: left; }
.magazines img { width: 180px; }
.package img { border: 0px }
.magazine_older { float: left; width: 75px; text-align: left !important; margin-bottom: 5px; border: 1px solid #f9f9f9; padding: 6px; }
.magazine_older:hover { border: 1px solid silver; background: #D9DBDB }
.magazine_older img { height: 120px !important; border: 0px; width: auto !important }
.offer input { color: black; min-width: 106px; height: 34px; color: black; font-weight: bold; background: url('../img/buy4.png') no-repeat; background-position: 0 0px; padding: 17px auto 7px auto !important; border: 0px; text-shadow: 0px 1px 0px white; font-size: 11px}
.offer input:hover { background: url('../img/buy4_h.png') no-repeat; }
input.kupljeno { background: url('../img/read4.png') no-repeat; background-position: 0 0px; color: black; }
input.kupljeno:hover { background: url('../img/read4_h.png') no-repeat; background-position: 0 0px; color: black; }
/* start page */
.startpage_new_mag { float: left; width: 960px; margin: 0 10px 10px 20px; text-align: center !important; }
.startpage_new_mag img { border: 0px; width: 75px !important; }
.startpage_new_mag_IN { width: 10%; text-align: center !important; float: left; color: #000; height: 130px }
/* */
.list_old_magazine { float: right; width: 300px; padding: 3px 0 3px 10px; margin-bottom: 1px; background: #E1E4E6 }
.list_old_magazine:hover { background: #E6E9EB }
.list_old_magazine img { position: relative; top: 0px; margin-right: 10px; }
.buy { float: left; background: white url("../img/icon/icon-buy_bg.gif") repeat-x right; min-width: 30px; font-size: 1em; padding: 4px 17px 1px 5px; color: #6b6b69; letter-spacing: 0.5px; margin-bottom: 3px; font: 12px Helvetica, Arial, sans-serif; text-shadow: 0px -1px 0px #374683;}
.buy:hover { background: white url("../img/icon/icon-buy_bg_hover.gif") repeat-x right; cursor: pointer; color: #6b6b69; }
.buy_plans { clear: both; text-align: right; font-family: arial, helvetica, sans-serif; font-size: 0.8em; text-transform: uppercase; font-weight: bold; }
.buy_plans a { color: #6b6b69; text-decoration: none; padding: 1px 2px 1px 2px; text-shadow: 0px -1px 0px #374683; }
.buy_plans a:hover { background: #5B96D8; color: white; }
.cart_list { float: left; margin: 4px 0 4px 0; border-bottom: 1px solid silver; padding: 2px 0 2px 0; width: 90%; }
.cart_list img { border: 0px; width: 15px; float: right; }
#pretraga { float: right; width: 185px; height: 30px; margin: 3px 4px 0 0; background: url("../img/search_bg.jpg") no-repeat left top; }
#pretraga .pretraga_input { float: left; font-family: inherit; font-size: 11px; border: 0; width: 150px; margin: 1px 0 0 6px; padding: 2px 0; color: #474747; background: transparent; }
#pretraga .submit { display: block; width: 23px; height: 20px; float: right; margin: 0; border: 0; background-color: transparent; cursor: pointer; border-left: 1px solid #DFDFDF; }
.search_result { position: absolute; top: 110px; width: 266px; z-index: 100; }
.search_result img { border: 0px; }
.search_result dd { float: left; text-align: left; padding-left: 20px; margin-top: 10px; color: #5f5f5f; }
.search_result dl:hover { color: red !important; }
.search_result dl { float: left; width: 266px; background: url('../img/search_rez_bg.png'); }
.search_result dl img { width: 50px; }
.search_result h3 { margin: 0px; margin-top: 0px !important; padding: 0px !important; font-size: 10px; color: #00c1eb; }
.search_result li:hover { background: none !important; color: black; }
.search_result li { background: transparent; margin: 0px; font-size: 10px; }
.search_rez img { width: 60px; border: 0px; }
.search_rez { border-bottom: 1px solid silver; padding: 5px 0 5px 0; margin-bottom: 10px; }
.search_rez dl a { color: black !important; }
.lnk { position: relative; top: 3px; width: 12px !important; margin: 0px 5px 0 5px !important; border: 0px !important}
.search_rez dd { margin-left: 15px; }
.src_buy { font-size: 10px; float: left; text-align: left; width: 120px; padding: 1px 0 0 60px; height: 18px; background: url('../img/src_buy.png') no-repeat; margin: 5px 5px 0 5px; }
.src_buy:hover { background: url('../img/src_buy_h.png') no-repeat; }
/** slider **/
/*
const.
-----------------------------------------------------------------------------------------*/
.accessible_news_slider img { border: 0; }
.accessible_news_slider li,
.accessible_news_slider p { font-family: "Arial", "Verdana", sans-serif; margin: 0; padding: 0; font-size: .8em; line-height: 1.6; }
.accessible_news_slider li p { font-size: 1em; }
.accessible_news_slider { position: relative; overflow: hidden; }
.accessible_news_slider .javascript_css { position: relative; z-index: 3; padding: 20px; background: #fffcd3; }
.accessible_news_slider .skip_to_news { position: absolute; top: 0; left: -9999px; }
.accessible_news_slider .back { position: absolute; top: 0; left: 0; z-index: 2; float: left; }
.accessible_news_slider .back a,
.accessible_news_slider .next a { float: left; display: none; outline: none; }
.accessible_news_slider .next { position: absolute; top: 0; right: 0; z-index: 2; }
.accessible_news_slider ul { position: relative; left: 0; width: auto; margin: 0; padding: 0; list-style-type: none; overflow: hidden; z-index: 1; }
/*.accessible_news_slider li { float: left; display: inline; width: 125px; height: 170px; }*/
.accessible_news_slider li { float: left; display: inline; width: 190px; height: 260px; }
/*
by Tomislav 7.12.2009
-----------------------------------------------------------------------------------------*/
.candy_coated { width: 760px; padding: 0 0px 0 40px; }
.candy_coated .back, .next, .next a, .back a { color: #ff3300; width: 30px; height: 260px; }
.candy_coated .back { float: right; }
.candy_coated .next { left: 770px; }
.candy_coated .next a { position: absolute; top: 25px; background: url(../img/arch_next.png) no-repeat top right; }
.candy_coated .next a:hover { background: url(../img/arch_next_h.png) no-repeat top right; }
.candy_coated .back a { position: absolute; top: 15px; background: url(../img/arch_back.png) no-repeat; }
.candy_coated .back a:hover { background: url(../img/arch_back_h.png) no-repeat; }
.candy_coated ul { }
.candy_coated li { padding: 15px 0;overflow: hidden; }
/*.candy_coated li img { float: left; display: inline !important; max-width: 90px; height: 120px;}*/
.candy_coated li img { float: left; display: inline !important; max-width: 140px; height: 200px;}
.candy_coated li p { float: left; display: inline; margin: 0 0 0 10px; width: 190px; }
#screenshot { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; }
.content { float: left; padding: 5px 0 5px 0 }
.content:hover { background: #EEEEEE; }
/* ADMIN */
.admin_menu_box { clear: both; float: left; width: 70%; border-bottom: 1px solid silver; margin: 0 0 50px 0; }
.admin_menu_box li { float: left; width: 90px; height: 25px; text-align: center; padding-top: 4px;position: relative; top: 6px; background: url(../img/admin_tab.png) no-repeat; }
.promocover img { width: 170px !important; height: 230px !important }
/* Tomislav / 21-04-2010 */
.network { position: fixed; width: 21px; height: 300px; right: 0px; top: 230px; }
.twitter { background: url(../img/network/twitter.png) no-repeat; height: 150px; width: 21px; margin-bottom: 5px; }
.twitter:hover { background: url(../img/network/twitter_hover.png) no-repeat; }
.facebook { background: url(../img/network/facebook.png) no-repeat; height: 150px; width: 21px; }
.facebook:hover { background: url(../img/network/facebook_hover.png) no-repeat; }
/*popup*/
.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -170px;
width: 340px;
background-color: #EEE;
color: #333;
border: 10px solid #cccccc;
padding: 10px 0 0px 0;
}
.jqmWindow ul { list-style: none; }
.jqmWindow li { float: left; width: 60%; margin-bottom: 10px; }
.jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}