/* -- Basics -- */
html, body, div, p, li, ul, ol, form, fieldset, h1, h2, h3, h4, h5, h6, h7   { margin: 0; padding: 0; list-style: none; }

body		{ font: normal 70%/1.5 Arial, Helvetica; background: #FFFFFF url('images/bg-body.gif') center top repeat-x; color: #585c5e; padding: 30px 0; }
a		{ color: #024877; }
a:hover	        { color: #000;}

h1	{
	font-size: 1.4em;
	font: arial;
}
h2	{ font-size: 1.6em;}
h3	{
	font-size: 1.2em;
	font: arial;
}
h4	{ font-size: 13px; 
	  font-family: Arial, Helvetica;
	  color: #585c5e;
	  font-weight: normal;
}
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }
h7	{ font-size: 5em; border-bottom: 1px dashed #E1E1E1;}
p       { line-height: 20px; font-size: 13px;  font-family: Arial, Helvetica;color: #585c5e;font-weight: normal;}

h1, h2, h3, h5, h6, h7  { color: #024877; }




.clear { padding-top: 20px ;}

/* -- Icons list -- */
.ico              { padding-left: 15px; }
.ico-footer       { background: url('images/ico/ico-movset.gif') 2px 0 no-repeat; padding: 2px 0 1px 25px; }
.ico-footer:hover { background-position: 2px -18px; }

/* -- Basics layout -- */
#view     { width: 900px; margin: 0 auto; }
#head     {
	width: 900px;
}
#content  { font-size: 1.2em; }
#foot     { font-size: 1.2em; clear: both; }

/* -- Logo - header -- */
#main       {
	position: relative;
	padding-left: 25px;
	margin-bottom: 0px;
	background-image: url(images/bg-logo.jpg);
	height: 235px;
}

/*--- menu - header ---*/

#menu{
	width:380px;
	height:230px;
	float:right;
	
}
#menu_titles{
	width:475px; 
	height:39px;
	float:right;
	
}
.menu_tit {
	font-family:Arial; 
	font-size:14px; 
	font-weight:bold;
	text-align:center;
	margin:0 0 0 -5px;
}
#title_home{
	margin:17px 0 0 70px; 
	width:66px;
	float:left;
}
#title_graphics{
	margin:22px 0 0 5px; 
	width:63px;
	float:left;
}
#title_articles{
	margin:14px 0 0 5px;
	width:70px;
	float:left;
}
#title_contact{
	margin:20px 0 0 10px;
	width:70px;
	float:left;
}
#title_contact dt {
	margin:0 0 0 -19px;
}
#title_rss{
	margin:-15px 0 0 0;
}
.menu_home, .menu_graphics, .menu_articles, .menu_contact, .menu_rss {
	background: transparent url(images/bg-menu.gif) no-repeat;
	border:0px none; 
	display:block; 
	float:left;
	height:150px;
	
}
.menu_home {
	background-position: 0px 24px; 
	width:66px;
	margin:3px 0 0 0;
}
dd {
	margin:0px;
	padding-bottom:2px;
}
.menu_graphics {
	background-position: -70px 0px; 
	width:63px;
	margin:-19px 0 0;
}
.menu_articles {
	background-position: -140px 15px; 
	width:70px;
	margin:-4px 0 0;
}
.menu_contact {
	background-position: -210px 0px; 
	width:70px; 
	margin:-21px 0 0;
}
.menu_rss {
	background-position: -280px 0px; 
	width:70px;
	margin:23px 0 0 15px;
}
#menu dl dt{
	height:14px;
}
#menu dl dt span{
	display:none;
}
#menu dl:hover dt span{
	display:block;
}
.mlink {
	display:block; 
	height:100px;
	margin: 15px 0 0 0;
}
#title_home dd a{
	height:120px;
}
#title_articles dd a{
	height:120px;
}


/* -- Layout constructs -- */
#main_content    { width: 100%; height: 100%; background:  #fff ; float: left; }
#foot       {
	height: 54px;
	border-top: 4px solid #81c6e7;
}
/* -- Footer part -- */
#foot p       { padding: 18px 18px 0; }
#foot *       { color: #5a8da6; }
#foot a:hover { color: #000000; }
.fr		    { float: right !important; }
.fl		    { float: left !important; }


/* -- left block -- */
#menuBlock                      {
	width: 180px;
	float: left;
	
}
/* -- left (contact) block -- */
#menuBlock .box                 {
	margin-bottom: 20px;
	padding: 0 10px 0 20px;
	overflow: hidden;
	clear: both;
}
#menuBlock .box h1              {
	margin-bottom: 15px;
	padding-left: 20px;
	color: #dd137b;
	font-weight: normal;
	background: url('images/bg-heading.gif') 2px 45% no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#menuBlock .boxText p,
#menuBlock .boxText ul,
#menuBlock .boxText ol,
#menuBlock .boxText table       { margin-bottom: 2em; }

/* Contact*/

.side_link, .previous, .next {
	background:url(images/icons.gif) no-repeat; 
	color:#000; 
	text-decoration:none; 
	padding: 0 0 0 27px; 
	font-size:12px; 
	margin:5px 0 0 0px;
}	
.side_link {
	color:#000; 
	text-decoration:none; 
	font-size:12px;

	width:145px; 
	display:block;
}
.side_link a{
	color:#000; 
	
	font-size:12px;

	width:185px;
}

#side_posts .side_link {
	background-position:0px -60px; 

}


/* -- left (submenu) block -- */
#menuBlock .boxx h1              {
	margin-bottom: 15px;
	padding-left: 20px;
	color: #dd137b;
	font-weight: normal;
	background: url('images/bg-heading.gif') 2px 45% no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

#menuBlock .boxx                 { margin-bottom: 15px; padding: 25px 10px 0 20px;  clear: both; }
#menuBlock .boxx h1              { margin-bottom: 0px; padding-left: 20px; color: #dd137b; font-weight: normal; }
#menuBlock .bottomBox            {
	padding-top: 5px;
	padding-left: 20px;
}


/* -- left (submenu) block sidebar-- */

#sidebar{
width:270px;
margin:0px;
padding-left: 10px;
}

#sidebar a{
padding:3px 20px 3px 15px;
		color:#AAAAAA;
		font-family:Arial;
		font-size:11px;
		text-decoration:none;
		border-width:0px 0px 1px;
		
}

#sidebar a:hover{
color:#064E81;

}




#sidebar ul{
padding:5px;
width:140px;
background-color:#FFFFFF;

}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#sidebar li{
position:relative;
}

div#sidebar li:hover{
border-bottom: 1px #000000 solid ;

}

div#sidebar li.active a { color: #dd137b; 

}

div#sidebar li ul{
width:270px;
border-width:1px;
border-style:solid;
border-color:#000000;
position:absolute;
top:0;
left:100%;
display:none;
}


div#sidebar ul ul,
div#sidebar ul ul ul,
div#sidebar ul li:hover ul ul,
div#sidebar ul li:hover ul ul ul

{display:none;z-index:1;background:#fff;}

div#sidebar ul li:hover ul,
div#sidebar ul ul li:hover ul,
div#sidebar ul ul ul li:hover ul
{display:block; }

/* End non-anchor hover selectors */

/* Styling for Expand */

#sidebar a.x, #sidebar a.x:visited{
background:#eee url(/css/images/expand3.gif) no-repeat bottom right;
}

#sidebar a.x:hover{
color:#064E81;

}

#sidebar a.x:active{
background:#ccc;
}

/* -- Content -- */
.last	  { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; }
.item     { margin-bottom: 1.5em; clear: both; }
.col1     { width: 49%; float: right; }
.col2     { width: 48%; float: left; }
.col2 *   { padding-left: 0 !important; }
.col3     { width: 320px; float: left; }

.table_border table           { border-collapse: collapse; width: 95%; }
.table_border table td,
.table_border table th        { border: 1px #d8d8d8 solid; padding: 10px; }
.table_border table th        { text-align: left; }
.table_border table td.right  { padding-left: 5px; }
.table_border table th.right  { padding-left: 5px; }
.table_border table td.left   { padding-right: 5px; }
.table_border table th.left   { padding-right: 5px; }


.body_table  {
width:95%;
    border-top:1px solid #e5eff8;
    border-right:1px solid #e5eff8;
    border-collapse:collapse;
    background-color: #D4E2EE; 
    text-align: center; 
    margin-top: 1.2em;
    
}

.body_theadrow  {
font-weight:normal;
    color: #678197;
    text-align:left;
    padding:.3em 1em;
}

.body_theadcell  {
background:#f4f9fe;
    text-align:center;
    font-size:13px;
    font-family:verdana,arial;
    color:#66a3d3;
    border-bottom: 1px solid #e5eff8;
    border-left:1px solid #e5eff8;
}

.body_tdodd  {
background-color : #ffffff;
    color : #678197;
    font-size:14px;
    font-family:arial;
    font-weight : normal;
    padding-bottom : .3em;
    padding-left : 1em;
    padding-right : 1em;
    padding-top : .3em;
    text-align : center;
    border-bottom:1px solid #e5eff8;
    border-left:1px solid #e5eff8;
}

.body_tdeven  {
background-color : #f7fbff;
    color : #678197;
    font-size:14px;
    font-family:arial;
    font-weight : normal;
    padding-bottom : .3em;
    padding-left : 1em;
    padding-right : 1em;
    padding-top : .3em;
    text-align : center;
    border-bottom:1px solid #e5eff8;
    border-left:1px solid #e5eff8;
}

.body_chapter_content  {
font-size: 14px; 
	  font-family: Arial;
	  color: #000000;
	  font-weight: normal;
    text-align : justify;
    padding-bottom : 30px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0em;
    text-decoration : none;
}

.body_chapter_content table1           { border-collapse: collapse; width: 95%; }
.body_chapter_content table1 td,
.body_chapter_content table1 th        { border: 0px #d8d8d8 solid; padding: 10px; }
.body_chapter_content table1 th        { text-align: left; }
.body_chapter_content table1 td.right  { padding-left: 5px; }
.body_chapter_content table1 th.right  { padding-left: 5px; }
.body_chapter_content table1 td.left   { padding-right: 5px; }
.body_chapter_content table1 th.left   { padding-right: 5px; }  



/* -- right (content text newss) block -- */
#contentBlock                   { position: relative; right: 1px; float: right; width: 630px; min-height: 550px; margin-bottom: -10px; padding: 20px 0;}
#contentBlock img               { margin: 3px; }
#contentBlock .item             { position: relative; left: -1px; padding: 0 15px 0 25px; }
#contentBlock .item h2,
#contentBlock .item h3,
#contentBlock .item h4,		{ font-size:12px; }
#contentBlock .item p           { font-weight: normal; }
#contentBlock .itemOdd          { position: relative; right: -11px; background: url('images/bg-article.gif') repeat-y; width: 230px; padding-right: 0; }
#contentBlock .itemEven         { padding-right: 0; }
#contentBlock .mainItem         { padding-right: 0; }
#contentBlock .mainItem .perex  { color: #014679; width: 580px; padding: 25px; margin-left: -25px; margin-bottom: 2em !important; border-bottom: 1px #dff1f9 solid; background-color: #ecf8ff; margin-top: 5px }



/* content - menu on first page */
#cmenu{}
#cmenu div {border:0px solid #ddd;background:url(img/trailers/page.gif) #fff 0px 8px no-repeat;margin-bottom:15px;}
#cmenu.two-col div {float:left;width:145px;height:130px;background:url(img/trailers/page.gif) #fff 5px 10px no-repeat;margin:5px;overflow:hidden;}
#cmenu h3 {font-size:1.3em;font-weight:normal;}
#cmenu h3 {padding:7px 5px 5px 60px;margin:0;}
#cmenu p {padding:0 5px 0 60px;margin:0;}
/* css3 improvement 
#cmenu.two-col div:nth-child(odd) {width:49%;margin:5px 0;float:left;}
#cmenu.two-col div:nth-child(even) {width:49%;margin:5px 0;float:right;}
*/





/* Reklama */


#hiddendiv2
{
  position:absolute;
  z-index:100;
  background:#ffffff;
  border:1px solid #024877;
  width:600px;
  text-align:right;
  left:30%;
  top:5%;
 padding: 0 10px 10px 10px;

}
#hiddendiv2 .hidetext             { text-align:left}



/* Kontaktni formular */
p,input,select,legend{ font-size:12px; margin:2px; }
	form.eform{ width:35em; margin:0;}
	legend{ font-weight:bold;}
	label{ display:block; clear:left; float:left; width:10em; }
	p.explain{ margin-left:10em; color:#339; }
	input.field,textarea.field{ width:30em;}