/* 
    Document   : panel
    Created on : 15/02/2011, 01:27:17 AM
    Author     : USER
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body
{
    background:#006600;
    background-image:url(../images/fondo.png);
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:small;
    margin:0px;
    text-align:center;
    color: #000;
}
img{
    border: 0px;
    text-decoration: none;
}
a{
    text-decoration: none;
    color:#24618E;
}

.imagen_llevar{
    background-image: url('../images/llevar.png');
    background-repeat: no-repeat;
    text-align: center;
    height: 64px;
    width: 64px;
    background-color: #24618E;
    border: none;
    cursor: pointer;
}
.imagen_delivery{
    background-image: url('../images/delivery.png');
    background-repeat: no-repeat;
    text-align: center;
    height: 64px;
    width: 64px;
    background-color: #24618E;
    border: none;
    cursor: pointer;
}
.imagen_mesa{
    background-image: url('../images/mesa.png');
    background-repeat: no-repeat;
    text-align: center;
    height: 64px;
    width: 64px;
    background-color: #24618E;
    border: none;
    cursor: pointer;
}
.imagen_principal{
    background-image: url('../images/home.png');
    background-repeat: no-repeat;
    text-align: center;
    height: 64px;
    width: 64px;
    background-color: #24618E;
    border: none;
    cursor: pointer;
}
.imagen_reserva{
    background-image: url('../images/reserva.png');
    background-repeat: no-repeat;
    text-align: center;
    height: 50px;
    width: 54px;
    background-color: #24618E;
    border: none;
    cursor: pointer;
}

.imagen_cmanual{
    background-image: url('../images/cmanual.png');
    background-repeat: no-repeat;
    text-align: center;
    margin-top: 5px;
    height: 50px;
    width: 54px;
    background-color: #24618E;
    border: none;
    cursor: pointer;
    background-repeat: no-repeat;
}
.cargando{
    background-image: url('../images/ajax-loader.gif');
    display: inline;
    text-align: center;
    width: 100%;
}
.separador{
    clear: both;
}

#grilla_pedido{
    width: 68%;
    float: left;
    /*    height: 300px;*/
}

#teclado_virtual{
    width: 20%;
    float: left;
    /*    height: 300px;*/
    text-align: center;
}

#opciones_mesa{
    width: 10%;
    float: right;

    /*    height: 300px;*/
}

#grilla_producto{
    width: 100%;
    float: left;
    height: 400px;
}

.clase_virtual{
    width: 100%;
    height: 50px;
    font-size: 30px;
    font-weight: bold;
}
.clase_virtual_aceptar{
    width: 100%;
    height: 50px;
    font-size: 100%;
    font-weight: bold;
}
.clase_virtual_opciones{
    width: 100%;
    height: 30px;
    font-size: 100%;
    font-weight: bold;
}

#left_grilla{
    width: 40%;
    float: left;
    height: 300px;
}

#right_grilla{
    width: 60%;
    float: right;
    height: 300px;
    text-align: center;
}

#left_grilla_principal{
    width: 15%;
    float: left;
    height: 300px;
}

#right_grilla_principal{
    width: 80%;
    float: right;
    height: 300px;
    text-align: center;
}

#id_clase_agregar_producto{
    width: 98%;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    height: 400px;
    overflow: scroll;
}
.class_agregar_producto{
    width: 180px;
    height: 30px;
    float: left;
    background            : #FFF url(../images/th_bck2.gif) repeat;
    color                 : #24618E;
    margin: 5px;
    font-weight: bold;
    -moz-border-radius:6px 6px 6px 6px;
    cursor:pointer;

}
.class_agregar_producto_oferta{
    width: 180px;
    height: 30px;
    float: left;
    background            : #FFF url(../images/th_bck2.gif) repeat;
    color                 : #24618E;
    margin: 5px;
    font-weight: bold;
    -moz-border-radius:6px 6px 6px 6px;
    cursor:pointer;

}
.class_agregar_oferta{
    width: 130px;
    height: 30px;
    float: left;
    background            : #FFF url(../images/th_bck2.gif) repeat;
    color                 : #24618E;
    margin: 2px;
    font-weight: bold;
    -moz-border-radius:6px 6px 6px 6px;
    cursor:pointer;
    margin: 2px;
}
.class_agregar_oferta2{
    width: 130px;
    height: 30px;
    float: left;
    background            : #FFF url(../images/th_bck2.gif) repeat;
    color                 : #24618E;
    margin: 2px;
    font-weight: bold;
    -moz-border-radius:6px 6px 6px 6px;
    cursor:pointer;
    margin: 2px;
}
.class_seleccionar_categoria{
    width: 180px;
    height: 20px;
    float: left;
    background            : #FFF url(../images/th_bck2.gif) repeat;
    color                 : #24618E;
    margin: 2px;
    font-weight: bold;
    -moz-border-radius:3px 3px 3px 3px;
    cursor:pointer;
}
ul,li{
    list-style: none;
}
.label{
    width: 100px;
    display: block;
    text-align: left;
    font-weight: bold;
}

#notification{
    position:absolute;
    bottom:0%;
    right:2%;
    height:120px;
    width:200px;        
    background: #333;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #eee;
    padding:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    display: block;	
    margin: 0 0 12px 0;
    text-align: left;    
    overflow: auto;
}
#notificationClose{
    position: absolute;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    right: 6px;
    top: 6px;
    cursor: pointer;
    text-align: left;
}
#notificationIn{
    padding:10px;
    font-size:11px;    
}

#tabla_grilla_pedido,#tabla_grilla_pedido td,#tabla_grilla_otro_pedido,#tabla_grilla_otro_pedido td{
    font-size: 14px;
}

.btnnegrita{
    font-weight: bold;
    font-size: 12px;    
    width: 150px;    
}

.class_pedido_producto_scrool{
    overflow: scroll; height: 230px;
}
.class_pedido_productos{
    overflow: scroll; height: 800px;
}






/*ROMMEL*/

/* ==================================================
 * 3) jGrowl
 * ================================================== */

div.jGrowl {
    z-index: 			9999;
    color: 				#222222;
    font-size: 			12px;
    text-shadow: 		0 1px 0 #FFF;

    margin: 			0 10px;
    box-shadow: 		0 1px 3px rgba(0, 0, 0, 0.25);
    overflow: 			hidden;
    border-radius: 		0 0 2px 2px;
}

/** Normal Style Positions **/
div.jGrowl {
    position:			absolute;
}

body > div.jGrowl {
    position:			fixed;
}

div.jGrowl.top-left {
    left: 				0px;
    top: 				0px;
}

div.jGrowl.top-right {
    right: 				0px;
    top: 				0px;
}

div.jGrowl.bottom-left {
    left: 				0px;
    bottom:				0px;
}

div.jGrowl.bottom-right {
    right: 				0px;
    bottom: 			0px;
}

div.jGrowl.center {
    top: 				0px;
    width: 				50%;
    left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
    margin-left: 		auto;
    margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    zoom: 					1;
    width: 					235px;
    padding: 				10px;
    font-family: 			Tahoma, Arial, Helvetica, sans-serif;
    font-size: 				1em;
    text-align: 			left;
    display: 				none;
    border-bottom: 			1px solid #E5E5E5;
    border-top: 			1px solid #FFFFFF;
    background-color: 		#fafafa;
}

div.jGrowl div.jGrowl-notification:first-child {
    border-top: 			none;
}

div.jGrowl div.jGrowl-notification:last-child, div.jGowl div.jGowl-closer:last-child {
    border-bottom: 			none;
    border-radius: 			0 0 2px 2px;
    overflow: hidden;
}

div.jGrowl div.jGrowl-notification:hover {
    background: 			 repeat-x #3675b4;
    border-top-color: 		#3675b4;
    color: 					#fff;
    text-shadow: 			0 1px 0 rgba(0,0,0,0.5);
    box-shadow: 			inset 0 1px 0 0 rgba(255,255,255,0.3);
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
    font-weight: 			bold;
    font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
    z-index:				99;
    float: 					right;
    font-weight: 			bold;
    font-size: 				1em;
    cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
    padding-top: 			4px;
    padding-bottom: 		4px;
    cursor: 				pointer;
    font-size:				.9em;
    font-weight: 			bold;
    text-align: 			center;
}

div.jGrowl div.information .jGrowl-message, div.jGrowl div.success .jGrowl-message, div.jGrowl div.error .jGrowl-message, div.jGrowl div.warning .jGrowl-message, div.jGrowl div.saved .jGrowl-message {
    background: no-repeat scroll 10px 50% #000;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-color: transparent;
    padding-left: 25px;
}



/** Hide jGrowl when printing **/
@media print {
    div.jGrowl {
        display: 			none;
    }
}