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


/* reset.css */
html, body {margin:0;padding:0;border:0; height: 100%;}

body { background: url(../imagini/fundal.jpg) repeat;}


#text_hr { background: url(../imagini/titlu_hr.gif)  no-repeat center; width:430px; height:142px; float:left;}
#logo { 
background:url(../imagini/logo_hotel_rex.gif) no-repeat center;
float:right; width:287px; height:144px;
}
#sus_rez_l {
	background: #2C2C2C url(../imagini/sus_rez_l.jpg) no-repeat top; float:right; clear:both; width: 267px; height:31px;
}

#termeni {margin: 0 auto; padding:30px;}

/* formular */
#contact {margin: 0 auto; padding:30px;}
.masca {margin: 0 auto; padding:30px;}
.masca h1 { color:#363636; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px;}
.masca h2 { color:#778B0E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;}
.masca p { color:#363636; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
.masca img {border:#849725 solid 4px; margin-left: 15px; margin-top:20px; margin-bottom:3px;}
.zona_3 {margin: 0 auto; padding:0px; background:#CCC8BD; float:left; clear:both; width:800px; }
.zona_3 p { color:#363636; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:15px;}


.masca_servicii {margin: 0 auto; padding:0px;}
.masca_servicii p, .masca_servicii h1 { padding:15px;}

.servicii_articol { width:800px; background:#FFFFCC; float:left; clear:both;}
.servicii_articol h1 { color:#363636; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px;}
.servicii_articol h2 { color:#778B0E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; padding-left:15px; padding-left:30px;}
.servicii_articol p { color:#363636; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:15px;}
.servicii_articol img {border:#849725 solid 4px; margin-left: 15px; margin-top:20px; margin-bottom:3px;}
.servicii_articol ul {color:#363636; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:30px;}


/* The hint to Hide and Show */

.hint {
   	display: none;
    position: absolute;
    right: -70px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #686B15;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the images/pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #BECD74  url(../imagini/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../imagini/pointer.gif) left top no-repeat;
}

/* All form elements are within the definition list for this example */

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 


dl {
	font:normal 12px/15px Arial;
	position: relative;
	width: 500px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}

#spam { width:400px;}


form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

/* sf formular */

/* sablon si subsol */
.invelitoare_generala {
background-color:#FFFFFF;
width:800px;
margin: 0 auto; 
}

#cap { float:left; height:155px; width:800px; background:  url(../imagini/cap_l.jpg) repeat-x; clear:both;}

.continut-invelitoare {float:left; clear:both; width:800px; background:#FFFFFF;}

#reclama 
{ 
background:url(../imagini/foto_1.jpg) left top no-repeat;
width:533px;
height:293px;
float:left;
}

#reclama2 
{ 
background:url(../imagini/foto_2.jpg) left top no-repeat;
width:533px;
height:293px;
float:left;
}


/* formular online de rezervare */

form {margin: 0px;}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none; margin-left: 1em;}
label {display:block;padding: 0}

/* ---------------------- navigare ---------------------- */
#meniu{ width:800px;float:left;height:42px;font-size:11px;font-weight:bold;background: url(../imagini/hr_fundal.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
#meniu ul{margin:0px;padding:0;list-style-type:none;width:800px;}
#meniu ul li{display:block;float:left;margin:0 1px 0 0;}
#meniu ul li a{display:block;float:left;color:#363636;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
#meniu ul li a:hover, #meniu ul li a.current{color:#fff;background:transparent url(../imagini/hr_fundalpeste.gif) no-repeat top center;}
.altfel {color:#fff;background:transparent url(../imagini/hr_fundalpeste.gif) no-repeat top center;}
/* ---------------------- sfarsit  navigare ---------------------- */


#rezervare_online
{
width:267px;
background:#2c2c2c;
color:#FFFFFF;
height:293px;
float:right;
}

#titlu_rezervare
{ background:url(../imagini/h9_rezervare_online_hotel_rex.jpg) repeat-x; display:block; height:28px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:16px; color: #000000; text-align:center;  }

#rezervare_online form>label { margin-left:20px;}

#rezervare_online form>input { float:left; margin-left:10px;}

.margina_lable_ie { margin-left:10px;}



.continut {margin: 0 auto; width:800px; float:left; clear:both; }
.continut_foto {margin: 0 auto; width:800px; float:left; clear:both; background:#111111;}

#mesaj_intampinare { width:100%; height:134px; background: url(../imagini/fundal-mesaj-sef.jpg) no-repeat center; float:left; clear:both;}

#mesaj_intampinare p { padding-left:200px; padding-right:10px; font-family:"Trebuchet MS"; font-size:14px;}

#s_mesaje
{
background:#ccc8bd;
width:100%;
height:260px; 
float:left;
clear:both;
}

#s_mesaje img { border:#849725 solid 4px; margin-left: 15px; margin-top:20px; margin-bottom:3px;  }


#mesaj_1
{ width:250px; height:240px; float:left; clear:left; background:none; margin-right:20px;}
#mesaj_1 h2 { color:#8c5724; font-size:16px; font-family: Geneva, Arial, Helvetica, sans-serif; padding-left:15px; line-height:3px;}
#mesaj_1 p { color:#363636; font-size:14px; font-family: Geneva, Arial, Helvetica, sans-serif; padding-left:15px; line-height:16px; padding-top:5px;}

#mesaj_2
{ width:250px; height:240px; background:none; margin-right:20px; float:left;}
#mesaj_2 h2 { color:#8c5724; font-size:16px; font-family: Geneva, Arial, Helvetica, sans-serif; padding-left:15px; line-height:3px;}
#mesaj_2 p { color:#363636; font-size:14px; font-family: Geneva, Arial, Helvetica, sans-serif; padding-left:15px; line-height:16px; padding-top:5px;}

#sidebar1
{width:250px; height:240px; background: none; float:right;}
#sidebar1 h2 { color:#d46515; font-size:18px; font-family:"Trebuchet MS"; padding:3px; text-align:center;}
#sidebar1 p { color:#363636; font-size:14px; font-family: Geneva, Arial, Helvetica, sans-serif; padding-left:15px; line-height:16px; padding-top:5px;}
#sidebar1  li {color:#363636; list-style:none; font-size:12px; font-family:"Trebuchet MS";}

.portocaliu { color:#d46515;}

#subsol {

 background:url(../imagini/subsol_l.jpg) repeat-x;
	float:left;
	clear:both;
	width: 800px;
	padding-top:0px;
	height: 65px;
	
}
#subsol a {
	color:#686B15; text-decoration:none;
}

#subsol a:hover { color: #CCFF66; text-decoration:underline;}

#subsol p {

	color: #FFFFCC;
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:20px;
	text-align:center;
}


/* 
	Cusco Sky table styles
	written by Braulio Soncco http://www.buayacorp.com
*/
.text1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5D270E; text-decoration:none}
.text1 img { border:none;}
.text5 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#A4660C;font-weight:bold;text-decoration:none;}
.text6 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#A4660C;font-weight:bold;text-decoration:none;}

.text7 {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#A4660C;font-weight:bold;text-decoration:none; padding-left:10px;} 
.text8 { color: #70592D; font-size:16px;}
.text9 {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#778B0E;font-weight:bold;text-decoration:none; padding-left:10px;} 


/*lista dotari sala conferinta*/
.detalii_camera { width: 97%; background: #FFFFCC; border: solid 1px #333333; float:left; clear:both; padding: 5px 10px; line-height:16px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
.detalii_camera img { border: solid 3px #A4660C; margin:10px; float:left; }
.detalii_camera p { text-align:left;}

.titlu_camera { font:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#A4660C;}

#lista_dotari, #lista_dotari2 { width:90%; float:left; clear:both; margin-bottom: 30px;}


#lista_dotari ul {
  float: left;
  width: 50em; /* width is changed */
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#lista_dotari li {
  float: left;
  width: 9em;
  margin: 0;
  color: #70592D;
  background-image: url(../imagini/bullet.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
} 

#lista_dotari2 ul {
  float: left;
  width: 740px; /* width is changed */
  margin: 0;
  padding: 0;
  list-style: none;
}

#lista_dotari2 li {
  float: left;
  width: 9em;
  margin: 0;
  color: #70592D;
  background-image: url(../imagini/bullet2.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
}

/*tabele*/
.pret { width:790px; margin-left:auto; margin-right:auto; clear:both;  }
.img_preturi { float:right; width:300px; height:200px; border: solid 3px #A4660C; margin:10px;}
.tabel_preturi { float:left; margin-left:30px;}
.tabel_preturi td {border: none; text-align:center;padding:5px;}



/*asezari*/

.asezare1 { margin: 0 auto; padding:30px; background:#CCC8BD;}
.maro { background:#A4660C; color:#FFFFFF;}
.color1 { background: #CC9900; color:#FFFFFF;}
.color2 { background: #CC3300; color:#FFFFFF;}

/* pentru popup jquery */

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:580px;
width:800px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}