body {
background-image: url("../images/527_pozadi.jpg");
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
font-family: 'Open Sans';
color: #000;
}

ul {
float: right;
}

.main {
margin: 0px auto;
width: 1000px;
border: 7px solid #71a326;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #ffffff;
}

.header {
color: #1a6701;
}

.header h2 {
font-size: 2.946em;
float: left;
margin: 0;
  padding: 23px 25px;
}

.header h2 span {
  color: #412800;
}

.header ul {
font-weight: 600;
  font-size: 1.500em;
    padding: 0px 30px 0px 0px;
}

.navbar{
display: table;
height: 50px;
width: 100%;
border: none;
}

.navbar ul {
	display: table-row;
	width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
	text-align: center;
	background: #84d111; /* Old browsers */
background: -moz-linear-gradient(top,  #84d111 0%, #5e930f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84d111), color-stop(100%,#5e930f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #84d111 0%,#5e930f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #84d111 0%,#5e930f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #84d111 0%,#5e930f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #84d111 0%,#5e930f 100%); /* W3C */

}

.navbar li {
    display: table-cell;	
}

.navbar li.cell {
    display: table-cell;
	background: #84d111; /* Old browsers */
background: -moz-linear-gradient(top,  #84d111 0%, #5e930f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84d111), color-stop(100%,#5e930f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #84d111 0%,#5e930f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #84d111 0%,#5e930f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #84d111 0%,#5e930f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #84d111 0%,#5e930f 100%); /* W3C */

	
}
.navbar li > a{
	line-height: 50px;
	font-size: 1.046em;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	height: 50px;
	  font-weight: 600;
	padding: 13px 23px 14px 24px;
}

.navbar li:hover,
.navbar li:focus,
.navbar li.active{
background: #29a800; /* Old browsers */
background: -moz-linear-gradient(top, #29a800 0%, #1a6900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29a800), color-stop(100%,#1a6900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #29a800 0%,#1a6900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #29a800 0%,#1a6900 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #29a800 0%,#1a6900 100%); /* IE10+ */
background: linear-gradient(to bottom, #29a800 0%,#1a6900 100%); /* W3C */
}
.navbar li:hover a,
.navbar li:focus a,
.navbar li.active a{
	color: #fff;
}

.navbar li.active a{
	color: #fff;
}

.navbar li.cell {
    display: table-cell;
	border-right: 1px solid #71b210;	
}

.banner{
background-color: #ffffff;
position: relative;
}

.banner h3{
background-color: rgba(103,161,15,0.7);
color: #3f1401;
position: absolute;
  top: 5px;
  padding-top: 15px;
  right: 0px;
  width: 260px;
  height: 90px;
  text-align: center;
    font-size: 1.37em;
  line-height: 35px;
    font-weight: bold;
	  font-style: italic;
-webkit-border-bottom-left-radius: 8px;
-moz-border-bottom-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-top-left-radius: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}

.banner2{
height: 180px;
}

.banner2 h1{
    text-decoration: none;
    text-align: center;
     font-size: 1.4em;
     font-weight: 400;
     margin: 30px auto;
    color: #22B14C;
}

.banner2 a{
    text-decoration: none;
    font-weight: 400;
}

.bannerBox{
height: 100px;
width: 950px;
  position: relative;
    margin: 35px 25px 10px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

box-shadow:              #7e7e7e 0px 0px 15px;
-webkit-box-shadow: #7e7e7e 0px 0px 15px;
-moz-box-shadow:     #7e7e7e 0px 0px 15px;
}

.bannerBox img{
  position: absolute;
  top: -20px;
  left: 20px;
}

.bannerBox h3{
float:right;
color:#1a6701;
  position: absolute;
  font-weight: 600;
  font-size: 1.3em;
  left: 200px;
  top: 15px;
}


.boxes {
margin: 0px auto;
width: 1000px;
padding: 0;
  min-height: 166px;
}

.mainContent{
padding: 0 25px 20px 25px;
}

.mainContent ul{
float:none;
  list-style-type: none;
    padding: 0 0 0 100px;
  margin: 0;
}

.mainContent span{
font-size: 0.8em;
  font-style: italic;
  font-weight: normal;
}

.mainContent p{
color:#3f1401;
}

.boxHeader {
position: relative;
padding-bottom: 20px;
}

.box {
  padding-top: 1px;
  position: relative;
}

.box span {
  position: absolute;
  left: 40px;
  height:88px;
  top: 60px;
}

.box2 span {
  position: absolute;
  left: 55px;
}

.box h2{
color:#1a6701;
  padding-bottom: 20px;
  margin: 0;
      font-size: 1.346em;
  font-weight: 600;
  width: 310px;
  text-align: center;
}

.box img{	

}

.box1 {
width:310px;
position: relative;
float:left;
}

.box2 {
width:310px;
float:left;
position: relative;
padding-right: 15px;
padding-left:15px;
}

.box3 {
width:310px;
position: relative;
float:left;
}

.horizontal{
margin-left:2%;
margin-right:2%;
height: 1px;
background-color: #C7BCB1;

}

.footer{
color: #71a326;
  font-size: 0.828em;
  font-weight: 600;
    padding-left: 35px;
	margin-bottom: 20px;
}

.flags {
  float: right;
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 20px;
}

.flags a {
  padding: 5px;
  margin: 0;
}