* {
margin:0px;
padding:0px;
}
body {
background: url(images/background.png) repeat-x bottom #ececec;
color:#ececec;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align: center;
}
div#wrapper {
background:url(images/bg_top.gif) no-repeat top #FFFFFF;
text-align: left;
margin-right: auto;
margin-left: auto;
width:820px;
padding:20px 0 0 0;
margin-bottom:0;
}
a:hover, a:visited:hover {
color:#0198d2;
}
a {
text-decoration:none;
color:#0076a3;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#636363;
line-height:18px;
margin-bottom:18px;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
color:#0076a3;
margin-bottom:12px;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0076a3;
margin-bottom:6px;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#0076a3;
margin-bottom:12px;
}
div.terminator {
clear:both;
}
.float-left {
float:left;
}
/*Header*/  
div#header {
background:url(images/bg_header.jpg) repeat-x;
height:106px;
width:820px;
}
div.logo {
float:left;
width:209px;
}
div.top_navigation {
float:left;
width:428px;
padding:76px 0 0 183px;
}
div.top_navigation a {
margin-right:20px;
}
/*Main*/
div#main  {
padding:25px 0 0 40px;
width:780px;
}
div.home-content {
width:430px;
padding:0 100px 0 0;
}
div.portfolio-callout {
width:250px;
}
div.portfolio-content {
width:430px;
padding:0 100px 0 0;
}
div.portfolio p {
line-height:13px;
}
div.proces-content1,div.proces-content2, div.proces-content3, div.proces-content4 {
width:152px;
margin:0 14px 20px 0;
padding:140px 8px 0 14px;
}
div.proces-content1 {
background:url(images/proces_korak1.jpg) no-repeat #e8e8e8;
}
div.proces-content2 {
background:url(images/proces_korak2.jpg) no-repeat #e8e8e8;
padding-bottom:18px;
}
div.proces-content3 {
background:url(images/proces_korak3.jpg) no-repeat #e8e8e8;
}
div.proces-content4 {
background:url(images/proces_korak4.jpg) no-repeat #e8e8e8;
padding-bottom:18px;
}
/*Footer*/
div#footer {
height:75px;
padding:0 0 0 40px;
background-color:#898989;
margin-bottom:0;
}
div#footer a, div#footer p {
font-size:11px;
color:#ffffff;
margin-bottom:0;
}
div.copy_left {
float:left;
width:630px;
padding-top:25px;
}
div.copy_right {
float:left;
width:148px;
}


/*Porucite logo*/
div.form-container {
width:542px;
background:url(images/bg_top_order.gif) no-repeat top #ececec;
padding:7px 7px 0 7px;
margin:15px 0 0 85px;

}
div.company_info {
}
div.form-container fieldset {
border:none;
}
div.form-container h1 {
font-family:"Myriad Pro", Arial;
font-size:24px;
color:#363636;
margin:9px 0 0 15px;
}
div.form-container p {
text-align:right;
}

div.podaci {
width:420px;
margin-left:15px;
}
div.white { 
background:url(images/bg_bottom_order.gif) no-repeat bottom #FFFFFF;
padding:25px 0 5px 0;
}
div.other_info {
background:url(images/bg_top_order2.gif) no-repeat top;
}
div.other_info h1 {
font-family:"Myriad Pro", Arial;
font-size:24px;
color:#363636;
padding:14px 0 2px 0;
}
div.white2 { 
background-color:#FFFFFF;
padding:25px 17px 5px 0;
}
div.form-container input {
width:240px;
}
div.form-container label {
padding-right:5px;
}
div.form-container textarea {
width:240px;
height:73px;
}
div.bottom {
background:url(images/bg_bottom_order2.gif) no-repeat top left;
height:20px;
margin:0 0 10px 85px;
}

/* forms */
input, textarea, select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}
fieldset {
margin-bottom: 1em;
border: 1px solid #BFD1E5;
}
form {
margin: 0;
padding: 0;
font-size:11px;
}
.form p {
font-size:11px;
}
.form select {
font-size:11px;
}
.form select option {
color: #666666;
}
legend {
color:#737373;
font-weight:bold;
}
div.form {
margin-top: 15px;
}
span.form-required {
color: #ffae00;
}
span.form-required {
color: #ffae00;
}

span.submitted, .description {
font-size: 0.92em;
color: #898989;
}
.description {
line-height: 150%;
margin-bottom: 0.75em;
color: #898989;
}

.messages, .preview {
margin: .75em 0 .75em;
padding: .5em 1em;
}
.messages ul {
margin: 0;
}
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
margin: 0.25em 0;
}
#center form {
margin-bottom: 2em;
}
.form-button, .form-submit {
margin: 2em 0.5em 1em 0;
}
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
margin: 0;
}
.box {
margin-bottom: 2.5em;
}
.form-item {
margin-top: 1em;
margin-bottom: 1em;
}
.form-item input.error, .form-item textarea.error {
border: 2px solid red;
}
.form-item .description {
font-size: 0.85em;
}
.form-item label {
display: block;
font-weight: bold;
color:#737373;
margin-bottom:3px
}
.form-item label.option {
display: inline;
font-weight: normal;
}
.form-checkboxes, .form-radios {
margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.marker, .form-required {
color: #f00;
}
div.form-container p.error {
color:#FF0000;
font-size:12px;
text-align:left;
padding:5px;
}
.copy_left a.bottom_links {
margin:0 5px;
}