/*
Document   : forFF
Created on : 06/04/2009, 11:36:02 AM
Author     : usuariox
Description:
Purpose of the stylesheet follows.
*/

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

body {
    behavior: url("csshover3.htc");
    background-color:#FFFFFF;
    font-family:Arial, sans-serif;
    font-size:10px;
}

a {
    outline:none;
}

#main a
{
    font-weight:normal;
    cursor:pointer;
    text-decoration:none;

}

#main a:hover
{
    color:#2F8AD9;
}

form input, form textarea{
    border:1px solid #EB7617;
    font-size:11px;

}

form#contact input, form#contact textarea{
    max-width:270px;
    min-width:270px;
    min-width:270px;
    resize: none;
}

.btn {
    border:1px solid #EB7617;
    border-right:1px solid #EB7617;
    color:#FFFFFF;
    font-size:10px;
    height:12px;
    min-height:12px;
    max-height:12px;
    cursor:pointer;
    width:40px;
    min-width:40px;
    text-align:center;
    background-color:#EB7617;
    background-repeat:repeat;
}

html>body .btn {
    border-top:3px solid #EB7617;
    border-bottom:0px;
}

.btn:hover{

    background-color:#EB7617;
}

.btnLog {
    border:1px solid #EB7617;
    font-size:10px;
    height:17px;
    min-height:17px;
    max-height:17px;
    cursor:pointer;
    width:40px;
    min-width:40px;
    text-align:center;
    background-color:#EB7617;
    background-repeat:repeat;
    color:#FFFFFF;
}

.btnDetail {
    /*border:1px solid #EB7617;*/
    font-size:10px;
    height:16px;
    min-height:16px;
    max-height:16px;
    cursor:pointer;
    width:60px;
    min-width:60px;
    text-align:center;
    background-color:#EB7617;
    background-repeat:repeat;
    color:#FFFFFF;
}

#pagina {
    width:906px;
    height:718px;
    position:relative;
    margin:-10px auto;

}

#top {
    width:906px;
    height:91px;
    /* background-repeat:no-repeat;*/
    /*position:absolute;*/
    float:left;
}

#top a {

}

#leftTop {
    width:590px;
    height:91px;
    position:relative;
    float:left;


}
#logo {
    position:relative;
    float:left;
    height:51px;
    width:172px;
    max-height:51px;
    margin-top:40px;
    max-width:173px;
    background-image:url(../sys_img/logo.gif);
    background-position:center;
    background-repeat:no-repeat;
}


#topMenu {
    height:20px;
    margin-top:63px;
    position:relative;
    margin-left:182px;
    /*float:right;*/
    color:#666666;
  
    font-size:8px;
    cursor:pointer;
}

#topMenu a, #topMenu a:visited{
    text-decoration:none;
    color:#666666;
}



#topMenu a:hover{
    text-decoration:underline;
    color:#EB7617;
}


#login {
    width:310px;
    height:91px;
    position:relative;
    float:right;
 
}

#loginMsg {
    margin-top:30px;
    width:300px;
    text-align:right;
    color:#EB7617;
    position:relative;
    float:right;
}

#loginForm {
    margin-top:7px;
    text-align:right;
    position:relative;
    width:300px;
    float:right;
}


#space {
    width:905px;
    max-width:905px;
    height:483px;
    max-height:483px;
    margin:auto;
    float:left;
    border:solid 1px #8C9A9C;
    text-align:center;
}

#lateral {
    position:relative;
    float:left;
    height:484px;
    width:182px;
    max-height:484px;
    max-width:183px;
    background-color:#8C9A9C;
    background-repeat:repeat-y;
    overflow:hidden;
}

#menuCol {
    position:relative;
    float:left;
    height:434px;
    width:182px;
    max-height:434px;
    max-width:183px;
    min-height:434px;
    min-width:183px;
    cursor:pointer;
    margin-top:10px;

}

html>body #lateral {
    width:184px;
}


#time_date {
    font-weight:bold;
    width:84px;
    height:60px;
    max-width:84px;
    max-height:60px;
    min-width:84px;
    min-height:60px;
    text-align:center;
    color:#FFFFFF;

    background-color:#2F8AD9;
    position:absolute;
    z-index:100;
    margin-top:430px;
    margin-left:50px;
}

#date {
    position:relative;
    margin-top:10px;
    font-weight:bold;
}

#time {
    position:relative;
    margin-top:8px;
    font-weight:bold;
}

#main {
    position:relative;
    float:left;
    height:483px;
    width:722px;
    max-height:483px;
    max-width:722px;
    /*border-top:solid 1px #8C9A9C;
    border-right:solid 1px #8C9A9C;*/
    overflow:hidden;
}

#contenido {
    position:relative;
    margin:15px 15px;
    height:437px;
    width:692px;
    max-height:437px;
    max-width:692px;
    overflow:hidden;
}

#contenido table tr td{
    font-size:12px;
}

.titulo {
    color: #8C9A9C;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
    text-transform:uppercase;
    text-align:left;
    margin-left:335px;
}

#left_col {
    position:relative;
    float:left;
    width:175px;
    max-width:175px;
    height:390px;
    text-align:right;
    color:#333333;
    font-size:12px;
    margin:20px 0px 0px 10px;

}

#contenido_gal {
    position:relative;
    margin:20px 109px 0px 109px;
    height:148px;
    width:474px;
    max-height:148px;
    max-width:474px;
    overflow:hidden;
    float:right;
}

#cont {
    position:relative;
    margin:10px 109px 0px 109px;
    height:210px;
    width:474px;
    max-height:210px;
    max-width:474px;
    float:right;
    text-align:justify;
    overflow-x:hidden;
    overflow-y:scroll;
}

#contenido_inner {
    position:relative;
    margin:10px 109px 0px 109px;
    height:200px;
    width:460px;
    max-height:200px;
    max-width:460px;
    float:left;
    text-align:justify;
    overflow:hidden;
    overflow-x:hidden;
    overflow-y:auto;
    padding-right:10px;
    padding-bottom:20px;

}

#titulo_inner {
    position:relative;
    margin:15px 109px 0px 109px;
    height:16px;
    width:474px;
    max-height:16px;
    max-width:474px;
    overflow:hidden;
    float:left;
    font-size:14px;
    color:gray;
    text-align:left;
}
#contenido_gal2 {
    position:relative;
    margin:20px 10px 0px 10px;
    height:148px;
    width:474px;
    max-height:148px;
    max-width:474px;
    overflow:hidden;
    float:right;
}

#contenido_inner2 {
    position:relative;
    margin:10px 10px 0px 10px;
    height:232px;
    width:474px;
    max-height:232px;
    max-width:474px;
    overflow:hidden;
    float:right;
    color: #EB7617;
    font-size: 12px;
}

#contenido_inner2 table tr td {
    color:#000000;
    text-align:right;
    font-size: 11px;
}

#contenido_bottom {
    position:relative;
    margin:5px 25px 0px 25px;
    height:16px;
    width:640px;
    max-height:16px;
    max-width:640px;
    overflow:hidden;

    cursor:pointer;
    text-align:right;
    float:left;
}

#mainSubBar{
    position:absolute;
    float:right;
    height:30px;
    width:722px;
    max-height:30px;
    max-width:722px;
    background-color:#8C9A9C;
    filter: alpha(opacity=70);
    z-index:4000;
    margin-left:-725px;
    margin-top:455px;
    text-align:right;
    color: #FFF;
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
}
#mainSubBar2{
    position:absolute;
    float:left;
    height:20px;
    width:723px;
    max-height:20px;
    max-width:723px;
    background-color:#FFFFFF;
    top:465px;
    text-align:right;
    color: #FFF;
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
    z-index:-10;
}
#mainSubBar2_inner{
    position:relative;
    float:left;
    height:12px;
    width:700px;
    max-height:12px;
    max-width:700px;
    margin-left:0px;
    margin-top:3px;
    text-align:right;
    color: #FFF;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
    text-transform:uppercase;
    z-index:1000000;
}

html>body #mainSubBar {
    margin-top:-31px;
    margin-left:0px;
    -moz-opacity:0.7;
    opacity: .7;
}

#bottom {
    height:153px;
    width:906px;
    max-height:153px;
    max-width:906px;
    position:relative;
    float:left;
}

#flashSpace1 {
    width:722px;
    height:153px;
    position:relative;
    float:right;
    margin-top:10px;
}

#flashSpace2 {
    width:469px;
    height:153px;
    position:relative;
    float:right;
}

#flashSpace3 {
    width:217px;
    height:153px;
    position:relative;
    float:right;
}

.flashBox{
    width:217px;
    height:102px;
    background-color:#FFFFFF;
    position:relative;
    float:left;
    /*  background-image:url(../sys_img/nov2.jpg);*/
    cursor:pointer;
}

.flashBox:hover{
    background-image:url(../sys_img/nov2.jpg);
    cursor:crosshair;
}
.flashBox2{
    width:217px;
    height:102px;
    background-color:#0000CC;
    position:relative;
    float:left;
    background-image:url(../sys_img/desp.jpg);
    cursor:pointer;
}

.flashBox2:hover{
    background-image:url(../sys_img/desp2.jpg);
}

.flashBox3{
    width:217px;
    height:102px;
    background-color:#0000CC;
    position:relative;
    float:left;
    background-image:url(../sys_img/kimb.jpg);
    cursor:pointer;
}

.flashBox3:hover{
    background-image:url(../sys_img/kimb2.jpg);
}

/****************/

ul#menu, ul#menu ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
    width: 15em;
}

ul#menu a {
    display: block;
    text-decoration: none;
}

ul#menu li {
    margin-top: 1px;
}

ul#menu li a {
    background: #333;
    color: #fff;
    padding: 0.5em;
    outline:none;
}

ul#menu li a:hover {
    background: #000;
}

ul#menu li ul li a {
    background: #ccc;
    color: #000;
    padding-left: 20px;
}

ul#menu li ul li a:hover {
    background: #aaa;
    border-left: 5px #000 solid;
    padding-left: 15px;
}

/* default opacity for IE */
#pimg img {
    filter:alpha(opacity=100);
}

/* duplicate image positioning */
#pimg img.idupe {
    position:absolute;
    z-index:3000;
    visibility:hidden;
}

img {
    filter:alpha(opacity=100);
}

/* duplicate image positioning */
img.idupe {
    position:absolute;
    z-index:3000;
    visibility:hidden;
}

/*********** MENU *************/

dl { width: 182px; }
html>body dl { width: 184px; }
dl,dd { margin: 0; }

dt {
    background: #EB7617;
    font-size: 11px;
    padding: 5px;
    margin-bottom:5px;
    font-weight:bold;
    text-transform:uppercase;
}

dt a {
    color: #FFF;
    text-decoration:none;
    font-weight:bold;
}

dd a { color: #EB7617;
    text-decoration:none;
    font-weight:bold;
}

dd a:hover, dt a:hover {
    text-decoration:underline;
}

ul { list-style: none; padding: 5px; }

/****/

.arrowlistmenu{
    width: 200px; /*width of accordion menu*/
    cursor:pointer;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
    font: bold 12px Arial;
    color: white;
    /*background: black url(titlebar.png) repeat-x center left;*/
    margin-bottom: 7px; /*bottom spacing between header and rest of content*/
    text-transform: uppercase;
    padding-top:4px;
    padding-bottom:4px;
    /*padding: 4px 0px 4px 15px; *//*header text is indented 10px*/
    padding-left:20px;
    cursor: pointer;
    cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
    /*background-image: url(titlebar-active.png);*/
    background: #EB7617;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
    /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
    padding-bottom: 2px; /*bottom spacing between menu items*/
    padding-left:20px;
}

.arrowlistmenu ul li a{
    color: #FFFFFF;
    /*background: url(arrowbullet.png) no-repeat center left; *//*custom bullet list image*/
    display: block;
    padding: 2px 0;
    padding-left: 0px; /*link text is indented 19px*/
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #dadada;
    font-size: 95%;
}

.arrowlistmenu ul li a:hover, .arrowlistmenu ul li a:visted{ /*hover state CSS*/
    color: #EB7617;
    background-color: #F3F3F3;

}

a.over, .arrowlistmenu ul li a.over
{
    color: #EB7617;
    background-color: #F3F3F3;
}

/***** END MENU ****/

/*NOVEDADES*/

#novedadesMain
{
    width:655px;
    max-width:655px;
    height:410px;
    max-height:410px;
    overflow-x:hidden;
    overflow-y:auto;
    padding-right:25px;
    margin:auto;

}

#novedadesMain table {
    border:0;
}

.prodNovedad
{
    width:160px;
    height:200px;
    cursor:pointer;
}

.prodNovedad img
{
    border:1px solid #2F8AD9;
    width:158px;
    height:170px;
}


.prodNovedad img:hover
{
    border:2px solid #2F8AD9;
    width:156px;
    height:168px;
}

.prodNombre
{
    width:158px;
    height:20px;
}

.prodNombreLink
{
    width:149px;
    height:18px;
    margin:auto;
    text-align:center;
    margin-top:5px;
}

.prodNombreLink h1
{

    text-decoration:none;
    text-align:center;
    font:10px Arial;
    color:#000000;
    cursor:pointer;
    text-transform: uppercase;
    margin:auto;
    margin-bottom:-2px;
    margin-top:-2px;
    vertical-align:middle;
}

#msjBottom
{
    width:655px;
    height:16px;
    margin-left:23px;
    margin-top:5px;
}

#msjBottom p
{
    font:12px Arial;
    color:#EB7617;
}

#flechas_bottom
{
    position:relative;
    margin:-10px 25px 0px 25px;
    height:16px;
    width:640px;
    max-height:16px;
    max-width:640px;
    overflow:hidden;
    cursor:pointer;
    text-align:right;
    float:left;
}

html>body #flechas_bottom
{
    position:relative;
    margin-top:-15px;
    height:16px;
    width:640px;
    max-height:16px;
    max-width:640px;
    overflow:hidden;
    cursor:pointer;
    text-align:right;
    float:left;
    margin-bottom:20px;
}

#barra
{
    height:19px;
    width:722px;
    margin-top:10px;
}

/*END NOVEDADES*/

/*PRODUCTOS*/

/*#menuProductos
{
height:465px;
width:160px;
max-height:465px;
max-width:160px;
border-right:solid 1px #8C9A9C;
float:left;
overflow:hidden;
text-align:left;
}*/

#menuProductos
{
    height:465px;
    width:150px;
    max-height:465px;
    max-width:150px;
    border-right:solid 1px #8C9A9C;
    float:left;
    overflow:hidden;
    text-align:left;
}

#tituloFamilia {
    text-align:left;
    height:45px;
    min-height:45px;
    max-height:45px;
    width:150px;
    min-width:150px;
    max-width:150px;
    overflow:hidden;

}

#tituloFamilia h1
{
    font-size:16px;
    font-weight: normal;
    color:#FFFFFF;
    margin-left:5px;
    margin-top:10px;
}

#img_menuProductos
{
    text-align:left;
    width:150px;
    max-width:150px;
    height:90px;
    max-height:90px;
}

#img_menuProductos img
{
    width:150px;
    height:90px;
}

#menuProductos h1
{
    font-size:12px;
    font-weight: normal;
    color:#EB7617;
    text-align:left;
    margin-left:10px;
    margin-top:10px;
}


#lista_productos
{
    height:330px;
    width:151px;
    max-height:330px;
    max-width:151px;
    float:left;
    text-align:left;
    overflow-x:hidden;
    overflow-y:auto;
}


#lista_productos ul
{
    text-align:left;
    padding: 0;
    margin: 10px;
    list-style: none;
}


#lista_productos li
{
    text-align:left;
    cursor:pointer;
    line-height: 100%;
}

#lista_productos li a
{
    font:11px Arial;
    color: #2F8AD9;
    text-decoration:none;

}

#lista_productos li a:hover
{
    color:#EB7617;
}

#flechas_bottom_menuProductos
{
    position:relative;
    margin-left:15px;
    height:16px;
    width:130px;
    max-height:16px;
    max-width:130px;
    overflow:hidden;
    cursor:pointer;
    text-align:right;
    float:left;
    margin-top:10px;
}

#prods_table
{
    height:465px;
    width:550px;
    max-height:450px;
    max-width:547px;
    margin-top:10px;
    margin-right:15px;
    float:right;
    position:relative;
}

#prods_table_int
{
    height:370px;
    width:540px;
    max-height:370px;
    max-width:540px;
    min-height:370px;
    min-width:540px;
    margin: auto;
    margin-top:10px;
    text-align:center;
    overflow-x:hidden;
    overflow-y:auto;

}

.producto
{
    height:85px;
    width:85px;
    border:1px solid #2F8AD9;
    cursor:pointer;
    overflow:hidden;
}

.productoDesaprob
{
    height:85px;
    width:85px;
    border:1px solid #2F8AD9;
    overflow:hidden;
}

.producto:hover
{
    height:83px;
    width:83px;
    border:2px solid #2F8AD9;
    cursor:pointer;
    overflow:hidden;
}

#msjBottomProds
{

    width:453px;
    text-align:left;
    font:normal 12px Arial;
    color:#EB7617;
    margin-top:5px;
}

#buscarProds
{
    margin:20px 10px 0px 0px;
    height:20px;
    width:510px;
    max-height:20px;
    max-width:510px;
    overflow:hidden;
    text-align:right;
}
#flechas_bottom_Buscar
{
    position:relative;
    margin:5px 0px 0px 5px;
    cursor:pointer;
    text-align:right;
    float:right;
}

.btnBuscarProds {
    border:1px solid #2F8AD9;/*#2F8AD9;*/
    /* border-right:1px solid #2F8AD9;*/
    color:#FFFFFF;
    font-size:10px;
    height:15px;
    min-height:15px;
    max-height:15px;
    cursor:pointer;
    width:35px;
    min-width:35px;
    text-align:center;
    float:right;
    /* background-image:url(../images/Productos/botonceleste.png);*/
    background-repeat:no-repeat;
    margin-left:10px;

    background-color: #2F8AD9;

}

.btnBuscarProds:hover {
    border:1px solid #EB7617;
    background-color:#EB7617;
}

#barraProds
{
    height:19px;
    width:722px;
}

/*END PRODUCTOS*/

/*EMPAQUE*/

#mainEmpaque
{
    height:464px;
    width:715px;
    margin:auto;
    background-color:#EB7617;
}

/*END EMPAQUE*/

/**********LOGIN********/

#imgHead
{
    height:150px;
    width:480px;
    max-height:150px;
    max-width:480px;
    background-image:url(../images/Registro/foto.jpg);
    margin:auto;
    overflow:hidden;
    margin-top:15px;
    background-repeat:no-repeat;
}

#login_usr {
    height:150px;
    max-height:150px;
    width:510px;
    max-width:510px;
    margin:auto;
    text-align:left;
    float:right;
}

#login_usr h1{font:12px Arial; color:#EB7617;}
#login_usr td{font:12px Arial;}
#login_usr a{text-decoration:underline; color:#2F8AD9;}

.btnEntrar {
    border:1px solid #2F8AD9;
    border-right:1px solid #2F8AD9;
    color:#FFFFFF;
    font-size:10px;
    height:15px;
    min-height:15px;
    max-height:15px;
    cursor:pointer;
    width:35px;
    min-width:35px;
    text-align:center;
    background-image:url(../images/Registro/botonceleste.png);
    background-repeat:repeat;
    margin:auto;
    margin-top:5px;
}

#registrarseLink
{
    height:25px;
    width:450px;
    margin:auto;
    margin-top:20px;;
}

#registrarseLink a
{
    font: 16px Arial;
    color:#2F8AD9;
    text-decoration:underline;
}

/*#barraReg
{
height:19px;
width:722px;
margin-top:45px;
}*/

/**********END LOGIN********/

/*msjEnvioContrase�a*/

#mainMsj
{
    height:200px;
    width:480px;
    margin:auto;
    margin-top:55px;

}

#mainMsj h1
{
    font: 14px Arial;
    color:#EB7617;
    /*line-height:3px;*/
    margin-top:2px;
}

#cerrarLink
{
    height:25px;
    width:450px;
    margin:auto;
    margin-top:15px;
}

#cerrarLink a
{
    font:14px Arial;
    color:#2F8AD9;
    text-decoration:none;
}

/*END msjEnvioContrase�a*/

/*HORARIOS*/


#horarioMain
{
    height:418px;
    width:698px;
    max-height:418px;
    max-width:698px;
    margin:auto;
    border:1px solid white;
    margin-bottom:0px;
    margin-top:0px;
}



.horario
{
    width:500px;
    height:86px;
    max-width:500px;
    max-height:86px;
    border:1px solid silver;
    text-align:left;
}

.horario table
{
    width:auto;
}

.horario p
{
    font:12px Arial;
    color:#EB7617;
    text-align:left;
    margin-top:10px;
    margin-left:10px;
    margin-bottom:1px;
}

.horario td
{
    font: 12px Arial;
    color:black;
    width:auto;
    text-align:left;
    /*margin-left:10px;*/
}

.horario tr
{
    margin-left:10px;
}

.horario b
{
    font: bold 12px Arial;
    color:silver;
    vertical-align:bottom;
}

.horario input
{
    /*width:10px;*/
    height:auto;
    margin: auto;
    text-align:left;
    border:none;
}

.horario select
{
    font-size:11px;
    margin-right:-15px;
}


.titulo
{
    font:13px Arial;
    color:gray;
}

/*END HORARIOS*/

/*EMPAQUE*/

/*IE*/
#empaqueMain
{
    height:400px;
    width:670px;
    max-height:400px;
    max-width:670px;
    margin:auto;
    margin-top:20px;
    background-color:#EB7617;
}

#empaqueImg
{
    height:300px;
    max-height:300px;
    width:200px;
    max-width:200px;
    background-color:white;
    float:left;
    margin-left:40px;
    margin-top:40px;
    overflow:hidden;

}

#empaqueImgImg
{
    margin-top:40px;
}

#empaqueDesc
{
    height:300px;
    width:370px;
    max-height:300px;
    max-width:370px;
    float:right;
    text-align:left;
    margin-top:40px;
    line-height:14px;
    margin-right:40px;
    background-color:white;

}

#empaqueDescInner
{
    min-height:225px;
    max-height:225px;
    height:225px;

}

#empaqueDesc h1
{
    font: 14px Arial;
    color:#2F8AD9;
    white-space:normal;
    margin-left:25px;
}

#empaqueDesc h2
{
    font: 16px Arial;
    color:#8C9A9C;
    /*margin-bottom:-3px;*/
    white-space:normal;
    line-height:14px;
    font-weight:800;
    text-transform:uppercase;
    margin-top:23px;
    margin-left:25px;
}


#empaqueCod
{
    height:15px;
    width:370px;
    max-height:15px;
    max-width:370px;
    float:right;
    text-align:left;
    margin-left:10px;
    margin-top:25px;
}

#empaqueCod h1
{
    font: 14px Arial;
    color:#000000;
    white-space:normal;
    margin-left:35px;
}

#buscarEmp
{
    position:relative;
    margin:5px 25px 0px 25px;
    height:20px;
    width:450px;
    max-height:20px;
    max-width:450px;
    overflow:hidden;
    text-align:right;
    float:right;
    margin-top:15px;
    margin-bottom:10px;
}

.btnBuscarEmp {
    border:1px solid #2F8AD9;
    border-right:1px solid #2F8AD9;
    color:#FFFFFF;
    font-size:10px;
    height:15px;
    min-height:15px;
    max-height:15px;
    cursor:pointer;
    width:35px;
    min-width:35px;
    text-align:center;
    float:right;
    background-image:url(../images/Productos/botonceleste.png);
    background-repeat:no-repeat;
    margin-left:10px;
}

#flechas_bottom_BuscarEmp
{
    position:relative;
    margin:5px 0px 0px 15px;
    height:16px;
    width:30px;
    max-height:16px;
    max-width:30px;
    overflow:hidden;
    cursor:pointer;
    text-align:right;
    float:right;
}

#barraEmp
{
    height:19px;
    width:722px;
}

#empaqueLinkRegresar
{
    height:16px;
    width:100px;
    max-height:16px;
    max-width:100px;
    margin:auto;
    float:left;
    margin-top:10px;
    margin-left:40px;
  

}

/*html>body #empaqueLinkRegresar
{
    height:16px;
    width:650px;
    max-height:16px;
    max-width:650px;
    margin:auto;
    float:right;
    margin-left:30px;
    margin-top:10px;
}*/

#empaqueLinkRegresar a
{
    font:bold 14px Arial;
    color:white;/*#2F8AD9*/
    text-decoration:none;
    text-align:left;
    float:left;
}

#empLinktoProd
{
    position:relative;
    height:16px;
    max-height:16px;
    width:175px;
    max-width:175px;
    text-align:right;
    margin-bottom:0px;
    color:#2F8AD9;
    float:left;
    margin-top:40px;
    margin-right:23px;

}

#empLinktoProd:hover
{
    color:#EB7617;
}

#empLinktoProd h2
{
    font:bold 12px Arial;
    color:#2F8AD9;
    text-decoration:none;
    text-align:right;
    float:right;
    margin-right:5px;
    cursor:pointer;
    text-transform:uppercase;
}

#empLinktoProd h2:hover
{
    color:#EB7617;
}
/*END EMPAQUE*/

/**********REGISTRO************/

#formRegistro
{
    height:420px;
    width:700px;
    max-height:420px;
    max-width:700px;
    margin:auto;
    overflow-x:hidden;
    overflow-y:auto;
    text-align:center;
}

.formulario
{
    height:auto;
    width:500px;

    max-width:500px;
    margin:auto;
    /*border:1px solid white;*/
    text-align:center;

}

.formularioMid
{
    height:350px;
    width:500px;
    max-height:350px;
    max-width:500px;
    margin:auto;
    /*border:1px solid white;*/
    text-align:center;

}

.formularioShort
{
    height:auto;
    width:500px;
    max-width:500px;
    margin:auto;
    /*border:1px solid white;*/
    text-align:center;

}

.formulario select{
    resize: none;
    font-size:11px;
    width:145px;
}

.formulario table {
    width:500px;
}

.formulario img {
    cursor:pointer;
}

.formulario td
{
    width:250px;
    font: 12px Arial;
    color:black;
}

.formulario td#esp
{
    width:100;
    font: 12px Arial;
    color:black;
}

.formularioMid select{
    resize: none;
    font-size:11px;
    width:145px;
}

.formularioMid table {
    width:auto;
}


.formularioMid td
{
    width:250px;
    font: 12px Arial;
    color:black;
}

.formularioMid td#esp
{
    width:auto;
    font: 12px Arial;
    color:black;
}

.formularioShort select{
    resize: none;
    font-size:11px;
    width:145px;
}

.formularioShort table {
    width:500px;
}

.formularioShort td
{
    width:250px;
    font: 12px Arial;
    color:black;
}

#formRegistro h1
{
    font: 12px Arial;
    color:gray;
}

#formRegistro p
{
    font:12px Arial;
    color:#EB7617;
}

#ref_comercial
{
    width:460px;
    max-width:460px;
    height:114px;
    max-height:114px;
    border:solid 1px #8C9A9C;
    text-align:center;
    overflow:hidden;
    margin-top:3px;
}

#ref_comercial table
{
    width:400px;
}

#ref_img
{
    width:27px;
    max-width:27px;
    height:114px;
    max-height:114px;
    text-align:center;
    overflow:hidden;
    background-repeat:no-repeat;
}

#ref_img img
{
    width:27px;
    height:114px;
}

#finalRegistro
{
    width:700px;
    height:20px;
    max-width:700px;
    max-height:20px;
    margin:auto;
    vertical-align:bottom;
    /*margin-top:-15px;*/
}

#finalRegistro h2
{
    font:12px Arial;
    color:#2F8AD9;
    text-decoration:none;
    cursor:pointer;
    text-transform:uppercase;
    line-height:19px;

}

#enviar_cancelar
{
    width:200px;
    max-width:200px;
    height:20px;
    max-height:20px;
    font:bold 12px Arial;
    color:#2F8AD9;
    text-decoration:none;
    margin:auto;
    text-align:right;
    /*float:left;*/
    margin-top:-30px;

}

#enviar_cancelar table
{
    height:auto;
    width:auto;
    cursor:pointer;
    text-align:center;
}

.tab
{
    height:auto;
    width:auto;
    cursor:pointer;
    text-align:center;
    margin-top:-30px;
}

#finalRegistro p
{
    font:11px Arial;
    color:#EB7617;
    text-align:left;
    margin-left:5px;
}

#flechas_bottom_Reg
{
    position:relative;
    height:16px;
    width:30px;
    max-height:16px;
    max-width:30px;
    overflow:hidden;
    cursor:pointer;
    text-align:right;
    float:right;
    margin:auto;
    margin-top:-25px;
    margin-right:10px;
}

#flechas_bottom_Reg_finales
{
    position:relative;
    height:16px;
    width:55px;
    max-height:16px;
    max-width:55px;
    overflow:hidden;
    cursor:pointer;
    text-align:left;
    float:right;
    margin:auto;
    margin-top:-25px;
    margin-right:10px;
}

.enviar_boton
{
    background-color:white;
    font:12px Arial;
    color:#2F8AD9;
    border:none;
    height:18px;
    margin:0px 0px 0px 460px;

}

#msg{font:11px Arial; color:#EB7617; text-align:center; width:5px; max-width:5px; overflow:hidden;}

.btnMsjReg {
    border:1px solid #2F8AD9;
    color:#FFFFFF;
    font-size:10px;
    height:15px;
    min-height:15px;
    max-height:15px;
    cursor:pointer;
    width:35px;
    min-width:35px;
    text-align:center;
    background-repeat:no-repeat;
    background-color: #2F8AD9;
}

.btnMsjReg:hover {
    border:1px solid #EB7617;
    background-color:#EB7617;

}

#barraProds
{
    height:19px;
    width:722px;
}

/**********END REGISTRO************/

/**********CARRITO************/

#carrito
{
    height:445px;
    max-height:445px;
    width:547px;
    max-width:547px;
    margin-top:10px;
    margin-right:10px;
    float:right;
    position:relative;
}

.cartTable {
    width:905px;
}

.cartTable2 {
    width:885px;
}


#info_prod
{
    height:440px;


    max-height:440px;
    width:180px;
    max-width:180px;
    border-left:solid 1px #8C9A9C;
    border-bottom:solid 1px #8C9A9C;
    border-top:solid 1px #8C9A9C;
    float:left;
    position:relative;
}

.infoProdTitle
{
    font:bold 12px Arial;
    text-align:center;
    margin-top:0px;
}

#info_prod_img
{
    height:175px;
    max-height:175px;
    width:150px;
    max-width:150px;
    text-align:center;
}

#info_prod_img img
{
    height:145px;
    max-height:145px;
    width:150px;
    max-width:150px;
}

#info_prod_img h1
{
    font:12px Arial;
    color:#2F8AD9;
    text-align:right;
    vertical-align:bottom;
}

#info_prod_img_txt
{
    height:190px;
    max-height:190px;
    width:175px;
    max-width:175px;
    margin:auto;
}

#info_prod_img_txt p
{
    font:11px Arial;
    color:#8C9A9C;
    text-align:left;
    line-height:8px;
}

#info_prod_img_txt h1
{
    font:11px Arial;
    color:#2F8AD9;
    text-align:left;
}

#flechas_bottom_info_prod
{
    position:relative;
    height:16px;
    width:30px;
    max-height:16px;
    max-width:30px;
    overflow:hidden;
    cursor:pointer;
    text-align:right;
    float:left;
    margin:auto;
    margin-right:10px;
    margin-top:-5px;
    vertical-align:bottom;
}

.id_prod{font:12px Arial; color:#8C9A9C; vertical-align:bottom; text-align:right; margin:-10px 10px 0px 0px;}

#cth{

    height:440px;
    max-height:440px;
    width:345px;
    max-width:345px;
    float:left;
    position:relative;
}

.btns
{
    height:30px;
    max-height:30px;
    width:62px;
    max-width:62px;
    background-color:#2F8AD9;
    /*Texto*/
    text-align:center;
    vertical-align:middle;
    color:white;
    cursor:pointer;
}

.btns h1
{
    font:bold 12px Arial;
    margin-top:5px;
}


#calculadora{
    height:195px;
    max-height:195px;
    width:349px;
    max-width:349px;
    border:solid 1px #8C9A9C;
}


#calculadora p
{
    font:11px Arial;
    color:#8C9A9C;
    text-align:left;
}

#calculadora input
{
    border:1px solid #EB7617;
    font-size:11px;
}

#total_historial{
    height:121px;
    max-height:121px;
    width:349px;
    max-width:349px;
    border-left:solid 1px #8C9A9C;
    border-right:solid 1px #8C9A9C;
    border-bottom:solid 1px #8C9A9C;

}
/**********END CARRITO************/


/**********CARRITO TABLA************/


#car_table
{
    height:478px;
    width:905px;
    /*border:solid 1px red;*/
    text-align:center;
}

#car_table select{
    resize: none;
    font-size:11px;
    width:145px;
}

#car_table table 
{
    border-collapse: collapse;
    overflow:auto;
}

#car_table table th
{
    font: 12px Arial;
    color:white;
    text-align:center;
    line-height:12px;
}

#car_table table th img
{
    cursor:pointer;
}

#desplegableTable
{
    width:905px;
    max-width:905px;
    height:260px;
    max-height:260px;
    overflow-x:hidden;
    overflow-y:auto;

}

#desplegableTableHTL
{
    width:910px;
    max-width:910px;
    height:340px;
    max-height:340px;
    overflow-x:hidden;
    overflow-y:auto;
    border-bottom:1px solid #808183;

}

#desplegableTableHTLProd
{
    width:910px;
    max-width:910px;
    height:340px;
    max-height:340px;
    overflow-x:hidden;
    overflow-y:auto;
    border-bottom:1px solid #808183;

}

.tdTable{
    border-left:1px solid #808183;
    border-right:1px solid #808183;
}

.tdfirst{
    border-right:1px solid #808183;
}

.tdlast{
    border-left:1px solid #808183;
}

#car_table table td
{
    font:12px Arial;
    text-align:center;
    overflow:hidden;
}

#car_table table td img
{
    cursor:pointer;
}

#car_table table td p{ height:15px; max-height:15px;}

.whiteRow
{
    width:885px;
    background-color:white;
}

.blueRow
{
    width:885px;
    background-color:#e0e9fb;
}

#car_table table td input{ border:1px solid #EB7617; font-size:11px; width:45px;}

#car_table table td form#formCar1{ height:15px; max-height:15px; }

#car_table table td form#formCar1 input{ border:1px solid #EB7617; font-size:11px; }

#car_table table td form#formCar2{ height:15px; max-height:15px; }

#car_table table td form#formCar2 input{ border:1px solid #EB7617; font-size:11px; }

.footerTable{
    border-top:1px solid #808183;
    border-bottom:1px solid #808183;
    border-left:1px solid #808183;
    border-right:1px solid #808183;
}

.footerTablefirst{
    border-top:1px solid #808183;
    border-bottom:1px solid #808183;
    border-right:1px solid #808183;
}

.footerTablelast{
    border-top:1px solid #808183;
    border-bottom:1px solid #808183;
    border-left:1px solid #808183;
}

#car_coments
{
    width:185px;
    max-width:185px;
    height:100px;
    max-height:100px;
    /*border:solid 1px #8C9A9C;*/
    text-align:left;
}

#car_HF
{
    width:339px;
    max-width:339px;
    height:100px;
    max-height:100px;
    margin:auto;
    /* border:solid 1px #8C9A9C;*/
}

#car_HF h1
{
    font: bold 12px Arial;
    margin-top:10px;
    margin-bottom:5px;
}

#car_HF td
{
    font:12px Arial;
}

#car_HF td p
{
    font:12px Arial;
    color:gray;
}

#car_totales
{
    width:150px;
    max-width:150px;
    height:100px;
    max-height:100px;
    /* border:solid 1px #8C9A9C;*/
    /* margin-left:-10px;*/
}

#car_totales p
{
    font: 12px Arial;
}

#car_tot
{
    width:205px;
    max-width:205px;
    height:100px;
    max-height:100px;
    /* border:solid 1px #8C9A9C;*/
}

#car_tot table
{
    border:none;
}

#car_tot td
{
    font:12px Arial;
}

#car_tot p
{
    font: 12px Arial;
}

#car_bottom
{
    height:460px;
}

.btn_aceptarCompra
{
    height:20px;
    max-height:20px;
    width:214px;
    max-width:214px;
    background-color:#2F8AD9;
    text-align:center;
    color:white;
    float:right;
    cursor:pointer;
    margin-right:2px;
}

.btn_aceptarCompra h1
{
    font: bold 14px Arial; margin-top:3px; margin-bottom:5px;
}

/**********END CARRITO TABLA************/

/**********INFO_CREDITO************/

#info_credito
{
    height:420px;
    width:700px;
    max-height:420px;
    max-width:700px;
    margin:auto;
    overflow:hidden;
    text-align:center;
}

#info_credito input
{
    border:none;
}

#info_credito h1
{
    font: 12px Arial;
    color:gray;
}

#info_credito p
{
    font:12px Arial;
    color:#EB7617;
}

#info_credito td
{
    font: 12px Arial;
    color:black;
}

#info_credito ul li
{
    font: 12px Arial;
    color:black;
}

#prodsAutorizados
{
    display:none;
    max-width:180px;

}
.menuL
{
    /*cursor:pointer;*/
}
.menuE ul
{
    width:auto;
    max-width:400px;
    display:none;
    visibility:hidden;
}

/**********END INFO_CREDITO********/

/**********EDIT_ACT CUENTA********/

#selecionar_cuenta
{
    width:550px;
    max-width:550px;
    height:125px;
    max-height:125px;
    margin-top:150px;
}

#selecionar_cuenta p
{
    font: 12px Arial;
    color:#EB7617;
}

#selecionar_cuenta select{
    resize: none;
    font-size:11px;
    width:145px;
}

#info_personal
{
    width:505px;
    max-width:505px;
    height:125px;
    max-height:125px;
    border:solid 1px #8C9A9C;
    text-align:center;
    overflow:hidden;
}

#info_personal p
{
    font: 11px Arial;
    margin-top:1px;
    margin-bottom:1px;
}

#info_personalMat
{
    width:500px;
    max-width:500px;
    height:225px;
    max-height:225px;
    border:solid 1px #8C9A9C;
    text-align:left;
    overflow:hidden;
}

#info_personalMat p
{
    font: 11px Arial;
    margin-top:1px;
    margin-left:5px;
    margin-bottom:1px;
}

/**********END EDIT_ACT CUENTA********/


/**********ESTADO CUENTA********/

.back { font:bold 12px Arial; color:#2F8AD9; cursor:pointer; margin-top:5px; margin-bottom:-5px;}

#estados td{
    cursor:pointer;
}

#estados .seleccion{
    cursor:default;
}

/**********END ESTADO CUENTA********/

/**********HISTORIAL COMPRA********/

#busquedas
{
    width:550px;
    max-width:550px;
    height:155px;
    max-height:155px;
    border:solid 1px #8C9A9C;
    overflow:hidden;
    margin-top:100px;
    text-align:left;
}

#busquedas p
{
    font: 11px Arial;
    margin-top:2px;
    margin-bottom:2px;
    color:#EB7617;
    text-align:left;
    margin-left:25px;
}

#busquedas table { margin-left:25px; font:11px Arial; }

#busquedas select
{
    font-size:11px;
}

.hc_title{
    font: 12px Arial; color:#8C9A9C; margin-top:100px; margin-bottom:-100px;
}

.hc_aceptar { font: 12px Arial; color:#2F8AD9; cursor:pointer; margin-top:3px; margin-bottom:-3px;}

.regresar_aut_pend { font: 12px Arial; color:#2F8AD9; cursor:pointer; margin-top:3px; margin-bottom:-3px; text-align:right;}


/**********END HISTORIAL COMPRA********/

/**********FACTURA********/

#div_top
{
    height:20px;
    max-height:20px;
    width:715px;
    max-width:715px;
    text-align:right;
}

#div_aux
{
    height:20px;
    max-height:20px;
    width:715px;
    max-width:715px;
    text-align:right;
    margin-top:110px;
}

.btn_agregar_fact
{
    height:20px;
    max-height:20px;
    width:190px;
    max-width:190px;
    background-color:#2F8AD9;
    text-align:center;
    color:white;
    float:right;
    cursor:pointer;
}

.btn_agregar_fact h1
{
    font: bold 11px Arial; /*line-height:3px;*/ margin-top:3px; margin-bottom:5px;
}

/**********END FACTURA********/

/**********CAMBIO CONTRASE�A********/

#cambio_cont
{
    height:150px;
    max-height:150px;
    width:500px;
    max-width:500px;
    margin-top:110px;
}

#cambio_cont table {margin-top:15px;}

#cambio_cont td {font:12px Arial;}

#cambio_cont h1 {font:12px Arial; color:#2F8AD9;}

/**********END CAMBIO CONTRASE�A********/

#barraLogged{
    width:905px;
    max-width:905px;
    height:25px;
    max-height:25px;
    margin-top:40px;
    background-image:url(../sys_img/barra_logged.jpg);
    background-position:left;
    background-repeat:no-repeat;
    /*position:relative;*/
}

/*#barraLogged img {
width:645px;
max-width:645px;
height:25px;
max-height:25px;
float:left;

}*/

#topMenuLog {
    height:20px;
    margin-top:5px;
    position:relative;
    float:right;
    color:#666666;
    font-size:8px;
}

#topMenuLog a, #topMenuLog a:visited{
    text-decoration:none;
    color:#666666;
}



#topMenuLog a:hover{
    text-decoration:underline;
    color:#EB7617;
}

/*Botones CERRAR*/

.btnCerrar {
    border:1px solid #2F8AD9;
    color:#FFFFFF;
    font-size:12px;
    height:15px;
    min-height:15px;
    max-height:15px;
    cursor:pointer;
    width:55px;
    min-width:55px;
    text-align:center;
    background-repeat:no-repeat;
    background-color: #2F8AD9;
}

rpAux {
    margin-right:40px;
}

#inf_finaciera1{
    width:500px;
    max-width:500px;
    /*height:300px;
    max-height:300px;*/
    height:auto;
    text-align:center;

}

#inf_finaciera1 h2{
    font:12px Arial;
    color:#2F8AD9;
    text-decoration:underline;
    cursor:pointer;
}

#inf_finaciera{
    width:500px;
    max-width:500px;
    height:300px;
    max-height:300px;
    text-align:center;
    overflow-x:hidden;
    overflow-y:scroll;
    border:solid 1px #8C9A9C;
}

#inf_finaciera ul li{
    font: 12px Arial;
}

#desplegableSucs{
    width:500px;
    max-width:500px;
    height:300px;
    max-height:300px;
    text-align:center;
    overflow-x:hidden;
    overflow-y:scroll;
    border:solid 1px #8C9A9C;
}

#desplegableSucs ul li{
    font: 12px Arial;
}

#back_inf_finaciera{ width:465px; height:20px; position:static; margin-top:-40px;}

#back_inf_finaciera h3{
    font:14px Arial;
    color:#2F8AD9;
    text-decoration:none;
    cursor:pointer;
    text-align:right;
}

#acep_copy_suc{ width:465px; height:20px; margin-bottom: -40px; /*position:static; margin-top:-240px;*/ }


#acep_copy_suc h3{
    font:14px Arial;
    color:#2F8AD9;
    text-decoration:none;
    cursor:pointer;
    text-align:right;
}


#formRegistro input {
    width:192px;
}

.horario input, .todos_rp, .todos_tf, .todos_ap, .todos_jt {
    width:10px;
}