/*****************************************
    CSS file for RMC
    Copyright (c) web.burza.hr
    Media: screen    
    
    01/RESET 
    02/STRUCTURE, GRID, SPACING, BORDERS
    03/CONTENT
    04/TYPOGRAPHY
	05/MISC, MODALS
    05/PLUGINS
*****************************************/


/**
01/RESET
=====================================================================**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, button, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body            { line-height: 1; font-size: 10px; }
ol, ul          { list-style: none; }
blockquote, q   { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins             { text-decoration: none; }
del             { text-decoration: line-through; }
table           { border-collapse: collapse; border-spacing: 0; }


/**
02/STRUCTURE, GRID, SPACING, BORDERS
=====================================================================**/
/** STRUCTURE **/
body    { text-align: center; }
#header { height: 110px; }
#lead_img { height: 310px; }
    #body_naslovnica #lead_img { height: 530px; }
    
#content { position: relative; top: -90px; margin-bottom: -90px; }
    .bg_content_shadow { position: relative; top: -10px; padding-top: 10px; }


/** GRID **/
/* container */
.container_full  { width: 100%; text-align: center; display: inline-block; }
.container       { width: 960px; text-align: left; margin: -.1em auto; padding-left: 8px; padding-right: 8px; display: inline-block; }

/* grid holder */
.g_h_1, .g_h_2, .g_h_3, .g_h_4, .g_h_5, .g_h_6, .g_h_7, .g_h_8, .g_h_9, .g_h_10, .g_h_11, .g_h_12
{ display: inline; float: left; position: relative; }
.g_h_1    { width: 80px; }
.g_h_2    { width: 160px; }
.g_h_3    { width: 240px; }
.g_h_4    { width: 320px; }
.g_h_5    { width: 400px; }
.g_h_6    { width: 480px; }
.g_h_7    { width: 560px; }
.g_h_8    { width: 640px; }
.g_h_9    { width: 720px; }
.g_h_10   { width: 800px; }
.g_h_11   { width: 880px; }
.g_h_12   { width: 960px; }

/* grid - inner columns */
.g_1, .g_2, .g_3, .g_4, .g_5, .g_6, .g_7, .g_8, .g_9, .g_10, .g_11, .g_12
{ display: inline; float: left; position: relative; margin-left: 12px; margin-right: 12px; }
.g_1     { width: 56px; }
.g_2     { width: 136px; }
.g_3     { width: 216px; }
.g_4     { width: 296px; }
.g_5     { width: 376px; }
.g_6     { width: 456px; }
.g_7     { width: 536px; }
.g_8     { width: 616px; }
.g_9     { width: 696px; }
.g_10    { width: 776px; }
.g_11    { width: 856px; }
.g_12    { width: 936px; }
.g_right { float: right; }


/* push me... */
.g_h_push_l_1 { margin-left: 80px; }
.g_h_push_l_2 { margin-left: 190px; }
.g_h_push_l_3 { margin-left: 240px; }

.g_push_l_1 { margin-left: 92px; }
.g_push_l_2 { margin-left: 172px; }
.g_push_l_3 { margin-left: 252px; }

/* ...pull me */
.g_pull_l_1 { margin-left: -80px; }
.g_pull_r_1 { margin-right: -80px; }

/** SPACING **/
/* padding */
.p_0    { padding: 0; }
.p_xs   { padding: 5px; }
.p_s    { padding: 10px; }
.p_m    { padding: 20px; }
.p_l    { padding: 30px; }
.p_xl   { padding: 40px; }
/* vertical padding */
.pv_0   { padding-top: 0; padding-bottom: 0; }
.pv_xs  { padding-top: 5px; padding-bottom: 5px; }
.pv_s   { padding-top: 10px; padding-bottom: 10px; }
.pv_m   { padding-top: 20px; padding-bottom: 20px; }
.pv_l   { padding-top: 30px; padding-bottom: 30px; }
.pv_xl  { padding-top: 40px; padding-bottom: 40px; }
/* horizontal padding */
.ph_0   { padding-left: 0; padding-right: 0; }
.ph_xs  { padding-left: 5px; padding-right: 5px; }
.ph_s   { padding-left: 10px; padding-right: 10px; }
.ph_m   { padding-left: 20px; padding-right: 20px; }
.ph_l   { padding-left: 30px; padding-right: 30px; }
.ph_xl  { padding-left: 40px; padding-right: 40px; }
/* top padding */
.pt_0   { padding-top: 0 !important; }
.pt_xs  { padding-top: 5px !important; }
.pt_s   { padding-top: 10px !important; }
.pt_m   { padding-top: 20px !important; }
.pt_l   { padding-top: 30px !important; }
.pt_xl  { padding-top: 40px !important; }
/* bottom padding */
.pb_0   { padding-bottom: 0 !important; }
.pb_xs  { padding-bottom: 5px !important; }
.pb_s   { padding-bottom: 10px !important; }
.pb_m   { padding-bottom: 20px !important; }
.pb_l   { padding-bottom: 30px !important; }
.pb_xl  { padding-bottom: 40px !important; }
/* left padding */
.pl_0   { padding-left: 0 !important; }
.pl_xs  { padding-left: 5px !important; }
.pl_s   { padding-left: 10px !important; }
.pl_m   { padding-left: 20px !important; }
.pl_l   { padding-left: 30px !important; }
.pl_xl  { padding-left: 40px !important; }
/* right padding */
.pr_0   { padding-right: 0 !important; }
.pr_xs  { padding-right: 5px !important; }
.pr_s   { padding-right: 10px !important; }
.pr_m   { padding-right: 20px !important; }
.pr_l   { padding-right: 30px !important; }
.pr_xl  { padding-right: 40px !important; }


/** MARGINS **/
/* margin */
.m_0    { margin: 0; }
.m_xs   { margin: 5px; }
.m_s    { margin: 10px; }
.m_m    { margin: 20px; }
.m_l    { margin: 30px; }
.m_xl   { margin: 40px; }
/* vertical margin */
.mv_0   { margin-top: 0; margin-bottom: 0; }
.mv_xs  { margin-top: 5px; margin-bottom: 5px; }
.mv_s   { margin-top: 10px; margin-bottom: 10px; }
.mv_m   { margin-top: 20px; margin-bottom: 20px; }
.mv_l   { margin-top: 30px; margin-bottom: 30px; }
.mv_xl  { margin-top: 40px; margin-bottom: 40px; }
/* horizontal margin */
.mh_0   { margin-left: 0; margin-right: 0; }
.mh_xs  { margin-left: 5px; margin-right: 5px; }
.mh_s   { margin-left: 10px; margin-right: 10px; }
.mh_m   { margin-left: 20px; margin-right: 20px; }
.mh_l   { margin-left: 30px; margin-right: 30px; }
.mh_xl  { margin-left: 40px; margin-right: 40px; }
/* top margin */
.mt_0   { margin-top: 0 !important; }
.mt_xs  { margin-top: 5px !important; }
.mt_s   { margin-top: 10px !important; }
.mt_m   { margin-top: 20px !important; }
.mt_l   { margin-top: 30px !important; }
.mt_xl  { margin-top: 40px !important; }
/* bottom margin */
.mb_0   { margin-bottom: 0 !important; }
.mb_xs  { margin-bottom: 5px !important; }
.mb_s   { margin-bottom: 10px !important; }
.mb_m   { margin-bottom: 20px !important; }
.mb_l   { margin-bottom: 30px !important; }
.mb_xl  { margin-bottom: 40px !important; }
/* left margin */
.ml_0   { margin-left: 0 !important; }
.ml_xs  { margin-left: 5px !important; }
.ml_s   { margin-left: 10px !important; }
.ml_m   { margin-left: 20px !important; }
.ml_l   { margin-left: 30px !important; }
.ml_xl  { margin-left: 40px !important; }
/* right margin */
.mr_0   { margin-right: 0 !important; }
.mr_xs  { margin-right: 5px !important; }
.mr_s   { margin-right: 10px !important; }
.mr_m   { margin-right: 20px !important; }
.mr_l   { margin-right: 30px !important; }
.mr_xl  { margin-right: 40px !important; }


/** BORDERS **/
.brd_t  { border-top: 2px solid #e7e7e7; }
.brd_b, .box_img  { border-bottom: 2px solid #e7e7e7; }
.brd_l  { border-left: 2px solid #ccc; }
.brd_r  { border-right: 2px solid #ccc; }

.brd_t_s  { border-top: 1px solid #e7e7e7; }

.brd_b_l { border-bottom: 3px solid #cfcfcf; }
.brd_t_l { border-top: 3px solid #cfcfcf; }
 
.brd_img, .item_gallery img { background: #f2f2f2; border: 1px solid #CBDCE3; padding: 4px; }

.brd_0 { border: none !important; }

/** BACKGROUNDS **/
body		        { background: #dfdfdf; }
.bg_header          { background: #fff url(/css/cssimg/bg/bg_header.png) 50% 100% no-repeat; }
.bg_lead_img        { background: url(/css/cssimg/bg/bg_lead_img.png) repeat-x; }
.bg_nav             { background: url(/css/cssimg/bg/bg_nav.png) 50% 30px no-repeat; }
.bg_content         { background: #ebebeb; }
.bg_content_shadow  { background: url(/css/cssimg/bg/bg_content_shadow.png) 50% 0 no-repeat; }
.bg_footer          { background: #e4e4e4 url(/css/cssimg/bg/bg_footer.png) repeat-x; }

.bg_net, .box_img   { background: url(/css/cssimg/bg/bg_net.png) repeat; }

.bg_w       { background-color: #fff; }
.bg_b       { background-color: #000; }
.bg_smoke   { background-color: #f8f8f8; }