* {
  	padding: 0;
   	margin: 0;
   	border: 0;
   	text-decoration: none;
}

body {
	font-family: Geneva, Arial, sans-serif;
	font-size: 12px;
	color: #808080;
	margin:auto;
	background-color: #f3f3f3;
	height: 100%;
}

html {
	height: 100%;
}

div {
	margin:auto;
	width: 940px;
}

#main {
	width: 940px;
	min-height: 100%;
    margin: auto;
    background-color: #ffffff;
    height:auto !important;
    height:100%;
}

img {
	border: 0;
}

a:active {
   outline:none;
}

a:focus {   
   -moz-outline-style:none;
}

a {
	color: #808080;
}

a:hover {
	color: #007acc;
}

h1 {
	color: #8cc63e;
}

#active {
	color: #007acc;	
}

#header {
	height: 212px;
}

#logo {
	width: 300px;
	float: left;
	margin-left: 40px;
	padding-top: 100px;
}


.logoText {
	font-size: 26px;
	color: #8cc63e;
}

.logoTextBlue {
	font-size: 26px;
	color: #b1d7f5;
}

#green {
	width: 55px;
	float: right;
	margin-top: 75px;
	margin-right: 88px;
}

#logoGreen {
	height: 160px;
}

.nav ul {
	height: 50px;
	list-style: none;
	float: left;
	border-top: 1px solid #ecede9;
	border-bottom: 1px solid #ecede9;
	margin-left: 40px;
	/*width: 860px;*/
}

.nav li {
	float: left;
	text-align: left;
	padding-top: 17px;
	margin-right: 60px;
}

#language {
	color: #8cc63e;
	margin-left: 100px;
	float: left;
}

#languageEn {
	color: #8cc63e;
	margin-left: 100px;
	float: right;
}


#content {
	height: 400px;
	clear: both;
}

#slide {
	height: 400px;
	text-align: center;
}

.service {
	width: 250px;
	height: 120px;
	float: left;
	padding-top: 50px;
	text-align: left;
	padding-left: 50px;
}

#service {
	width: 610px;
	float: left;
}

.fotoL {
	margin-left: 20px;
	margin-top: 0px;
	
}

.fotoOzimbo {
	margin-left: 30px;
	margin-top: 40px;
	
}

.fotoKucica {
	margin-left: 20px;
	margin-top: 40px;
	
}

.fotoSijalica {
	margin-left: 50px;
	margin-top: 40px;
	
}

.fotoDizajn {
	margin-left: 40px;
	margin-top: 40px;
	
}

.fotoPlaneta {
	margin-left: 50px;
	margin-top: 50px;
	
}

.process {
	width: 255px;
	height: 120px;
	float: left;
	padding-top: 50px;
	text-align: left;
	padding-left: 50px;
}

.processD {
	width: 255px;
	height: 120px;
	float: left;
	padding-top: 40px;
	text-align: left;
	padding-left: 50px;
}

#process {
	width: 610px;
	float: left;
}

.ikonica {
	float: right;
	margin-top: -60px;
}

.servicelist {
	margin-left: 14px;
	padding-top: 20px;
	width: 200px;
}

.ecommerceFoto {
	width: 220px;
	height: 350px;
	float: left;
	padding-top: 50px;
	text-align: left;
	padding-left: 40px;
	padding-right: 10px;
} 

.ecommerce{
	width: 520px;
	float: left;
	padding-top: 50px;
	padding-left: 50px;
	text-align: left;
	padding-right: 40px;
}

.arrows {
	width: 912px;
	
	margin-top: -213px;
}

.arrowL {
	float: left;
	padding-left: 14px;
}

.arrowR {
	float: right;
	padding-right: 14px;
}

#footer {
	height: 80px;
	width: 860px;
	border-top: 1px solid #ecede9;
	font-size: 11px;
	padding-top: 30px;
	font-weight: normal;
}

#copyright {
	width: 170px;
	float: left;
}

#navFooter {
	width: 610px;
	float: right;
	text-align: right;
}

#navFooter ul {
	list-style: none;
	float: right;
}

#navFooter li {
	float: left;
	text-align: right;
	margin-left: 23px;
}

.kolas {
	color: #8cc63e;
}

.contactForma{
	width: 300px;
	float: left;
	padding-top: 50px;
	padding-left: 50px;
	text-align: left;
	padding-right: 40px;
}

.kontakt {
	width: 540px;
	float: left;
	padding-top: 50px;
	padding-left: 50px;
	text-align: left;
	padding-right: 40px;
}

.podaci {
	width: 200px;
	float: left;
	padding-top: 50px;
	padding-left: 50px;
	text-align: left;
	padding-right: 40px;
}

.forma {
	width: 540px;
	float: left;
}


#submit {
	-moz-border-radius: 1px;
    -webkit-border-radius: 1px;
	background-color: #8cc63e;
	color:#FFFFFF;
	float:right;
	font-size: 12px;
	padding-bottom:5px;
	padding-top:5px;
	width:90px;
	margin-top: 86px;
}

#contact {
	border: 1px #ecede9 solid;
	-moz-border-radius: 1px;
    -webkit-border-radius: 1px;
	width: 400px;
	float: left;
	font-size: 14px;
	font-family: Geneva;
	
}

#phone {
	border: 1px #ecede9 solid;
	-moz-border-radius: 1px;
    -webkit-border-radius: 1px;
	width: 400px;
	float: left;
}

#name {
	border: 1px #ecede9 solid;
	-moz-border-radius: 1px;
    -webkit-border-radius: 1px;
	width: 400px;
	float: left;
}

#mail {
	border: 1px #ecede9 solid;
	-moz-border-radius: 1px;
    -webkit-border-radius: 1px;
	width: 400px;
	float: left;
}

.forma input[type=text] {
	width: 400px;
	height: 20px;
	font-size: 14px;
}


fieldset {
  padding: 1px;
  border: 0;
  border-left-style: none;
  }
  
label {
  float:left;
  width:50%;
  padding-top:1px;
  text-align:left;;
  border:0;
  font-size: 12px;
  padding-bottom: 1px;
  padding-top: 5px;
  }



/* slider */
#slider { /*margin-top: 25px;*/ border-bottom: 0px solid #000; position: relative; }
#slider h1 { color: #040404; font-size: 53px; }
.project_desc { margin: 75px 0 15px 0; width: 550px; font-size: 18px; }
.project_link { color: #0095bc; font-family: "Myriad Pro", Helvetica; font-size: 18px; }
#slider .arrows { position: absolute; bottom: 25px; left: 10px; width: 50px; overflow: hidden; width: 100px; }
#slider .arrows img { border: 0; }



.stepcarousel .panel { margin:0 !important; }

.slideSmall {
	width: 380px;
	height: 200px;
	float: left;
	text-align: left;
}

.slideSmallR {
	width: 370px;
	height: 200px;
	float: left;
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
}

.slideSmallRD {
	width: 370px;
	height: 200px;
	float: left;
	text-align: left;
	margin-top: -20px;
	padding-left: 20px;
}

.panel a img:hover { border: 0px solid #CCC; } 
.panel a img { border: 0px solid #FFF;  }


.slajd {
	width: 760px;
	height: 400px;
}

.slajdFoto {
	width: 330px;
	height: 400px;
	float: left;
}

.slajdTekst {
	width: 430px;
	height: 400px;
	float: left;
}

.slajdTekstNaslov {
	width: 430px;
	height: 120px;
	float: left;
	text-align: left;
	padding-top: 110px;
}

.slajdTekstTekst {
	width: 430px;
	height: 170px;
	float: left;
	text-align: left;
}

.tekstSlajd {
	font-size: 13px;
}

h2 {
	font-size: 42px;
	color: #000000;
	line-height: 46px;
}

.tekstNaslovPlavi {
	color: #b1d7f5;
}

.kontaktZeleni {
	color: #8cc63e;
}