@charset "utf-8";
/* CSS Document */

/*MARGINE I FONTOVI U BODY TAGU*/
body {margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif; background-image:url(../img/user/podloga1.jpg);}

img#bg {
 top:0px;	
 left:0px;
 width:100%;
 height:100%;
 position:fixed;  
  } 

/*---------------- FONTOVI -------------------*/

/*NASLOVI*/
h1, h2, h3, h4, h5, h6, .news_descrtiption2 a, #footer-ribbon a, .button_more , #contact a, .text_1 a, .text_2 a, .vezane_vijesti a {color:#333;}
h1 {text-transform:uppercase;  margin-top:5px; margin-bottom:5px;  width:100%;}
h2, h3, h4, h5, h6 { margin-top:5px; margin-bottom:5px;}
h1 {font-size:1.5em;}
h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
h4 {font-size:1.0em;}      

h1 a, h2 a, h3 a , h4  a{color:#333;}

.text_1 , .text_2, .vezane_vijesti p{font-size:0.88em; vertical-align:top;}

.top_news_content h3, .news_content1 h3 {color:#333;}
.footer-content-list h4{color:#333; margin-top:5px;}

.usluge_proizvodi {width:100%; margin-top:10px;}

#cse-search-box {margin-left:13px;}
.top_news_content {margin-bottom:10px; float:left; width:100%;}
.top_news_content img{ border:none;}

a.button_more  {  /* Normalno enejblovano dugme paginacije. */
  float:left;
  background-color: transparent;
  background-image: url('../img/user/btn_pag_right_enabled.png');
  background-repeat: no-repeat;
  background-position: top right;
  color: #FFFFFF;
  display: block;  /* Opera */
  display: inline-block; /* IE */
  height: 30px;
  margin-left: 5px;
  padding-right: 5px;  /* Širina btn_right_up.png slike (sliding doors padding). */
  text-decoration: none;
  font-weight: bold;
}

a.button_more span {  /* Normalno enejblovano dugme paginacije. */
  background-color: transparent;
  background-image: url('../img/user/btn_pag_left_enabled.png');
  background-repeat: no-repeat;
  display: block;
  line-height: 21px;
  padding: 4px 0 5px 6px;  /* Vrijednosti 4 + 5 + line-height moraju biti jednaki visini slike (30px). */
}

a.button_more:hover {  /* Normalno enejblovano dugme paginacije - hover. */
  background-image: url('../img/user/btn_pag_right_hover_enabled.png');
  color: #FFFFFF;
  outline: none;
}

a.button_more:hover span {  /* Normalno enejblovano dugme paginacije - hover. */
  background-image:url('../img/user/btn_pag_left_hover_enabled.png');
}



.news_descrtiption1 { text-align:justify;}

.text_1, .text_2, .footer-content-list ul li {
	color:#666;
}
.news_descrtiption1, .news_descrtiption2, .news_descrtiption_3, .buttons, .contact_info {font-size:0.75em; color:#999;}

.buttons {float:right;}

.forma_za_slanje {
border:2px solid #CCC;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
display:block;}

 #footer-ribbon {color:#333; font-size:0.75em;}

.news_descrtiption2 a, .news_descrtiption_3 a, #footer-ribbon a {font-weight:bold;}

.footer-content-list ul li {font-size:0.75em}
.footer-content-list ul li a {color:#333;}



/*LINKOVI*/
a {text-decoration:none; }
a:hover {text-decoration:underline;}

/* KONTENJER SAJTA*/
#main-conteiner {width:1024px; height:auto; margin:0px auto; background-color:#FFF; position:relative;
  z-index:1;}

#conteiner {width:960px; height:auto;
margin:0px auto; background-color:#FFF;}

/*ZADAVANJE ŠIRINE DIVOVIMA HEADER, MAIN_MENI, CONTENT, BOTTOM-CONTENT, FOOTER*/
#header, #main-meni, #main-banner, #content, #bottom-content, #footer, #header-conteiner {width:100%;}
#content {min-height:480px;}

/*-------------- HEADER ---------------- */

/*HEADER RIBBON*/
.header-ribbon {height:28px; background-image:url(../img/user/texture.gif); padding-top:2px;}
.header-content {width:75%; height:80px;}

/*-- Logo div --*/
.logo {
    width: 25%;
}
.logo, .header-content {
    float: left;
}
.logo img {
    border: none;
    margin-top: 3px;
    margin-bottom: 3px;
}

.moto {width:400px; margin-top:5px; margin-right:5px; float:right; }
.moto img {float:right;}
.search{float:right;}

.header-ribbon ul {padding:0px; margin:0px 10px; float:right;}
.header-ribbon ul li { float:left; list-style:none; margin-right:3px;}
.header-ribbon ul li a {text-decoration:none;}
.header-ribbon img {border:none;}

.hr_link1 { display:block; width:23px; height:23px; background-image:url(../img/user/rss2.png); background-repeat:no-repeat;}
.hr_link2 { display:block; width:23px; height:23px; background-image:url(../img/user/mobile2.png); background-repeat:no-repeat;}
.hr_link3 { display:block; width:23px; height:23px; background-image:url(../img/user/facebook2.png); background-repeat:no-repeat;}
.hr_link4 { display:block; width:23px; height:23px; background-image:url(../img/user/twiter2.png); background-repeat:no-repeat;}
.hr_link5 { display:block; width:23px; height:23px; background-image:url(../img/user/vimeo2.png); background-repeat:no-repeat;}
.hr_link6 { display:block; width:23px; height:23px; background-image:url(../img/user/en2.png); background-repeat:no-repeat;}
.hr_link7 { display:block; width:23px; height:23px; background-image:url(../img/user/bs2.png); background-repeat:no-repeat;}

.hr_link1:hover { background-image:url(../img/user/rss1.png); background-repeat:no-repeat; }
.hr_link2:hover { background-image:url(../img/user/mobile1.png); background-repeat:no-repeat; }
.hr_link3:hover { background-image:url(../img/user/facebook1.png); background-repeat:no-repeat; }
.hr_link4:hover { background-image:url(../img/user/twiter1.png); background-repeat:no-repeat; }
.hr_link5:hover { background-image:url(../img/user/vimeo1.png); background-repeat:no-repeat; }
.hr_link6:hover { background-image:url(../img/user/en1.png); background-repeat:no-repeat; }
.hr_link7:hover { background-image:url(../img/user/bs1.png); background-repeat:no-repeat; }


/*----------------MAIN MENI--------------------------------*/
/*MAIN MENI DIV VISINA*/
#main-meni{ clear:both; height:63px;}
.menu2 {width:916px; height:60px; float:left; z-index:100;/* background-color:#C0C3C5;*/ margin-bottom:2px; }
.menu {width:960px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:960px; w\idth:960px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:130px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:32px;  background:#000; padding-left:10px; line-height:31px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#b2ab9b;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden; position:absolute; top:-1px; height:0;top:32px; width:149px;}

/* another hack for IE5.5 */

* html .menu ul ul {top:30px;t\op:31px;}



/* position the third level flyout menu */

.menu ul ul ul{left:148px; top:0px; width:149px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#e5e1d6; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#000; background:#ffc400;}

.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#ffc400;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}


/*----------------MAIN BANNER--------------------------------*/
/*MAIN BANNER DIV VISINA*/
#main-banner{ clear:both; }


/*-------------------------------  FOOTER  -----------------------------------*/

/*PARAMETRI FOOTER*/
#footer {width:100%; background-color:#F3F3F3; clear:both; padding-top:10px;}

/*FOOTER RIBBON*/
#footer-ribbon {height:30px; text-align:center;  width:100%; clear:both;}

/*PARAMETRI FOOTER-CONTENT*/
#footer-content {height:auto; width:100%;  }

/* PARAMETRI DIVA FOOTER_CONTENT_LIST */
.footer-content-list {float:left; width:170px; margin-left:15px; vertical-align:top; margin-bottom:10px;}

/* PARAMETRI SAME "UL" LISTE SMJESTENE U DIVU FOOTER CONTENT LIST */
.footer-content-list ul{list-style:none; margin:0; padding:0;}

/*FACEBOOK AKTIVNI LINK U LISTI SMJESTENOJ U JEDNOJ OD LISTI U FOOTER CONTENT LIST DIVU*/
.facebook{ display:block; width:24px; height:24px; background-image:url(../img/user/facebook2.png); background-repeat:no-repeat;}

/*FACEBOOK HOVER LINK U LISTI SMJESTENOJ U JEDNOJ OD LISTI U BOTTOM CONTENT LIST DIVU*/
.facebook:hover { background-image:url(../img/user/facebook1.png); background-repeat:no-repeat; }

/*TWITTER AKTIVNI LINK U LISTI SMJESTENOJ U JEDNOJ OD LISTI U BOTTOM CONTENT LIST DIVU*/
.twiter {display:block; width:24px; height:24px; background-image:url(../img/user/twiter2.png); background-repeat:no-repeat;}

/*TWITTER HOVER LINK U LISTI SMJESTENOJ U JEDNOJ OD LISTI U BOTTOM CONTENT LIST DIVU*/
.twiter:hover { background-image:url(../img/user/twiter1.png); background-repeat:no-repeat; }

/*YOUTUBE AKTIVNI LINK U LISTI SMJESTENOJ U JEDNOJ OD LISTI U BOTTOM CONTENT LIST DIVU*/
.youtube {display:block; width:24px; height:24px; background-image:url(../img/user/youtube2.png); background-repeat:no-repeat;}

/*YOUTUBE HOVER LINK U LISTI SMJESTENOJ U JEDNOJ OD LISTI U BOTTOM CONTENT LIST DIVU*/
.youtube:hover {background-image:url(../img/user/youtube1.png); background-repeat:no-repeat;}

/*Vimeo AKTIVNI LINK U LISTI SMJESTENOJ U JEDNOJ OD LISTI U BOTTOM CONTENT LIST DIVU*/
.vimeo {display:block; width:24px; height:24px; background-image:url(../img/user/vimeo2.png); background-repeat:no-repeat;}

/*Vimeo HOVER LINK U LISTI SMJESTENOJ U JEDNOJ OD LISTI U BOTTOM CONTENT LIST DIVU*/
.vimeo:hover {background-image:url(../img/user/vimeo1.png); background-repeat:no-repeat;}

.find_us li {float:left; padding-right:3px;}
.find_us li a{ text-decoration:none;}

/*---------------------------------------------------CONTENT--------------------------------------------------*/

/* DIV TAG CONTENT */
#content { clear:both;}

/* DIV LIJEVE KOLONE */
#left_colon { margin-bottom:20px; margin-top:20px; margin-right:2%;
width:67%;   float:left;}

/* DIV DESNE KOLONE*/
#right_colon {margin-bottom:20px; margin-top:20px;
width:31%;   float:left;}


.news_view_one {margin-top:8px;}
.news_view_one2 {margin-top:6px;}


/* Naslovnica elementi */

/* sve u lijevoj koloni */
.news_content1 {width:100%;}
.box1 {width:30%; float:left; padding-bottom:10px; margin-right:3.3%;}
.news1, .news_descrtiption1{width:100%; }
.news_descrtiption1 {margin-bottom:5px; height:80px; }
.news1 img, .pic1 img{margin-bottom:5px; border:solid 1px #999;}

.line {
    background: none repeat scroll 0 0 #E5E5E5;
    height:1px;
	width:97%; clear:both;
	margin-bottom:15px;}

.text_1 {width:97%; text-align:justify; margin-bottom:10px;}
.text_2 {width:100%; text-align:justify; margin-bottom:10px;}


/*sve u desnoj koloni*/
.box2, .box3, .newsletter {width:100%; float:left;}
.box3 {margin-bottom:5px;}
.pic1 {width:30%; float:left; margin-right:2%;}
.pic_2 {width:15%; float:left; margin-right:2%;}
.news_descrtiption2 {width:68%; float:left;}
.news_descrtiption_3 {width:83%; float:left;}



/*------------------------------- NEWS VIEW 1  -----------------------------------*/

/* STORY HIGHLIHTS */
.story_highlights {width:25%; height:auto; float:left;}

/* MAIN-TEXT-NEWS VIEW*/
.nastavak {width:72%; float:left; padding:0 1.5%; font-size:0.82em;}


/*---------------------- slider-----------------------------------*/

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../img/user/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../img/user/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

/* The Nivo Slider styles */
.nivoSlider {
	margin-top:3px;
	position:relative;
	height:243px;
	z-index:150;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#map {
  float: left;
  width: 60%;
}

#contact {
  float: left;
  width: 37%;
}

/** Greška pri validaciji unosa. **/
div.error-message {
	clear: both;
  color: #D20000;
	font-weight: bold;
}


/*------ prikaz vijesti -------*/

	.description {font: normal 91.6% Arial, Helvetica, san-serif; color: #999; width:100%;}

	.datum {margin-right:5px;}
	
	.autor, .izvor { margin-left:5px; margin-right:5px;
	}
	
	.seo_links {float:right; margin-bottom:0px; margin-top:0px;}
	.seo_links li {display:inline; padding-right:2px;}
	.seo_links li img{border:none;}
	


	.news_root {width:97%; clear:both; margin-top:3px;}  

	.root_list {width:100%; margin:0px; padding:0px;}

    .root_list li {
        float: left;
        margin: 0;
        margin-right: 5px;
        background: url(../img/user/next_group.gif) no-repeat right;
        padding-right: 10px;
		list-style: none;
    }

.povecavanje_slova{width:97%;}

    .root_list li a {
		font-size:12px;
        font-weight:bold;
		color:#4d96e5;
	}

    .root_list li.last{

        background:none;

    }



    .root_list li img{

        margin-left:5px;

    }

.news_head{
		border-top:#E5E5E5 solid 1px;
        border-bottom:#E5E5E5 solid 1px;
		padding-top:10px;
        padding-bottom:10px;
		width:97%; 
		clear:both;
		margin-bottom:10px;
}

.news_head2{
		border-top:#E5E5E5 solid 1px;
        border-bottom:#E5E5E5 solid 1px;
		padding-top:10px;
        padding-bottom:10px;
		width:97%;
		clear:both;
		margin-bottom:10px;
}

.news_head3 {
		border-top:#E5E5E5 solid 1px;
        border-bottom:#E5E5E5 solid 1px;
		padding-top:10px;
        padding-bottom:10px;
		width:100%;
		clear:both;
		margin-bottom:10px;
		text-align:justify;
}

.facebook_adds {height:40px;}


.news_head span, .news_head2 span, .news_head3 span{
color:#999;
font-size:12px;
}

.news_tags span {color:#999;}

.tags {width:97%; font-size:12px; color:#999;}
.tags {margin-top:5px; margin-bottom:5px; padding:0px; list-style:none;}
.tags li {display:inline;}
.tags a {font-weight:bold; color:#FFC400;}

	

.text_1 a, .text_2 a {font-weight:bold;}

.news_pic_div {margin-bottom:5px; padding-bottom:5px; border-bottom:#cecece solid 1px; width:97%; font-size:10px; color:#999;}
.image-credit span {font-weight:800;}

.image-caption {margin:0px;}

.fotka_desno {
display: inline;
float: right;
margin-left: 10px;
background-color: white;
font-size:10px; color:#999;
}

.fotka_lijevo {
display: inline;
float: left;
margin-left:0px;
padding-left:0px;
margin-right:10px;
background-color: white;
font-size:10px; color:#999;
}

/*-- Komentari --*/
.komentari_naslov {
    color: #999;
    border-top: 1px solid #F0EFE9;
    font-weight: bold;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    width: 97%;
    padding: 10px 0;
    margin-top: 10px;
}
.komentari_napomena {
    line-height: 16px;
    font-size: 12px;
    color: #999;
    width: 97%;
}

/*-- Ocjena vijesti --*/
.ocjene_vijesti_naslov {
    border-top: 1px solid #F0EFE9;
    width: 97%;
    padding: 10px 0;
    margin-top: 10px;
}
.ocjene_vijesti_sadrzaj {
    width: 97%;
    font-size: 0.88em;
    color: #999;
}
.ocjene_vijesti_zvjezdice {
    float: left;
}
.ocjene_vijesti_opis {
    float: right;
}
.ocjene_vijesti_napomena {
    float: left;
    width: 97%;
    color: #999;
    font-size: 12px;
}

/*-- Naši ostali proizvodi --*/
.ostali_proizvodi_naslov {
    border-top: 1px solid #F0EFE9;
    width: 97%;
    padding: 10px 0;
    margin-top: 10px;
}
.ostali_proizvodi_sadrzaj {
    width: 84%;
    font-size: 11px;
    color: #999;
}

/*-- komentari --*/

.nema_komentara {width:100%; border-bottom:1px solid #F0EFE9; padding-bottom:10px; }
.nema_komentara {font-size:0.75em; font-weight:bold;}
.nema_komentara, .tekst_komentara {color:#999;}

/*-- unos komentara --*/
.unos_komentara {width:100%; margin-bottom:10px; }
.nick_komentatora, .mail_komentator{font-weight:bold; color:#999; font-size:0.75em; margin-bottom:10px;}
.upisite_komentar {font-weight:bold; color:#999; font-size:0.75em;}
.autor_komentara strong {color:#333}

.forme {width:500px; 
border: 2px solid #CCC;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
display:block;
}

.forme2 {width:500px; 
border: 2px solid #CCC;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
display:block;
overflow:auto;}

.forme_email_link {
    width:95%;
    border: 2px solid #CCC;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display:block;
}

.dugmad_forme {
margin-top:2px;
background-color:#DDD;
border: 3px solid #CCC;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
float:left;
color:#666;
}

.dugmad_forme2 {
margin-top:2px;
background-color:#DDD;
border: 3px solid #CCC;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color:#666;
}

/*-----  komentari-----*/

.komentar { float:left; width:97%; border-top:1px solid #F0EFE9; font-size:0.75em;  }

.autor_komentara { float:left; width:154px; }

.tekst_komentara { float:left; width:370px; line-height:16px;}


/* ---- index news------*/ 

.news_index {width:97%;}
.news_index_box {width:48%; padding-right:2%; float:left; margin-bottom:20px; }

                        
.box-vijesti {width:100%; height:155px;}

.description2 {font-size:0.66em; font-weight:bold; 
color: #999; width:100%; margin-top:3px;}

.kategorija {font-size:0.66em; font-weight:bold; color:#666; }

.naslov {width:100%; font-size:0.75em;  
font-weight:bold; color:#333333;}

.naslov a {color:#333333;}

.podnaslov_news {font-size:0.75em; color:#999;}

.box-vijesti-lista { font-weight:bold; color:#666;}

.box-vijesti-lista ul {padding:0px; margin:0px;}

.box-vijesti-lista ul li{ list-style:none;}

.box-vijesti-lista ul li a {color:#666; }  

.fotka_desno2 {
display:inline-block;
float: right;
margin-top:0px;
margin-left:5px;
background-color: white;
}

.fotka_desno2 img {border:#999 1px solid;}
                         
/* ---- zvjezdice ------*/ 
#ratingdiv{overflow:hidden}
#ratingdiv .undone, #ratingdiv .fade{
background:url("/img/user/star.gif") -30px 0 no-repeat;
width:28px;
display:block;
height:30px;
float:left;
margin-right:4px;
text-indent:-99999px
}
#ratingdiv .done{
background:url("/img/user/star.gif") no-repeat;
width:28px;
display:block;
height:30px;
float:left;
margin-right:4px;
text-indent:-99999px
}
#ratingdiv .undone:hover{background-position:0}


/*----- ocjenjivanje vijesti  -----*/
.broj1, .broj2, .broj3, .broj4, .broj5, .ukupno_glasova {font-size:0.75em; font-weight:bold; color:#666;}

.broj1 {margin-left:10px; margin-right:22px;}
.broj2 {margin-right:22px;}
.broj3{margin-right:22px;}
.broj4 {margin-right:22px;}
.broj5 {margin-right:22px;}
.ukupno_glasova {position:relative; top:10px; left:20px;}

.broj_glasova { color:#000; margin-left:5px;}


/*----- galerija sa thumbailsima  -----*/

/*----- div u koji se ubacuju thumbailsi  -----*/
.gallery_view {width:100%; margin-top:5px;}  

/*----- definisanje parametara za thumbailse  -----*/                      
.thumbails {width:198px;  margin-right:10px; min-height:170px;
float:left; margin-bottom:15px; }

.thumbails2 {width:198px;  margin-right:8px; 
float:left; margin-bottom:15px; }
.thumbails2 a {border:none; text-decoration:none; color:#333; font-size:0.75em;}
.thumbails2 a:hover {border:none; text-decoration:underline; color:#333; font-size:0.75em;}

.album_slika{background-color:#ccc; border:#999 1px solid; min-height:147px;  text-align:center; }

.album_slika img{vertical-align:middle; border:none;}

.naziv_albuma_link {width:198px; height:30px;}

.thumbails a {border:none; text-decoration:none; color:#333; font-size:0.75em;}
.thumbails a:hover {border:none; text-decoration:underline; color:#333; font-size:0.75em;}

.videothumbails {
    width: 198px;
    margin-right: 5px;
    min-height: 180px;
    float: left;
    margin-bottom: 15px;
}
.videothumbails a {
    border: none;
    text-decoration: none;
    color: #333;
    font-size: 0.75em;
}
.videothumbails a:hover {
    border: none;
    text-decoration: underline;
    color: #333;
    font-size: 0.75em;
}
.album_videa {
    background-color: #ccc;
    border: #999 1px solid;
    min-height: 147px;
    text-align: center;
}
.album_videa img {
    vertical-align: middle;
}

/*--- email template ---*/

#email-conteiner {margin-top:0px; margin-left:auto; 
margin-right:auto; width:600px; border:#999 1px solid; 
font-family:Arial, Helvetica, sans-serif;}

#email-logo, #email-content {width:100%;}

#email-logo {border-bottom:#999 10px solid;}
#email-logo img {border:none;}

.email-informacije, .sadrzaj-poruke {width:49%; float:left; 
padding-top:10px; padding-bottom:10px;}

.email-informacije {border-right:#999 1px solid;}

#email-footer {clear:both; width:100%; 
border-top:#999 10px solid; 
font-size:10px; background-color:#FFC400;}


.email-informacije, .sadrzaj-poruke {color:#999; font-size:12px;}

._imeiprezime, ._kompanija, ._telefon, ._e-mail, .naslov-poruke, .sadrzaj {width:48%; padding:1%;}
            
.imgleft {
float: left;
padding-right: 8px;
padding-top:5px;
}  

a.photo:before{display:inline-block;
width: 20px; height: 13px;
background: url('/img/user/photo_icon.png') no-repeat;
content: " ";
}

a.video:before{display:inline-block;
width:20px; 
height: 13px;
background: url('/img/user/video_icon.png') no-repeat;
content: " ";
}


.description_iznad_linije {margin-top:-30px; 
width:300px; float:right;}

/* portfolio klase 1 i 2 */

.portfolio {width:97%;}
.portfolio_object {width:100%; float:left;  border-top:#CCC 1px solid; margin-bottom:5px;}
.portfolio_text,.portfolio_image { float:left; }
.portfolio_text {width:67%; padding-right:2%;}
.portfolio_image {width:30%; font-size:0.88em; margin-top:5px; text-align:right; }

.portfolio_text a, .portfolio_title a {width:95%; font-weight:bold; color:#333; font-size:0.75em;}
.portfolio_desc {width:100%; color:#999; font-size:0.88em; margin-top:3px; margin-bottom:3px;}
.portfolio_category {width:100%; font-size:0.66em; color:#666; font-weight:bold; }
.portfolio_image img{ border:#999 1px solid;}

.portfolio_description {width:100%; color:#999; font-size:0.98em; margin-top:3px; margin-bottom:3px; }
.portfolio_screenshot {float:right; margin-top:0px; margin-bottom:5px; vertical-align:top;}
.portfolio_screenshot img{margin-top:5px; margin-left:10px; }
.portfolio_navigation a {font-size:0.66em; color:#333; font-weight:bold;}
.portfolio_naslov {width:100%; border-bottom:#ccc 1px solid;} 

.contact_info {padding-top:3px;}

/** Preload slika. **/
.hiddenPic {
    display: none;
}


/* divovi u kojem je novi meni */

.menu_left_image, .menu_center_image, .menu_right_image {float:left;}
.menu_left_image, .menu_right_image {width:22px;}
.menu_center_image {width:916px; height:57px; background: url('/img/user/menu_podloga.jpg') repeat-x;}


/** Dugmad. **/

.btncontainer { /* Kontejner u kojem se nalaze dugmad (npr. div). */
  overflow: hidden;
  width: 100%;
  text-align: center;
  font-size: 0.75em;
}

a.pag_button {  /* Normalno enejblovano dugme paginacije. */
  float:left;
  background-color: transparent;
  background-image: url('../img/user/btn_pag_right_enabled.png');
  background-repeat: no-repeat;
  background-position: top right;
  color: #FFFFFF;
  display: block;  /* Opera */
  display: inline-block; /* IE */
  height: 30px;
  margin-left: 5px;
  padding-right: 5px;  /* Širina btn_right_up.png slike (sliding doors padding). */
  text-decoration: none;
  font-weight: bold;
}

a.pag_button span {  /* Normalno enejblovano dugme paginacije. */
  background-color: transparent;
  background-image: url('../img/user/btn_pag_left_enabled.png');
  background-repeat: no-repeat;
  display: block;
  line-height: 21px;
  padding: 4px 0 5px 6px;  /* Vrijednosti 4 + 5 + line-height moraju biti jednaki visini slike (30px). */
}

a.pag_button:hover {  /* Normalno enejblovano dugme paginacije - hover. */
  background-image: url('../img/user/btn_pag_right_hover_enabled.png');
  color: #FFFFFF;
  outline: none;
}

a.pag_button:hover span {  /* Normalno enejblovano dugme paginacije - hover. */
  background-image:url('../img/user/btn_pag_left_hover_enabled.png');
}

a.current {  /* Disejblovano dugme paginacije. */
  float: left;
  background-color: transparent;
  background-image: url('../img/user/btn_pag_right_disabled.png');
  background-repeat: no-repeat;
  background-position: top right;
  color: #FFFFFF;
  display: block;  /* Opera */
  display: inline-block; /* IE */
  height: 30px;
  margin-left: 5px;
  padding-right: 5px;  /* Širina btn_right_up.png slike (sliding doors padding). */
  text-decoration: none;
  font-weight: bold;
}

a.current span {  /* Disejblovano dugme paginacije. */
  background-color: transparent;
  background-image: url('../img/user/btn_pag_left_disabled.png');
  background-repeat: no-repeat;
  display: block;
  line-height: 21px;
  padding: 4px 0 5px 6px;  /* Vrijednosti 4 + 5 + line-height moraju biti jednaki visini slike (30px). */
}

.news1 h2, .news1 h3 {height:36px;}

.portfolio_screenshot img {border:#999 1px solid;}
.fotka_lijevo img, .fotka_desno img {border:#999 1px solid;}

.portfolio_category a {color:#333;}

.reklama_proizvoda {width:100%; float:left; margin-bottom:5px; background-color:#eaeaea;}
.gl_div {width:12%; float:left; margin-bottom:5px; margin-top:5px; margin-left:7px; margin-right:7px;}
.rp_slike {
    text-align: center;
    width:40%;
    margin-left: 4px;
    margin-right: 4px;
}
.rp_slike img {border:#999 1px solid;}
.rp_slike a { text-decoration:none;}
.rp_naslov {
    width: 58%;
    margin-left: 4px;
}
.rp_naslov a{ font:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#666; text-decoration:none;}
.rp_naslov a:hover { text-decoration:underline;}


div.box { margin-bottom:6px; }
div#buka a.obezs { color:#933200; }
div#buka div.dfor { padding-bottom:2px; border:0; }
div.side-bg { border-left:1px solid #E2DFD3; border-right:1px solid #E2DFD3; padding:0 15px; clear:both; background-color:#fff;  }