/*
--------------------------------------------------------------------------------------------
1. DEFAULT ELEMENTI - HTML, BODY, H1, H2, H3...
--------------------------------------------------------------------------------------------
*/

html, body, div, form, textarea, input, img, label, table, tr, td, p, hr{ 
  margin: 0;
  padding: 0;
  border: none;
}
ul{list-style-image:none;list-style:none;margin:0;padding:0}
ul li{margin:0;padding:2px}

body{
  color: #666;
  background-color: #fff;
  font-size: 14px;
  font-family: 'Palatino Linotype', 'Times New Roman', 'Trebuchet MS', Georgia, Arial, Verdana;
  margin: 0;
  padding: 0;
}

h1{
  font-family: 'Trebuchet MS';
  font-size: 1.0em;
  font-weight: bold;
  margin: 0;
}
h2{
  color: #ff6600;
  font-family: 'Trebuchet MS';
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 10px;
  margin: 0;
}
h3{
  color: #ff6600;
  font-family: 'Trebuchet MS';
  font-size: 2.8em;
  font-weight: bold;
  padding-bottom: 8px;
  margin: 0;
}

a{
  color: #ff6600;
  text-decoration: none;
}
a:hover, a:focus{
  color: #ff6600;
  text-decoration: underline;
}

p{padding-bottom:10px;line-height:1.4}

strong{color:#ff6600}
b{color:#ff6600;font-weight:normal}

hr{
  border-top: 1px solid #330000;
  border-bottom: 1px solid #fff;
  margin: 12px 0 8px 0;
}
.clear{clear:left}



/*
-------------------------------------------------------------------------------------------
2. HEADER - GLAVNA NAVIGACIJA, HEADING, LOGOTIP
-------------------------------------------------------------------------------------------
*/
#header{
  height: 350px;
  background-color: #ff6600;
}

#header #navigation{
  width: 350px;
  padding: 15px 0 40px 180px;
  float:left;
}

#header #navigation ul li{
  display: inline;
}
#header #navigation ul li a{
  color: #999;
  background-color: #fff;
  font-family: 'Trebuchet MS';
  font-size: 2.0em;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 19px 20px 19px;
}
#header #navigation ul li a:hover, #header #navigation ul li a:focus{
  color: #ff6600;
  text-decoration: none;
}
#header #text_menu{
  width: 300px;
  float:left;
  font-family: 'Trebuchet MS';
  font-size: 2.0em;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 19px 20px 19px;
}
#header #desc{
  width: 790px;
  color: #fff;
  font-family: 'Trebuchet MS';
  font-size: 2.0em;
  font-weight: bold;
  padding: 10px 0 5px 180px;
  clear:both;
}

#header #logotip{
  padding: 0 0 10px 970px;
}



/*
-------------------------------------------------------------------------------------------
3. HEADING - LEFT, TITLE
-------------------------------------------------------------------------------------------
*/
.heading1, .heading2, .heading3{
  height: 60px;
  font-family: 'Trebuchet MS';
  font-size: 3.4em;
  font-weight: bold;
}
.heading1 .left, .heading2 .left, .heading3 .left{
  float: left;
  width: 140px;
  text-align: right;
  padding-right: 10px;
}
.heading1 .title, .heading2 .title, .heading3 .title{
  float: left;
  width: 810px;
  height: 60px;
  text-align: right;
  padding-right: 10px;
}

.heading1, .heading3{background-color:#fff}
.heading2{background-color:#ff6600}

.heading1 .left{color:#ff6600}
.heading2 .left{color:#fff}
.heading3 .left{color:#330000}

.heading1 .title{color:#fff;background-color:#ff6600}
.heading2 .title{color:#ff6600;background-color:#fff}
.heading3 .title{color:#fff;background-color:#330000}



/*
-------------------------------------------------------------------------------------------
4. SREDINA STRANICE - MAIN
-------------------------------------------------------------------------------------------
*/
.main{
  padding: 15px 10px 40px 170px;
  width: 790px;
}
.main .left{
  float: left;
  width: 380px;
  padding-right: 30px;
}
.main .left p.opis{
  font-size: 1.4em;
  padding-bottom: 25px;
}
.main .left p.opis:first-letter{
  color: #ff6600;
  font-size: 2.0em;
  font-weight: bold;
}

.main .right{
  float: left;
  width: 380px;
}

.main ul.tesla{
  font-style: italic;
  padding: 0 0 20px 40px;
}
.main ul.tesla li a{
  color: #666;
}

.main a img.slika1, .main a img.slika2{
  background-color: #ffd1b2;
  border: 1px solid #ff6600;
  padding: 3px;
  
}
.main a img.slika1{
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
}
.main a:hover img.slika1, .main a:focus img.slika1, .main a:hover img.slika2, .main a:focus img.slika2{
  background-color: #ff6600;
}



/*
-------------------------------------------------------------------------------------------
5. KONTAKTNE INFORMACIJE - CONTACT
-------------------------------------------------------------------------------------------
*/
#contact{
  background-color: #330000;
  padding-top: 20px;
}
#contact .main{color:#fff}
#contact .main .left{
  float: left;
  width: 290px;
  padding-right: 50px;
}
#contact .main .right{
  float: left;
  width: 450px;
}



/*
-------------------------------------------------------------------------------------------
7. OSTATAK STRANICE - E-MAIL FORMA
-------------------------------------------------------------------------------------------
*/

fieldset{
  border: 1px solid #fff;
  padding: 8px 15px;
  margin-bottom: 14px;
}
fieldset legend{
  color: #fff;
  font: 1.3em 'Trebuchet MS';
  font-weight: bold;
  padding: 0 5px;
}
.text{
  color: #fff;
  background-color: #330000;
  border: 1px solid #fff;
  font-size: 1.2em;
  padding: 4px 5px;
}
.button{
  color: #fff;
  background-color: #330000;
  border: 1px solid #fff;
  font-size: 1.3em;
  padding: 8px 20px;
  cursor: pointer;
}
p.ok{
  color: #000;
  background: #e5fcd9 url('../images/icon_message_ok.gif') 10px center no-repeat;
  padding: 6px 10px 6px 35px;
  margin-bottom: 18px;
}
p.greska{
  color: #000;
  background: #fceae3 url('../images/icon_message_error.gif') 10px center no-repeat;
  padding: 6px 10px 6px 35px;
  margin-bottom: 18px;
}