* { padding: 0; margin: 0; }

body {font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; background-image:url(images/bg.jpg); background-repeat:repeat-x; background-position:top; color:#492d0a}
img {border:none}
#wrapper {margin: 0 auto; width: 922px;}

#center {width:1000px; margin:0 auto}
#header {width:1000px; height:194px;}
#logo {width:396px; height:194px; position:absolute; z-index:222; background-image:url(images/logo.png); background-repeat:no-repeat; background-position:center; margin:0 0 0 300px;}

/*Meniu*/
a:active { outline: none; }
/* Firefox Dotted Outline Fix */
a:focus { -moz-outline-style: none; }
/* Menu Body */
ul#menu {width:1000px;height:102px; list-style:none;margin:0;padding:0; padding-top:65px;}
/* Float LI Elements - horizontal display */
ul#menu li {float:left;}
/* Link - common attributes */
ul#menu li a {background:url(sprite.png) no-repeat scroll top left;display:block;height:80px;position:relative;}
ul#menu li a.home {width:102px;}
ul#menu li a.homeact {width:102px;background-position:0px -81px;}
ul#menu li a.lateo {width:102px;background-position:-102px 0px;}
ul#menu li a.lateoact {width:102px;background-position:-102px -81px}
ul#menu li a.meniu {width:102px;background-position:-204px 0px;}
ul#menu li a.meniuact {width:102px; background-position:-204px -81px;}
ul#menu li a.galerie {width:540px;background-position:-300px 0px;}
ul#menu li a.galerieact {width:540px; background-position:-300px -81px;}
ul#menu li a.contact {width:118px;background-position:-844px 0px;}
ul#menu li a.contactact {width:118px;background-position:-844px -81px;}
ul#menu li a span {background:url(sprite.png) no-repeat scroll bottom left;display:block;position:absolute;top:0;left:0;height:100%;width:100%;z-index:100;}
ul#menu li a span:hover {cursor:pointer;}
ul#menu li a.home span {background-position:0px -81px;}
ul#menu li a.lateo span {background-position:-102px -81px;}
ul#menu li a.lateoact span {background-position:-102px -81px;}
ul#menu li a.meniu span {background-position:-204px -81px;}
ul#menu li a.meniuact span {background-position:-204px -81px;}
ul#menu li a.galerie span {background-position:-300px -81px;}
ul#menu li a.galerieact span {background-position:-300px -81px;}
ul#menu li a.contact span {background-position:-844px -81px;}
ul#menu li a.contactact span {background-position:-844px -81px;}

/*Homepage*/
#content {width:740px; height:677px; float:left; background-image:url(images/content.jpg); background-repeat:no-repeat; padding:90px 80px 0 80px}
#contactpage {width:740px; height:600px; float:left; background-image:url(images/content.jpg); background-repeat:no-repeat; padding:90px 80px 0 80px}
/*Innerpage - gallery*/
#innergal {width:740px; height:475px;}
#innergal h1{width:431px; height:31px; background-image:url(images/ribon.png); background-repeat:no-repeat; position:absolute; z-index:2; margin:-5px 0 0 5px; font-size:16px; color:#e0e0bd; padding:25px 0 0 70px;}
.gall {width:169px; height:137px; float:left; margin:20px 10px 0 0; background-image:url(images/bg_galsmall.png); background-repeat:no-repeat}
.gall img{margin:12px 0 0 12px}
#galpage {padding:50px 0 0 20px}
.slideshow {width:219px; height:250px;  margin:0 16px}
#butgal {margin:15px 0 19px 70px}
#butgal img{border:none}

/*LeftCol*/
#leftcolumn {width: 259px; height: 475px;  float: left; color:#fff}
#gallery {width:259px; height:352px; background-image:url(images/galerie.jpg); background-repeat:no-repeat}
#orar {width:133px; height:109px; background-image:url(images/frame.jpg); background-repeat:no-repeat; float:left; text-align:center}
#orar h1{font-size:14px; margin:7px 0 0 0}
#orar p{font-size:12px; margin:0; line-height:12px}
#orar p b{background-color:#746b54; padding:0 5px 0 5px;}
#credit {margin:5px 0 0 12px}
#phone {padding:10px 0 0 15px; float:left}
#phone img{margin:0 10px 0 0}
#phone p{color:#000; font-size:11px; font-weight:bold; }

/*Right col*/
#rightcolumn {float: right;width:470px; height: 475px;  display: inline; color:#fff;}
#rightcolumn img{border:none; margin:0}
#rightcolumn h1{width:431px; height:31px; background-image:url(images/ribon.png); background-repeat:no-repeat; position:absolute; z-index:2; margin:-10px 0 0 -30px; font-size:16px; color:#e0e0bd; padding:25px 0 0 70px}
#text{padding:50px 0 0 0}
#rightcolumn p{color:#241501; font-size:14px; font-weight:bold; text-indent:60px; margin:3px 0 0 0}
#domiciliu {width:229px; height:162px;  background-image:url(images/livrari_domiciliu.jpg); background-repeat:no-repeat; float:left;}
#domiciliu img{margin:3px 0 0 20px}
#domiciliu p{font-size:12px; font-weight:normal; margin:35px 0 0 20px; text-indent:20px; line-height:14px}
#images { padding:4px 0 0 7px}

/*meniu big*/
#meniubig {width:689px; height:375px; background-image:url(images/meniu.jpg); background-repeat:no-repeat; background-position:80px 107px; text-align:center; padding:0 0 0 100px}
#meniubig h2{font-weight:normal}
#meniubig a:link{color:#241501; text-decoration:none}
#meniubig a:visited{color:#241501; text-decoration:none}
#meniubig a:hover{color:#726451; text-decoration:none}
.menuba{ width:241px; height:230px; float:left; margin:130px 60px 0 0px}
.menubb{ width:241px; height:230px; float:left; margin:130px 0 0 }

/*Meniu*/
#innermeniu {width:740px; height:475px;}

#innermeniu h1{width:431px; height:31px; background-image:url(images/ribon.png); background-repeat:no-repeat; position:absolute; z-index:2; margin:-5px 0 0 5px; font-size:16px; color:#e0e0bd; padding:25px 0 0 70px; text-decoration:none}
#bucatarie {margin:50px 0 0 0; position:absolute; width:740px;}
.item {width:170px; height:198px; float:left; margin:10px 10px 0 0; background-image:url(images/item.png); background-repeat:no-repeat; text-align:center}
.item img{margin:12px 0 0 0px; border:1px solid #402501}
.item h2{font-size:14px; margin:5px 0 0 0}
.item h3{font-size:14px; margin:18px 0 0 0}
#bucatarie a:link{color:#492d0a; text-decoration:none}
#bucatarie a:visited{color:#492d0a; text-decoration:none}
#bucatarie a:hover{color:#492d0a}

#innertext {margin:50px 0 0 0; position:absolute; width:740px;}
#innertext p{margin:10px 20px 0 50px; text-indent:50px; color:#241501}
.left {float:left; margin:0 10px 0 0; padding:10px 0 0 40px}
.right {float:right; margin:0 0 0 10px; padding:0 20px 0 0}
#lateo {width:740px; height:400px; overflow:auto}
#lateo p{line-height:24px}

#meniubucatarie {padding:0 0 0 0; width:740px; height:450px; overflow:auto}
#meniubucatarie p{text-align:center; font-size:18px; margin:20px 0 20px 0}
#meniubucatarie h2{width:431px; height:31px; background-image:url(images/ribon.png); background-repeat:no-repeat;  margin:-5px 0 0 5px; font-size:16px; color:#e0e0bd; padding:25px 0 0 70px; text-decoration:none}

#minigallery {width:170px; float:right; margin:80px 0 0 0}
#minigallery img{border:1px solid #372001; margin:0 0 10px 0}
.mtext{ width:530px}


/*table*/
#innermeniu table { position:absolute; width:715px; overflow:scroll}
#innermeniu #tablesearch {width:740px; margin:50px 0 0 0; position:absolute;  height:400px; overflow:scroll; float:left}
#innermeniu #tablesearch form {margin:0 0 10px 0; color:#fff}
#innermeniu #tablesearch .rowrow {font-weight:bold; font-size:18px; background-color:#3f2603; color:#fff}
#innermeniu table span {background-color:#F00; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; padding:2px 4px 2px 4px;}
#innermeniu body,th,td {font-family: Arial, Verdana, sans-serif;font-size: 12px;}
#innermeniu a:link, a:visited  {color: #492d0a;}
#innermeniu a:hover, a:active, a:focus {color: #000000;}
#innermeniu table.dataTable tr.marked {background-color: #FFD900;}


/*Contact*/
#contactdetails {float:right; width:200px}
#contactdetails input {width:170px}
#contactdetails textarea{width:170px}
#contactdetails p{font-size:13px; margin:5px 0 0 0}
#contactdetails a{color:#000}
iframe {float:left}
#contactpage small{font-size:10px; margin:0 0 0 10px}

/*Footer*/
#footer {width: 770px; clear: both; float:left; margin:35px 0 0 0}
#contactpage #footer {margin:30px 0 0 0}
#footer p{color:#c7ad65; width:400px; float:right; font-size:10px; text-align:right}
#footer a:link{color:#e2cd94}
#footer a:visited{color:#e2cd94}
#footer a:hover{color:#e2cd94; text-decoration:none}
.fimg{width:350px; float:left}
#footer h6{font-size:13px; color:#c7ad65; font-weight:normal}
