body{
background: url(../../images/background.jpg) repeat-x center top #32100d;
}

.navigacija{
margin-top: 142px;
margin-left: 250px;
}

.navigacija ul{
list-style: none;
display: block;
}

.navigacija ul li{
float:left;
margin-left: 0;
}

.navigacija ul li a{
display: block;
width: 140px;
height: 61px;
border: 0; 
outline:0;
}

a img{
border: 0;
}



.pocetna{
background: url(../../images/pocetna.jpg) no-repeat;
left: 140px;
background-position: 0 0;
}

#pocetna_curr {
background: url(../../images/pocetna.jpg) no-repeat 0 -122px;
}

.reference{
background: url(../../images/reference.jpg) no-repeat;
left: 140px;
background-position: 0 0;
}

#reference_curr {
background: url(../../images/reference.jpg) no-repeat 0 -122px;
}

.katalog_v{
background: url(../../images/katalog_vrata.jpg) no-repeat;
left: 140px;
background-position: 0 0;
}

#katalog_v_curr {
background: url(../../images/katalog_vrata.jpg) no-repeat 0 -122px;
}

.katalog_k{
background: url(../../images/katalog_kvake.jpg) no-repeat;
left: 140px;
background-position: 0 0;
}

#katalog_k_curr {
background: url(../../images/katalog_kvake.jpg) no-repeat 0 -122px;
}

.kontakt{
background: url(../../images/kontakt.jpg) no-repeat;
left: 140px;
background-position: 0 0;
}

#kontakt_curr {
background: url(../../images/kontakt.jpg) no-repeat 0 -122px;
}

.pocetna a:hover{
background: url(../../images/pocetna.jpg) no-repeat;
left: 140px;
background-position: 0 -61px;
}

.reference a:hover{
background: url(../../images/reference.jpg) no-repeat;
left: 140px;
background-position: 0 -61px;
}

.katalog_v a:hover{
background: url(../../images/katalog_vrata.jpg) no-repeat;
left: 140px;
background-position: 0 -61px;
}

.katalog_k a:hover{
background: url(../../images/katalog_kvake.jpg) no-repeat;
left: 140px;
background-position: 0 -61px;
}

.kontakt a:hover{
background: url(../../images/kontakt.jpg) no-repeat;
left: 140px;
background-position: 0 -61px;
}

.pocetna a:active{
left: 140px;
background-position: 0 -122px;
}

.reference a:active{
left: 140px;
background-position: 0 -122px;
}

.katalog_v a:active{
left: 140px;
background-position: 0 -122px;
}

.katalog_k a:active{
left: 140px;
background-position: 0 -122px;
}

.kontakt a:active{
left: 140px;
background-position: 0 -122px;
}







#logo{
height: 230px;
background-color: #efead8;
}

.logo_pic{
margin-top: -160px;
}

.logo_pic img{
margin-left: 5px;
}

.logo_txt{
margin-top: 30px;
padding-left: 20px;
}

.logo_txt h1{
font: bold 14px Arial;
line-height: 20px;
color: #32100d;
padding: 15px 25px 0 0;
}

.main_content_12{
background: #eae3ca;
/*height: 480px;*/
float: left;
width: 960px;
padding: 10px 0;
}

.main_txt{
font-family: Verdana;
line-height: 18px;
margin: 0 10px;
padding: 20px 15px 15px 15px;
}

.main_content_12 h1 em {
display: none;
}

.main_content_12 h1 {
height: 75px;
margin: 0;
}

.main_content_12 h1#katalog_vrata {
background: url(../../images/program_vrata_h.gif) no-repeat;
}

.main_content_12 h1#katalog_kvaka {
background: url(../../images/program_kvaka_h.gif) no-repeat;
}

.main_content_12 h1#reference {
background: url(../../images/reference.gif) no-repeat;
}

.main_content_12 h1#kontakt {
background: url(../../images/kontakt.gif) no-repeat;
}

.partneri, .main_txt{
background: #fff;
}

.left{
float: left;
}

.img{
margin-left: 7px;
}

p{
margin-top: -14px;
font-family: Arial, Helvetica, sans-serif
}

.main_txt p {
margin: 0;
padding: 7px 0;
}

p.bott_txt {
padding: 20px 10px 0;
clear: both;
}

h4 {
font-size: 19px;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 0 10px;
color: #72422E;
}

a{
color: #709908;
outline: none;
text-decoration: underline;
}

a:hover {
color: #8F5D47;
text-decoration: none;
}

.footer_12{
color: #fff;
height: 200px;
background: url(../../images/footer_bg.jpg) repeat-x center top;
font-family: Arial;
font-size: 11px;
}

.footer_left{
margin: 5px 0 0 10px;
}


.footer_mid{
margin-top: 50px;
}


.footer_right{
margin-top: 15px;
}

.footer_bottom p{
font-size:11px;
margin: 0;
text-align: right;
color: #72422f;
}

/* vrata */

#katalog_vrata_cont {
padding: 0 9px;
font: normal 11px Arial, Helvetica, sans-serif;
}

.vrata {
float: left;
width: 195px;
height: 295px;
background: #FFFFFF;
margin: 10px 0 0 0;
display: inline;
padding: 15px 10px 15px 30px;
color: #4a4a4a;
}

.vrata_big {
padding-left: 20px;
width: 205px;
height: 300px;
}

.vrata2, .vrata3, .vrata4 {
padding-left: 40px;
width: 185px;
height: 300px;
}

.vrata_h {
height: 300px;
}

.vrata.vrata2 img {
margin: 50px 0 60px;
}

.vrata.vrata3 img {
margin: 40px 0 29px;
}

.vrata.vrata4 img {
margin: 50px 0 64px;
}

.vrata img {
margin-bottom: 10px;
}

.vrata_txt {
text-align: left;
line-height: 18px;
}

h3 {
font-size: 1.2em;
margin: 0;
}


.kontakt_left {
float: left;
padding-left: 10px;
line-height:20px
}

.kontakt_right {
float: right;
padding-right: 20px;
}

.karta {
border: 2px solid #F6CA45;
}

.def_list {
list-style: disc;
color: #F6CA45;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
line-height: 22px;
padding: 5px 0 10px 10px;
}

.def_list span {
color: #70412F;
font-weight: bold;
}


/* KONTAKT FORMA */


form {
margin: 0;
padding: 0;
}

.kontakt_forma input, .kontakt_forma textarea {
font-family: Arial, Helvetica, sans-serif;
color: #3D1A18;
font-size: 1em;
width: 250px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px 3px;
background: #FFFFFF url(../../images/input.gif) repeat-x bottom;
border: 1px solid #cfcfcf;
float: left;
}

.kontakt_forma textarea {
background: #FFFFFF url(../../images/textarea.gif) repeat-x bottom;
}

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

.kontakt_forma label {
font-family: Arial, Helvetica, sans-serif;
float: left;
margin-top: 4px;
width: 120px;
}

.kontakt_forma input.button {
height: 24px;
background: #F5CE47;
border: 1px solid #CF830C;
color: #3D1A18;
font-weight: bold;
cursor: pointer;
width: 83px;
margin-left: 120px;
}

.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}
.txt_error_img {
float: left;
margin: 4px 0 0 4px;
}

legend {
display: none;
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

.alert {
color: #FF0000
}

.emph {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-top: 7px;
}