@font-face {
font-family:'Keetano Katana';
src:local('Keetano Katana Bold'), local('KeetanoKatana-Bold'), url('../keetano_katana.ttf') format('truetype');
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

body {
line-height:1;
background-image:url(../img/footer_back.jpg);
background-color:#E9E9E9;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

:focus {
outline:0;
}

ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

table {
border-collapse:collapse;
border-spacing:0;
}

#header_wrap {
width:100%;
height:80px;
background-image:url(../img/menu_back.jpg);
background-color:#000;
border-bottom:#DC143C solid 1px;
}

#content_wrap {
width:100%;
background-image:url(../img/body_back2.jpg);
padding-bottom:50px;
}

#logo {
position:absolute;
width:239px;
}

#footer_wrap {
width:100%;
height:281px;
background-image:url(../img/footer_back.jpg);
background-color:#000;
border-top:#DC143C solid 1px;
clear:both;
float:left;
}

#menu ul li {
float:left;
margin:0;
}

#menu ul li a {
float:left;
display:block;
text-decoration:none;
border-left:1px solid #535456;
color:#e2e2e8;
margin:0;
padding:52px 15px 5px;
}

#menu ul li.first a {
border-left:none;
}

#menu ul li a:hover {
color:#DC143C;
}

#menu ul li a:active {
color:#DC143C;
padding:54px 15px 3px;
}

#menu ul {
font:bold 19px "Keetano Katana", "Trebuchet MS";
text-decoration:none;
margin:0;
padding:0 0 0 10px;
}

.img_proizvodi {
width:220px;
height:220px;
border:#DFDFDF solid 1px;
}

.box_img_proizvodi {
width:222px;
height:320px;
margin-right:20px;
margin-top:20px;
float:left;
}

.box_img_proizvodi4 {
width:222px;
height:320px;
margin-top:20px;
float:right;
display:inline;
}

.box_img_proizvodi,.box_img_proizvodi4 {
font:bold 14px "Trebuchet MS", Arial;
color:#777;
text-shadow:1px 1px #F8F8F8;
}

.box_img {
width:220px;
height:220px;
background-color:#FFF;
border:#DFDFDF solid 1px;
margin-right:20px;
margin-top:20px;
float:left;
}

.box_img_view {
width:450px;
height:450px;
background-color:#FFF;
border:#DFDFDF solid 1px;
}

.box_img4 {
width:220px;
height:220px;
background-color:#FFF;
border:#DFDFDF solid 1px;
margin-top:20px;
float:right;
}

#header {
width:950px;
margin:0 auto;
}

#content {
width:950px;
padding-top:10px;
margin:0 auto;
}

#text_area {
width:948px;
float:left;
clear:both;
background-color:#FFF;
border:#DFDFDF solid 1px;
margin-top:30px;
}

.text_area_view {
width:400px;
float:left;
clear:left;
background-color:#FFF;
border:#DFDFDF solid 1px;
margin-top:30px;
}

#text_area_text {
float:left;
width:560px;
}

#text_area h2 {
font:bold 26px "Keetano Katana", "Trebuchet MS";
color:#444;
margin-bottom:20px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
}

#text_area h3 {
font:bold 20px "Keetano Katana", "Trebuchet MS";
color:#DF0D38;
margin-top:10px;
margin-bottom:30px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
}

#help_text h4 {
font:bold 16px "Keetano Katana", "Trebuchet MS";
color:#333;
margin-bottom:10px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
}

.sizes_view h4 {
font:bold 18px "Trebuchet MS",Arial;
color:#888;
margin-bottom:10px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
}

#text_area p {
font:bold 18px "Trebuchet MS", Arial;
color:#444;
line-height:30px;
margin-bottom:20px;
}

#help_text p {
font:bold 14px "Trebuchet MS", Arial;
color:#444;
line-height:20px;
margin-bottom:10px;
}

.padding_20 {
padding:20px;
}

#form_help_area {
position:relative;
float:right;
width:300px;
}

#mail .input {
float:left;
color:#444;
font-size:18px;
height:27px;
width:260px;
padding:3px 45px 0 4px;
}

#mail .submit {
float:left;
margin-left:-50px;
margin-top:1px;
}

.description {
font:12px "Trebuchet MS", Arial;
color:#888;
float:left;
width:220px;
}

.m {
font:bold 16px "Trebuchet MS", Arial;
color:#888;
float:left;
height:22px;
margin-right:10px;
margin-top:10px;
text-align:center;
border:#DFDFDF solid 1px;
padding:0 8px;
}

.ima {
background-color:#D1EFD1;
}

.nema {
background-color:#EFE0E0;
}

.sizes_view {
width:400px;
float:left;
}

.sizes_view .m {
font:bold 20px "Trebuchet MS", Arial;
color:#888;
height:22px;
margin-right:10px;
margin-top:10px;
text-align:center;
border:#DFDFDF solid 1px;
padding:10px 16px;
}

#content_img_view {
width:450px;
margin-right:20px;
margin-top:40px;
float:left;
}

#content_text_view {
float:left;
width:450px;
margin-top:40px;
}

p.sifra {
float:left;
width:400px;
margin-bottom:20px;
font:bold 20px "Trebuchet MS", Arial;
color:#888;
text-shadow:1px 1px #F8F8F8;
}

.kategorija {
font:bold 18px "Trebuchet MS", Arial;
color:#888;
text-shadow:1px 1px #F8F8F8;
width:400px;
margin-bottom:20px;
}

.poracka_help {
font:bold 16px "Trebuchet MS", Arial;
color:#888;
text-shadow:1px 1px #F8F8F8;
float:left;
clear:left;
width:400px;
margin-top:20px;
}

.clear {
font-size:0;
line-height:0;
clear:both;
}

#menu,#mail {
float:right;
}

.box_img_proizvodi p,.box_img_proizvodi4 p {
margin-top:6px;
float:left;
width:220px;
}

.box_img:hover,.box_img4:hover,.box_img_proizvodi .img_proizvodi:hover,.box_img_proizvodi4 .img_proizvodi:hover {
-moz-box-shadow:0 0 6px #C00;
-webkit-box-shadow:0 0 6px #C00;
}