@charset "utf-8";
/* CSS Document */

html, body{
margin: 0;
padding: 0;
}

body{
background: #ecf2ff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

a{
color: #00aee7;
font-weight: bold;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

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

img{
border: none;
}

p{
margin:0 0 10px 0;
}

#container{
width: 1000px;
position: relative;
left: 50%;
margin-left: -500px;
}

/*---HEADER---*/

#header{
width: 1000px;
height: 230px;
margin-top: 20px;
}

#leftEnd{
float: left;
width: 30px;
height: 53px;
background-image: url(../images/left-end.jpg);
}

#center{
float: left;
width: 940px;
height: 53px;
background: url(../images/menu-back.jpg) repeat-x;
}

#rightEnd{
float: left;
width: 30px;
height: 53px;
background-image: url(../images/right-end.jpg);
}

#logo{
float: left;
padding-left: 40px;
}

#headPic{
float: left;
width: 970px;
height: 177px;
padding-left: 30px;
}

#pic{
width: 940px;
height: 177px;
background-image: url(../images/head-pic.jpg);
}

/*------------*/

/*---TOP-BOTTOM---*/

#top{
float: left;
width: 1000px;
height: 30px;
}

#topLeft{
float: left;
width: 30px;
height: 30px;
background-image: url(../images/left-top.jpg);
}

#topCenter{
float: left;
width: 940px;
height: 29px;
background-color: #fff;
border-top: 1px solid #b3c1e9;
}

#topRight{
float: left;
width: 30px;
height: 30px;
background-image: url(../images/right-top.jpg);
}

#bottom{
float: left;
width: 1000px;
height: 30px;
}

#bottomLeft{
float: left;
width: 30px;
height: 30px;
background-image: url(../images/left-bottom.jpg);
}

#bottomCenter{
float: left;
width: 940px;
height: 29px;
background-color: #fff;
border-bottom: 1px solid #b3c1e9;
}

#bottomRight{
float: left;
width: 30px;
height: 30px;
background-image: url(../images/right-bottom.jpg);
}

/*----------------*/

/*---CONTENT---*/

#content{
float: left;
width: 998px;
border-left: 1px solid #b3c1e9;
border-right: 1px solid #b3c1e9;
background-color: #fff;
}

#right{
float: right;
width: 270px;
padding-right: 30px;
}

#left{
float: left;
width: 640px;
}

.banner{
float: left;
margin-bottom: 20px;
}

.box{
float: left;
margin-left: 30px;
display: inline;
width: 640px;
}

h1{
font-size: 24px;
margin: 0 auto 5px 0;
font-weight: normal;
color: #00aee7;
width: 640px;
border-bottom: 1px solid #dfe8fd;
}

h2{
font-size: 18px;
margin: 0 auto 5px 0;
font-weight: normal;
color: #00aee7;
width: 640px;
}

h3{
font-size: 14px;
margin: 0 auto 5px 0;
font-weight: normal;
color: #00aee7;
width: 640px;
}

h4{
font-size: 14px;
margin: 10px auto 5px 0;
font-weight: bold;
color: #00aee7;
}

.flash{
float: left;
margin: 0 10px 10px 0;
padding: 2px;
border: 2px solid #dfe8fd;
}

.boxEnd{
float: left;
width: 640px;
height: 20px;
margin-left: 30px;
display: inline;
text-align: right;
background: url(../images/stripes-blue.png);
margin-bottom: 20px;
}

.boxMore{
float: left;
width: 620px;
margin-left: 30px;
display: inline;
padding-left: 20px;
background: url(../images/stripes-blue.png);
margin-bottom: 20px;
}

.linkH{
text-decoration: none;
font-weight: normal;
}

.linkH:hover{
text-decoration: underline;
}

.linkSaznaj{
line-height: 18px;
color: #333333;
margin-right: 10px;
}

.picLeft{
float: left;
margin: 0 10px 10px 0;
padding: 2px;
border: 2px solid #dfe8fd;
}

.picRight{
float: right;
margin: 0 10px 10px 0;
padding: 2px;
border: 2px solid #dfe8fd;
}

.galeryBox{
float: left;
display: inline;
width: 640px;
text-align: center;
}

.galeryBox img{
margin-top: 10px;
margin-right: 8px;
display: inline;
padding: 2px;
border: 2px solid #dfe8fd;
}

.galeryBox img:hover{
border-color: #00aee7;
}

/*-------------*/

/*---MENU---*/

/* Styles for the entire LavaLamp menu */
.lavaLamp{
position: relative;
height: 30px;
width: 470px;
padding: 10px 10px 10px 50px;
margin: 0 auto 0 400px;
overflow: hidden;
}

/* Force the list to flow horizontally */
.lavaLamp li{
float: left;
list-style: none;
}

/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back{
background: url("../images/lava.gif") no-repeat right -30px;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
}

.lavaLamp li.back .left{
background: url("../images/lava.gif") no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}

/* Styles for each menu-item. */
.lavaLamp li a{
font: bold 12px;
text-decoration: none;
color: #fff;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: inline;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}

.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited{
border: none;
}

/*----------*/

/*---FOOTER---*/

#footer{
float: left;
width: 1000px;
height: 53px;
margin-top: 20px;
margin-bottom: 20px;
line-height: 53px;
text-align: center;
color: #fff;
font-size: 11px;
}

#footerLeft{
float: left;
width: 10px;
height: 53px;
background-image: url(../images/footer-left.jpg);
}

#footerCenter{
float: left;
width: 980px;
height: 53px;
background: url(../images/footer-center.jpg) repeat-x;
}

#footerRight{
float: left;
width: 10px;
height: 53px;
background-image: url(../images/footer-right.jpg);
}

/*------------*/

/*---FORMA---*/

#mailForm{
width: 600px;
margin-left: 40px;
}

#formLeft{
width: 300px;
float: left;
}

#formRight{
width: 300px;
float: left;
}

.fieldName{
color: #333333;
font-size: 12px;
margin: 10px 0 0 0;
}

.field{
margin: 0;
padding: 0;
width: 300px;
}

.textBox{
width: 250px;
font-size: 11px;
color: #333333;
}

#TextArea{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #333333;
width: 250px;
height: 125px;
}

#formButtons{
float: left;
clear: both;
width: 550px;
text-align: right;
margin-top: 20px;
margin-bottom: 20px;
}

.form_error{
font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
padding: 5px;
background: #ffffcf;
border: 1px solid #d2d2d2;
}

#obav{
float: left;
font-size: 10px;
}

span.req{
color: #f33;
font-weight: bold;
}

span#count{
color: #689230;
}

span.counter{
margin-left: 70px;
font-size: 11px;
font-weight: normal;
}