/* --------------------------------------------------------------------------------------------*/
/* //-----------------------------------------------------------  Responsive CSS  2018-08-03   */
/* --------------------------------------------------------------------------------------------*/
* {    box-sizing: border-box; }
.row::after {    content: "";    clear: both;    display: block;  }
[class*="col-"] {    float: left;    padding: 8px;  }
.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
 /* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 1200px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
} 
/* --------------------------------------------------------------------------------------------*/
/* //-----------------------------------------------------------Responsive CSS  2018-08-03 END */ 
/* --------------------------------------------------------------------------------------------*/
P.Naslov  {	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	    FONT-SIZE: 18px;	    FONT-WEIGHT: bold;	    LINE-HEIGHT: 18px;  	  COLOR: #29166F;  	    TEXT-ALIGN: center;
	    MARGIN: 5px 0px 15px 0px;	    TEXT-INDENT: 0px;
}
P.Podnaslov  {	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	    FONT-SIZE: 14px;   FONT-WEIGHT: bold;	  COLOR: #333333;    TEXT-INDENT: 10px;	    MARGIN: 20px 0px 10px 0px;    FONT-VARIANT: small-caps;
}
P.text  {	 FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	    FONT-SIZE: 10px; 	  COLOR: #333333;  
}
P.text2  {	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	    FONT-SIZE: 12px;	  COLOR: #333333;  
}


A { FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	    COLOR: #3333AA;    FONT-SIZE: 12px;  LINE-HEIGHT: 14px;	  FONT-WEIGHT: BOLD;    TEXT-DECORATION: none; }
A:hover {   COLOR: #666666;     TEXT-DECORATION: underline;}

A.gr {	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	      FONT-SIZE:12px; LINE-HEIGHT: 16px;	COLOR: #666666; 	FONT-WEIGHT: bold;  TEXT-DECORATION: none;  }
A.gr:hover { BACKGROUND:#FFFFFF; 	COLOR: #000099;  TEXT-DECORATION: underline; }

A.menu2 { FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	           COLOR: #999999;  FONT-SIZE: 10px;   TEXT-DECORATION: none; }
A.menu2:hover { BACKGROUND:#F6A53C; 	COLOR: #666666;  TEXT-DECORATION: underline; }

/*
A.menu { FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	 COLOR: #333333;  FONT-SIZE: 12px;   FONT-WEIGHT: BOLD;    TEXT-DECORATION: none;
}
*/

TD {	 FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;	 FONT-SIZE: 12px;  LINE-HEIGHT: 14px; }

FORM	{	    MARGIN: 0px; }

INPUT  {  BACKGROUND: #F6F6FF;}
INPUT.g  {  BACKGROUND: #CCCCCC;}  
  
SELECT  {  BACKGROUND: #EEFFEE;}  

.NavBarC { padding-top: 5px;  padding-right: 40px; }
.NavBar{font-size:11px; padding:4px 8px; background:#fffaff; text-align:right;}
.NavBar         {	TEXT-DECORATION: none;      color:#aaaaaa; background:#fffaff;}
.NavBar a:hover {	TEXT-DECORATION: underline;	color:#000000; background:#fffaff;}