﻿.restaurant_left
{
    float: left;
    width: 670px;
    z-index: 9;
}

/* RESTAURANT DATA */
.res_data_up
{
    width: 650px;
    height: 11px;
    font-size: 0;
    background: url(../images/res_data_up.png) no-repeat;
}

.res_data_left
{
    width: 635px;
    height: 240px;
    background: url(../images/res_data_left.png) repeat-y;
    padding: 0 0 0 20px;
}

.res_data_td1
{
}
.res_data_td2
{
    width: 200px;
}

.res_data_left h1
{
    font-weight: normal;
    font-size: 22px;
}

.res_data_left_img
{
    width: 154px;
    height: 154px;
    padding: 6px;
    border: 1px #dadada solid;
}

.res_data_info
{
    padding: 5px 0 0 10px;
    width: 300px;
    vertical-align: top; /*line-height: 22px;     height: 135px;*/
}

.res_data_info p
{
    margin: 2px;
}

.res_data_info img
{
    margin: 0 5px -3px 0;
}

.res_data_info a
{
    margin: 0 0 0 5px;
}

.res_data_info_map a
{
    font-size: 11px;
    color: Black;
}

.res_data_rating
{
    width: 300px;
    padding: 0 0 0 10px;
}

.res_data_rating a
{
    color: Black;
    font-size: 11px;
}

.res_data_rating div, .res_data_rating span
{
    float: left;
    margin: 0 10px 0 0;
}

.res_data_share
{
    text-align: right;
    float: right;
    height: 44px;
    width: 76px;
    background: url(../images/res_share.png);
    padding: 0 10px 0 0;
}

.res_data_share img
{
    margin: 5px 0 0 0;
}

.res_data_views
{
    text-align: right;
}

.res_data_views span
{
    margin: 0 0 0 10px;
}

/* RATING */
.res_tab_left
{
    float: left;
    width: 12px;
    height: 36px;
    background: url(../images/res_tab_left.png);
}

.res_tab_center
{
    float: left;
    width: 649px;
    height: 36px;
    background: url(../images/res_tab_center.png);
}

.res_tab_center ul
{
    margin: 0;
    padding: 0;
}

.res_tab_center ul li
{
    list-style: none;
    float: left;
    margin: 0 0 0 10px;
}

.tab_normal, .tab_normal_dis, .tab_big, .tab_big_dis
{
    display: block;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    height: 36px;
    line-height: 38px;
    text-decoration: none;
}

a.tab_normal_dis:hover, a.tab_big_dis:hover
{
    text-decoration: underline;
}

.tab_normal
{
    background: url(../images/res_tab_normal.png);
    width: 102px;
    color: Black;
    cursor: default;
}

.tab_normal_dis
{
    background: url(../images/res_tab_normal_dis.png);
    width: 102px;
    color: Gray;
}

.tab_big
{
    background: url(../images/res_tab_big.png);
    width: 162px;
    color: Black;
    cursor: default;
}

.tab_big_dis
{
    background: url(../images/res_tab_big_dis.png);
    width: 162px;
    color: Gray;
}

.res_tab_body
{
    float: left;
    width: 630px;
    padding: 10px 25px 10px 15px;
    min-height: 500px;
    background: url(../images/res_tab_body.png);
}

.res_tab_foot
{
    background: url(../images/res_tab_foot.png);
    height: 15px;
    width: 800;
}

.order_box
{
    width: 300px;
    height: 200px;
    border: 1px solid #E6E6E6;
    background: #FCFCFC;
    margin: 0 auto;
}

/* RATING */
.rating
{
    background: white url(../images/stars.png) no-repeat scroll 0 0;
    height: 15px;
    vertical-align: top;
    width: 75px;
}
.rating_00
{
    background-position: -75px 0px;
}
.rating_05
{
    background-position: -60px -15px;
}
.rating_10
{
    background-position: -60px -0px;
}
.rating_15
{
    background-position: -45px -15px;
}
.rating_20
{
    background-position: -45px -0px;
}
.rating_25
{
    background-position: -30px -15px;
}
.rating_30
{
    background-position: -30px -0px;
}
.rating_35
{
    background-position: -15px -15px;
}
.rating_40
{
    background-position: -15px -0px;
}
.rating_45
{
    background-position: 0 -15px;
}
.rating_50
{
    background-position: 0 -0px;
}


/* --------------------------------------------------
    RESTAURANT RIGHT
---------------------------------------------------*/

.restaurant_right
{
    float: left;
    width: 314px;
    text-align: right;
    margin: 0 0 0 -9px;
    z-index: 10;
}

/* CART */

.cart_container
{
    height: 280px;
}

.cart
{
    width: 285px; /*min-height: 250px;*/
    min-height: 230px;
    background: #f8f8f8;
    border: 1px #ddd solid;
    float: right;
    padding: 0 10px;
    text-align: left;
}

.cart h2
{
    font-size: 18px;
    font-weight: normal;
    color: #14457f;
    margin: 10px 0 0;
    height: 28px;
}
.cart_cancel, .cart_cancel a
{
    font-size: 11px;
}
.cart_cancel b a
{
    color: Black;
}
.cart_title
{
    padding: 15px 0 5px;
    color: #444;
}
.cart_title img
{
    margin: 0 5px -3px 0;
}
.cart_title a
{
    margin: 0 0 0 10px;
    font-size: 11px;
    font-weight: normal;
}
.cart_title table tr td
{
    vertical-align: top;
    line-height: 26px;
}
.cart_title table table tr td
{
    line-height: 0;
    margin: 0;
    padding: 0 0 2px 0;
}
.cart_title table label
{
    font-size: 12px;
}
.cart_title table label span
{
    font-size: 11px;
    font-weight: normal;
}
.cart_title span
{
    margin: 0 0 0 5px;
}

/* CART DETAIL*/
.cart_detail
{
    font-size: 11px;
    width: 285px;
}
.cart_detail tbody tr th
{
    color: Gray;
    text-align: left;
}
.cart_detail tbody tr th, .cart_detail tbody tr td
{
    padding: 2px;
}
.cart_td1
{
    text-align: right;
    width: 15px;
}
.cart_td2
{
    width: 205px;
}
.cart_td3
{
    width: 65px;
}
.cart_total
{
    text-align: right;
}
.cart_line
{
    border-top: 1px silver solid;
}
.cart_items{cursor:pointer;}


/* cart message */
/*.cart_message
{
    margin: 10px auto 25px 0;
    text-align: left;
    color: #444;
    font-weight: bold;
}
.cart_message_warning
{
    color: #E22B13;
}
.cart_message img
{
    margin: 0 5px -3px 0;
}
.cart_message span
{
    margin: 0 0 0 5px;
}*/

/* cart button */
.cart_button
{
    background: url(../images/btnOrder.png);
    width: 206px;
    height: 41px;
    margin: 10px auto 20px auto;
}
.cart_button a
{
    width: 206px;
    height: 41px;
    display: block;
}

.cart_button_preorder
{
    background: url(../images/btnPreorder.png);
    width: 206px;
    height: 41px;
    margin: 10px auto 20px auto;
}
.cart_button_preorder a
{
    width: 206px;
    height: 41px;
    display: block;
}

/* OPTIONS */
.res_right_up
{
    background: transparent url(../images/res_right_up.png) repeat scroll 0 -15px;
    height: 5px;
    margin: 20px 0 0;
}

.res_right_middle
{
    background: url(../images/res_right_middle.png);
    min-height: 250px;
    padding: 10px 0;
}

.white_box
{
    width: 260px;
    margin: 0 auto;
    border: 1px #dfdfdf solid;
    background: white;
    padding: 10px;
}

.white_box h2
{
    margin: 0;
}

.line_box
{
    background: url(../images/line_box.png) no-repeat;
    width: 280px;
    height: 2px;
    margin: 10px auto;
}

.res_vote
{
    width: 66px;
    height: 50px;
    float: left;
}

.res_vote a
{
    width: 66px;
    height: 50px;
    display: block;
}

.res_vote a.gray
{
    background: url(../images/restaurant_vote.png) 0 -50px;
}

.res_vote a.green
{
    background: url(../images/restaurant_vote.png) 0 0;
}

.res_vote_right
{
    width: 180px;
    float: left;
    height: 50px;
    margin: 0 0 0 10px;
}

.res_vote_link
{
    margin: 5px 0 0 0;
    width: 250px;
    height: 20px;
}

.white_box p
{
    text-align: left;
    margin: 0;
}

.login_title
{
    height: 30px;
}

.login_title img, .login_title h2
{
    float: left;
    font-size: 18px;
    font-weight: normal;
    color: #14457f;
    margin: 0 0 0 10px;
}

.btnFacebook
{
    width: 194px;
    height: 27px;
    background: url(../images/Connect_white_large_long.gif) no-repeat;
    margin: 10px auto 0;
}

.btnFacebook a
{
    width: 194px;
    height: 27px;
    display: block;
}

.line_login
{
    width: 199px;
    height: 7px;
    background: url(../images/line_login.png);
    margin: 20px auto;
}

.login_input
{
    height: 29px;
    width: 201px;
    margin: 5px auto 0;
}

.login_input input
{
    background: transparent url(../images/login_textbox.png) repeat scroll 0 0;
    border: 0 none;
    height: 17px;
    padding: 6px;
    width: 189px;
    color: #555;
}

.btnLogin
{
    width: 205px;
    height: 36px;
    background: url(../images/btnLogin.png);
    margin: 10px auto 0;
}

.btnLogin a
{
    width: 205px;
    height: 36px;
    display: block;
}

.login_foot
{
    width: 200px;
    text-align: left;
    margin: 0 auto;
    font-size: 11px;
}

.res_right_foot
{
    background: url(../images/res_right_down.png);
    height: 8px;
}

.res_publicity
{
    width: 280px;
    margin: 20px auto 0;
}

/*---------------------------------------------
    RESTAURANT MENU
---------------------------------------------*/
.menu_section_new
{
    border: 1px solid #dfdfdf;
    height: 26px;
    background: #F8F8F8;
    margin: 10px 0 0 0;
}

.menu_arrow_open_new
{
    background: #F8F8F8 url(../images/menu_arrow_new.png) no-repeat scroll 11px 10px;
}

.menu_arrow_closed_new
{
    background: #F8F8F8 url(../images/menu_arrow_new.png) no-repeat scroll 11px -16px;
}

.menu_section_new a
{
    height: 21px;
    width: 95%;
    display: block;
    padding: 6px 0px 6px 34px;
    text-decoration: none;
    font-weight: bold;
    color: Black;
    font-size: 14px;
}

.menu_item
{
    height: 50px;
    width: 630px;
    border-bottom: 1px #dfdfdf solid;
    margin: 10px 0 0;
}

.item_left
{
    float: left;
    width: 500px;
    padding: 2px 0 0;
}

.item_name
{
    color: Black;
}

.item_name a
{
    text-decoration: none;
    color: Black;
}

.item_name a:hover
{
    text-decoration: underline;
}

.item_desc
{
    font-size: 11px;
    color: Gray;
    height: 26px;
    padding: 12px 0 0 0;
}

.item_right
{
    width: 100px;
    float: right;
    text-align: right;
}

.item_price
{
    color: #aa0000;
    font-weight: bold;
    font-size: 14px;
}

.btn_pedir
{
    width: 63px;
    height: 26px;
    background: url(../images/btnPedir.png);
    float: right;
    margin: 5px 0 0 0;
}

.btn_unavailable
{
    width: 63px;
    height: 26px;
    background: url(../images/btnAgotado.png);
    float: right;
    margin: 5px 0 0 0;
}

.btn_pedir a
{
    width: 63px;
    height: 26px;
    display: block;
    border: 0 none;
}

.btn_view
{
    width: 63px;
    height: 25px;
    background: url(../images/btnView.png);
    float: right;
    margin: 5px 0 0 0;
}

.btn_view a
{
    width: 63px;
    height: 25px;
    display: block;
    border: 0 none;
}


/*---------------------------------------------
    RESTAURANT POPUP
---------------------------------------------*/

#item_overlay
{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
}

#item_container
{
    background-color: #FFFFFF;
    border: 1px solid #d1d1d1;
    padding: 20px;
    position: absolute; /*width: 620px;*/
    margin: 0 auto;
}

#item_loading
{
    background-attachment: scroll;
    background-color: #fff;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    height: 180px;
    padding-top: 108px;
    position: absolute;
    text-align: center;
    width: 630px;
}

.popup_left 
{
    float:left;
    width:520px;
}

.popup_right
{
    width: 210px;
    float: right;
    margin-left: 10px;
}

.item_popup h2
{
    /*margin: 0 0 15px 0;*/
    margin: 0;
    color: #AA0000;
    font-weight: normal;
    height: 30px; /*NEW*/
    float: left;
}

.popup_prod_name
{
    margin: 0;
    color: #AA0000;
    font-weight: normal; /*height: 30px;*/ /*NEW*/
    float: left;
    font-size: 18px;
}

.item_close
{
    margin-right: -20px;
    margin-top: -40px;
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(../images/btnClose.png); /*background-position:left bottom;*/ /*display:inline-block;*/
}

.item_close a
{
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
}

.popup_price
{
    width: 200px;
    font-size: 16px;
    color: #AA0000;
    text-align: right;
    font-weight: bold; /*NEW*/
    float: right;
}

.popup_description
{
    clear: both;
    color: gray;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 10px;
}

.item_img
{
    border: 1px #d1d1d1 solid;
    width: 200px;
    padding: 5px;
    margin: 10px 0 0 0; /*NEW*/
    float: right;
    text-align: center;
}

.item_qty
{
    padding: 0 0 10px 0;
    height: 20px; /*NEW*/
    clear: both;
}

.item_qty input
{
    margin: 0 0 0 10px;
    width: 40px;
}

.item_detail 
{
    background:none repeat scroll 0 0 #F8F8F8;
    border:1px solid #EBEBEB;
    margin:0 0 10px;
    padding:5px;
    font-size: 11px;
}

.item_detail_td1 
{
    line-height:20px;
    vertical-align:top;
    width:80px;
}

.item_detail_td2 
{
    width:410px;
}

.item_detail table input, .item_detail table select
{
    /*width: 200px;*/
}

.item_notes
{
    float: left;
}

.item_notes textarea
{
    width: 365px;
    height: 60px;
    margin: 5px 0; /*border: 1px #d1d1d1 solid;*/
}

.item_notes span
{
    font-size: 11px;
    color: Gray;
}

.btn_add_item
{
    background: url(../images/btn_item_add.png);
    width: 205px;
    height: 41px;
    margin: 20px 0 0 170px; /*background-position:left bottom;*/ /*position:relative;*/ /*display:inline-block;*/
}

.btn_add_item_disabled
{
    background: url(../images/btn_item_add_gray.png);
    width: 205px;
    height: 41px;
    margin: 20px 0 0 170px; /*background-position:left bottom;*/
    display: inline-block;
}

.btn_add_item a
{
    width: 205px;
    height: 41px;
    display: block; /*position:relative;*/
    text-decoration: none;
}

.hidden
{
    display: none;
}

/*---------------------------------------------
    RESTAURANT COMMENTS
---------------------------------------------*/
.res_review
{
    width: 630px;
    margin: 10px 0 0 0;
    border-bottom: 1px #dfdfdf solid;
}
.res_review_img
{
    float: left;
    height: 60px;
    width: 60px;
}
.res_review_title
{
    font-size: 13px;
    font-weight: bold;
}
.res_review_cont
{
    float: left;
    width: 535px;
    margin: 0 0 0 10px;
    color: #111;
    line-height: 18px;
    text-align: justify;
}
.res_review_posted
{
    height: 20px;
    float: left;
    width: 400px;
    margin: 5px 0 0;
}
.res_review_posted a
{
    color: #111;
    margin: 0 10px 0 0;
    font-size: 11px;
}
.res_review_posted span
{
    color: Gray;
    font-size: 11px;
}
.res_review_rating
{
    width: 90px;
    float: right;
    margin-top: 5px;
}
.review_form tr td
{
    vertical-align: top;
    line-height: 30px;
}
.review_form .label
{
    color: #525252;
    padding: 0 20px 0 0;
    text-align: right;
    width: 105px;
}
.review_form input
{
    padding: 5px;
    width: 255px;
}
.review_form textarea
{
    height: 95px;
    width: 400px;
    font-family: Arial;
}
.btnSendReview
{
    border-bottom: 1px solid #DFDFDF;
    padding: 10px 0 10px 130px;
}
/*REVIEW VOTE*/
.rating_container
{
    margin: 0 0 5px 30px;
}
.rating ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.rating ul li
{
    float: left;
    width: 15px;
    height: 16px;
    cursor: pointer;
    display: block;
}
.rating ul a
{
    width: 15px;
    height: 16px;
    display: block;
}
.no_reviews
{
    background: #fff6bf;
    border: 1px solid #ffd324;
    margin: 20px auto 0 auto;
    padding: 10px;
    text-align: center;
    width: 320px;
    color: #525252;
}

/*---------------------------------------------
    RESTAURANT INFO
---------------------------------------------*/

.res_info_title
{
    padding: 10px 0 6px 0;
    height: 30px;
}

.res_info_title img, .res_info_title h2
{
    float: left;
}

.res_info_title h2
{
    font-weight: normal;
    margin: 4px;
    padding: 0;
}

/* TIMETABLE */

#timetable
{
    text-align: left;
    width: 575px;
}
#timetable td
{
    text-align: center;
    vertical-align: top;
}
.timet_header
{
    border-bottom: 1px dashed;
}

.selected_day
{
    background-color: #D7311B;
    color: #FFFFFF;
    font-weight: bold;
}

/* AGREGANDO */

.adding
{
    padding: 10px;
    position: fixed;
    top: 400px;
    left: 900px;
    font-weight: bold;
    font-size: 15px;
    background-color: #DEDDF9;
    border: 2px solid #14457F;
    color: #14457F;
}

/* POP UP EDITAR CARRITO */

.popup_editcart_link
{
    height: 20px;
    padding: 2px 0 0;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    margin-right: 10px;
}

.popup_editcart_link:hover
{
    text-decoration: underline;
}