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;

}

#kvake3 .vrata {

float: left;

width: 195px;

height: 195px;

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;

}

.primjerci
{clear:left;
padding-top:10px;
margin-left:20px;
width:600px;
background: #EAE3CA;
padding-bottom:20px;
display:block;}

#face{
	background: url("../../images/face.png") no-repeat scroll left top transparent;
    display: block;
    height: 32px;
    overflow: hidden;
    text-indent: -200px;
    width: 32px;
	position:relative;
	top:3px;
}