﻿.kontejner
{
width:980px;
height:auto;
margin-left:auto;   /* za centralno   */
margin-right:auto; /* pozicioniranje */
color:#88847D;
font-family:Georgia;
/*padding-left:20%;
padding-right:15%;*/
-moz-user-select: none;
-webkit-user-select:none;
}
.kontejner h1
{
color:#7f7f7f; /*krem zuta*/
}
::selection
{
background:none; /*iskljucen highlight teksta*/
}
.linkovi
{
color:#7f7f7f;
font-size:12px;
text-decoration:none;
}
.linkovi:hover
{
color:#969695;
text-decoration:underline;
}
.leftLogo
{
position:absolute;
left:120px;
top:60px;
/*float:left;*/

}
/*/////////////////////*/
.rightLinkoviBox
{
left:880px;
position:relative;
top:-30px;
}
.rightLinkovi
{
}
.rightLinkovi:hover 
{
opacity:0.4;
}
/*//////////////////////*/
/*.galerijaBox
{
margin-top:50px;
margin:0px;
padding: 0px;
width:auto;
min-width:980px;
height:420px;
background-color:black;
}*/

/*///////////////////////////*/
/*about, welcome, booking*/
/*////////////////////////////*/
.hoteloftheMonthBox
{
  margin-top: 5px;
  margin-left: 0px;
  margin-right:0px;
  width:740px;
  float:left;
  color:#7f7f7f;
  display:inline;
}
.paragrafNavigator
{
color:#7E7A76;
font-size:9px;
float: left;
margin-left:40px;
}
.paragrafNavigator a
{
text-decoration:none;
color:#7E7A76;
}
.paragrafNavigator a:hover
{
color:#B8B8B8 ;
}
.paragrafNavigator span
{
color:#7E7A76;
}

.aboutLinkoviBox
{
background-color:#1e1c1c;
position:relative;
margin-left:auto;
margin-right:auto;
border:1px solid #1e1c1c; /*siva*/
height:317px;
width:980px;
/*min-width:800px;*/
text-align:center;
color:#7f7f7f; /* krem zuta*/
clear:both; /* zbog prethodnog diva koji ima float:left da ne bi uticao na sve sledece*/
}
.fotke
{
  margin-top:12px;
  margin-left: 10px;
  margin-right:7px;
  position:relative;
  padding: 7px;
  height: auto;
  width: auto;
  float:left;
 /* text-align: center;*/
  
}	
.fotke img
{
  display: inline;
  margin: 5px;
  padding: 5px;
  width:auto;
  border: 1px solid #88847D;
  border-radius:5px;
}
.opis
{
  text-align: left;
  font-weight: normal;
  width: 135px;
  margin: 15px;
}
.opisParagrafiSitno
{
font-size:15px;
font-weight:thicker;
color: #88847D;
}
.opisParagrafiSitnoItalicTamno
{
font-size:11px;
font-weight:thicker;
font-style:italic;
color: #1e1c1c;
}
.opisParagrafiZuto
{
font-size:20px;
font-weight:thicker;
color: #7f7f7f;
letter-spacing:2px;
}
/*///////////////////////////*/
.linijaTransparent
{
background-color:#141414;
width:980px;
min-width:800px;
height:5px;
opacity:0.95;
}
.linijaGradient
{
background-image:url(images/gradient-linija.jpg);
width:980px;
height:50px;
opacity:0.95;
}
.siviBox
{
background-color:#1e1c1c;
position:relative;
margin-left:auto;
margin-right:auto;
border:1px solid #1e1c1c; /*siva*/
height:1600px;
width:980px;
color:#7f7f7f; /* krem zuta*/
}
.siviBox p#historyHotel
{
margin-left:40px;
margin-right:40px;
color:#a6a49f;
font-size:15px;
text-align:justify;
opacity:0.95;
text-align:justify;
}
p#zuto
{
margin-left:40px;
margin-right:40px;
color: #7f7f7f;
}
p#zutomalaslova
{
margin-left:40px;
margin-right:40px;
color: #7f7f7f;
font-size:12px;
}
p#historyHotelKnjiga
{
color: #7f7f7f;
}
span#history
{
color:white;
}

img#historyHotel
{
float:left;
margin-top:5px;
margin-right:15px;
margin-bottom:15px;
padding: 3px;
width:auto;
border: 1px solid #88847D;
border-radius:5px;
}
span#historyHotel
{
color:white;
}
.contentLeftBox
{
margin:20px;
margin-left:40px;
margin-top:80px;
width:530px;
height:auto;
/*border:1px solid black;*/
font-style:thicker;
text-align:left;
}
.contentLeftBox#divider
{
margin-left:0px;
margin-top:-60px;
width:530px;
height:auto;
/*border:1px solid black;*/
font-style:thicker;
}
.contentLeftBox#news
{
margin:20px;
margin-left:40px;
margin-top:30px;
width:550px;
height:auto;
/*border:1px solid black;*/
font-style:thicker;
text-align:left;
}
.contentLeftBox p
{
color:white;
}
.contentLeftBox p#opis{
color:#6D6A67;
font-size:13px;
}
.contentLeftBox p#opishotels{
color:#7f7f7f;
font-size:15px;
}
.contentLeftBox p#links{
color:white;
font-size:13px;
}
.contentLeftBox p#news{
color:white;
font-size:12px;
text-align:justify;
opacity:0.95;
}
.contentLeftBox p#newsSmall{
color:#888888;
font-size:10px;
opacity:0.8;
line-height:7px;
}
.contentLeftBox img#about
{
float:right;
padding:3px;
border: 1px solid #88847D;
border-radius:5px;
}
img#bibliography{
padding:3px;
border: 1px solid #88847D;
border-radius:5px;
}
img#country{
padding: 3px;
float:right;
border: 1px solid #88847D;
border-radius:5px;
}

.contentLeftBox a#news
{
color:#7f7f7f;
font-size:26px;
text-decoration:none;
}
.contentLeftBox a#news:hover
{
opacity:0.8;
}
.contentLeftOpisBox
{
position:relative;
left: 160px;
top:-100px;
width:auto;
font-size:13px;
}
.contentLeftOpisBox#links
{
position:relative;
left: 130px;
top:-90px;
width:auto;
font-size:13px;
}
.contentLeftOpisBox#news
{
margin-left:auto;
margin-right:auto;
top:5px;
width:550px;
text-align:center;
font-size:13px;
}
.contentLeftOpisBox p#naslov
{
color:#7f7f7f;;
}
.contentLeftOpisBox span
{
color:white;
}

.contentRightBox
{
float:right;
margin:40px;
margin-top:80px;
width:320px;
height:auto;
font-style:thicker;
/*border-left:3px solid black;*/
/*border:1px solid black;*/
box-shadow: -7px 0px 10px -10px #000;
}
.contentRightBox#news
{
float:right;
margin:40px;
margin-top:80px;
width:300px;
height:auto;
font-style:thicker;
/*border-left:3px solid black;*/
/*border:1px solid black;*/
box-shadow: -7px 0px 10px -10px #000;
}
.contentRightBox#booking
{
float:right;
margin:40px;
margin-top:80px;
width:320px;
height:auto;
text-align:center;
font-style:thicker;
/*border-left:3px solid black;*/
/*border:1px solid black;*/
box-shadow: -7px 0px 10px -10px #000;
}
.contentRightBox h3
{
position:relative;
left:40px;
letter-spacing:4px;
}
.rightPoljaFotke
{
margin:0px;
position:relative;
left:40px;
}
.rightPoljaFotke img
{
padding:3px;
width:auto;
border: 1px solid #88847D;
border-radius:5px;
}
.rightPoljaTekst
{
position:relative;
left:180px;
top:-60px;
width:100px;
text-align:left;
color:white;
/*font-size:25px;*/
}


.verticalT
{
color:white;
font-size:15px;
letter-spacing:2px;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
position:relative;
left:-135px;
top:-90px;
text-align:left;
}

/* napraviti .inlineContent p, h1,h2 i ostala podesavanja
 za vetikalan tekst ici na transform   http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_transform*/

/*///////////////////////////*/
/* footer */
.footerBox
{
background-color:#141414;
margin:0px;
padding: 0px;
border:1px solid #141414; /*tamno siva*/
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
height:300px;
width:980px;
min-width:800px;
text-align:center;
color:#7f7f7f; /* siva svetlo*/
}
.footerListBox
{
  margin-top:20px;
  margin-left: 10px;
  margin-right:7px;
  padding: 7px;
  height: auto;
  width: auto;
  float: left;
  display:inline;
}
.footerList 
{
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  letter-spacing:0.6px;
  width: 140px;
  margin: 10px;
}
.footerList p
{
color:#E5E5E5; /*svetlo siva*/
}
.footerLinkovi
{
font-size:11px;
font-weight:thicker;
color: #7f7f7f;
text-decoration:none;  /* underline, bold, normal...*/
letter-spacing:0px; /* razmak izmedju slova */
}
.footerLinkovi:hover
{
color:#B8B8B8 ;
}
.divider
{
border-bottom:1px solid #88847D;
width:auto;  /* u okviru odredjenog diva se automatski podesava sirina divider-a*/
margin-bottom:10px;
padding-top:5px;
opacity:0.3;
}
.dividerII
{
border-bottom:1px solid black;
width:auto;  /* u okviru odredjenog diva se automatski podesava sirina divider-a*/
margin-bottom:7px;
margin-left:40px;
margin-right:40px;
margin-top:-20px;
padding-top:0px;
opacity:0.3;
}
.dividerIII
{
background-image:url(Images/horizontalna-linija.jpg);
width:auto;
height:2px;
opacity:1;
}
.footer
{
font-size:10px;
}
.footer a
{
text-decoration:none;
color:#cc9900;
}
.footer:hover a
{
color:#B8B8B8;
}




