html { background: #0a0c20 url('/img/bg.gif'); }

body,p {  
    color: #e6cbb5;
    font-family:   Times New Roman;
}

a {
    color: #e6cbb5;
    font-family:   Times New Roman;
    font-weight: bold;
    text-decoration: none;
}

ul {     list-style-image:none;
    list-style-position:outside;
    list-style-type:none; }
    
h3 { background: #0a0c20 url('/img/h3.gif') repeat-x ;color: #850c00; font-family:   Times New Roman;  height: 24px; font-size: 14px; line-height: 24px; text-align: center; }    

h5 { color: white; font-family:   Times New Roman;  text-decoration: underline; }
    
#content { background: transparent url('/img/logo new.png') no-repeat; width: 1010px;}
#content.cafe { background: transparent url('/img/logocafe.png') no-repeat;}

#left { background: transparent url('/img/left.png') no-repeat 58px 118px ;width: 233px;  }    
    
    
#menu {
    margin-top: 155px;
    
}

#menu li { height: 30px; line-height: 30px; margin-left: 5px; text-align: center; }
#menu li a { color: #d9d1b6; display: block;width: 228px; font-size: 12px; }
#menu li a:hover { background: transparent url('/img/menulia.png') no-repeat; }
#menu li.selected a { background: transparent url('/img/menulia.png') no-repeat; }

#center { width:  570px; }

#center p { text-align: justify; font-weight: 13px;}
#header { height: 340px; width: 570px; z-index: 1 !important;}    
#noflashheader { background: transparent url('/img/header.png') no-repeat;height: 340px; width: 570px; }    
#headerbar { overflow:hidden ; width : 570px; }
#path,p#descrierecat { float: left; overflow:hidden ; padding-right: 10px; width : 275px;  }
p#descrierecat { color: #fff; font-size: 14px; font-weight: bold; text-align: right;  }
#continut { border-top: 1px #5f110d solid; border-bottom: 1px #5f110d solid; background: #050616; padding-top: 5px; padding-bottom: 5px; width: 552px;}
#continut div.d3col,
#continut div.articol,
#continut div.galerie
 { width:  532px; }
#cont1,#cont2,#cont3 { width: 164px; }
.photo { padding-bottom: 5px; border-bottom: 1px #5f110d solid; margin-bottom: 10px; }

.articol img { border: 7px #dbc49b solid; float: right; margin: 15px; }
.articol h3 { float: left; background: none; border-bottom: 1px #994c33 solid; color:#e1932b; font-size: 20px; padding-right: 60px; text-align:left; width: auto;}
.articol p {font-size: 13px; text-indent: 15px; }
.articol ul{font-size:12px; line-height:16px;}
.articol .art_spacer,
.articol .art_spacer2
    { background: #0a0c20 url('/img/h3.gif') repeat-x ; color:#5f110d; height: 22px; line-height: 22px; margin-bottom: 20px; width: 100%; }
.articol .art_spacer a,
.articol .art_spacer2 a { color:#5f110d; }    
.articol .art_spacer2 { background-position: bottom; }
    
.galerie .gal_foto { float: left;  }    
.galerie .gal_foto img{ border: 3px #dbc49b solid; margin: 8px;  }    

.pikachoose{width:538px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:538px;height:180px;margin:14px 0 0 0 ;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#DBC49B;margin:0 8px 8px 3px;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:532px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:#DBC49B;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:526px;height:18px;padding-top:4px;text-align:center;line-height: 14px; position:absolute;bottom:7px;left:3px;background:url('/img/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/img/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/img/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{display: none; padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('/img/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('/img/fastf.png') top right no-repeat;}

    
#right { background: transparent url('/img/right.png') no-repeat 0px 228px; width: 205px; }    
#langsel { margin-left: 2px; margin-top: 55px; height: 245px;}
#langsel li{ background: transparent url('/img/langli_bg.png') no-repeat; height: 22px; line-height: 22px; margin-left: 0;}
#langsel li a.ro{ background: transparent url('/img/ro.gif') no-repeat 0 3px; font-size: 11px; font-weight: normal; padding-left: 15px;}
#langsel li a.eng{ background: transparent url('/img/en.gif') no-repeat 0 3px; font-size: 11px;  font-weight: normal; padding-left: 15px;}

#right .articol { border-left: 1px #5f110d solid; padding-left: 10px; padding-top: 20px; width: 160px; }

#testimonial { width: 150px; text-align: justify; }



#footer { background: #dfbf83 url('/img/footer.gif') repeat-x ;height: 24px; margin-top: 10px; }
#footermenu {  height: 24px;  margin-left: 180px; margin-bottom: 0;  }
#footermenu li { float: left; line-height: 22px; margin-left: 10px;}
#footermenu li a{ border-right: 1px #5f110d solid; color: #5f110d; font-size: 11px; font-weight: bold; padding-right: 10px; }

#copyright { margin-top: 10px; font-size: 9px; text-align:center;}
#copyright p{ font-size: 9px; }
#designer { text-align: center; }

#contactform { margin: 10px; }
#contactform dt{ display: block; height: 20px; line-height: 20px; margin: 10px 0 5px 10px; float: left; clear: both;}
#contactform dd{ margin: 10px 0 5px 10px; float: right;  }
#contactform label{ display: block; line-height: 20px; width: 260px; text-align: right;  }
#contactform label.lblmsg{ display: block; width: auto; text-align: left;  }
#contactform input,#contactform textarea { background: #DBC49B ; border: 1px #994C33 solid; margin-left: 20px;}
#contactform .submit { background: #994C33 ; color: #DBC49B; font-weight: bold;}
.dth, .ddh { display: none; }