* {margin: 0; padding: 0;}

/**************************************** Main structure ****************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

.hrepl {
	background-image: url(images/horizontal-navbar-shad-centar.gif);
	background-repeat:no-repeat;  
}

#container {
	width: 942px;
	margin: auto;
	font-size: 1.2em;
			}

#top_nav {
	background-image: url(images/nav_top_search.jpg);
	height: 31px;
	padding-top: 15px;
	text-align: right;
	padding-right: 20px;
	color: #000000;
}

#cse-search-box 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #000000;

 float:left; margin-left:35px;
	height: 22px;
	width: 263px;
}

#cse-search-box .search input
{
background:none;
border:0;
color:#000;
display:block;
float:left;
font:13px/19px;
width:264px;
margin:17px 15px 0 29px;
padding:0;
}

#searchformFixer{
width:180px;
display:block;
clear:none;
float:left;margin:13px 0 0;
}

#header {
	background-image: url(images/header.jpg);
	height: 235px;
}



#main_nav {
	background-image: url(images/main_nav.jpg);
	height: 56px;
	padding-left: 9px;
}

#contentwrapper {
	background-image: url(images/contentwrapper.jpg);
	background-repeat: repeat-y;
}

#left {
	position: absolute;
	width: 160px;
	padding-top: 15px;
	margin-left: 15px!important;
	margin-left: 7px;
	font-size: 0.9em;
}

/*
#right {
	position: absolute;
	right:240px;
	width: 160px;
	padding-top: 15px;
	margin-right: 15px!important;
	margin-right: 7px;
	font-size: 0.9em;

}
*/

#right {
	float: right;
	width: 160px;
	padding-top: 15px;
	margin-right: 15px!important;
	margin-right: 7px;
	font-size: 0.9em;
}

#Personalizacija {
	margin-left:auto;
	margin-right:290px;
}

/*
#content 
{
	position: relative;
	margin-right: 200px;
	margin-left: 200px;
	padding: 15px 0;
}
*/

#content {
	margin-right: 200px;
	margin-left: 200px;
	padding: 15px 0;
	display:block;
}

#footer {
	background-image: url(images/footer.jpg);
	height: 35px;
	clear: both;
	text-align: center;
	padding-top: 20px;
}

#login {
	margin-right:auto;
	margin-left:60px;
}
.RememberMe 
{
	margin-left:150px;
}
/**************************************** text, images, lists ****************************/

img.float_left {
	float: right;
}

p {
	margin-top: 20px;
	margin-bottom: 20px;
}

p.topnav, .copyright {
	margin: 0;
}


h2 {
	/*font-size: 5px;
	color: #000066;
	background-image: url(images/h2.jpg);
	background-repeat: repeat-x;
	height: 42px;
	padding-top: 3px;
	margin-bottom: 20px;
	padding-left: 8px;*/
}

h3 {
	/*background-image: url(images/sidebar_heading.png);
	font-size: 1em;
	height: 19px;
	width: 135px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 24px;*/
}

h4 {
	/*background-image: url(images/sidebar_heading_2.png);
	font-size: 1em;
	height: 19px;
	width: 125px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 24px;*/
}

dl {
	margin-top: 20px;
	margin-bottom: 20px;
}

dt {
	border-bottom: 1px solid white;
	padding: 3px;
	margin-bottom: 5px;
	background-image: url(images/dt_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

dd {
	margin-bottom: 12px;
}

.news:first-letter {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	width: 200px;
}

/**************************************** Menu ****************************/

#navcontainer ul
{
	color: White;
	float: left;
	width: 100%;
	height: 54px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 18px 1em;
	height: 18px;
	color: #000066;
	text-decoration: none;
	float: left;
	/*background-image: url(images/menu_right_border.jpg);*/
	background-repeat: no-repeat;
	background-position: right top;
}


#navcontainer ul li a:hover
{
	color: #fff;
	background-image: url(images/menu_hover.png);
	background-repeat: repeat-x;
}

.menua a
{
	/*padding:18px 1em;*/
	padding:18px 10px 18px 5px;
	height: 18px;
	color: #000066;
	text-decoration: none;
	float: left;
	background-image: url(images/menu_right_border.jpg);
	background-repeat: no-repeat;
	background-position:  right top;
	/*background-position:0px 0px;*/

}
/*
.menua2 
{
    color: #fff;
	background-image: none;
	background-repeat: repeat-x;
}*/

.menua2
{
    background-color:#E2E0E1;
    background-image: none;
}

.menua2 a
{
	padding:1px 1em;
	padding:1px 1px 1px 1px;
	height: 20px;
	color: #000066;
	text-decoration: none;
	float: left;
	background-image: none;
	background-repeat: no-repeat;
	background-position:  right top;
	background-position:0px 0px;
	z-index:1;

}

.menua2 a:hover
{
    color:#FFFFFF;
    background-color:#000066;
    background-image: none;
}

/*.menua a:visited, .nav a:visited {
	color: #d32525;
	
}*/


.menua a:hover
{
	color: #fff;
	background-image: url(images/menu_hover.png);
	background-repeat: repeat-x;
	background-position:left;

	  
}

.menuafull
{
	display:block;
	padding-left: 0px !important;
	padding-right: 0px !important;
	
	
}





/**************************************** Contact form ****************************/

label {
	font-style: italic;
}

form.contact_us {
	width: 155px;
	margin-top: 0px;
	padding: 0px;
}

input.fields_contact_us {display: block;
        width: 155px;
        background: #FFFFFF;
		border-top: 1px solid #E5E3E4;
		border-left: 1px solid #E5E3E4;
		border-bottom: 1px solid #EDEDED;
		border-right: 1px solid #EDEDED;
		margin-top: 3px;
	    margin-bottom: 3px;}

textarea {width: 155px;
          background: #FFFFFF;
		  border-top: 1px solid #E5E3E4;
		  border-left: 1px solid #E5E3E4;
		  border-bottom: 1px solid #EDEDED;
		  border-right: 1px solid #EDEDED;
		  display: block;
          margin-top: 3px;}

.submit_button_contact {
	margin-top: 15px;
	margin-left: 88px;
	padding: 2px;
	background-color: #000066;
	cursor: pointer;
	color: #FFFFFF;
}

/******** iz demo primera ********************/

#breadcrumb
{
   background-color: #202020;
   color: White;
   padding: 3px;
   font-size: 10px;	
   padding-left: 5px;
}

#breadcrumb a
{
   color: Orange;
}

/******** clanci ********************/

.articlebox
{
   /*background-color: #F1F2F8; #F4F4F4; #E6F2FF #D5EAFF #EAEBF2;
   color: #000330;
   border: dashed 1px #000000;*/
   padding: 6px 6px 6px 6px;
   font-size: 12px;
}

.articletitle
{
   font-size: 18px;
   font-weight: bold;
   color: #333333;
   text-decoration: none;
}

.articletitle1
{
	clear:both; 
	position:relative;
	bottom: 60px;   
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-align:center;  
    text-decoration: none;
}


.mainArticleBody
{ 
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align:justify;  
}

.articleabstract
{
   padding-top: 6px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; 
   text-align:justify;   
}

.articleabstract2
{
   padding-top: 6px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; 
} 

.comment
{
   padding: 4px 0px 4px 0px;
   font-size: smaller;
}

.pollbox
{
   font-size: 11px;
}

.pollcontent
{
   padding: 6px;
}

.pollquestion
{
   font-size: 13px;
   font-weight: bold;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollbar
{
   background-color: #0080FF;
   font-size: 4px;   
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}

.newsletterbox
{
   font-size: 11px;
}

.newsletterboxcontent
{
   padding: 6px;
}

/*.sectiontitle
{
   padding: 6px 6px 6px 3px;
   background-color: #706a6a;
   color: #f7b76b;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}*/


/* slike */
.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

/* iz demo portala, koristi se kod grig view-a za naslov... */
#centercolcontent
{
   padding: 15px 6px 15px 6px;
}

#centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span
{
   font-weight: bold;
   font-size: larger;
   color: #b45d16;
}

#centercolcontent div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}

/*Rad sa datumima*/
.dateStamp {
display:block;
width:57px;
height:57px;
margin-right:10px;
text-align:center;
background:url(/images/dateStamp.gif) no-repeat;
}

.dateStamp .day {
font-size:24px;
line-height:24px;
font-weight:bold;
width:37px;
padding:0px 10px;
padding-top:10px;
color:#1C3F95;
}

.dateStamp .monthYear {
font-size:10px;
width:37px;
padding:0px 10px;
color:#333333;
}

#seminar {
	padding-left: 10px;
	margin-left: 10px;
}
.pnlMeni1 
{
	Width:240px;
	float:left;	
}
.pnlMeni1 
{
	Width:240px;
	float:left;
}

/* Namestanje centralnog sadrzaja webpart zona*/
#CenterZoneTopLeft1 
{
	float: left;
	width:22em;
}
#CenterZoneTopRight1
{
	float: left;
	width:22em;	
	
}
#CenterZoneBottomLeft1 
{
	float: left;
	width:22em;	
	
}
#CenterZoneBottomRight1
{
	float: left;
	width:22em;	

}

/* Deo koji se koristi za kreiranje podloge RSS kontrola na Default.aspx */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: auto; /* ems so it will grow */
	background: url(/sr/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/sr/images/sbhead-r.gif) no-repeat top right;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	line-height: 120% 
}
.boxhead h2 {
	background: url(/sr/images/sbhead-l.gif) no-repeat top left;
	margin: 0 auto;
	padding: 16px 30px 5px;
	color: white; 
	font-weight: normal; 
	font-size: 1.6em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* vidi se samo u Safariju i Firefoxu(3.5) */
	line-height: 120% 
}
.boxbody {
	background: url(/sr/images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
		.boxbody p {font-size:12px}
		.boxbody a {color:gray}
		.boxbody a:hover {color:blue}		
		.exp { width:30em; margin:10px auto; }


/* Deo koji se koristi za kreiranje podloge RSS kontrola u desnom sidebar-u */

.sideboxd {
	margin: 0 auto; /* center for now */
	width: auto; /* ems so it will grow */
	background: url(/sr/images/sbbody-rd.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxheadd {
	background: url(/sr/images/sbhead-rd.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxheadd h2 {
	background: url(/sr/images/sbhead-ld.gif) no-repeat top left;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 8px;
	color: white; 
	font-weight: normal; 
	font-size: 1.6em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* vidi se samo u Safariju i Firefoxu(3.5) */
}
.boxbodyd {
	background: url(/sr/images/sbbody-ld.gif) no-repeat bottom left;
	margin: 0;
	padding: 8px 13px 31px;
}

.boxCentarTextAlign {
	background: url(/sr/images/sbbody-ld.gif) no-repeat bottom left;
	margin: 0;
	padding: 8px 13px 19px;
	text-align: center;
}


.lblMeni 
{
	position: relative;
	bottom: 24px;
	margin-left: 10px;
	left: 0px;
	width: 165px;
	height: 44px;
}

.Film
{
	float: right;
}
#sajdbox 
{
	margin-left:5px;
	padding-left:5px;
	text-align: center;
}
.ibtnSeminar 
{
	margin-left: 15px;	
}

#galerija a
{
	color: White;
}
#galerija2 a
{
	color: #00364A;
}
#photos, #details, #admin-details {
	/*background-image: url(images/body-repeat-photo.gif);*/
	padding: 0;
	width: 540px;
	margin-left: 3px;
}
.buttonbar {
	background-image: url(images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 540px;
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(images/photonav-top-bg.gif);
}

.WPCumulus 
{
	margin-left: -8px;
}

.lblAnketa {margin-left: 40px;}
#sertifikati { padding-left: 40px}

    .watermark
    {
        color: #ccc;
    }
    .textboxstyle
    {
        /*background-image: url("Resources/calendar.gif");
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 18px;
        border: solid 1px #ccc;*/
    }
.cpHeader
{
	color: #000000;
	background-color: #E2E0E1;
	font: bold 8px Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: pointer;
	width: 530px;
	height: 12px;
	padding: 4px;
}
        .cpBody
{
	background-color: #F1F1F1;
	font: normal 12px 'auto Verdana' , Tahoma;
	border: 1px gray;
	width: 537px;
	padding: 0px;
	padding-top: 7px;
}  
        
        #ticket
{
	background-color: #E0DEDF;
} 
#techsupport 
{ padding-left: 150px
  }
  
  .popupMenu
{
    position: absolute;
    visibility: hidden;
    background-color: ButtonFace;
    
}

.Label
{
    font-size: small;
    font-weight: bold;
    color: #000000;
    font-style: normal;
}

.boxLeftTextAlign {
	background: url(/sr/images/sbbody-ld.gif);
	margin: 0;
	padding: 8px 13px 31px;
	text-align: left;
}

.sideboxd1 {
	margin: 0 auto; /* center for now */
	width: auto; /* ems so it will grow */
	background: url(/sr/images/sbbody1-rd.gif) no-repeat bottom right;
	font-size: 100%;
}

.boxbodyd1 {
	background: url(/sr/images/sbbody1-ld.gif) no-repeat bottom left;
	margin: 0;
	padding: 8px 13px 31px;
}