﻿/* MakWin CSS Document */

* {margin:0;padding:0}

body   { 
	background:#F5F5F5 url(../_themes/body.png) top no-repeat;
	margin: 0px auto;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
    }


a:link {}
a:visited {}
a:hover {}
a:active {}

img     { border:0px;}

#clr98 {clear:both; width:980px; height:5px;}
.clear, clr { clear:both; height:0px;}
.bold   { font-weight:700;}
.left   { text-align:left;}
.fleft  { float:left;}
.right  { text-align: right;}
.fright  { float:right;}


#maincontainer { width:980px; margin:0 auto; background-color:#fff;}
#masthead { width:100%; height:190px; margin:0 auto; padding:0; background:url('../_themes/head_bg.png') repeat-x left top; }    
#masthead .tabhead {margin:0 auto; padding:0;}

#date      { height:32px; text-align:left;}
   .date   { float:left; padding:6px 0 2px 18px; color:#e1e1e1; font-size:11px;}

#searchbox  { float:right; padding-right:25px; padding-bottom:2px;}
#searchfor  { width:160px; background-color:#F0FFFF; border-top:FFF; border-left:FFF; margin: 2px 0;
              font:normal 700 11px Arial,Helvetica,sans-serif; padding: 2px 1px 0 6px;}
.searButton { font:11px Arial, Helvetica, sans-serif;}
.searButton:focus { border-color: #eaf0ff; color: #eaf0ff;}

.welcome   { width:310px; height:112px; vertical-align:bottom; padding-left:20px;}
#welcome   { float:left; vertical-align:bottom; padding-bottom:3px; color:#E6FFFF; font-size:12px; font-weight:700;}

.glads     { width:510px; vertical-align:bottom; height:112px;}
#ads1      { float:right; vertical-align:bottom; padding-bottom:3px;}

.ram       { width:160px; vertical-align:bottom; height:112px; padding-right: 21px;}
#ads2       { float: right; display: inline; margin: 0 4px 2px 0; vertical-align:bottom; padding-bottom:1px;}
#ads2 img   { padding: 4px; border: 1px solid #D3D3D3;}

#ram       { float: left; display: inline; margin: 0 4px 2px 0; }
#ram img   { padding: 4px; border: 1px solid #D3D3D3;}

#ramkokino       { display: inline; margin: 0 auto; }
#ramkokino img   { padding: 4px; border: 1px solid #D3D3D3;}


/* Glavno Menu */
.zmainmenu  { height:46px;}
table#mainmenu {
	width: 100%;
	margin: 5px 0 2px 0;
	}
td#mainmenu_left, td#mainmenu_right {
	padding: 0 25px;
	color: #99ccff;
	font-weight: bold;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
td#mainmenu_left {
	text-align: left;
	vertical-align: top;
	}
td#mainmenu_right {
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
	}
table#mainmenu a:link, table#mainmenu a:visited, table#mainmenu a:active {
	text-decoration: none;
	color: #0065a4;
	}
table#mainmenu a:hover {
	text-decoration: none;
	color: #0080cf;
	}
table#mainmenu a.active:link, table#mainmenu a.active:visited, table#mainmenu a.active:active {
	color:#cc0000;
	}
table#mainmenu a.active:hover {
	color: #ff3333;
	}
table#mainmenu span.separator {
	padding: 0 5px;
	background: url("../_themes/mainmenv.gif") no-repeat center center;
	}



#tab1 { width:980px; margin-top:2px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
#tab1 .tab1-levo   { width:150px; vertical-align:top; padding-top:20px; text-align:center;}
#tab1 .tab1-centar { width:650px; margin:0 auto; vertical-align:top; padding-top:14px; }
#tab1 .tab1-desno  { width:180px; vertical-align:top; padding-top:4px; text-align:center;}

#naspredlog {margin:0 auto; width:600px; vertical-align:top; font:700 10px arial, helvetica, sans-serif;}
#naspredlog a {color:#000; text-decoration: none;}
#naspredlog a:hover {text-decoration:underline; color:#555;}
#naspredlog .st10 {width: 600px; height: 30px; text-align: center; color:#fff;
                   background:url(../_themes/navkatbg0.gif) no-repeat; font: 700 12px/34px tahoma, arial, helvetica, sans-serif;}
#naspredlog .st11 { padding:6px 0 18px 16px;}
#naspredlog .st12 { padding:6px 0 18px 20px;}
#naspredlog .st11, #naspredlog .st12 { 
    width:152px; background:url(../_themes/tabka_bg.gif) no-repeat right bottom; 
    vertical-align:top; margin:0;  text-transform:uppercase;
	}
#naspredlog .st11 ul li, #naspredlog .st12 ul li { 
    margin:0; padding:0; line-height:14px; list-style-image:url('../_themes/fw4.gif');
    }

#ads3, #ads4 {width:980px; margin:0 auto; background-color:white;}
#ads-gore { background-image:url('../_themes/gorna_bg.jpg'); background-repeat:repeat-x; height:22px; background-position:left bottom;}
#ads-dole { background-image:url('../_themes/dolna_bg.jpg'); background-repeat:repeat-x; height:22px;}
.ads3-pad { padding:8px 0;}
#ads30, #ads40 { margin:0 auto; width:960px; display:block;}
   #ads30-levo, #ads40-levo { float: left; border:0;}
   #ads30-desno, #ads40-desno { float: right; border:0;}
#ads4 .ads9-pad { padding:12px 0 8px 0;}

/* START CONTENT */
#sr-content { margin: 0 auto; width:980px;}
#content {margin: 10px 0 0 10px; width:660px; float:left; padding:10px 0;}
     .papka-ads {margin: 0 auto; font:700 11px arial, helvetica, sans-serif; width:200px; height:200px; 
                 background:url('../_themes/ad_bg.jpg') no-repeat center center; }

     #tocka {background:url('../_themes/bulka.gif') no-repeat center center;}

#content-prv {margin:0 0 0 9px; width:200px; float:left;}
    #papka01 { margin: 0; width:200px; float:left; font:700 11px arial, helvetica, sans-serif;}
    #papka01 .ime {color:#005782; margin:0; padding:0 0 0 11px; width:193px; height:32px; text-align: left;
                   font:700 12px/32px arial, helvetica, sans-serif; background: url(../_themes/papka_imebg.gif) no-repeat left top; }
    #papka01 .st1 { clear:both; min-height:128px; border:0; width:200px; margin-bottom:12px; padding-top:2px;
                    background:url(../_themes/papka_bg.gif) no-repeat right bottom; }
    #papka01 ul { list-style:none;}
    #papka01 ul li { background: url('../_themes/bulka.gif') no-repeat 2px 4px;}
    #papka01 ul li,a { line-height:1.5em;}
    /* mac hide \*/
    * html #papka01 ul li,a{height:1%}
    /* end hide*/    
    
    #papka01 ul li a { display:block; text-decoration:none; background:transparent; position:relative;
                       padding-left:8px; color:#0065a4; }
    
    #papka01 ul li a:hover { background:transparent; text-decoration:underline; color:#0080cf; }
    #papka01 .st3 { width:178px; height:12px; text-align:right; padding:8px 16px 10px 0; margin-bottom:1px; display:block;}
    #papka01 .st3 a { color: #0065a4; text-decoration:none; }
    #papka01 .st3 a:hover { text-decoration:underline; color: #0080cf; }
    

#content-vtor {margin:0 19px; padding:0; width:200px; float:left;}
    #papka02 { margin: 0; width:200px; float: left; font:700 11px arial, helvetica, sans-serif;}
    #papka02 .ime {color:#fff; margin:0; padding:0 0 0 11px; width:193px; height:32px; text-align: left; 
                  font:700 12px/32px arial, helvetica, sans-serif; background:url(../_themes/papka_ime2bg.gif) no-repeat left top; }
    #papka02 .st1 { clear:both; min-height:128px; border:0; width:200px; margin-bottom:12px; padding-top:2px;
                    background:url(../_themes/papka_bg.gif) no-repeat right bottom; }
    #papka02 ul { list-style:none;}
    #papka02 ul li { background: url('../_themes/bulka.gif') no-repeat 2px 4px;}
    #papka02 ul li,a { line-height:1.5em;}
    /* mac hide \*/
    * html #papka02 ul li,a{height:1%}
    /* end hide*/
    #papka02 ul li a { display:block; text-decoration:none; background:transparent; position:relative;
                      padding-left:8px; color:#000;}
    #papka02 ul li a:hover {background:transparent; text-decoration:underline; color:#555;}
    #papka02 .st3 { width:178px; height:12px; text-align:right; padding:8px 16px 10px 0; margin-bottom:1px; display:block; }
    #papka02 .st3 a { color:#000; text-decoration:none; }
    #papka02 .st3 a:hover { text-decoration:underline; color: #555;}


#content-tret {margin:0 9px 0 0; padding:0; width:200px; float:left;}


#category { width:100%; margin:0 auto;}
#category-ads { width:610px; border:0; margin:10px auto;}
#category-tab  { width:620px; border-collapse:collapse; color:#333; 
                 margin-top:20px; margin-bottom:20px; margin-left:auto; margin-right:auto;}
#category-tab .sty2 { height:60px; padding: 0 0 1px 16px; background-color:#F5F5F5; border-bottom:0px solid #cbd7e8;
                      border-left:0px solid #cbd7e8; border-right:0px solid #cbd7e8; border-top:0px solid #cbd7e8;
                      vertical-align:bottom;}                     
#category-tab .sty6 { background-color:#F5F5F5; border-bottom:2px solid #cbd7e8; font-size:11px;
                      border-top:1px solid #efefef; vertical-align:bottom; line-height:24px; text-align:center;}
#category-tab h2    { font-family:Georgia, Arial, Helvetica, sans-serif; color:#09417e; font-size:20px; 
                      margin:10px 12px; text-transform:uppercase;} 
#category-tab h2 span { font-size:30px;} 
                  
#category-tab .sty3 { width:38px; padding:8px 0 8px 8px; vertical-align:top; border-bottom:1px solid #cbd7e8;}
         .flag-pad  { padding-top:4px;}
#category-tab .sty4 { width:150px; padding:6px 0 8px 4px; vertical-align:top; border-bottom:1px solid #cbd7e8;}
#category-tab .sty5 { vertical-align:top; padding:6px 10px 8px 8px; border-bottom:1px solid #cbd7e8;}
#category-tab .sty5 p { padding-top:4px;}
#category-tab a { text-decoration: underline; color: #0065a4;}
#category-tab a:hover { text-decoration: none; color: #000;}


/* ____________________________ Mobi reklama _______________________ */
#sidebar-left { margin: 20px 0 0 0; width:302px; float: right;}

#sidebar-left a {color:#265699; text-decoration: underline;}
#sidebar-left a:hover {color:#265699; text-decoration: none;}
#sidebar-left img {border:0;}

#mobi-sidebar {margin: 0 0 25px 0; width: 260px; float:right; font-family:Arial, Helvetica, sans-serif;}
#mobi-sidebar h3 {font-family:Georgia, Arial, Helvetica, sans-serif; font-size:18px; color:#555; padding-bottom:6px; }
#mobi-sidebar h5 {color:#888; font-size:10px; padding-bottom:2px;}
#mobi-sidebar .makwin {width:236px; color:#666; font-size:10px; text-align:right;}
ul#slide { border:#888 1px solid; position:relative; list-style-type:none; margin:0; width:240px; 
           height:466px; overflow:hidden;  padding:0; }
ul li div { position: absolute; background: #fff; left: -9999px; }
#slide li.top { border-bottom:#eee 1px solid; float:left; height:28px;  width:240px; display:block; background:#e2e2e2;
                color:#000; text-decoration:none; text-indent:10px;  font:14px/28px Arial, Helvetica, sans-serif; }
#slide li.current { background: #89a; color:#eee; }
#slide li.current { height: 380px;}
#slide li.current div { position:static; padding:15px; width:210px; height:327px;
                        font-family:Arial, Helvetica, sans-serif; line-height:1.2em; text-indent:0px;}
#slide li.current div img { margin:5px 0px 8px; display:block; }
#slide li.current div img.fLeft { margin:8px; display:block; float:left; clear:left;}
#slide li.current div h3 { padding:0; margin:0px; color: #000; font-size:13px;}
#slide li.current div p { padding:10px 0 10px 0px; margin:0; line-height: 1.4em; color:#888; font-size:12px;}
#slide li.current div a { color: #0065a4; font-size:11px; text-decoration:none;}
#slide li.current div a:hover { background:#fff;  color: #0065a4; text-decoration:underline;}
#slide li.current div a.big { height: 30px; line-height:30px; text-indent:5px; font-size:14px; text-decoration:none;
	                           color: #0065a4; display:block; border-top:#ddd 1px solid;}
#slide li.current div a.big:hover { background: #fff; color: #000; font-size:14px; text-decoration:none;}
#slide li.current div dl { border-bottom:#ddd 1px solid; padding-bottom:10px; margin:20px 0px 0px;}
#slide li.current div dt { color: #000; font-size:11px; font-weight:700; }
#slide li.current div dd { padding:0; margin:0; color:#666; font-size:11px; line-height:1.5em;}
#slide li.current div dd a { color: #0065a4; text-decoration:none; }
#slide li.current div dd a:hover { background:#fff;  color: #0065a4; text-decoration:underline; }



div.frame {width: 100%;}
div.frame div.t {background: url("../_themes/frame_t1.gif") repeat-x left top;}
div.frame div.r {background: url("../_themes/frame_r1.gif") repeat-y right top;}
div.frame div.b {background: url("../_themes/frame_b1.gif") repeat-x left bottom;}
div.frame div.l {background: url("../_themes/frame_l1.gif") repeat-y left top;}
div.frame div.lt {background: url("../_themes/frame_lu.gif") no-repeat left top;}
div.frame div.rt {background: url("../_themes/frame_ru.gif") no-repeat right top;}
div.frame div.rb {background: url("../_themes/frame_rc.gif") no-repeat right bottom;}
div.frame div.lb {background: url("../_themes/frame_lc.gif") no-repeat left bottom;}
div.frame div.content {padding: 25px;}


#searchdol { margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:8px; 
             font:700 11px Arial, Helvetica, sans-serif; color:#333; text-align:center;}
#ginput {margin-bottom:10px;}
#kopceg {font:700 11px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #cc2233; padding:2px 5px 0px 5px;
         margin:0 3px 10px 3px;}
         

#vrv { float: right; padding: 10px 20px;}

/*  Start Footer  */
#footer {padding:0; margin:0 auto; }
#predfutko {background-image:url('../_themes/dolna_bg.jpg'); background-repeat:repeat-x; height:22px;}
#footer-link {background-color:#fff; padding:5px 0; margin:0 0 2px 0; text-align:center; border-top:0px solid #ccc;
              font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#footer-link a {color:#265699; font-size:11px; line-height:18px; text-decoration:none;}
#footer-link a:hover {text-decoration:underline;}



#naslov-istakni  {
	position:relative; width:310px; border:0px solid #000; height:50px;
	font-family:"Times New Roman", Times, serif; font-style:oblique;}	
#naslov-istakni h1 {
	margin:0 0 0 30px;padding:0; color: #e6ffff; background:transparent;
	position:absolute; left:0;right:0; font-size:3.2em; font-weight:bold; letter-spacing:4px;}
#naslov-istakni h1.istakni{
	color:#2E9DDB; background:transparent;
	position:absolute; left:1px; top:1px;}


/**** Start Top Model ****/
#ctop {position:relative; width:178px; background:#000; color:#fff; float:right; margin:0 4px 0 0;}
#ctop h3 { font-family:Georgia, Arial, Helvetica, sans-serif; color:#fff; font-size:18px; text-align:center;}
#ctl2, #cbl2, #ctr2, #cbr2 {position:absolute; width:20px; height:20px; color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl2 {top:0; left:0;}
#cbl2 {bottom:0; left:0;}
#ctr2 {top:0; right:0;}
#cbr2 {bottom:0; right:0;}
#ctop em b {position:absolute; font-size:150px; font-family:arial; color:#000; line-height:40px; font-weight:normal;}
#ctl2 b {left:-8px;}
#ctr2 b {left:-25px;}
#cbl2 b {left:-8px; top:-17px;}
#cbr2 b {left:-25px; top:-17px;}

#imageContainer { z-index:100;}
#imageContainer { position:relative; margin:10px auto; width:148px; height:198px; border:0px solid #000;}
#imageContainer img { display:none; position:absolute; top:0; left:0;}


/* Start Video */
#video {margin:0; width:300px; padding:0; float:right; vertical-align:bottom;}
  #videoControl {float:right; width:268px; height:340px; vertical-align:bottom; margin:20px 8px 20px 0; padding:20px 8px 12px 20px;; 
                 background-color:#fbfdfd; border:1px #f3f9f9 solid;}
  #videoControl span {color:#676767;font-size:11px;margin:10px;padding:4px;}


/* Start Cetri Sidebar */
#cetri-sidebar {margin:0; width:300px; height:300px; padding:0; float:right;}

/* Link Market */
#LinkMarket {width:301px; float:right; padding:6px 0 10px 0;}


/* Ads SideBar */
#adlinks {position:relative; width:288px; background:#FDFDFD; color:#fff; float:right; margin:0 4px 0 0;}
#adlinks h3 { font-family:Georgia, Arial, Helvetica, sans-serif; color:#fff; font-size:18px;  }
#ctl7, #cbl7, #ctr7, #cbr7 {position:absolute; width:20px; height:20px; color:#FDFDFD; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl7 {top:0; left:0;}
#cbl7 {bottom:0; left:0;}
#ctr7 {top:0; right:0;}
#cbr7 {bottom:0; right:0;}
#adlinks em b {position:absolute; font-size:150px; font-family:arial; color:#FDFDFD; line-height:40px; font-weight:normal;}
#ctl7 b {left:-8px;}
#ctr7 b {left:-25px;}
#cbl7 b {left:-8px; top:-17px;}
#cbr7 b {left:-25px; top:-17px;}
#adlinks .adlinks7 { width:160px; margin:10px 10px 10px 120px;}

/* Ads Left Start Banner 600 */
#adleft {position:relative; width:288px; background:#E2F4FD; color:#fff; float:right; margin:0 4px 0 0;}
#adleft h3 { font-family:Georgia, Arial, Helvetica, sans-serif; color:#fff; font-size:18px;  }
#ctl3, #cbl3, #ctr3, #cbr3 {position:absolute; width:20px; height:20px; color:#DDE5ED; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl3 {top:0; left:0;}
#cbl3 {bottom:0; left:0;}
#ctr3 {top:0; right:0;}
#cbr3 {bottom:0; right:0;}
#adleft em b {position:absolute; font-size:150px; font-family:arial; color:#E2F4FD; line-height:40px; font-weight:normal;}
#ctl3 b {left:-8px;}
#ctr3 b {left:-25px;}
#cbl3 b {left:-8px; top:-17px;}
#cbr3 b {left:-25px; top:-17px;}
#adleft .adlef2 { width:160px; margin:10px 10px 10px 90px;}

/* Start Kursna lista */
#kursna-lista {margin: 10px auto; width:290px; float:right;}

/* Ads Static */
#ads-static {margin: 10px auto; width:298px; float:right;}
#ads-static .statis-left {float:left; width:143px; text-align:center; font-size:10px;}
#ads-static .statis-left a, #ads-static .statis-right a {text-decoration:none;}
#ads-static .statis-left em, #ads-static .statis-right em {font-weight:700; font-size:1.2em; line-height:22px; color:#CC0000;}

#ads-static .statis-right {float:right; width:143px; margin-right:6px; text-align:center; background-color:#FFCC00;}


/* Weather */
#weather       {margin: 10px auto; width:280px; float:right;}
#weather img   {border:none;}
#weather .wea2 {height: 35px;}
#weather .wea1 {width: 271px; background-color: #FFF; border: 1px solid #999;}
#weather .wea3 {width: 101px;}
#weather .wea4 {height: 22px;}
#weather .wea5 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; 
                background-image: url(http://icons-pe.wxug.com/graphics/smash/htmlsticker/html_linkBG.gif); text-align: left;}
#weather .wea6 {padding-left: 10px;}
#weather .wea7 {height: 12px;}
#weather .top  {vertical-align: top;}
#weather .wea8 {width: 50px; background-color: #008; color: #FFF; font-size: 12px; font-weight: bold; border-top: 1px solid #CCC; 
                border-left: 1px solid #CCC; border-right: 1px solid #000; border-bottom: 1px solid #000;}


