/*
Date: August 2009
Author: Vlacicu Cristian Catalin
Company: Touch Media
Website: www.touch-media.ro
Project: Pizza San Marco
*/

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS start! */
.clear {clear:both; display:block; line-height:0px; font-size: 0;}
.clear2 {clear:both; display:block; line-height:0px; height:20px; font-size: 0;}
.clear3 {clear: both; display: block; line-height:0; height: 10px; font-size: 0;}
body {background-color:#800004; background-image:url(images/bg.jpg); background-position:top left; background-repeat:repeat-x; font-family: "ConcursoItalian BTN";}
.footer {background-image:url(images/footerbg.jpg); background-position:top left; background-repeat:repeat-x; height:80px; width:100%; font-size:9px;}
.footercontainer {width:914px; margin:0 auto; padding-top:10px;}
.footermenu {float:left; color:#dc252c; width:500px;}
.footermenu a {color:#dc252c; text-decoration:none;}
.footermenu a:hover {color:#ffffff;}
.copyright {float:left; text-align:right; width:414px; color:#dc252c;}
.copyright a {color:#FFFFFF; text-decoration:none;}
.container {margin:0 auto; width:960px;}
h1 {float:left; font-size:9px; color:#dc252c; font-weight:normal; padding:10px 0px 0px 23px;}
.smallmenu {float:left; width:80px; padding:10px 0px 0px 340px;}
.smallmenu a {float:left;}
.logo {float:left; padding:10px 0px 0px 23px; position: relative; z-index: 10;}
.logo img { position: relative; z-index: 10;}
.leftsidecontainer {float:left; width:687px; padding-top:26px;}
.comanda {float:right; padding-right:20px;}
.comanda img {position: relative; top: 22px; z-index: 10;}
.menucontainer {float:left; background-image:url(images/menubg.jpg); background-position:top left; background-repeat:repeat-x; height:68px; width:608px; padding-left:59px; position: relative; z-index: 25;}
.menu {float:left; background-image:url(images/menu.jpg); background-position:top left; background-repeat:no-repeat; width:628px; height:68px;}
.menu a {float:left; background-position:top left; background-repeat:no-repeat; height:68px;}
.menu .b1 {width:106px;}
.menu .b1:hover {background-image:url(images/b1.jpg);}
.menu .b2 {width:131px;}
.menu .b2:hover {background-image:url(images/b2.jpg);}
.menu .b3 {width:151px;}
.menu .b3:hover {background-image:url(images/b3.jpg);}
.menu .b4 {width:128px;}
.menu .b4:hover {background-image:url(images/b4.jpg);}
.menu .b5 {width:112px;}
.menu .b5:hover {background-image:url(images/b5.jpg);}
.submenu {float:left; background-image:url(images/submenubg.jpg); background-position:top right; background-repeat:no-repeat; height:20px; background-color:#FFFFFF; width:470px; padding-left:194px;}
.submenu a {float:left; padding:0px 6px 5px 6px; font-size:10px; color:#bfbfbf; font-weight:bold; text-decoration:none;}
.submenu a:hover {color:#FFFFFF;}


#content {float: left; clear: left; width: 914px; background: #fff; margin: 0 0 0 23px; }
* html #content { width: 914px; margin-left: 12px;}
.rightcontainer {float:left; clear:left; width:534px; position: relative; margin-left: -23px; background: #fff;}
* html .rightcontainer {margin-left: -12px;}
.rightside {float:left; border-left:23px solid #800004;  width:511px; background: #fff; }
#right_w {float: left; width: 481px; background: #fff url(images/rightside.jpg) no-repeat top left;  padding: 50px 0 0 30px;  position: relative; z-index: 2;}
#right_w_top {float: left; width: 440px; background: #fff url(images/right_w_top.gif) no-repeat bottom right; padding: 20px; min-height: 229px; position: relative; z-index: 10;}
#right_w_top h2 {float: left; color: #5ba746; font-size: 14px; font-family: Verdana; clear: both;}
#right_w_top p {float: left; clear: left; width: 100%; text-align: justify; font-size: 11px; color: #666666;}
#right_w_top p.cum_comanda {font-weight: bold;}
#right_w_top p.cum_comanda b {font-weight: bold; font-size: 13px; color: #dc252c;}
#right_w_top p a {color: inherit; text-decoration: underline;}
.numbers { width: 21px; height: 22px; background: url(images/numbers.gif) no-repeat 0 0; float: left; margin-right: 5px; margin-bottom: 10px;}
.numbers#nr1 {background-position: 0 0;}
.numbers#nr2 {background-position: -21px 0;}
.numbers#nr3 {background-position: -42px 0;}
.numbers#nr4 {background-position: -63px 0;} 
#right_w_top p img {float: left; margin: 0 20px;}
* html #right_w_top p img { margin-left: 10px;}
#right_w_top p.is_meniu {font-size: 13px; background: url(images/is_meniu.gif) no-repeat 0 0; padding-left: 120px; width: 320px; height: 71px; padding-top: 30px; color: #dc252c;}
#right_w_top p.remember_promotie {font-size: 13px; background: url(images/icon-bonus.jpg) no-repeat 0 0; padding-left: 120px; width: 320px; height: 71px; padding-top: 30px; color: #dc252c;}
#right_w_top p.nr_de_tel {float: left; clear: left; color: #dc252c; font-size: 20px; font-family:  Arial, Verdana, sans-serif; font-weight: bold; padding:0px 0 0 0px; line-height: 25px;}
#right_w_top p.nr_de_tel img {margin-left: 0;}
.contentslider {float:left; margin-bottom: 3px;}
#sugestii_opinii {float: left; clear: left; width: 120px; height: 96px; background: url(images/sugestii_opinii.png) no-repeat;}
#comanda_4x4 {float: left; width: 332px; height: 61px; background: url(images/comanda_4x4.png) no-repeat; margin: 5px 0 0 0;}
#page_curl {float: left; clear: left; width: 914px; height: 201px; background:  url(images/page_curl.gif) no-repeat left bottom; position: relative;  padding: 0 0 0 23px; margin-top: -70px; z-index: 15;}
*:first-child+html #page_curl {margin-top: -40px;}
* html #page_curl {margin-top: -40px; background: url(images/page_curl.gif) no-repeat left bottom;}
#page_curl_left{float: left; width: 511px; height: 201px;}
#page_curl_right {float: right; width: 383px; padding-top: 80px;}
* html #page_curl_right {padding-top: 0; margin-top: 80px;}
#liv_recomandari {float: left; clear: left; width: 481px; padding: 0 0 0 30px; height: 130px; position: relative;}
#livrare_info {float: left; width: 145px; font-size: 10px; text-align: justify; color: #666666; margin: 20px 25px 0 0;}
*:first-child+html #livrare_info {margin-top: 0;}
* html #livrare_info {margin-top: 0;}
#recomandari {float: left; width: 270px; }
#recomandari h2 {float: left; clear: left; padding: 0 0 0 25px; }
#vezi_cos {float: right; width: 153px; height: 75px; background: url(images/cos.gif) no-repeat; position: relative; }
#cos_info {float: right; clear: right; font-size: 12px; color: #666; font-family: Arial; width: 130px; padding: 10px; position: relative; z-index: 30;}
#cos_prod {float: left; clear: left; margin: 10px 0 0 0; }
#cos_pret {float: left; clear: left; margin: 5px 0 0 0;}
.newsletter_form {float: right; width: 260px; margin: 10px 40px 0 0; }
*:first-child+html .newsletter_form { margin-top: -5px; position:  relative; }
* html .newsletter_form { margin-right: 20px; margin-top: -5px; position:  relative;}
.newsletter_form div {float: left; clear: left; width: 100%; margin-top: 10px;}
.newsletter_form input {float: left; width: 172px; height: 16px; background: url(images/newsletter_input.gif) no-repeat; border: 0; font-size: 11px; color: #333; padding: 4px 2px 2px 2px; margin: 5px 2px 0 0;}
.newsletter_form input#newsletter_submit {float: left; clear: none; width: 78px; height: 30px; border: 0; background: url(images/abonare.gif) no-repeat; padding:  0; margin: 0; cursor: pointer;}
.newsletter_form p {float: left; clear: left; width: 176px; color: #666666; font-size: 10px; text-align: left; margin: 3px 0 0 0;}

#meniu_pizza {float: left; width: 403px; background: #fff; padding: 10px 0 0 0; position: relative; z-index: 20; min-height: 672px;}
* html #meniu_pizza {float: right; margin-right: -30px; right: 30px;}
.meniu_item {float: left; width: 380px; height: 85px; background: #fff url(images/pizza_item.gif) no-repeat; padding: 11px 0 0 23px; position: relative; z-index: 30;}
.comanda_item {float:right; width: 33px; height: 96px; background: url(images/comanda.png) no-repeat; position: relative; margin: -11px -22px 0 0; display: none; cursor: pointer;}
.item_desc {float: left; clear: left; width: 135px; margin: 0 5px 0 0;}
.item_desc h3 {float: left; clear: left; width: 100%; color: #cb0007; font-family: Arial; font-size: 14px;}
.item_desc p {float: left; clear: left; width: 100%; color: #676767; font-size: 12px; text-align: left; padding: 3px 0 0 0; letter-spacing: -1px;}
.item_price {float: left; width: 120px; color: #cb0000; font-size: 18px; font-family: Arial; text-align: right; margin-right: 25px;}
.item_price span em {font-style: normal; font-size: 12px; color: #656565;}
.price1 {float: left; width: 65px; font-weight: bold;}
.price1 .l {float: right; clear: both;width: 12px; height: 15px; background: url(images/l.gif) no-repeat 0 0; margin: 0 25px 10px 0;}
.price2 {float: left; width: 53px; font-weight: bold;}
.price2 .xxl {float: right; clear: both; margin-bottom: 10px; width: 35px; height: 15px; background: url(images/xxl.gif) no-repeat 0 0;}
.pizza_size {width: auto; float: right; margin: 5px 15px 0 0;}
.price1 .pizza_size {margin-right: 25px;}
.item_pic_div {float: left; width: 63px;}
.item_pic {float: left; cursor: pointer;}
.lupa {float: left; clear: left; width: 38px; height: 9px; background: url(images/lupa.gif) no-repeat; margin: 3px 0 0 0; display: none; cursor: pointer;}
#items_more {float: left; width: 100%;   position: relative; z-index:20; display: none;}
#vezi_toate {float: left; clear: left; width: 412px; height: 34px; background: url(images/vezi_toate.png) no-repeat; position: relative; margin: 0 0 0 -23px; background-position: 0 0; cursor: pointer;}
* html #vezi_toate {margin-left: -15px; left: 6px;}
#telefoane {float: left; clear: left; width: 383px; background: url(images/telefon.gif) no-repeat 0 0 ; height: 20px; position: relative; margin: 10px 0 0 0;  padding: 0 0 0 0px;}
#telefoane span {color: #fff; font-size: 14px; font-family: Arial; font-weight: bolder; padding: 2px 0 0 30px;}


#page_admin {width: 850px; background: #fff; margin: 0 auto; padding: 30px 20px;}
#page_admin h1 {float: left; clear: left; color: #800004; font-size: 16px; font-weight: bold; width: 600px; border-bottom: 1px #800004 solid; padding: 2px 0;}
.err {float: left; clear: left; width: 100%; color: red; font-size: 10px; }
.succes {float: left; clear: left; width: 100%; color: green; font-size: 10px;}
.succes2 {float: left; clear: left; width: 100%; color: green; font-size: 14px; font-weight: bold;}
#page_admin .form_design {float: left; clear: left; width: 500px; font-family: Arial, Verdana, sans-serif;}
#page_admin .form_design div {float: left; clear: left; width: 100%; margin: 2px 0;}
#page_admin .form_design label {float: left; width: 120px; text-align: right; margin: 3px 5px 0 0; font-size: 11px;}
#page_admin .form_design input {float: left; width: 250px;}
#page_admin .form_design input.submit_button {width: auto;}
#page_admin .form_design input.small_input {width: 50px;}
#page_admin .form_design textarea {float: left; width: 250px; height: 100px;}
#page_admin .form_design div p {float: left; clear: left; width: 100%; color: #333; font-size: 11px;}
#page_admin .admin_link {float: left; clear: left; color: #800004; font-size: 11px;}
#page_admin .admin_link:hover {text-decoration: underline;}

#comanda_title {float: left ;clear: left; }
.comanda_table {float: left; width: 445px; height: auto; }
* html .comanda_table {margin-top: -20px;}
.comanda_table tr {background: #407632; color: #767676; font-size: 12px; font-family: Arial, Verdana, sans-serif; }
.comanda_table td {background: #fff url(images/comanda_td.gif) repeat-x left bottom; padding: 8px 5px; }
.comanda_table tr.comanda_table_h{ background: url(images/table_h.gif) no-repeat; border: 0;}
.comanda_table tr.comanda_table_h td {height: 28px;  color:  #fff; font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; padding: 0 5px 0 5px; background: transparent; }
* html .comanda_table tr.comanda_table_h td { background: #407632; }
.comanda_table tr.comanda_table_f{ background: #407632; border: 0;}
.comanda_table tr.comanda_table_f td {height: 28px;  color:  #fff; font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 16px; padding: 0 25px 0 0; text-align: right; background: transparent; }
* html .comanda_table tr.comanda_table_f td { background: #407632; }
.comanda_table tr.comanda_table_f td span {color: #9ce58a;}

#comanda_title {float: left ;clear: left; }
.lc_table {float: left; width: 445px; height: auto;}
.lc_table tr {background: #407632; color: #767676; font-size: 12px; font-family: Arial, Verdana, sans-serif; }
.lc_table td {background: #fff url(images/comanda_td.gif) repeat-x left bottom; padding: 8px 5px; }
.lc_table tr.comanda_table_h{ background: url(images/table_h.gif) no-repeat; border: 0;}
.lc_table tr.comanda_table_h#bonus_list { background:#800004 no-repeat; border: 0;}
.lc_table tr.comanda_table_h td {height: 28px;  color:  #fff; font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; padding: 0 5px 0 5px; background: transparent; }
* html .lc_table tr.comanda_table_h td { background: #407632; }
.lc_table tr.comanda_table_f{ background: #407632; border: 0;}
.lc_table tr.comanda_table_f td {height: 28px;  color:  #fff; font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 16px; padding: 0 25px 0 0; text-align: right; background: transparent; }
* html .lc_table tr.comanda_table_f td { background: #407632; }
.lc_table tr.comanda_table_f td span {color: #9ce58a;}

.sterge_prod {float: left; width: 9px; height: 10px; background: url(images/recycle.gif) no-repeat; cursor: pointer; border: 0;}


#bonus_pizza {float: left; clear: left; width: 100%; }
#bonus_pizza div {float: left; clear: left; margin: 5px 0; font-family: Arial, sans-serif; font-size: 12px; color:#333; }
#bonus_pizza div label {float: left; width: 60px; margin-top: 2px;}
#bonus_pizza div select {float: left; width: 150px;}

.get_x4 {float: left; clear: left; width: 425px; margin-bottom: 25px;}
.get_x4_top {float: left; clear: left; width: 425px; height: 5px; background: url(images/x4_top.gif) no-repeat;}
.get_x4_bottom {float: left; clear: left; width: 425px; height: 5px; background: url(images/x4_bottom.gif) no-repeat;}
.get_x4_mijloc {float: left; clear: left; width: 398px; background: #e5e5e5; padding: 0 12px 0 15px;}

.get_pizza_x4 {float: left; clear: left; width: 100%;}
.get_pizza_x4 .left_side {float: left; clear: left; width: 265px; }
.get_pizza_x4 .left_side div {float: left; width: 100%; padding: 2px 0;}
.get_pizza_x4 label {float: left; width: 125px; font-size: 12px; font-weight: bold; color: #676767;}
.get_pizza_x4 select {float: left; width: 120px;}
.get_pizza_x4 .right_side {float: right; width: 123px; padding: 17px 0 0 0;}
.get_pizza_x4 .right_side span {float: left; clear: left; color: #676767; font-weight: bold; font-size: 20px;}
input.submit_x4 {float: left; clear: left; width: 123px; height: 22px; background: url(images/adauga_in_cos.gif) no-repeat; border: 0; cursor: pointer; margin: 5px 0 0 0;}

#popup {position: fixed; width: 300px; height: 227px; background: url(images/popup-trans.png) no-repeat; left: 52%; top: 20%;  z-index: 150; display: none;}
* html #popup { background: url(images/popup.gif) no-repeat center; position: absolute; width: 100%; height: 100%; }
#lanseaza_comanda {float: right; clear: right; width: 184px; height: 33px; background: url(images/lanseaza_comanda.gif) no-repeat  0 0; margin: 0 10px 0 0;}
#lanseaza_comanda:hover {background-position: 0 -33px;}

#checkout_form {float: left; clear: left; margin-bottom: 40px; width: 250px; position: relative; margin-left: -10px;}
#checkout_form div {float: left; clear: left; width: 100%; margin: 3px 0;}
* html #checkout_form div {background: url(images/checkout_field.gif) no-repeat top right; height: 22px; width: 248px; }
#checkout_form label {float: left; clear: left; width: 60px; font-size: 12px; color: #686868; font-weight: bold; text-align: right; padding-right: 10px;}
#checkout_form input {float: left; width: 172px; height: 18px; padding: 2px; border: 0; background: url(images/checkout_field.gif) no-repeat 0 0;}
* html #checkout_form input {background: transparent;}
#checkout_form textarea {float: left; width: 172px; padding: 2px; height: 100px;}
#checkout_form input#checkout_submit {float: right; width: 184px; height: 30px; background: url(images/checkout_button.gif) no-repeat; cursor: pointer; padding: 0;}
#checkout_form input#trimite_submit {float: right; width: 184px; height: 30px; background: url(images/trimite_button.gif) no-repeat; cursor: pointer; padding: 0;}
#checkout_form div p.nr_de_tel {float: left; clear: left; color: #dc252c; font-size: 20px; font-family:  Arial, Verdana, sans-serif; font-weight: bold; padding: 30px 0 0 70px; line-height: 25px;}
#checkout_form div p.nr_de_tel img {margin-left: 0;}

#tabel_comenzi {width: 780px; float: left; clear: left; font-size: 11px;}
#tabel_comenzi tr td {border: 1px #ccc solid; padding: 4px 2px;}

#produse_admin {float: left; width: 400px; font-size: 11px;}
#produse_admin tr td {border: 1px #ccc solid; padding: 2px;}
.poza_existenta {float: left; clear: left; margin-left: 120px;}
.sterge_poza {float: left; color: red;}

#contact_date {float: right; width: 160px;}
#contact_date span {font-size: 14px; font-weight: bold; font-family: Verdana, Arial, sans-serif; color: #5ba746;}
#contact_date p {float: left; clear: left; font-size: 9px; color: #808080; font-family: Verdana, Arial, sans-serif; padding-bottom: 4px;}
#contact_date b {font-size: 11px;}
#contact_date em {font-weight: bold; font-style: normal;}

div#tipDiv {
  position:absolute; visibility:hidden; left:0px; top:0px; z-index:100;
  background-color:#fff; border:none; 
  width:250px; padding:6px;
  color:#000; font-size:11px; line-height:1.3;
}
/* These are used in the wrapTipContent function */
div#tipDiv div.img { text-align:center }
div#tipDiv div.txt { text-align:center; margin-top:4px }

#mess_status {float: right; position: relative;  margin: -10px 150px -100px 0; display: block;}
#program {float: right; position: relative; margin: 15px 400px -80px 0; }