body {
        margin:15px 0 0 0;
        background: #fff;
        font: 11px "Verdana";
        color: #333;
}
body, div, table, td, form, input, option, select {
        color: #333;
}

h3 {
        font-size: 13px;
        font-family: Arial;
        color: #eb2e2f;
        font-weight: normal;
        padding-top: 10px;
        margin-bottom: 5px;
        font-weight: bold;
}

h2 {
        font-size: 19px;
        font-family: Arial;
        color: #eb2e2f;
        border-bottom: 1px solid #eb2e2f;
        font-weight: normal;
        padding-top: 10px;
        margin-bottom: 5px;
        width:99%;
}

h5 {
        font-size: 14px;
        font-weight: bold;
}
input, option, textarea, select {
        background-color: inherit;
        border: 1px solid #888;
}
.button {
        border: 2px solid #333;
        background: #bb0000 url(img/horizmenu-activebg.png) repeat-x top center;
        color: white;
        margin-left: 10px;
}

#wrapwrap {
         margin:0px auto; 
         width:780px;
}

#headwrap {
         width:100%; 
         background-color: #fff; 
         float: left; 
         margin-bottom: 1px;
         height: 88px;
}

body#naslovnica #headwrap {
         width:100%; 
         background: #fff url(img/naslovnica.jpg) no-repeat top right; 
         float: left; 
         margin-bottom: 1px;
         height: 180px;
}
body#tehnologija #headwrap {
         width:100%; 
         background: #fff url(img/tehnologijahead.jpg) no-repeat top right; 
         float: left; 
         margin-bottom: 1px;
         height: 88px;
}
body#proizvodi #headwrap {
         width:100%; 
         background: #fff url(img/proizvodihead.jpg) no-repeat top right; 
         float: left; 
         margin-bottom: 1px;
         height: 88px;
}
body#onama #headwrap {
         width:100%; 
         background: #fff url(img/onamahead.jpg) no-repeat top right; 
         float: left; 
         margin-bottom: 1px;
         height: 88px;
}
body#novosti #headwrap {
         width:100%; 
         background: #fff url(img/novosti.jpg) no-repeat top right; 
         float: left; 
         margin-bottom: 1px;
         height: 88px;
}
body#dokumentacija #headwrap {
         width:100%; 
         background: #fff url(img/dokumentacija.jpg) no-repeat top right; 
         float: left; 
         margin-bottom: 1px;
         height: 88px;
}

body#kontakt #headwrap {
         width:100%; 
         background: #fff url(img/kontakt.jpg) no-repeat top right; 
         float: left; 
         margin-bottom: 1px;
         height: 88px;
}

#head {
         float: left; 
         width:200px; 
         yheight: 88px; 
}

body#naslovnica #head {
         float: left; 
         width:200px; 
         yheight: 88px; 
         margin-top: 15px;
}

#head a {
        border: none;
        display: block;
        width:200px;
        height: 88px;
        text-decoration:none;
        background: transparent url(img/logo_acv.gif) no-repeat; 
}

#headmoto {
        color: #eb2e2f;
        font-weight: bold;
        font-style: italic;
        font-size: 18px;
        float: left;
        margin: 30px 0 0 10px;
        clear: both;
        font-family: "Arial", sans-serif;
        display: none;
}
#headmoto h1 {
        display: none;
}
body#naslovnica #headmoto {
        display: block;
}

/* HORIZMENU */

#horizmenu {
         width:770px; 
         background-color: #f2f2f2;
         line-height: 25px;
         height:25px;
         float: left;
         background: #444 url(img/horizmenubg-25.png) repeat-x;
         clear: both; 
         overflow: hidden; 
         padding:0 0 0 10px;
         text-align: center;
         margin-bottom: 1px;
}

#menubar {
         ywidth: 100%; 
         overflow: hidden; 
         yfloat: left; 
         margin:0px auto;; 
}

#horizmenu a {
        display: block;
        width: auto;
        text-align: center;
        padding: 0px 8px;
        float: left;
        color: white;
        font-weight: bold;
        text-decoration: none;
        height: 25px;
        line-height: 25px;
        margin-right: 1px;
}
#horizmenu a#last {
}
#horizmenu a:hover {
        background: #888 url(img/horizmenu-hover.png) repeat-x top center;
}
#horizmenu .active {
        background: #bb0000 url(img/horizmenu-activebg.png) repeat-x top center;
}
#horizmenu a.active:hover {
        background: #dd0000 url(img/horizmenu-active-hover.png) repeat-x top center;
}

#trazi {
         width: 150px; 
         float: right;
         background: #ec5d17 url(img/moduletitlebg-narandzasto.png) repeat-x;
         height: 30px;
}
.wrapsep {
        height:5px;
        float: left;
        width:100%;
}

#sadrzajwrap {
         float: left; 
         background: transparent url(img/sadrzajbg.png) repeat-y 539px 0px; 
         clear: both; 
         width:100%;
         ymargin-bottom:5px;
}

#breadcrumbs, #desnibreadcrumbs {
        padding-left: 10px;
        height: 18px;
        line-height:18px;
        color: #fff;
        font-family: "Verdana";
        font-size:11px;
        float: left;
        border-bottom: 1px solid white;
}
#breadcrumbs {
        background-color: #89969f;
        width: 529px;
}
#desnibreadcrumbs {
        width: 230px;
        background: #4c79ba url(img/strelica-bijela-dolje.gif) no-repeat;
        font-weight: bold;
        text-indent: 15px;
}
#breadcrumbs a {
        color: #fff;
        text-decoration: none;
}
#breadcrumbs a:hover {
        color: #fff;
        text-decoration: underline;
}
h2#lijevasivazona {
        display: block;
        font-size:28px;
        font-family: Arial;
        color: #eb2e2f;
        background-color: #eee;
        float: left;
        width: 519px;
        border-top: 1px solid white;
        margin:0 0 20px 0;
        font-weight: normal;
        padding: 10px;
        border-bottom: none;
}
#desnasivazona {
        padding: 30px 15px 5px 15px;
        width: 100%;
        background-color: #eee;
        width:210px;
        height: 37px;
}
#desnasivazona h2 {
        display: block;
        font-size:28px;
        font-family: Arial;
        color: #eb2e2f;
        float: left;
        width: 220px;
        margin:0;
        font-weight: normal;
        border-bottom: none;
}
#sadrzaj { 
         ypadding: 2px; 
         width:539px;
         float: left;
}
#naslwrap { 
         ypadding: 2px; 
         width:539px;
         float: left;
         background: transparent url(img/sadrzajbg.png) repeat-y 340px -20px; 
}

#desniblok {
        width: 240px;
        float: right;
        background-color: #fff;
}
#desniblok .modul {
        padding: 0px 10px 5px 10px;
}
.modul p {
        padding:0px 10px;
        margin: 0 0 5px 0;
}
.modul h3 {
        font-size: 13px;
        font-weight: bold;
        color: #777;
        line-height: 24px;
        border-bottom: 1px solid #aaa;
        margin: 0px 0 5px 0;
}
.prod-inner-usko h5 {
        font-size: 11px;
        font-weight: bold;
        color: #fa7600;
        background: #fff;
        text-indent: 15px;
        margin: 0 0 10px 5px;
        display: inline;
        padding: 0 3px;
}

.prod-outer-usko {
        background: #fff url(img/prod-top.png) no-repeat left 8px;
        width: 220px;
        margin-bottom: 5px;
}
.prod-inner {
        background: transparent url(img/prod-bottom.png) no-repeat left bottom;
        padding-bottom:1px;
}

.prod-inner-siroko h5 a {
        font-size: 11px;
        font-weight: bold;
        color: #fa7600;
        background: #fff;
        ytext-indent: 15px;
        margin: 0 0 10px 10px;
        display: inline;
        padding: 0 3px;
}

.prod-inner-usko h5 a {
        font-size: 11px;
        font-weight: bold;
        color: #fa7600;
        background: #fff;
        ytext-indent: 15px;
        margin: 0 0 10px 10px;
        display: inline;
        padding: 0 3px;
}

.prod-outer-siroko {
        background: #fff url(img/prod-top-520.png) no-repeat left 8px;
        width: 520px;
        margin-bottom: 5px;
}
.prod-outer-usko {
        background: #fff url(img/prod-top.png) no-repeat left 8px;
        width: 220px;
        margin-bottom: 5px;
}
.prod-inner-siroko {
        background: transparent url(img/prod-bottom-520.png) no-repeat left bottom;
        padding: 0 5px 5px 5px;
}
.prod-inner-usko {
        background: transparent url(img/prod-bottom.png) no-repeat left bottom;
        padding: 0 5px 5px 5px;
}
#nasllijevo {
         float: left;
         width:309px;
         margin-top: 1px;
         padding:5px 15px;
}

#nasldesno {
         float: right; 
         width:169px;
         margin-top: 1px;
         padding: 5px 15px;
}
#naslsredwrap {
        clear: both;
         width:539px;
         float: left;
         ypadding-bottom: 10px;
}
#naslsredwrap .modul {
        width: 166px;
        float: right;
        margin: 5px 3px 2px 0px;
}
#naslsredwrap #clan {
        width: 194px;
}
.modul h4 {
        font-size: 11px;
        background-color: #dfe5e9;
        margin:0 0 5px 0;
        color: #333;
        padding: 3px 10px 3px 10px;
}
        

#desno {
         float: right; 
         background-color: #eee; 
         width:240px;
         margin-right: 0px;
}

#footer {
         width:770px;
        float: left;
        clear: both;
        position: relative;
        background-color: #999;
        color: #fff;
        text-align: left;
        padding: 3px 0 3px 10px;
         margin-bottom: 20px;
}
#footer a {
        color: #b2ddff;
}
#footer2 {
         width:770px;
        float: left;
        clear: both;
        position: relative;
        background-color: #eee;
        text-align: left;
        padding: 3px 0 3px 10px;
         margin-bottom: 20px;
}
#footer2 a {
        ycolor: #b2ddff;
}


/* TRAZI */

#trazi input {
        height:30px; 
        border: none; 
        background: transparent; 
        color: white; 
        font-weight: bold; 
        width: 125px; 
        margin: 0px; 
        padding: 0 0 0 5px;
}

#trazi #tekst {
         float: left;
         height: 30px; 
         line-height:30px; 
         font-weight: bold; 
         color: #ccc; 
         margin-left:20px; 
         margin-right:15px;
}

/* MENU */
.menu {
        background-color: #888;
}

.menu h4 {
        margin:0;
        padding:0;
}

.menu a {
        display: block;
        width:140px;
        clear: both;
        text-decoration: none;
        text-indent: 3px;
        line-height: 20px;
        color: #fff;
        font-weight: bold;
        border-bottom: 1px solid #999;
        border-left: 10px solid #666;
}

.menu a:hover {
        background-color: #aaa;
        border-left: 10px solid #666;
        border-bottom: 1px solid #ccc;
        color: #fff;
}
.menu a.active {
        color: #fff;
        border-left: 10px solid #555;
        background-color: #666;
}
form#EmailForm {
        border:none;
        margin:0;
        padding:0;
        width: 99%;
}
        
#EmailForm fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 200px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 200px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 200px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
input, textarea, select, option {
    /* border: 1px solid #666;
    padding: 0 2px;
    background-color: #eee;
        margin:0 0 5px 0; */
        font-family: inherit;
        font-size: inherit;
        color: inherit;
}
label {
        font-weight: bold;
        clear: both;
}
select {
    /* border: 1px solid #666;
    background-color: #eee; 
        margin:0 0 5px 0;  */
}/* 
input, textarea, select, option {
        padding:1px 0 1px 4px;
} */
input.checkbox {
        border: none;
        height:14px;
        width: 14px;
        padding:0;
        clear: none;
        margin-left:5px;
        margin-bottom:0;

}

#EmailForm textarea {
	margin-top: 3px;
	width: 220px;
	height: auto;
	display: block;
        font-family: inherit;
        font-size: inherit;
}

/* input:hover, textarea:hover {
        background-color: #f2f2f2;
} */
#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
input.button {
    yclear: left;
        padding:2px 10px;
        width: auto;
}
.optwayfinder {
        margin-bottom: -10px;
        padding-top: 10px;
}

.optwayfinder ul {
        list-style-type: none;
        margin:0;
        padding:0;
        background-color: white;
}

.optwayfinder ul li, .optwayfinder ul li ul li {
        list-style: none;
}

.optwayfinder ul li {
                font-size: 15px;
         background: #444 url(img/horizmenubg-25.png) no-repeat 50% top;
        color: #fff;
        text-indent: 10px;
        padding: 2px 1px 2px 1px;
        margin:0 0 5px 0;
        height: 20px;
        overflow: hidden;
}
.optwayfinder ul li:hover {
        height: auto;
}
.optwayfinder ul li:hover ul li {
        height: 20px;;
}
.optwayfinder ul li a {
        color: white;
        padding: 3px;
        display: block;
        font-family: "Arial";
        font-weight: normal;
}

.optwayfinder ul li a:hover {
        background-color: transparent;
        text-decoration: none;
}

.optwayfinder ul li ul li.active a:hover {
        background-color: transparent;
        text-decoration: none;
}
.optwayfinder ul li.active {
        background: #bb0000 url(img/horizmenu-activebg.png) repeat-x top center;
        height: auto;
}
.optwayfinder ul li ul li.active a {
        color: white;
}
.optwayfinder ul li ul li a {
        color: #005fc1;
        font-family: "Verdana";
        font-weight: bold;
}
.optwayfinder ul li ul li a:hover {
        background-color: #ddd;
}
.optwayfinder ul li ul {
        padding-top:5px;
        padding-bottom: 5px;
}
.optwayfinder ul li ul li {
                font-size: 11px;
        background: white none;
        padding: 1px;
        margin: 0px;
        padding-left: 10px;
}
.optwayfinder ul li ul li.active {
        background-color: #ddd;
        margin-left: 0px;
        padding-left: 10px;
}


/* DITTO */


.tvslika  {
        /* border: 2px solid #bbb; */
        margin: 5px 0 5px 5px;
        float: left;
}
.info {
        color: #666;
        padding: 5px 0;
}
.summary {
        text-align: justify;
        float: right;
        width:350px;
        yheight: 210px;
        yoverflow: hidden;
}
.prod-inner-usko .summary {
        text-align: justify;
        float: right;
        width:150px;
        yheight: 210px;
        yoverflow: hidden;
}
.prod-inner-usko .summary h3 {
        display: none;
}
div.summary p {
        text-align: justify;
        margin:0 0 10px 0;
        padding:0;
}
div.slika {
        float: left;
        width:150px;
        yheight: 120px;
        yoverflow: hidden;
        margin-bottom: 5px;
}
.prod-inner-usko div.slika {
        float: left;
        width:50px;
        yheight: 120px;
        overflow: visible;
        margin-bottom: 5px;
        background-color: #333;
}
div.slika a img {
	/* border: 2px solid #eee; */
        /* overflow: hidden;
        height:50px; */
        margin:0;
        border: none;
        overflow: visible;
}
div.slika a:hover img {
	/* border: 2px solid #ccc; */
        border: none;
}
.summary img.tvslika {
        display: none;
}
div.procitajtevise {
        yfloat: left;
        ymargin-left: 150px;
        clear: both;
        padding-left: 160px;
}
.prod-inner-usko div.procitajtevise {
        yfloat: left;
        ymargin-left: 150px;
        clear: both;
        padding-left: 0px;
}
.block-sredina {
display: block;
clear: both;
width: 100%;
float: none;
}