﻿.banner_intro
{
    width: 980px;
    height: 300px;
    background: url(../images/intro_line.png) repeat-x;
    border: 1px silver solid;
}

.banner_intro_l
{
    padding: 20px 0 0 80px;
    width: 550px;
    float: left;
}

.banner_intro_r
{
    width: 300px;
    float: left;   
}

.banner img
{
    float: left;
    margin: 0 100px 0 150px;
}

.banner h1
{
    width: 400px;
    float: left;
    font-size: 30px;
    margin: 40px 0 0 0;
}

.banner h2
{
    font-size: 16px;
    width: 400px;
    float: left;
    margin: 20px 0 0 0;
}

.home
{
    /*padding: 20px 0 0 0;*/
}

.home_left
{
    width: 400px;   
    margin: 0 40px 0 40px;
    float: left;
}

.home_right
{
    width: 400px;   
    margin: 0 auto 0 40px;
    float: left;
}

.home_line
{
    border-left: 1px #E6E6E6 solid;
    width: 0;
    height: 270px;
    float: left;
}

.home_head
{
    height: 70px;
}

.home_left h2, .home_left h3
{
    color: #444;
    padding: 0;
    margin: 5px 0 0 15px;
}

.home_left_box
{
    width: 380px;
    border: 1px solid #E6E6E6;
    background: #FCFCFC;
    padding: 40px 0 40px 10px;
}

.home_left_box_txt
{
    width: 330px;
    height: 22px;
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin: 0 0 0 10px;
}

.home_left_box_btn
{
    margin: 10px 0 0 250px;
}

.home_right h2, .home_right h3
{
    color: #444;
    padding: 0;
    margin: 5px 0 0 15px;
}

.home_signup_lbl
{
    height: 30px;
    line-height: 30px;
    text-align: right;
    width: 115px;
    float: left;
}

.home_signup input
{
    float: left;
    height: 18px;
    padding: 3px;
    width: 200px;
    margin: 0 0 5px 10px;
}

.home_signup_btn
{
    float: right;
    margin: 10px 60px 0 0;
}

.home_error
{
    color: red;
    text-align: center;
}

.country_tit
{
    padding: 5px 0 0 0;
}

.country_sel
{
    padding: 30px 0 0 0;
}

.country_item
{
    float: left;
    width: 70px;
    padding: 10px 20px 0 0;
    text-align: center;
}
.country_item img { margin: 0 0 5px 0; }
.country_item a { color: #111; }

/* header */
.home_logo
{
    padding: 10px 0 10px 0;
    width: 200px;
    float: left;
}

/* open restaurantes */
.open_restaurants
{
    margin: 10px 0 0 0;
}
.open_restaurants_cont
{
    float: left;    
    width: 120px;
	height: 135px;
    margin: 15px 20px 0 0;
}

.open_restaurants_img
{
    width:120px;
    height:110px;
    border: 1px silver solid;
    padding: 3px;
    border:1px solid #E8E8E8;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}

.open_restaurants_name
{
    display: block;
    border: 0;
    text-align: center;
    font-size: 11px;
    color: Black;
}

/* categories rapid search */
.rapid_food { padding: 10px 0 0 0; }
.rapid_food a {
    margin: 15px 22px 20px 0;
    width: 100px;
    height: 100px;
    display: block;
    float: left;
}
.rapid_food h2 { margin: 0; padding: 0; }

/* top 10 */
.ranking {
    border: 1px solid #f3f3fd;
    width: 285px;
    min-height: 280px;
    float: left;
    margin: 20px 0 0;
    padding: 10px;
}
.ranking h1 { border-bottom: 1px solid #E22B13; padding: 0 0 5px 0; }
.ranking_margin { margin: 20px 20px 0 0; }
.ranking_mark { background: #FBFCFE; }
.ranking ul { padding: 10px; margin: 0; }
.ranking ul li { list-style: none; line-height: 24px; }
.ranking ul li a { /*color: #327CC5;*/
    color: #123fab; text-decoration: none; font-size: 14px; }
.ranking ul li a:hover { text-decoration: underline; }

.opened_restaurants 
{
    background: url(../images/res_home_open.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 30px;
    padding: 20px 0 0 0;
}

.preorder_restaurants
{
    background: url(../images/res_home_pre.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 30px;
    padding: 20px 0 0 0;
    margin: 10px 0 0 0;
}

/*------------------------------------------------
    SLIDES Y LOGIN
------------------------------------------------*/
.home_banner
{
    width: 100%;
    height: 250px;
}
.home_slides
{
    height: 250px;
    width: 690px;
    float: left;
}
.home_login
{
    height: 250px;
    width: 280px;
    float: right;
}
.home_login_t
{
    height: 31px; 
    background: url(../images/home_login_t.png);
}
.home_login_t_l, .home_signup_t_l
{
    height: 31px; 
    width: 6px;
    float: left;
}
.home_login_t_c, .home_signup_t_c
{
    height: 31px; 
    width: 120px;
    float: left;
    text-align: center;
    line-height: 31px;
}

.home_login_t_l
{
    background: url(../images/home_login_t_l.png);
}
.home_login_t_c
{
    background: url(../images/home_login_t_c.png);
}
.home_signup_t_c
{
    background: url(../images/home_signup_t_c.png);
}
.home_signup_t_l
{
    background: url(../images/home_signup_t_l.png);
    margin: 0 0 0 10px;
}
.home_login_t_c h3, .home_signup_t_c h3
{
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}
.home_signup_t_c h3
{
    /*color: #327CC5;*/
    color: #123fab;
}
.home_signup_t_c h3 a
{
    text-decoration: none;
    display: block;
    width: 120px;
}
.home_signup_t_c h3 a:hover
{
    text-decoration: underline;
}
.home_login_t_r, .home_signup_t_r
{
    height: 31px; 
    width: 6px;
    float: left;
}
.home_login_t_r
{
    background: url(../images/home_login_t_r.png);
}
.home_signup_t_r
{
    background: url(../images/home_signup_t_r.png);
}
.home_login_m
{
    height: 208px;
    background: #f9f9f9;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 0 0 10px;
}
.home_login_label
{
    height: 16px;
    font-size: 11px;
    width: 250px;
}
.home_login_label span
{
    color: Red;
}
.home_login_item
{
    padding: 0 0 2px 0;
}
.home_login_item span
{
    color: #555;
}
.home_login_item input
{
    border: 1px solid #ddd;
    width: 240px;
    padding: 5px;
}
.home_login_pass
{
    margin: 5px 0 0 0;
}
.home_login_check
{
    width: 100%;
}
.home_login_check label
{
    color: #555;
}
.home_login_forget
{
    width: 100px;
    margin: 10px 15px 0 0;
    float: left;
}
.home_login_forget a
{
    /*color: #327CC5;*/
    color: #123fab;
    font-size: 11px;
    text-decoration: none;
}
.home_login_forget a:hover
{
    text-decoration: underline;
}

.home_login_btn
{
    float: right;
    width: 143px;
    height: 36px;
}
.home_login_btn a
{
    float: right;
    background: url(../images/home_login_btn.png);
    width: 143px;
    height: 36px;
    display: block;
    margin: 10px 15px 0 0;
}

.home_usrlogged
{
    width: 260px;
    height: 250px;
    border: 1px #ccc solid;
    background: #f9f9f9;
    padding: 0 10px;
}

.home_usrlogged img
{
    border: 1px #ccc solid;
}

.user_logout
{
    padding: 10px 0 0 0;
}

.user_orders_message
{
    text-align: left;
}

/*--------------------------------------
    SLIDER
--------------------------------------*/

.slider
{
	height: 250px;
    width: 690px;
	overflow:hidden;	
	position:relative;
}

.slider ul.images_list
{
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
}

.slider ul.images_list li
{
	float:left;
}

.slider li.slider_numbers
{
	border: 1px solid #14457F;
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 3px 5px;
}

.slider li.selected_slide
{
	background-color:#14457F;
	color:#fff;	
}

.slider li.regular_slide
{
	background-color:#fff;
	color:#14457F;	
}

.slider_progress
{
	border-bottom:1px solid #E22B13;
	border-top:1px solid #E22B13;
	padding:2px;
	background-color:#fff;
	height:10px;
	width:0px;
}

.slider_progress div
{
	width:100%;
	background-color:#E22B13;	
	height:inherit;
	width:0px;
}