/* CSS Document */
html,body {height:100%; margin:0; padding:0; font-family:verdana; font-size:x-small; }
#page {width:760px; margin:0px auto 0px auto; border-left:solid black 1px; border-right:solid black 1px;}


#content {padding-bottom:0px; position:relative;}

#header {width:540px; height:126px; border:solid black 1px; position:absolute; top:5px; right:-1px; background:white}
#header img {margin:0; padding:0;}

#footer {width:100%; line-height:50px; margin:200px 0 0 0; text-align:center; background:black; color:gray;}
#footer b {color:silver;}
#footer a {color:silver; text-decoration:none;}
#footer a:hover {text-decoration:underline} 

#side {width:190px; position:absolute; top:5px; left:0;}
#text {padding:131px 0 0 220px; width:540px; }
#side img {margin-bottom:5px; border:0;}
#meniu a {display:block; background:red; line-height:20px; margin-bottom:2px; text-align:center; text-decoration:none; color:white; font-weight:bold;}
#meniu a:hover {background:black; color:white;}
#film1, #film2 {width:190px; height:160px; background:black; margin-top:10px;}
#adresa {text-align:center; line-height:29px; margin:0px; padding:0;}
#patch {position:absolute; left:200px; width:100px; height:5px; background:white;}


.buton {display:block; position:relative; width:120px; height:120px; float:left; margin:9px 20px 0 0;}
.buton div {position:absolute; width:120px; height:50px; top:120px; left:0; background:url(img/reflexie.png) no-repeat;}
.buton:hover {background-position:-120px 0;}
.buton:hover div{background-position:0 -50px; cursor:default}		


#restaurare {background:url(img/buton_restaurare.png)}
#restaurare:hover {background-position:-120px 0;}
#birouri {background:url(img/buton_birouri.png)}
#birouri:hover {background-position:-120px 0;}
#locuinte {background:url(img/buton_locuinte.png)}
#locuinte:hover {background-position:-120px 0;}
#pudpuz {background:url(img/buton_pudpuz.png); margin:9px 0 0 0;}
#pudpuz:hover {background-position:-120px 0;}
		

.buton1 {display:block; position:relative; width:120px; height:120px; float:left; margin:50px 20px 0 0;}
.buton1 div {position:absolute; width:120px; height:50px; top:120px; left:0; background:url(img/reflexie.png) no-repeat;}
.buton1:hover {background-position:-120px 0;}
.buton1:hover div{background-position:0 -50px; cursor:default}

#medicale {background:url(img/buton_medicale.png)}
#medicale:hover {background-position:-120px 0;}
#spatii {background:url(img/buton_spatii.png)}
#spatii:hover {background-position:-120px 0;}
#turistice {background:url(img/buton_turistice.png)}
#turistice:hover {background-position:-120px 0;}
#sportive {background:url(img/buton_sportive.png); margin:50px 0 0 0;}
#sportive:hover {background-position:-120px 0;}



.titlu_lucrare { margin:60px 20px 0 0; text-align:left; padding-left:10px; font-size:12px; }
.subtitlu_lucrare { margin:10px 20px 0 0; text-align:left; padding-left:10px; font-size:11px; }
		
.poze_medii { margin:14px 0px 0px 0; position:relative; }
.poze_medii a {margin:0px 0px 0px 0; }
.poze_medii a img {border:0px; margin:0 14px 10px 0;}
.poze_medii #predulet{margin:-5px}	
.poza_mare {margin:15px; margin-left:50px; }
.inapoi  {text-align:right; margin:10px 20px 0 0; width:500px;}
.inapoi #spatiu {width:300px;}
.inapoi a {text-align:right; margin:10px 0px 0 0; font-size:11px; color:black; text-decoration:none; }
.inapoi a:visited {text-align:right; margin:10px 0px 0 0; font-size:11px; color:black; text-decoration:none;}
.inapoi a:hover {text-align:right; margin:10px 0px 0 0; font-size:11px; color:red; text-decoration:none;}