@charset "utf-8";

/* Global Reset */
*{margin:0;padding:0;border:none;outline:0;font-style:normal;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/*Clearing Floats Fix*/
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix {height:1%;}

/* ########## Body ########## */
body {
background:#fff;
font-family:Tahoma, Verdana, sans-serif;
font-size:13px;
}

/* ########## Wrapper ########## */
#wrapper {
margin:10px auto;
width:960px;
height:auto;
}

/* ########## Banner ########## */
#banner {
background:url(gfx/zastitna-oprema-header.png) no-repeat;
height:268px;
margin:0 auto;
padding-top:20px;
width:950px;
}

#banner p {
border-bottom:2px solid #ebf1f9;
border-left:30px solid #ebf1f9;
color:#ebf1f9;
float:right;
font:bold 22px/1 "century gothic",serif;
margin-right:10px;
padding:0 0 0 10px;
text-align:left;
text-shadow:0 1px 3px #585858;
width:160px;
}

/* ########## Body ########## */
#content-top {
margin:0 auto;
width:950px;
height:38px;
background:url(gfx/content-top.png) no-repeat;
}

#promoted {
float:right;
height:120px;
margin-bottom:10px;
width:660px;
}

#promoted img {
float:left;
margin-left:10px;
}

/* ########## Main Content ########## */
#main {
width:950px;
background:url(gfx/body-bg.png) repeat-y;
padding-bottom:30px;
margin:0 auto;
height:auto;
color:#818690;
}

#main a {
color:#97AA80;
}

#main a:hover {
color:#888;
}

/* ########## Left Content Column ########## */
.left-textblock {
float:left;
width:250px;
}

.container {
padding-top:20px;
width:250px;
}

.top {
background:url(gfx/nav-top-bg.png) no-repeat;
height:10px;
}

.middle {
height:auto;
background:url(gfx/nav-bg.png) repeat-y;
}

.bottom {
height:10px;
background:url(gfx/nav-bottom-bg.png) no-repeat;
}

.left-textblock .middle li a {
background:url(gfx/nav-link-bg2.png) no-repeat; 
display:block;
height:27px;
padding:12px 0 0 50px;
width:175px;
font-size:15px;
margin-left:5px;
}

.red {
color:#cf6a4c!important;
}

.red:hover {
color:#ea8f75!important;
}


.left-textblock .middle li a:hover {
background:url(gfx/nav-link-bgX.png) no-repeat;
}

.left-textblock .middle li a.home {
background:url(gfx/nav-link-bg-home.png) no-repeat;
}

.left-textblock .middle li a.home:hover {
background:url(gfx/nav-link-bg-home2.png) no-repeat;
}

.left-textblock .middle li a.catalogue {
background:url(gfx/nav-link-bg-pricelist.png) no-repeat;
}

.left-textblock .middle li a.catalogue:hover {
background:url(gfx/nav-link-bg-pricelist2.png) no-repeat;
}

.left-textblock .middle li a.contact {
background:url(gfx/nav-link-bg-contact.png) no-repeat;
}

.left-textblock .middle li a.contact:hover {
background:url(gfx/nav-link-bg-contact2.png) no-repeat;
}


/* ########## Catalogue  ########## */
.catalogue {
background:url(gfx/katalog-bg.png) no-repeat;
display:block;
height:45px;
margin:20px auto 30px;
width:263px;
}

.catalogue:hover {
opacity:.8;
}


/* ########## Right Content Column ########## */
.right-textblock {
float:right;
height:auto;
width:670px;
}

h1, h2 {
background:url(gfx/h1-bg.png) no-repeat;
float:right;
font-size:24px;
height:56px;
margin-top:20px;
padding:15px 0 0 40px;
width:631px;
color:#97AA80;
font-weight:bold;
}

/* ########## Text Block ########## */
.container2 {
float:right;
height:auto;
margin-right:5px;
width:666px;
}

.top2 {
background:url(gfx/text-top-bg.png) no-repeat;
height:12px;
width:665px;
}

.middle2 {
height:auto;
background:url(gfx/text-bg.png) repeat-y;
padding:0 15px;
width:635px;
}

.middle2 ul {
margin:20px 0;
}

.middle2 li {
font-weight:bold;
list-style:inside disc;
margin:0 0 10px 30px;
}

.middle2 ul ul li {
margin-left:70px;
}


.bottom2 {
height:12px;
background:url(gfx/text-bottom-bg.png) no-repeat;
width:665px;
}

/* ########## Item List ########## */
.item {
background:url(gfx/item-bg.png) repeat-x left top;
border:1px solid #dae0ee;
font-size:18px;
height:auto;
padding:10px;
width:620px;
margin-bottom:10px;
}

.item img {
border:1px solid #dae0ee;
margin-right:10px;
float:left;
width:100px;
height:120px;
}


/* ########## Contact Form ########## */
form  {
margin:0 auto;
padding:30px 50px;
width:300px;
}

input, textarea  {
background:#f4f4f5;
border:1px solid #cbcde0;
color:#58687e;
padding:2px;
}

input[type="submit"] {
width:100px;
height:20px;
cursor:pointer;
}

input:hover, textarea:hover {
background:#fff;
}

.map  {
border:1px solid #b9bcd0;
margin-left:20px;
}

#footer {
margin:0 auto;
width:950px;
height:29px;
background:url(gfx/footer-bg.png) no-repeat;
}

#footer p {
text-align:center;
padding-top:5px;
color:#8ea0a9;
}

#footer a {
color:#69788f;
}

#footer a:hover {
color:#516077;
}