/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */



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

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

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

.tabberlive .tabbertabhide {

 display:none;

}



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

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

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

.tabber {

}

.tabberlive {



  margin-top: 1.3em;

  clear: both; /*moj dodatak*/

  width: 410px;



}



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

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

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

ul.tabbernav

{

 margin-top:0px;

 margin-bottom: 10px;

 margin-left: 40px;

 padding: 5px 0;

 border-width: 1px 0px;

 border-bottom-width: 1px;

 border-style: solid;

 border-color: #364272;

 font: bold 12px Verdana, sans-serif;

 background: #fff;

 width: 412px;

}



ul.tabbernav li

{

 list-style: none;

 margin: 0;

 display: inline;





}



ul.tabbernav li a

{

/* padding: 3px 0.5em; */

 padding: 2px 28px;

 margin-left: 2px;

 border: 1px solid #929395;

 text-decoration: none;

  background: #004980;







}



ul.tabbernav li a:link { color: #fff; }

ul.tabbernav li a:visited {color: #fff; /* ne radi zasad, ne znam zasto */ }



ul.tabbernav li a:hover

{

 color: #000;

 background: #fff;

 border-color: #999;

}



ul.tabbernav li.tabberactive a

{

 background-color: #004980;
  color: #fff;
  text-decoration: overline;


}



ul.tabbernav li.tabberactive a:hover

{

 color: #364272;

 background-color: #fff;



}



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

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

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

.tabberlive .tabbertab {



 padding-left:40px;

 padding-top: 20px;

 margin-left: 0px;

border-top: 1px solid #fff;

 /* border-left:1px solid #aaa;

 border-right: 1px solid #aaa;

 border-bottom: 1px solid #aaa;

  */





 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



/* height: 540px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */

 width: 410px;

overflow:auto;

}



/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display:none;

}

.tabberlive .tabbertab h3 {

 display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 height: 200px;

 overflow:auto;

}





















/**************** moji dodaci *****************************/















.tabberlive .tabbertab p{







  font-size: 1.2em;

/*  display: inline; dodatak za IE bug kad udvostrucuje margin kod float elementa */



display: block;

 /*  margin-left: 130px; */

  text-align: justify;

  margin-top: 10px;

  margin-bottom: 10px;



}



 .tabberlive #hometabbertab.tabbertab p{



   margin-top: 80px;

   margin-left: 45px;

   margin-bottom: 30px;

   margin-right: 30px;

   display: block;







   }





 .tabberlive .tabbertab .turenaslovi{

font-size: 14px;

color: #364272;

font-weight: bold;

text-decoration: underline;

}





.tabberlive .tabbertab ul.tureul li {

font-size: 12px;

}





 /*

 .tabberlive .tabbertab table{

   border: 1px solid #000;

   margin: 0px 80px;

   padding: 10px;

 }

   */





.tabberlive .tabbertab .homeslikatabbertab {



   position: relative;

   float: right;



   margin-left: 30px;

   margin-top: 70px;

   margin-right: 50px;

   margin-bottom: 30px;

   border: 1px solid #bbb;

    padding: 3px 3px 0px 3px;

}



.tabberlive .tabbertab#homeslikatabbertab img {



}



.tabberlive .tabbertab .slikatabbertab {

background-color:#FFFFFF;

border:1px solid #BBBBBB;

margin-bottom:10px;

margin-left: 56px;

margin-top:20px;

width: 280px;

padding:3px 3px 0;

text-align: center;

}







.tabberlive .tabbertab#galerijatabbertab {



    width:  690px;



  float: none;

 /* margin-left: 130px; */

  margin-top: 0px;

  padding-top: 30px;

  text-align: justify;

   text-align: center;



}

  .tabberlive .tabbertab#galerijatabbertab object{



	}





.tabberlive .tabbertab#columne {





 /* float: left; */

  font-size: 0.8em;

  /*display: inline; */ /*dodatak za IE bug kad udvostrucuje margin kod float elementa */

   padding-top: 70px;

  margin-left: 0px;

  margin-left: 130px;

 padding-right: 0px;

 padding-right: 130px;

  text-align: justify;



}



#tabbertabizlozbe{

  background-color:   #fff;

 /* float: left; */

  font-size: 0.8em;

  /*display: inline; */ /*dodatak za IE bug kad udvostrucuje margin kod float elementa */

   padding-top: 70px;

  margin-left: 0px;

  margin-left: 130px;

 padding-right: 0px;

 padding-right: 100px;

  text-align: left;

}











   #adresa{

     font-family: Arial, Helvetica, sans-serif;

     font-size: 0.8em;

     float: right;

     display: inline;

     margin-right: 100px;

     margin-top: 120px;

     text-align: right;

     line-height: 1.7em;

   }







ul.tabbernav li.tabberactive a:visited

{

 color: #5294ff;

 background: white;

 border-bottom: 1px solid white;

}



#andrijapasalic{

  margin-left: 30px;

  margin-top: 15px;

  display: inline;

  float: left;

 width: 300px;

 margin-bottom: 20px;

 border-bottom: 1px solid #999;

}





.andrija{

 font-size: 20px;

 color: #777;

  width: 75px;

 float: left;

   margin-bottom: 0px;

  margin-top:  0px;  /*fora za rjesavanje problema s marginom kod h1 za ff i ie.

  najprije ih dakle treba namjestiti na nulu i onda zadati koliko zelimo: */

  margin-top: 20px;

   text-align: left;



   font-family: Times New Roman, Times, serif;

}



.prvoslovo{

margin-top: 0px;

   margin-top: 9px;

   float: left;

   font-size: 2em;

	width: .8em;

    color: #666;

     font-family: Times New Roman, Times, serif;

}



.drugoslovo{

margin-top: 0px;

   margin-top: 9px;

   float: left;

   font-size: 2em;

	width: .5em;

   color: #666;

    font-family: Times New Roman, Times, serif;

}



.treceslovo{

margin-top: 0px;

   margin-top: -4px;

   margin-left: 5px;

   float: left;

   font-size: 2em;

	width: 0.8em;

    color: #666;

     font-family: Times New Roman, Times, serif;

     line-height: 83%;

     font-style: normal;

}



  .cetvrtoslovo{

margin-top: 0px;

   margin-top: 3px;

   margin-left: 5px;

   float: left;

   font-size: 2em;

	width: 1em;

    color: #666;

     font-family: Times New Roman, Times, serif;

     line-height: 83%;

     font-style: normal;

}





#columne{

  font-family: Arial, Helvetica, sans-serif;

  font-size: 1em;

  font-style: italic;

}



a.moreless{

text-decoration: none;

font-style: normal;

font-size: 13px;

font-weight: bold;

margin-left: -4px;

}



a.moreless:link { color: #364272; }

a.moreless:visited {color: #364272; }

a.moreless:hover { color: #3E720B; }

a.moreless:active {color:#0F0F0F;}





a.linkobicni{

text-decoration: none;

font-style: normal;

font-size: 12px;

font-weight: bold;

}



a.linkobicni:link { color: #364272;}

a.linkobicni:visited {color: #364272; }

a.linkobicni:hover {color: #3E720B;}

a.linkobicni:active {color:#0F0F0F;}



a.linkfooter{

text-decoration: none;

font-style: normal;

font-size: 10px;

font-weight: bold;

}



a.linkfooter:link { color: #555;}

a.linkfooter:visited {color: #555; }

a.linkfooter:hover {color: #000;}

a.linkfooter:active {color:#0F0F0F;}



.recenzenti{

  font-family: Arial;

  font-size: 0.83em;

  text-align: right;

  display: block;

  font-style: normal;

  font-weight: bold;

}









  body{

  color: #000;

  font-family:Arial,Helvetica,sans-serif;

/*  background: #23fabc; */

/* background: #3C5A99; */

background: url(slike/konacno_ljubicasto_resize_2150.jpg) no-repeat;

/*background: url(slike/shadow_tut_podloga1.jpg); */

  }



#drugi {

/* background: url(slike/nebo.jpg); */





  }



 #heder{



 width: 720px;

   margin-left: 150px;



   height: 230px;

 }



#myGallery

{

width: 700px !important;

height: 200px !important;

}



 #contejner{

margin-left: 150px;

   width: 720px;

   text-align: justify;





 }

 #slikatekst{

   display: inline;

   height: 100px;

   width: 350px;

   border-bottom: 0px solid #333;

   margin-left: 5px;



 }







 img#cropirano {

 border: 2px solid #999;

float: right;

position: relative;

margin: 100px 40px 0px 0px;





 }



h3 {

font-family: Bookman Old Style;



}







 /*

#contejner p {

margin-left: 35px;

margin-top: 5px;

/* border-top: 1px solid #696969; */

 /*

position: relative;

  color: #000;

   width: 410px;

  font-size: 14px;

   font-family:Arial,Helvetica,sans-serif;

   font-size:9pt;

font-weight:normal;

line-height:16px;

padding-top: 40px ;

}

   */



#sendmemessage p{

 margin-left: 35px;

margin-top: 5px;

border: 0px;

position: relative;

  color: #000;



  font-size: 14px;

   font-family:Arial,Helvetica,sans-serif;

   font-size:9pt;

font-weight:normal;

line-height:16px;

padding-top: 25px ;

}



 #kontaktforma{



  margin-top: 20px;

  margin-left: 60px;

/*   float: left; */

/*  display: inline; */

  text-align: left;

  font: bold 12px Verdana, sans-serif;

  color: #666;

}



.lijevo{

  float: left;

  width: 430px;

}







.desno {

  margin-left: 460px;

  width: 210px;

   color: #555;

  position: relative;

  padding-left: 30px;

  font-size: 12px;

  font-family: Arial, Helvetica, sans-serif;

  line-height:16px;

  }



/*

#citati{

  float: right;

  width: 200px;

  color: #555;

  font-size: 12px;

  margin-right: 30px;

   font-family:Arial,Helvetica,sans-serif;

  font-weight:normal;

line-height:16px;

}

  */





.tabberlive .tabbertab table{





   margin-left: 0px;

   border-collapse: collapse;

   font-size: 12px;

 }



 .tabberlive .tabbertab table.cijene{

   line-height: 15px;

   border: 1px solid #bbb;

   width: 300px;

   margin-left: 40px;

   border-collapse: collapse;

   font-size: 12px;

 }





.tabberlive .tabbertab table.cijene td{

     border: 1px solid #bbb;

     padding: 7px;

     text-align: center;



 }





#didyouknow {

margin-left: 15px;

width: 380px;

 position: relative;

border: 1px solid #bbb;







}









#didyouknow ul{

  font-size: 12px;

  margin-top: 15px;

  color: #555;



}





#didyouknow ul li{

color: #555;

  margin-left: 20px;

border: 0px;

     font-size: 12px;

   font-family:Arial,Helvetica,sans-serif;

  font-weight:normal;

line-height:16px;

}





#shortdescription5{

 margin-left: 40px;

width: 390px;

 position: relative;



color: #555;

font-size: 11px;

}



#description5{

 margin-left: 40px;

width: 390px;

 position: relative;



color: #555;

font-size: 11px;

}



#readmorelink5{



}



readlesslink5{



}















#footer{

/* border-top: 1px solid #fff; */

text-align: center;

 font-size: 1em;

 padding: 5px;



  color: #999;

 clear:both;

 font-family: Arial, Helvetica, sans-serif;

 }