* {
margin: 0px;
padding: 0px;
}
br {
line-height: 3px;
}
p {

font-size: 14px;
font-family: Palatino Linotype;
}
a {
color: #777;
text-decoration: none;
}
#header {
  height: 280px;
  background:url('http://www.hotelcitadella.ro/images/sus.jpg') repeat-x ;
  background-color: #c2b6c2;
}
#poze_sus {
  margin-left:4px;
}
#half{
 width:45%; float:left;
}
#float_left{
 float: left;
}
#half2{
 width:300px; float:left; margin-top:30px;
}
#sigla_centru{
 padding-top:4px; float:left
}
#sigla_centru2{
padding-top:4px; float:left;margin-left:200px;
}
#photo{
width:558px; height:150px; float:left; display:block
}
#footer {
 
 background-color: #e4d9e4;
}

#text_sus1 { font-family:  Palatino Linotype;
   margin-bottom: 3px;
  font-size: 10pt;
   border-bottom: dashed 1px #90232a;   
  font-weight: bold;  
   color: #333333;
  width: 130px;       
  text-align: left;
  float: left;}
.poza{float:left;margin-right: 10px;margin-left: 30px; padding-top: 10px;}
#text_sus1 .title{font-family: Tahoma; 
  font-size: 16px;
   border-bottom: dashed 1px #90232a;   
  padding-top: 10px;
  color: #90232a;
    font-weight:bold ;
  margin-bottom: 1px;  
  padding-left: 12px;}
#text_sus2 {font-family:  Palatino Linotype;
   border-bottom: dashed 1px #90232a;   
  font-size: 10pt;
  font-weight: bold;  
   color: #333333;
  width: 140px; 
    margin-bottom: 3px;       
  text-align: left;
  float: left;}

#text_sus2 .title{font-family: Tahoma; 
  font-size: 16px;
   border-bottom: dashed 1px #90232a;   
  color: #90232a;
   padding-top: 10px;  
    font-weight:bold ;
  margin-bottom: 1px;  
  padding-left: 12px;}
#text_sus3 {font-family:  Palatino Linotype;
     margin-bottom: 3px; 
  font-size: 10pt;
   border-bottom: dashed 1px #90232a;   
  font-weight: bold;  
   color: #333333;
  width: 130px;       
  text-align: left;
  float: left;}

#text_sus3 .title{font-family: Tahoma; 
  font-size: 16px;
   padding-top: 10px;  
    border-bottom: dashed 1px #90232a;   
  color: #90232a;
    font-weight:bold ;
  margin-bottom: 1px;  
  padding-left: 12px;}
#reclame {
    width: 798px;
     padding-top: 10px;
  
}
#reclame1 {
    width: 798px;
   
}

#content {
    background:url('http://www.hotelcitadella.ro/images/pattern.jpg') repeat;       
 
}
#content img{
 
 
}

#poza1 {

}
#poza1 a{
display: block;
margin-top: 30px;
float: left;
}
a img   {
border: 0px;
}
#poza1_text {

width: 100px;
font-family: Tahoma; 
font-size: 9pt;
color:#7d7979;
font-weight: bold;  
text-align: left;
float: left;
margin-top: 40px;
margin-left: 10px;
}
#poza1_text .title{

  font-family: Tahoma; 
  font-size: 10pt;
  color: #90232a;
  font-weight: bold;  
}
#poza1_text .title a{

  font-family: Tahoma; 
  font-size: 10pt;
  color: #90232a!important;
  font-weight: bold;  
}
#poza1 a:hover {
 
margin-top: 20px; 

}
#meniu_jos {
  height: 175px;
  margin-top:-10px;
  float:left;
}

#centru_jos {
 
 width: 800px;


}
#mid {
  margin-left: 20%;
}
#meniu {
     background:url('http://www.hotelcitadella.ro/images/meniu-out.gif') no-repeat ; 
     width: 200px;
     float:left;
     margin-left:20px;
     float:left;
   
}
#meniu_scris {
    margin-top: 40px;
}
div#features-col {
    float:left;
    color:#555;
    font-size:11px; 
    margin-top: 35px;
    margin-left: 9px;
}
div#features-col a {
    color:#777;
    display:block;
    line-height:22px;
    border-bottom:1px solid #e7e7e7;
}    
div#features-col a:hover { background:#f5f3f3; }
div#features-col a.first-child {
    border-top:1px solid #e7e7e7;
}
div.right-col {

   
    width:122px;
    float:left;
  margin-left: 9px;
    margin-top: 84px;
    text-align: left;
   font-weight: bold;
}
div.right-col a {
 display:block;
     color:#777;
   padding-top: 8px;
   padding-left :6px ;
   text-decoration: none;
   font-size: 14px;
    border:none;  
    font-family: tahoma;
    margin-bottom: 7px;
   
}
div.right-col a:hover {
 
     color:#8f2930;
    
}
div.right-col a .subtitle{
  text-decoration: none;
   font-size: 10px; 
   padding-left: 2px;
   margin-top: -2px;
}
div#features-col a.feature {
    display:block;
  
    width:122px;
    height:40px;
   text-decoration: none;
   font-size: 20px;
    border:none;
    
}
div#features-col a.feature .subtitle{
   
   text-decoration: none;
   font-size: 14px;
  
  
}
div#features-col a#prezentare     { background:url('images/meniu-ro.png') 0px 0px; }
div#features-col a#prezentare:hover { background:url('images/meniu-ro.png') 120px 0px; }
div#features-col a#galerie-foto { background:url('images/meniu-ro.png') 0px -40px; }
div#features-col a#galerie-foto:hover    { background:url('images/meniu-ro.png') 120px -40px; }
div#features-col a#dotari-servicii    { background:url('images/meniu-ro.png') 0px -80px; }
div#features-col a#dotari-servicii:hover     { background:url('images/meniu-ro.png') 120px -80px; }
div#features-col a#tarife { background:url('images/meniu-ro.png') 0px -120px; }
div#features-col a#tarife:hover { background:url('images/meniu-ro.png') 120px -120px; }
div#features-col a#oferte-speciale { background:url('images/meniu-ro.png') 0px -160px }
div#features-col a#oferte-speciale:hover { background:url('images/meniu-ro.png') 120px -160px } 
div#features-col a#contact { background:url('images/meniu-ro.png') 0px -200px;  }
div#features-col a#contact:hover { background:url('images/meniu-ro.png') 120px -200px } 
div#features-col a#get-started-button {
    display:block;
    width:424px;
    height:50px;
    text-indent:-8000px;
    background:url(../images/get-started-button.jpg);
    border:none;
    margin:20px 0 0 0;
    clear:both;
}
div#features-col a.inline-link {
    display:inline;
    border:none;
    text-decoration:underline;
}
div.right-col {}
#poza2  a{

}
#poza2  a{
display: block;
margin-top: 30px;
float: left;
margin-left: 20px;
}
#poza2  a:hover{
display: block;
margin-top: 20px;
float: left;
margin-left: 20px;
}
#poza2_text .title a{

  font-family: Tahoma; 
  font-size: 10pt;
  color: #90232a!important;
  font-weight: bold;  
}
#poza2_text {

width: 100px;
font-family: Tahoma; 
font-size: 9pt;
color:#7d7979;
font-weight: bold;  
text-align: left;
float: left;
margin-top: 40px;
margin-left: 10px;
}
#poza2_text .title{

  font-family: Tahoma; 
  font-size: 10pt;
  color: #90232a;
  font-weight: bold;  
}
#poza3 { 
}
#poza3 a{
display: block;
margin-top: 20px;
float: left;
margin-left: 25px;  
}
#poza3 a:hover{
display: block;
margin-top: 10px;
float: left;
margin-left: 25px;  
}
#poza3_text {

width: 100px;
font-family: Tahoma; 
font-size: 9pt;
color:#7d7979;
font-weight: bold;  
text-align: left;
float: left;
margin-top: 40px;
margin-left: 10px;
}
#poza3_text .title a{

  font-family: Tahoma; 
  font-size: 10pt;
  color: #90232a!important;
  font-weight: bold;  
}
#poza3_text .title{

  font-family: Tahoma; 
  font-size: 10pt;
  color: #90232a;
  font-weight: bold;  
}
#poza4 {

}
#poza4 a{
display: block;
margin-top: 40px;
float: left;
margin-left: 28px;  
}
#poza4 a:hover{
display: block;
margin-top: 30px;
float: left;
margin-left: 28px;  
}
#poza4_text .title a{

  font-family: Tahoma; 
  font-size: 10pt;
  color: #90232a!important;
  font-weight: bold;  
}
#poza4_text {

width: 100px;
font-family: Tahoma; 
font-size: 9pt;
color:#7d7979;
font-weight: bold;  
text-align: left;
float: left;
margin-top: 40px;
margin-left: 18px;
}
#poza4_text .title{

  font-family: Tahoma; 
  font-size: 10pt;
  color: #90232a;
  font-weight: bold;  
}
#centru_sus {
  height: 190px;
  width: 798px;
 
  display:block;
 
 }
#sigla {
  margin-top:10px;
 
  float:left;
  width: 119px;
  height: 100px;

 }
 #stegulete {
  margin-top:10px;
  float:right;
 

 }
#pasiune {
width: 500px;
height: 50px;
float:left;
margin-left:50px ;
}
#stele_colorate {

float:left;
margin-top:33px ;
}
 #texte_sus {
position: relative;
float: left;
 
 }
#floare {
  
 
  width: 565px;
  height: 100px;
  margin-top: 20px;
 }
h1{
  color: #90232a;
  font-size: 18pt;         
 }
#title{
  font-family: Tahoma;
   float:left;
  display:block;
  margin-left:80px;
margin-top:40px;
          
 }
#text_box{
  font-family:  Palatino Linotype;
  position: relative;
  top: 80px;
  font-size: 10pt;
  left :100px ;
  font-weight: bold;  
   color: #333333;
  width: 130px;       
  text-align: left;
  float: left;
 }
 #text_box .title{
   font-family: Tahoma; 
  font-size: 10pt;
  color: #90232a;
    font-weight:normal ;
  margin-bottom: 1px;  
  padding-left: 12px;
 }
 #text_box2{
  font-family: Palatino Linotype;
   position: relative;
   left :169px ; 
  font-size: 10pt;
    top: 80px;  
    color: #333333;  
  font-weight: bold;
  width: 135px;       
  text-align: left;
  float: left;
 }
 #text_box2 .title{
   font-family:  tahoma; 
  font-size: 10pt;
  color: #90232a;
    font-weight:normal ;  
  padding-left: 35px; 
  margin-bottom: 1px;  
 }
  #text_box3{
  font-family:  Palatino Linotype;
   position: relative;
   left :235px ; 
  font-size: 10pt;
  top: 80px; 
  font-weight: bold;   
    color: #333333;  
  width: 130px;       
  text-align: left;
  float: left;
 }
 #text_box3 .title{
  padding-left: 45px; 
  margin-bottom: 1px;
   font-family: Tahoma; 
  font-size: 10pt;
  color: #90232a;
  font-weight:normal ;   
 }
#right_box{
   background-color: #dadbdd; 
  
   float: left;
   height: inherit;
 }
#left_box{
   background-color:#bbbfc2 ;
   float: left;
   height: 200px; 
 }
#center_box{
   background:url('http://www.hotelcitadella.ro/images/centru.png') repeat-y ;  
   min-height: 345px;
   width: 798px;
   background-color: white;
 }
 #left_col{
  font-family: Tahoma;
  font-size: 11px;
 
   width: 558px;
   text-align: left;
   float: left;
 }
  #poze_fata{
    margin-left:30px;
padding-top:30px;
 }
#contact_detalii{
 

width: 800px;
 }
#footer_jos{
background:url('http://www.hotelcitadella.ro/images/jos.png') repeat-x ;  
height: 135px;
background-color: #e4d9e4;       
 }
#slide_poze{
 background:url('http://www.hotelcitadella.ro/images/slide_poze.gif') no-repeat ; 
 height: 160px;
 margin-top: 10px;
 }
  #left_col .title{
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Tahoma;
  font-size: 14px;
  color:  #90232a;
  font-weight: bold;
 }
 .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 #pozee{
padding-top: 15px;
padding-left: 25px;
 }
 .web_design    {color:#8C8C8C!important; font-size:11px!important; font-weight:normal!important; text-decoration:none; }

.by            {color:#8C8C8C!important; font-size:11px!important; font-weight:normal!important;}

.liga_web img {border:none!important;margin-bottom:-2.5px!important;}
 #head1{
  
  
 }
 #head2{
   
 }
.imagine{
   cursor:pointer;
 }
.buttons {
background-color:#cab1c5;
border:1px solid #962931;
color:#962931;
}
#page {
        text-align: center;
        color: white;
    }
#page a {
        color: white;
    }
#page .panorama-viewport {
        border: 20px solid #414141;
        margin-left: auto;
        margin-right: auto;
    }
.panorama-viewport {
    position: relative;
    width: 600px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: left;
}
.panorama-container {
    position: relative;
    width: 100000px;
    margin: 0;
    padding: 0;

}
.panorama-control {
    position: absolute;
    display: none;
    padding: 0;
    margin: 0;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 30px;
    background: black;
     filter: alpha(opacity=50);
    opacity: .5;
    text-align: left;
}
.panorama-control-left, .panorama-control-right, .panorama-control-pause { 
    float: left;
    padding: 0;
    margin: 0;
    color: white;
    text-decoration: none;
    font-size: 20px;
    line-height: 30px;
    width: 33%;
    text-align: center;
    font-family: 'Arial',sans-serif
}
.panorama-control-left:hover, .panorama-control-right:hover, .panorama-control-pause:hover { 
    text-decoration: none;
}
.panorama-control-pause {
    text-transform: uppercase;
}
.panorama-panel {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    background: #009cff;
    filter: alpha(opacity=50);
    opacity: .5;
    color: white;
    padding: 4px;
}
.panorama-panel h2 {
    font-size: 11px;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    text-align: right;
}
.panorama-panel ul {
    display: none;
}
.panorama {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
}
#facebook{float:right;}