/*   Colocar  border:0; outline:none;    porque o crome mesmo com margem zero ele coloca outiline*/

/*body,html{
	font-family: Con_regular, sans-serif;
 }*/




@media (min-width: 1200px) { 
.acertaBtn {margin-right: 20px;}

.tam_1{float:left; width:22.5%;margin-right:10px;}
.tam_2{float:left; width:14%;margin-right:10px;}
.lbl_Sem {display:block ;text-align:center; font-size:18px;  }
.lbl_Data {display:block ;text-align:center; font-size:14px; }
.btn_dia {background-color:#46393a; color:#fae0d5;height:70px; padding:10px; border-radius:3px;}
.btn_Sel {background-color:rgba(32, 238, 1, 0.90); color:#46393a;height:70px; padding:10px; border-radius:3px;}
.Indisponivel {float: right; height: 16px; width: 16px; margin-top: -12px; margin-right: -5px;}
}

@media (min-width: 992px) and (max-width: 1199px) { 
.acertaBtn {margin-right: 2px;}

.tam_1{float:left; width:22.5%; margin-right:7px;}
.tam_2{float:left; width:14%; margin-right:7px;}
.lbl_Sem {display:block ;text-align:center; font-size:15px;  }
.lbl_Data {display:block ;text-align:center; font-size:12px; }
.btn_dia {background-color:#46393a; color:#fae0d5;height:70px; padding:10px; border-radius:3px;}
.btn_Sel {background-color:rgba(32, 238, 1, 0.90); color:#46393a;height:70px; padding:10px; border-radius:3px;}
.Indisponivel {float: right; height: 10px; width: 10px; margin-top: 5px; margin-right: -5px;}

 }

@media (min-width: 768px) and (max-width: 991px) { 
.acertaBtn {margin-right: 2px;}

.tam_1{float:left; width:22.5%;margin-right:5px;}
.tam_2{float:left; width:14%;margin-right:5px;}
.lbl_Sem {display:block ;text-align:center; font-size:18px;  }
.lbl_Data {display:block ;text-align:center; font-size:14px; }
.btn_dia {background-color:#46393a; color:#fae0d5;height:70px; padding:10px; border-radius:3px;}
.btn_Sel {background-color:rgba(238, 230, 1, 0.9); color:#46393a;height:70px; padding:10px; border-radius:3px;}
.Indisponivel {float: right; height: 10px; width: 10px; margin-top: 0; margin-right: -5px;}
 }

@media  (max-width: 767px) { 
.acertaBtn {margin-right: 2px;}

.tam_1{float:left; width:22.5%;margin-right:5px;}
.tam_2{float:left; width:14%;margin-right:5px;}
.lbl_Sem {display:block ;text-align:center; font-size:13px;  }
.lbl_Data {display:block ;text-align:center; font-size:10px; }
.btn_dia {background-color:#46393a; color:#fae0d5;height:55px; padding:10px; border-radius:3px;}
.btn_Sel {background-color:rgba(238, 230, 1, 0.9); color:#46393a;height:55px; padding:10px; border-radius:3px;}
.Indisponivel {float: right; height: 8px; width: 8px; margin-top: 0; margin-right: -5px;}

 }

/*Este eu criei a mais o hidden-xxs */
@media (max-width: 639px) {
.hidden-xxs {display: none !important;}
.visible-xxs {display: block !important;}

.tam_1 {float:left; width:100%; margin-bottom:3px;}
.tam_2 {float:left; width:100%; margin-bottom:3px;}
.lbl_Sem {display:block ;text-align:center; font-size:18px;  }
.lbl_Data {display:block ;text-align:center; font-size:14px; }
.btn_dia {background-color:#46393a; color:#fae0d5;height:40px; padding:10px; border-radius:3px;}
.btn_Sel {background-color:rgba(238, 230, 1, 0.9); color:#46393a;height:40px; padding:10px; border-radius:3px;}
.Indisponivel {float: right; height: 14px; width: 14px; margin-top: -20px; margin-right: 0;}


}




/*#region Fontes */


@font-face {
    font-family: 'Con_light';
    src: url('../fontes/Con_light/Con-Light-webfont.eot');
    src: url('../fontes/Con_light/Con-Light-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fontes/Con_light/Con-Light-webfont.woff') format('woff'),
         url('../fontes/Con_light/Con-Light-webfont.ttf') format('truetype'),
         url('../fontes/Con_light/Con-Light-webfont.svg#Con-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Con_regular';
    src: url('../fontes/Con_regular/Con-Regular-webfont.eot');
    src: url('../fontes/Con_regular/Con-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/Con_regular/Con-Regular-webfont.woff') format('woff'),
         url('../fontes/Con_regular/Con-Regular-webfont.ttf') format('truetype'),
         url('../fontes/Con_regular/Con-Regular-webfont.svg#Con_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'FREE3OF9';
    src: url('../fontes/CodeBar/FREE3OF9.TTF') format('truetype');
}













/*#endregion */



/*#region Rodape */

.rodape{background-color: #333; border-top: 2px solid #c4baca;}

/*#endregion */



/*#region Botão do menu */

.menu-area {margin: 45px 0 0 -15px; width:80px; height:36px;}
.burger b { width: 21px; height: 4px; border-radius: 2px; display: block; background: #938995; margin-bottom: 4px;}
.menu-label {position:relative; font-size: 14px; color: #938995; margin: 4px 0 0 7px; font-family: Arial; bottom:4px;}
.to-left { float: left;}
.to-right { float: right;}
.clear {clear: both;}


/*#endregion */



/*#region do Modal */


.modalBackground
        {position: absolute; top: 0; left: 0; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; background-color:black; z-index:6000!important;}



.popup {width:250px;
        height:auto;
            margin: 10px;
            padding: 15px;
            position: relative; 
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #999;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: 6px;
            outline: 0;
            -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .3);
            box-shadow: 0 3px 9px rgba(0, 0, 0, .3);
            font-family:open_sanslight,Verdana;
            font-size:16px;
            text-align:center;}

.Btn_Mens_Modal {text-align:center;  background-color:#f26520; color:#ffffff; margin-top:30px; font-size:14px; height:30px; width:auto; border-radius:3px; font-family:open_sansregular,Verdana; border:0; outline:none; }
.Btn_Mens_Modal_Cancela {text-align:center;  background-color:#8b8888; color:#ffffff; margin-top:30px; font-size:14px; height:30px; width:auto; border-radius:3px; font-family:open_sansregular,Verdana; border:0; outline:none; }


/*#endregion */




/*#region Mudanças no Bootstrap */


.panel-default > .panel-heading .badge {
    color: white;
    background-color: #d9bfb3;
}


.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -12px;
    margin-top: 4px \9;
}

.radio input[type="radio"],
.radio-inline input[type="radio"]
 {
    position: absolute;
    margin-left: -1px;
    margin-top: 4px \9;
}


.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 30px;  /* aqui era 20px*/
  padding-left: 10px;    /* aqui era 20px*/
  padding-right: 40px;   /* inclui este para usar no cadastro de usuario*/
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

/*#endregion */


.space {margin-top:5px}


.btn_h50 { background-color:#f26520; color:#ffffff; font-size:22px; height:50px;  border-radius:3px; font-family:Con_regular,Verdana;border:0; outline:none;}
.btn_h50:hover {color:#d7d7d7;}

.btn_h50b { background-color:#938995; color:#ffffff; font-size:22px; height:50px;  border-radius:3px; font-family:Con_regular,Verdana;border:0; outline:none;}
.btn_h50b:hover {color:#d7d7d7;}


.btn_h40 { background-color:#f26520; color:#ffffff; font-size:18px; height:40px;  border-radius:3px; font-family:Con_regular,Verdana;border:0; outline:none;}
.btn_h40:hover {color:#d7d7d7;}

.btn_h40b { background-color:#938995; color:#ffffff; font-size:18px; height:40px;  border-radius:3px; font-family:Con_regular,Verdana;border:0; outline:none;}
.btn_h40b:hover {color:#d7d7d7;}

.btn_h30 { background-color:#f26520; color:#ffffff; font-size:14px; height:30px;  border-radius:3px; font-family:Con_regular,Verdana;border:0; outline:none;}
.btn_h30:hover {color:#d7d7d7;}

.btn_h30b {background-color:#938995; color:#ffffff; font-size:14px; height:30px;  border-radius:3px; font-family:Con_regular,Verdana;border:0; outline:none;}
.btn_h30b:hover {color:#d7d7d7;}

.btn_h25b {background-color:#938995; color:#ffffff; font-size:12px; height:25px;  border-radius:3px; font-family:Con_regular,Verdana;border:0; outline:none;}
.btn_h25b:hover {color:#d7d7d7;}


.txt_h45 {height:45px;  padding: 5px 5px 5px 10px;  color:#8b8888;  border-radius:3px;  border:1px solid #bebebe; outline:none; font-size:20px;font-family:Con_light,Verdana;}
.txt_h40 {height:40px;  padding: 5px 5px 5px 10px;  color:#8b8888;  border-radius:3px;  border:1px solid #bebebe; outline:none; font-size:20px;font-family:Con_light,Verdana;}
.txt_h30 {height:30px;  padding: 2px 5px 2px 10px;  color:#8b8888;  border-radius:3px;  border:1px solid #bebebe; outline:none; font-size:14px;font-family:Con_regular,Verdana;}


.Lbl_h45 {height:45px; padding:6px 0 10px 20px;  color:white;  border-radius:3px; border:0; outline:none; font-size:23px;font-family:Con_regular,Verdana; background-color:#938995; text-align:center; }

.GridView_Row_SB {background-color:white;color:#605263; font-size:14px;font-family:Con_regular,Verdana; } /*Cada linha - Sem border em baixo */ 
.GridView_Item_menor {padding:1px 3px 1px 2px; border:none;  }
.GridView_Row {background-color:white;color:#605263; font-size:16px;font-family:Con_regular,Verdana; border-bottom:1px solid #938995;} /*Cada linha*/
.GridView_Item {padding:5px 3px 5px 2px; border:none;  }
.GridView_Item_b {padding:5px 3px 0 2px; border:none;  }

.Title { color:#8f272b; font-family:Con_regular,Verdana; text-rendering: optimizelegibility; letter-spacing: 1px;  }
.Suave { color:#444; font-family:Con_regular,Verdana; text-rendering: optimizelegibility; letter-spacing: 1px;  }


.Cardapio > .panel-heading { background-color: #f5f5f5;}
.Cardapio:link  { text-decoration:none;}


/*#region ajaxToolkit:CalendarExtender */

/* não estou usando - para usar colocar Class="cal" */
.cal .ajax__calendar_header {
    background-color: #f26520;
}

.cal .ajax__calendar_container {
    background-color: #e1dada;
}


/*#endregion */





/*#region Gif animado processando (não deixa clicar botão 2 vezes) */


#graybackground-div {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #808080;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 10;
    display: none;
}

#message-div {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    display: none;
    /*Se quizer colocar uma caixa de mensagem*/
    /*background-color: #0066FF;
            filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=0,StartColorStr='#0066FF', EndColorStr='#CCFFFF');
            width: 500px;
            height: 300px;
            border: 2px solid #FF6600;
            font-family: Arial;
            text-align: center;
            color: #FFFFFF;
            font-size: 18px;
             margin-left: -250px;
            margin-top: -150px;*/
}



/*#endregion */



/*#region Hover dos botões do menu do cardápio */

/*.btn_dia {background-color:#46393a; color:#fae0d5;height:70px; padding:10px;}   esta classe está nas separações de midia por tamanho, deixei aqui somente os complementos link,visited e hover  */
.btn_dia:link {background-color:#46393a; text-decoration:none; color:#fae0d5; }
.btn_dia:visited {background-color:#46393a; text-decoration:none; color:#fae0d5; }
.btn_dia:hover {background-color:rgba(70, 57, 58, 0.90); text-decoration:none; color:#fff;}

/*.btn_Sel {background-color:rgba(238, 230, 1, 0.9); color:#46393a;height:70px; padding:10px;}   esta classe está nas separações de midia por tamanho, deixei aqui somente os complementos link,visited e hover */
.btn_Sel:link {background-color:#f26520; text-decoration:none; color:#fff; }
.btn_Sel:visited {background-color:#f26520; text-decoration:none; color:#fff; }
.btn_Sel:hover {background-color:#f87c3f; text-decoration:none; color:#fff;}

/*#endregion */