@media all { 

/* =universals */
* { margin: 0; padding: 0; }

/* =html */
html { background-color: #330D02; }

/* =body */
body { margin-top: 10px; font: 11px Verdana, Arial; color: #FFF; }

/* =h1 */
h1#h1_title { position: relative; margin: 0 0 20px 40px; padding: 10px 0 0 1px; width: 365px; height: 18px; border-bottom: 1px solid #3A5777; color: #F1AD0E; font-size: 13px; font-family: Helvetica, Tahoma, Arial; }
h1#h1_title2 { position: relative; margin: 0 0 20px 40px; padding: 10px 0 0 1px; width: 400px; height: 18px; border-bottom: 1px solid #3A5777; color: #F1AD0E; font-size: 13px; font-family: Helvetica, Tahoma, Arial; }

/* =h2 */
div.content-main-box-left h2 { position: relative; padding-left: 20px; color: #9A0000; font-size:14px; height: 25px;}
div.contact-right-box h2 { position: relative; padding-left: 20px; height: 20px; width:100%; color: #9A0000; font-size: 12px; }
div.content-1 h2 { position: relative; float: left; padding-left: 20px; color: #9a0000; font-size:12px; height: 25px;}
div.content-poze h2 { position: relative; float: left; padding-left: 20px; color: #9a0000; font-size:12px;}
div.content-main#contact h2 { position: relative; float: left; padding-left: 20px; color: #9a0000; font-size:12px;}
div.content-main#despre-noi h2 { position: relative; float: left; margin-top: 15px; padding-left: 80px; height: 25px; width: 530px; color: #9A0000; font-size: 12px; }
div.content-main#pensiunea-dana1 h2#first { position: relative; float: left; margin-top: 15px; color: #9a0000; font-size:11px; height: 15px}
div.content-main#pensiunea-dana1 h2#second { position: relative; float: left; padding: 5px 0 0 85px;  color: #9a0000; font-size:12px;
width:500px; height: 15px}
div#sub-meniu-links h2 { position: relative; font-size:11px;}

/* =h3 */
h3#h3_title { position: relative; margin-top: 5px; width: 136px; color: #F1AD0E; font-size: 12px; font-family: Helvetica, Tahoma, Arial; text-align: center; }
div.content-main#pensiunea-dana1 h3 { position: relative; float: left; padding: 5px 0 0 85px; width: 500px; height: 15px; color: #000; font-size: 11px; font-weight: normal; }


/* =ul */
ul { list-style-type: none; }
ul#ul_meniu { position: absolute; z-index: 2; top: 0; left: 0; padding: 130px 0 0 40px; width: 182px; height: 324px; }
ul#ul-pensiune1 { position: absolute; top: 0; left: 0; padding: 27px 5px 5px 72px; width: 500px; height: 110px; }

/* =li */
ul#ul_meniu li { position: relative; float: left; height: 44px; width: 160px; } 
ul#ul-pensiune1 li.li_link { position: relative; float: left; margin-top: 3px; padding-left: 25px; width: 100%; } 
ul#ul-pensiune1 li#li_primul { position: relative; float:left; margin: 0 0 0 5px; width: 100%;	 } 

/* =p */
div.content-main-box-left p { position: relative; font-size:11px; color: #441700; line-height: 12px; }
div.contact-right-box p { position: relative; float:left; font-size:11px; color: #441700; line-height: 12px;}
div.content-main#despre-noi p#p1  { position: relative; float: left; padding: 10px 0 30px 75px; font-size:11px; color: #441700; line-height: 12px; width: 300px; }
div.content-main#despre-noi p.p2  { position: relative; float: left; font-size:11px; padding: 0 0 20px 75px; color: #441700; line-height: 12px; width: 450px; }

p#p-dana1-1 {position: relative; float:left; padding: 10px 0 0 65px; font-size:11px; color: #441700; line-height: 12px; width: 310px; }
p#p-dana1-2 {position: relative; float:left; padding: 10px 0 0 65px; font-size:11px; color: #441700; line-height: 12px; width: 460px; }

div#contact-left p#p_eroare {position: relative; font-size:12px; margin: 10px 0 10px 0; color: #CC0000; font-style: italic; font-weight: bold; line-height: 12px;}

/* =span */
div.content-main-box-left h2 span { position: relative; color: #441700; font-size:11px;}
div.content-main-box-left p span {padding-left: 20px; font-size:11px;}
div.contact-right-box span#pad { padding-left:20px;}
div.contact-right-box h2 span { position: relative; color:#441700; font-size:11px; } 
div.contact-right-box p span {padding-left: 20px;}
div.content-1 h2 span { position: relative; color:#441700; font-size:10px;  }
div.content-1 p span {padding-left: 20px;}
div.content-poze h2 span { position: relative; color:#441700; font-size:10px;}
div.content-poze p span {padding-left: 20px;}
div.content-main#contact h2 span { position: relative; color: #441700; font-size:11px;}
div.content-main#despre-noi h2 span { position: relative; font-size:12px; padding-left: 85px;}
div.content-main#despre-noi p span {padding-left: 20px;}
div.content-main#pensiunea-dana1 h2#second span {position: relative;  color: #210900; font-size: 11px;}
p#p-dana1-2 span {padding-left: 20px; }
div.content-main#pensiunea-dana1 h2#first span {position: relative;  color: #210900;  font-size:10px;} 
div#sub-meniu-links h2 span { position: relative; font-size:10px;}

/* =a */

a { color: #000; font-style: normal; text-decoration: none; cursor: pointer; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover, a:active { color: #FFF; }

a.a-detalii { position: relative; display: block; float: right; margin-top: 5px; width: 58px; height: 26px; }
a.a-contact-detalii { position: relative; display: block; float: left;padding-bottom:10px; width: 120px; height: 30px; }
a.a-foto-detalii { position: relative; display: block; float: left; margin: -5px 0 0 30px; width: 120px; height: 30px; }

div#sub-meniu-links a { position:relative; float:left; color: #FFF; font-style: normal; text-decoration: none; cursor: pointer; width:100%;}
div#sub-meniu-links a:link { color: #FFF; }
div#sub-meniu-links a:visited { color:#FFF; }
div#sub-meniu-links a:hover, a:active { color:#AF7C43; }

ul#ul_meniu li a { position: relative; display: block; width: 100%; height: 100%; text-decoration: none; background: url(../img/meniu_b.jpg) no-repeat 300px 0; }
ul#ul_meniu li a:link { }
ul#ul_meniu li a:visited { }
ul#ul_meniu li a:hover, ul#ul_meniu li a:active { }

span.span_meniu { display: none; }
span.span_display { display: none; }
 
ul#ul_meniu li a#a-meniu-home:hover { background: url(../img/meniu_b.jpg) no-repeat -40px -130px;}
ul#ul_meniu li a#a-meniu-desprenoi:hover { background: url(../img/meniu_b.jpg) no-repeat -40px -174px;} 
ul#ul_meniu li a#a-meniu-galeriefoto:hover { background: url(../img/meniu_b.jpg) no-repeat -40px -218px;}
ul#ul_meniu li a#a-meniu-contact:hover { background: url(../img/meniu_b.jpg) no-repeat -40px -262px;}

ul#ul-pensiune1 a { color: #000; font-style: normal; text-decoration: none; cursor: pointer; }
ul#ul-pensiune1 a:link { color: #000; }
ul#ul-pensiune1 a:visited { color: #000; }
ul#ul-pensiune1 a:hover, a:active { color:#9a0000; font-weight:bold;}
 
 
 
/* =img */ 
img, img a { border: none; margin: 0; padding: 0; }
img#img_harta { position: relative; padding-left: 80px; }
img#img_maux { position: relative; margin-left: 200px; }
img.img_ai { border: 1px solid #46648A; }
img.img_ai4 { position: relative; float: left; border: 1px solid #46648A; }
img.img_ai2 { position: relative; float: left; margin: 6px 0 0 6px; width: 123px; height: 97px; border: 1px solid #46648A; }
img.img_ai3 { position: relative; float: left; margin: 5px; width: 123px; height: 97px; border: 1px solid #46648A; }
img#img_constr { position: relative; margin: 50px 0 50px 100px; }
div.content_right_box_ai3 img { position: relative; float: left; margin: 6px 4px; border: 1px solid #46648A; }
#img_gramofon {position: absolute; bottom: 0; left: 0; z-index: 1;}
.img_galerie{position: relative; margin: 5px 0 0 10px;}
#img_despre-noi { position: absolute; top: 20px; left: 415px; z-index: 1;}
div#sub-meniu-imgs img { position: relative; float:left; margin:5px 20px 0 0;}
div#sub-meniu-imgs img#detalii { position: relative; float:right; margin:5px 100px 0 0;}
div#sub-meniu-links img { position: relative; float:left; margin: 3px 5px 0 0;}


/* =form =fieldset input */
fieldset { border-width: 0; }

.input1 { cursor: pointer; }
.cursor { cursor: text; }

form#f_common { position: relative; padding: 0 0 0 30px; width: 260px; } 

form#f_common fieldset { position: relative; float:left; display : block; color: #000; width:100%;}


form#f_common fieldset label { float: left;  padding: 0 0 12px 0;}
form#f_common fieldset label#mesaj { float:left; width:200px; padding-left:60px;}
form#f_common fieldset label#mesaj span {position:relative; float:left; width:100%;} 
form#f_common fieldset label#trimite  { position:relative; float:left; padding-left:130px; width:130px;}


form#f_common fieldset label span { float : left; width: 60px; font-size: 11px; line-height: 16px; text-align: left; }
form#f_common fieldset input { float: left; width: 198px; height: 16px; border: 1px solid #754738; cursor: text; vertical-align: middle; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #000; background-color: #F2E4CA; } 

form#f_common fieldset textarea { float: left; width: 200px; height: 150px; border: 1px solid #754738; cursor: text; font-family: Verdana, Helvetica, Arial, sans-serif; color: #000; font-size: 11px; background-color: #F2E4CA; }

form#f_common fieldset label input.buttons { position: relative; cursor: pointer; }
form#f_common fieldset label input.buttons#buton_trimite { width: 58px; height: 26px; border: none; background: url(../img/trimite.png) no-repeat; cursor: pointer; text-align:center;}
 

/* =div */

div#container { position: relative; margin: 0 auto; width: 900px; height: 800px; background:url(../img/background.jpg) no-repeat; overflow:hidden; } 

div#banner { position: relative; margin-left: 23px; height: 312px; width: 580px; }

div#branding { position: relative; float: left; width: 250px; height: 191px; }
div#meniu { position: relative; margin-left: 28px; }
div#sub-meniu-links { position:absolute; float: left; left: 48px; top: 370px; width: 222px; z-index: 2; }
div#sub-meniu-imgs { position: absolute; float: left; left: 28px; top: 415px; width: 222px; z-index: 2; }
div#navigatie { position: relative; float:left; text-align: right; width: 350px; }

div#content { position: relative; float: left; width: 647px; height: 800px; overflow: hidden; }
div#div-dana1-img { position: absolute; z-index:1; top: 40px; left: 395px; width: 140px; text-align:center; }
div#div-ul-pensiune1 { position: relative; float: left; margin-top: -70px; padding-left: 60px; height: 142px; }

div#contact-left { position: relative; float: left; padding-left:20px; width: 320px;}
div#contact-right { position: relative; float: left; padding-left:20px; width: 230px;}4

div.content-undermain { position: relative; margin-top: 10px; width: 647px; height: 465px; }
div.content-main { position: absolute;  z-index: 1; top: 372px; left: 0; }
div.content-poze{ position: relative; float: left; padding: 0 0 20px 60px; width: 100%; }
div.content-1 { position: relative; float: left; padding: 0 0 0 60px; width: 100%; }
div.poze-galerie { position: relative; float: left; width: 100%; }

div.content-main-box { position: relative; float: left; margin-top: 10px; padding-left: 60px; width: 470px; }
div.content-main-box#first { padding-top: 0;}
div.content-main-box-left { position: relative; float: left;  margin-right: 30px;  width: 290px;}
div.content-main-box-right { position: relative; float: left; width: 130px;}
div.contact-right-box { position:relative; float:left; width: 100%;  }
div.contact-right-box#first { padding-top: 0; }

div#copyright { position: relative; margin: 0 auto; margin-top: 20px; width: 900px; height: 31px; }
div#copyright .box { position: relative; float: left; width: 49%; }
div#copyright .box#trafic { position: relative; float: left; width: 49%; text-align: center; }

/* script carousell - galerie foto */

#scroller { 
	position:relative;
	float:left;
    width: 100%; 
    overflow: hidden;
	height: 300px;
    }
.content {
	position:relative;
	float: left;
    width: 80%;
	height:300px;
    }
.slide { 
	position: relative;
    float: left;
    width: 500px;
    height: 300px; 
    }

}