/*main part*/

body, html{
height: 100%;
}


body{
background: url(../../images/body_bkgd.jpg) #ececec repeat-x;
font-family: Verdana;
font-size: 11px;
color: #fff;
}

*{
margin: 0;
padding: 0;
}

#bg_bottom {
background: url(../../images/footer_bkgd.jpg) repeat-x bottom;
}


#container{
width: 896px;
margin: 0 auto;
}



/* ::::::::::header:::::::::::: */

#header_top {
height: 20px;
}


#header ul{
list-style: none;
}

#header ul li{
display: inline;
border-right: 1px solid #CFCFCF;
}

.first{
margin-top: 7px;
float: left;
color: #CFCFCF;
}
 
.kosarica {
float: right;
margin-top: 7px;
color: #CFCFCF;
}

.kosarica li {
background: url(../../images/kosarica.gif) no-repeat left;
padding-left: 17px;
}

#header_logo {
clear: both;
text-align: right;
height: 97px;
padding-top: 30px;
}


#header ul li a{
text-decoration: none;
color: #fff;
padding: 0 7px 0 5px;
outline: none;
}

#header ul li a:hover, #header ul li a:active{
text-decoration: underline;
}

#header ul li.no_border{
border-right:medium none;
}


/* ::::::::::main:::::::::: */

#main{
width: 100%;
margin-top: 35px;
float: left;
padding-bottom: 15px;
}

/*LIJEVA KOLONA*/


#left_container {
width: 224px;
float: left;
}

#left{
width: 224px;
float: left;
border: 1px solid #6a6a6a;
background: #828282;
position: relative;
z-index: 2;
}

#left h3{
padding: 10px 0 0 16px;
height: 27px;
background: url(../../images/info.jpg) repeat-x;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
}

#left_navigation ul{
list-style: none;
}

#left_navigation ul li{
height: 27px;
background: #CE1800;
border-bottom: 1px solid #9b0e00;
}

#left_navigation ul li a{
display: block;
text-decoration: none;
color: #fff;
height: 20px;
padding: 7px 0 0 16px;
outline: none;
}

#left_navigation ul li a:hover, #left_navigation ul li a:active{
background: url(../../images/link_hover.jpg) repeat-x;
}

#kontakt{
background: #b3b3b3;
margin-top: 16px;
}

#kontakt h3{
background: url(../../images/kontakt.jpg) repeat-x;
}

#kontakt p{
line-height: 18px;
padding: 12px 0 12px 16px;
color: #1a1a1a;
}

#kontakt p.bottom_border{
width: 192px;
margin: 0 auto;
padding: 12px 0 12px 0;
border-bottom: 1px solid #9d9d9d;
}

.bold1{
font-weight: bold;
font-size: 12px;
}

.bold{
font-weight: bold;
}

#kontakt a{
color: #830000;
text-decoration: none;
}

#kontakt2{
margin-top: 16px;
background: #ad1400;
}

#kontakt2 p{
padding: 10px 0 10px 16px;
color: #fff;
}

#kontakt2 h3{
background: url(../../images/distrb.jpg) repeat-x;
}


#kontakt2 a{
color: #fff;
text-decoration: none;
}

/*DESNA KOLONA*/

#right_container {
width: 650px;
float: left;
margin-left: 18px;
}

#right{
width: 650px;
float: left;
background: #fff;
color: #4f4e4e;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 15px;
min-height: 770px
}

* html #right {
height: 770px
}

#right span{
background: url(../../images/val.jpg) repeat-x;
display: block;
height: 19px;
padding: 8px 0 0 15px;
border: 1px solid #fff;
}

.breadcrumbs {
background: url(../../images/val.jpg) repeat-x;
height: 19px;
padding: 8px 0 0 15px;
border: 1px solid #fff;
}

.breadcrumbs a {
color: #ce1800;
text-decoration: none;
}

.breadcrumbs a:hover {
text-decoration: underline;
}

#right_txt {
padding: 0 15px;
}

#right h1{
color: #ce1800;
padding: 20px 0 0;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}

#right h2{
color: #ce1800;
padding: 20px 0 0;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}

#right h3 {
border-bottom: 1px solid #FFC7BF;
margin: 0 0 15px;
padding: 10px 0 7px;
color: #7F7F7F;
font-size: 1.2em;
}

#right h4 {
margin: 0;
padding: 10px 0 10px;
color: #ce1800;
font-size: 1em;
}


.bold2{
font-weight: bold;
font-size: 13px;
margin: 0;
padding-bottom: 12px;
}

.cijena {
padding: 12px 0;
}

.more {
text-align: right;
}



/* proizvodi */

.product {
border: 1px solid #cecece;
background: #FFFFFF url(../../images/td_bkgd.jpg) repeat-y right;
float: left;
width: 588px;
clear: both;
margin: 15px 0 0;
padding: 15px;
line-height: 17px;
}

.product img, .img_left {
float: left;
margin-right: 15px;
border: 2px solid #EAEAEA;
}

.img_left {
margin-top: 15px;
margin-bottom: 15px;
}


.novost_left {
float: left;
border: 2px solid #EAEAEA;
margin: 15px 15px 20px 0;
}

.novost_more {
text-align: right;
}


.img_left.no_topmg {
margin-top: 5px;
}

.product a {
color: #ce1800;
text-decoration: none;
}

.product a:hover {
text-decoration: underline;
}

#product_info {
line-height: 19px;
padding-top: 15px;
}

.raspolozivost {
padding-top: 15px;
}

.kosarica_btn input {
background: url(../../images/kosarica.gif) no-repeat right;
font-weight: bold;
padding-right: 25px;
border: 0;
height: 24px;
cursor: pointer;
}

.kosarica_btn {
float: right;
background: url(../../images/val.jpg) repeat-x;
padding: 0 10px 0;
height: 27px;
}

.kosarica_btn p {
padding-top: 4px;
}


/* lista stranica oglasi */

.lista_stranica {
float: left;
width: 620px;
clear: both;
text-align: right;
height: 20px;
padding-top: 15px;
}


.prethodno_Sljedece_okvir, .trecina_okvir, .prethodno_Sljedece_okvir {
display: inline;
text-align: right;
height: 20px;
}

.lista_stranica a {
background: #ECECEC;
margin-right: 3px;
display: inline;
padding: 3px 5px;
color: #CE1800;
text-decoration: none;
}

#right_txt .lista_stranica a.lista_stranica_current {
color: #FFFFFF;
margin-right: 3px;
display: inline;
padding: 3px 5px;
font-weight: bold;
background: #AD1400;
}

#right_txt .lista_stranica a.lista_stranica_current:hover {
color: #FFFFFF;
background: #474747;
}

.lista_stranica a:hover {
background: #DFDFDF;
}



/* kosarica */

#kosarica {
border: 1px solid #D4D4D4;
border-top: 0;
width: 620px;
margin-top: 15px;
}

#kosarica td {
border-top: 1px solid #D4D4D4;
padding: 5px 0 5px 10px;
}

#kosarica img {
border: 0;
max-height: 50px;
max-width: 50px;
width: expression(this.width > 50 ? 50: true);
height: expression(this.height > 50 ? 50: true);
}

#kosarica_title {
background: #e8e8e8;
font-weight: bold;
color: #616161
}

.kosarica_delete_sel {
background: #BEBEBE;
border: 0;
font-weight: bold;
cursor: pointer;
padding: 3px 7px;
width: 125px;
}

#col5 {
width: 130px;
}

#kosarica td.kosarica_opcije {
padding-left: 25px;
width: 110px;
}

.kosarica_opcije div {
float: left;
padding: 2px 15px;
}

.kosarica_opcije input {
height: 15px;
margin: 0;
width: 15px;
}

.kosarica_delete {
border-right: 1px solid #D4D4D4;
}

.kosarica_delete input {
background: url(../../images/delete.gif) no-repeat;
width: 15px;
height: 15px;
cursor: pointer;
border: 0;
}

.kosarica_cijena {
font-weight: bold;
}

.kosarica_kolicina {
background: #FFFFFF;
border: 1px solid #979798;
height: 17px;
padding: 2px 3px 0;
text-align: right;
width: 25px;
}

#kosarica #ukupan_iznos td {
background: #e8e8e8;
text-align: right;
padding: 7px 7px;
}

#kosarica #kosarica_bottom td {
text-align: right;
background: #AFAFAF;
padding-right: 5px;
}

#kosarica_bottom input {
background: url(../../images/link.jpg) repeat-x center;
border: 0;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
padding: 3px 7px;
width: 125px;
}



/* katalozi */

.katalog {
float: left;
width: 185px;
height: 255px;
margin: 15px 15px 0 0;
}

.katalog a {
background: #EFEFEF;
padding: 10px;
display: block;
width: 142px;
height: 235px;
float: left;
text-align: center;
}

#right_txt .katalog a:hover {
text-decoration: none;
background: #CE1800;
color: #FFFFFF;
}

.katalog_last {
margin-right: 0;
}

.katalog img {
border: 0;
margin-bottom: 5px;
}


/*footer*/

.clearfooter {
clear: both;
}

#footer{
clear: both;
height: 40px;
}

#footerstuff{
width: 896px;
margin: 0 auto;
}

#comm{
float: left;
padding: 15px 0 15px 16px;
width: 210px;
background: #464646;
}

#comm a{
text-decoration: none;
color: #fff;
}

#comm a:hover{
text-decoration: underline;
}

#company_info{
float: left;
padding: 40px 0 0 10px;
line-height: 13px;
height: 50px;
font-size: 9px;
}

#company_info a {
color: #FFFFFF;
text-decoration: none;
}

#company_info a:hover {
text-decoration: underline;
}



/* links */

#right_txt a {
color: #ce1800;
text-decoration: none;
}

#right_txt a:hover {
text-decoration: underline;
}


/* forms */

input, select, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #4F4E4E;
}

.kontakt_forma input, .kontakt_forma textarea {
width: 250px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px 3px;
background: #EFEFEF;
border: 1px solid #AFAFAF;
float: left;
color: #505253;
}

.kontakt_forma input.checkbox {
	width: 20px;
	margin: 3px 0 5px;
	background: none;
	border: 0;
}

.kontakt_forma {
width: 430px;
float: left;
padding: 20px 0 0 0
}

.kontakt_forma label {
width: 120px;
float: left;
margin-top: 4px;
}

.kontakt_forma input.button {
width: 83px;
margin-left: 120px;
height: 25px;
background:#CE1800;
color: #FFFFFF;
border: 1px solid #9B0E00;
font-weight: bold;
cursor: pointer;
}

.kontakt_forma input.txt_error, .kontakt_forma textarea.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}

.txt_error_img {
float: left;
margin: 6px 0 0 4px;
}

.nacin_placanja {
	float: left;
	width: 430px;
	padding-bottom: 10px;
}



/* other */

.success {
font-weight: bold;
margin-top: 15px;
}

.emph {
font-weight: bold;
margin-top: 25px;
}


.txt {
margin-top: 15px;
line-height: 18px;
}

.txt p {
margin-bottom: 15px;
}

.upute_img {
vertical-align: middle;
margin-top: 5px;
}

.icon_pdf {
vertical-align: top;
}

.sep {
clear: both;
font-size: 1px;
height: 1px;
padding: 10px 0;
}