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

@font-face {
font-family: "Futura";
src: url("futura.otf")
}
body, html {
margin : 0;
padding : 0;
}
body {
/*background : #220c04  #231610;*/
background: #1a1513 url(design/body-bg.png) repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:1.5;
font-size : 0.75em;
color : #A3A3A3;
}



.text {
  float:left;
  width:410px;
  padding : 25px;
  color :#8a7b6f/*FCDD92*/;
  overflow:hidden;
  z-index:300;
  font-size:0.95em;
  text-align:justify;
}


#gallery5 .text {
  float:left;
  width:400px;
  padding : 25px 0 25px 25px;
  color :#8a7b6f/*FCDD92*/;
  overflow:hidden;
  z-index:300;
  font-size:0.95em;
  text-align:justify;
}

.text img{
  position:absolute;
  top:45px;
  left:465px;

}

.text p{font-size:0.938em;}

h1{
  color: #8d704c;
  font-size:1.728em;
  font-family: "Futura", Helvetica, Arial, sans-serif;
  margin:15px 0 0 0;
}

h2{
  color: #8d704c;
  font-weight: normal;
  font-size:1.728em;
  font-family: "Futura", Helvetica, Arial, sans-serif;
  padding:0;margin:15px 0 0 0;
}

h3{
  color: #8d704c;
  font-weight: normal;
  font-size:1.182em;
  font-family: "Futura", Helvetica, Arial, sans-serif;}
  
.fut { font-size:1.273em; font-weight: normal;}

a{  color:#b99a66; text-decoration:none; outline:none;}
a:hover{ color:#8d704c;text-decoration: underline;}


blockquote { padding:10px; font-style:italic; background:#1E1009; font-family: "Trebuchet MS", sans-serif; font-size:1em;}

.left { float:left; }

.right { float:right; }

#container { width:881px; height:631px; background:url(design/content-bg.jpg) no-repeat; margin:55px auto 0 auto; padding:69px 49px 0px 49px; /*overflow:hidden;*/  position:relative; }

#box1 { width:878px; height:333px; margin:0; padding:0; position: absolute; top:69px; left:49px; border:1px solid #343434; overflow:hidden;}

#box1_hover { width:878px; height:333px; margin:0; padding:0; position: absolute; top:69px; left:49px; z-index:100; cursor:pointer; overflow:hidden;border:1px solid #745b3d;}

a img { border:none; }

#box_dole { width:880px; height:223px; padding:0; position: absolute; top:418px; left:49px; overflow:hidden;}

#box4 { width:407px; height:221px; padding:0; position:absolute; border:1px solid #343434; overflow:hidden; }

#box4_hover { width:407px; height:221px; padding:0; position:absolute; z-index:100; left:0px; top:0px; cursor:pointer;overflow:hidden;border:1px solid #745b3d;  background:#181009; }

#box2 { width:182px; height:221px;  padding:0; position:absolute; left:424px; border:1px solid #343434; overflow:hidden; }

#box2_hover { width:182px; height:221px; padding:0; position:absolute; left:424px; top:0px; z-index:100; cursor:pointer; overflow:hidden;border:1px solid #745b3d;  background:#181009;}
.box a { text-decoration:none;}

.box a h3{  display:block;
    text-align:center;
  font-size:2.728em;
  color:#745b3d;
  position: relative;
  top:38%;
  padding:0;
  font-weight:normal;
  padding:0;
  margin:0;}

h3.slikica { background:url(../images/projekt-borghetto1-hover2.gif) no-repeat center center; height:76px;}

#box3 { width:255px; height:221px;  padding:0; position:absolute; left:623px; border:1px solid #343434; overflow:hidden; }

#box3_hover { width:255px; height:221px; padding:0; position:absolute; left:623px; top:0px; z-index:100;  cursor:pointer;overflow:hidden;border:1px solid #745b3d;  background:#181009 url(../images/projekt-borghetto1-hover.gif) no-repeat center center ;}

#navigation { width:880px; height:29px;  margin:0px; padding-top:5px; position: absolute; bottom:15px; left:49px;}

#navigation ul {
  position: relative;
  margin:0px 0 0 0;
  padding: 0 0 0 1px;
  font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
}

#navigation ul li {
  position: relative;
  background: url(design/nav1-sep.gif) no-repeat left top;
  display : inline;
    float: left;
  padding: 0 10px 0 10px;
  text-align: center;
  list-style-type : none;
  /*text-transform:uppercase;*/
}

#navigation ul li a {
  display: block;
  position: relative;
  float: left;
  text-decoration: none;
  width:70px;
  height:29px;
  cursor: pointer;
}
a.projekti { background:url(design/projekti.gif) no-repeat left 0px;}

a.onama { background:url(design/onama.gif) no-repeat left 0px;}

a.partneri { background:url(design/partneri.gif) no-repeat left 0px;}

a.kontakt { background:url(design/kontakt.gif) no-repeat left 0px;}

a.projektide { background:url(design/projektide.gif) no-repeat left 0px;}

a.onamade { background:url(design/onamade.gif) no-repeat left 0px;}


a.kontaktde { background:url(design/kontakt.gif) no-repeat left 0px;}

a.projektien { background:url(design/projektien.gif) no-repeat left 0px;}

a.onamaen { background:url(design/onamaen.gif) no-repeat left 0px;}

a.kontakten { background:url(design/kontakten.gif) no-repeat left 0px;}

a.kontaktit { background:url(design/kontakt.gif) no-repeat left 0px;}

a.projektiit { background:url(design/projektien.gif) no-repeat left 0px;}

a.onamait { background:url(design/onamait.gif) no-repeat left 0px;}


a.kontaktit { background:url(design/kontaktit.gif) no-repeat left 0px;}

#navigation ul li a:hover,#navigation ul li a.current { background-position: left -25px; text-decoration: none;}


#jezici { width:881px; /*padding:0 49px 0 49px; margin:5px auto 0 auto;*/ position:absolute; z-index:1000; top:-25px; left:49px; font-size:0.875em; color:#301f12;}

#jezici a {
  color:#7a5f40;
  padding:0;
}
#jezici ul {
margin : 0px 0px 0 0px;
padding : 0;
}
#jezici ul li {
display : inline;
padding : 0 5px 0 5px;
padding : 0;
}


.text-opis {
  position:absolute;
  width:208px;
  height:574px;
  left:665px;
  padding : 5px;
  color:#a38f77;
  overflow:hidden;
  z-index:300;
  font-size:0.938em;
  line-height:1.5;
  }

.text-opis h2{
  color: #8d704c;
  font-weight: normal;
  font-size:1.637em;
  margin:15px 0 0  0;
  padding:0;
}

.text-opis p{font-size:0.938em;
  
}

ul.text2 {
margin:10px 0px 5px 0px;
padding:0 0px 0 5px;
text-align: left;
width: auto;font-size:1em;
}
.text2 li{
  color: #a38f77;
  list-style-type: none;
  line-height:1.05em;
  margin:0 0 4px 0;
  padding:2px 4px;
  text-align: left;
  /*border-bottom:1px solid #362213;*/
}

.text li{ background:url(design/li-bg.gif) no-repeat 3px center; padding-left:15px; }

.strong{
  color: #7a6041;
  font-weight: normal;
}

.text2 li.naslov{
  color: #7a6041;
  font-weight: bold;
  border:none;
}

.galerija-link { width:431px; height:auto;  padding:0; margin:0; position: absolute; top:0px; /*cursor:pointer;*/ /*background:url(../images/galerja-link-hover.gif) no-repeat;*/}

.galerija-link2 { width:284px; height:auto;  padding:0; margin:0; position: absolute; /*cursor:pointer;*/ /*background:url(../images/galerja-link-hover.gif) no-repeat;*/}

.galerija-link2 img,.galerija-link img{ padding:0; margin:0;}

.galerija-link .opis { width:430px; height:276px;  padding:0px;  position: absolute;  top:0; left:0px; background-color:#181009/*#1E1009*/;  display:none; border:1px solid #745b3d;/*filter:alpha(opacity=85);
opacity: 0.85;
-moz-opacity:0.85;*/

text-align:center;
cursor:pointer;
z-index:100;}


.galerija-link2 .opis { width:283px; height:276px;  padding:0px;  position: absolute;  top:0; left:0px; background-color:#181009/*#1E1009*/;  display:none; border:1px solid #745b3d;/*filter:alpha(opacity=85);
opacity: 0.85;
-moz-opacity:0.85;*/

text-align:center;
cursor:pointer;
z-index:100;}

.galerija-link .opis2 { width:430px; height:568px;  padding:0;  position: absolute;  top:0; left:0px; background-color:#181009; overflow:hidden; display:none; border:1px solid #745b3d;/*filter:alpha(opacity=85);
opacity: 0.85;
-moz-opacity:0.85;*/

text-align:center;
cursor:pointer;}

/*.opacity {filter:alpha(opacity=85);}*/


.galerija-link .zatamni h3{
     display:block;
    text-align:center;
  font-size:4.2em;
  color:#745b3d;
  position: relative;
  padding:0;
  font-weight:normal;
  font-family: "Futura", Helvetica, Arial, sans-serif;
  letter-spacing:.03em;}
  
  
  .galerija-link2 .zatamni h3{
     display:block;
    text-align:center;
  font-size:2.728em;
  color:#745b3d;
  position: relative;
  padding:0;
  font-weight:normal;
  font-family: "Futura", Helvetica, Arial, sans-serif;
  letter-spacing:.03em;}
  

  
  

.galerija-link .zatamni a,.galerija-link2 .zatamni a{ font-size:0.85em; color:#745b3d; position:absolute; right:10px; bottom:10px; text-decoration:none; padding:0;}
.galerija-link .zatamni a:hover, .galerija-link2 .zatamni a:hover{ text-decoration: underline;}

#footer { width:881px; padding:0 49px 0 49px; margin:5px auto 0 auto; font-size:0.875em; color:#301f12;}

#footer a {
  color:#3e2816;
  padding:0;
}
#footer ul {
margin : 0px 0px 0 0px;
padding : 0;
}
#footer ul li {
display : inline;
padding : 0 5px 0 5px;
padding : 0;
}

#facebox .b, .tl, .tr, .bl, .br {
background : url(design/b.png);
}
#facebox {
position : absolute;
top : 0;
left : 0;
z-index : 100;
text-align : left;
}
#facebox .popup {
position : relative;
}
#facebox table {
border-collapse : collapse;
}
#facebox td {
border-bottom : 0;
padding : 0;
}
#facebox .body {
padding : 0px 0 0 0;
background : #fff;
}
#facebox .loading {
text-align : center;
}
#facebox .image {
text-align : center;
}
#facebox img {
border : 0;
margin : 0;
}
#facebox .footer {

text-align : right;
position : absolute;
bottom : -10px;
right : 4%;
width : 92%;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height : 5px;
width : 5px;
overflow : hidden;
padding : 0;
}
#facebox_overlay {
position : fixed;
top : 0;
left : 0;
height : 100%;
width : 100%;
}
.facebox_hide {
z-index : -100;
}
.facebox_overlayBG {
background-color : #000;
z-index : 99;
}
.form {
background : #fff url(design/bg-left-column.gif) repeat-y;
margin : 0 auto;
height : 218px;
width : 230px;
padding : 3px;
}
.form h1 {
font-size : 1em;
font-weight : bold;
margin-bottom : 8px;
}
.form p {
margin-bottom : 30px;
border-bottom : 1px solid #ececec;
padding : 0 0 5px 5px;
}
.form label {
display : block;
font-weight : bold;
text-align : right;
width : 100px;
float : left;
font-size : 0.95em;
}
.form .small {
color : #999;
display : block;
font-size : 0.85em;
font-weight : normal;
text-align : right;
width : 100px;
}
.form input {
float : left;
font-size : 12px;
padding : 2px 2px;
border : 1px solid #ececec;
width : 100px;
margin : 2px 0 20px 10px;
}
.form button {
clear : both;
margin-left : 143px;
padding-top : 0;
width : 72px;
height : 18px;
background : #fff url(design/btn-login.gif) no-repeat left top;
text-align : center;
color : #ffffff;
font : 0.95em normal Arial, Helvetica, sans-serif;
border : none;
cursor : pointer;
}
.form button:hover {
width : 72px;
height : 18px;
background : #fff url(design/btn-login.gif) no-repeat left -19px;
color : #000;
}


#jeb, #jeb2, #jeb3 { position:absolute; left:0; top:0;}

#contact p, label, legend { font: 1.2em Verdana, Arial, Helvetica, sans-serif; }

#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 208px; margin: 0px auto; padding: 0px 15px; background:url(design/content-bg.jpg) no-repeat right -49px;/* border: 1px solid #7a6041;*/ }

/* Form style */

#contact label{  color: #7a6041; display: block; float: left; height: 26px; line-height: 26px; width: 180px; font-size: 1em; }
#contact p{  color: #7a6041; display: inline-block; float: left; height: 26px; line-height: 26px; width: 100%; font-size: 1em; }
#contact input, textarea, select { width: 180px; margin: 0; padding: 5px; color: #7a6041; background: #181009; border: 1px solid #7a6041; margin: 5px 0; font:1em Verdana, Arial, Helvetica, sans-serif; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #2b2011; color:#7a6041; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#7a6041; color:#181009; }
#contact input.submit:hover { background:#181009; color: #7a6041; border: 1px solid #7a6041;}
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:0px; border: none; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#7a6041;  margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #95430d; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; height:400px; }

.error_message { display: block; height: 16px; line-height: 16px; /*background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center;*/ padding: 2px; color:#8a1f11;  font-size:10px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:2px; }

acronym { border-bottom:1px dotted #ccc; }