/*
 * Defina las clases del diseño que no desee aparezcan en el editor
 */
body
{
    margin: 0px;
    background-color: #9db1ac;
    background-image: url(../images/fondo_principal.gif); 
}

.cssMainContent
{
}

/*
 * Classes for top Menu Links
 */

.cssTMItemCell
{
    font-size: 12px; /* background-image: url(../images/menu_sun.jpg); */
    color: White;
    background-repeat: no-repeat;
    font-family: Tahoma;
    height: 28px;
    padding-right: 5px;
    padding-left: 5px;
}

.cssTMItemCellHover
{
    font-size: 12px;
    background-image: url(../images/fondo_menu_on.gif); 
    color: white;
    background-repeat: repeat-x;
    font-family: Tahoma;
    height: 28px;
    padding-right: 5px;
    padding-left: 5px;
    cursor: hand;
}

.cssTMItemLink
{
    color: GhostWhite;
    text-decoration: none;
}
/*
.cssTMItemLink:hover
{
    background-position: left top;
    background-image: url(../images/fondo_menu_on.gif);
    background-repeat: repeat-x;
}
*/

/*
 * Classes for Modules
 */
.cssModuleHeader
{
    background-position: left top;
    background-image: url(../images/modulo_start.gif);
    background-repeat: no-repeat;
    width: 220px;
    height: 25px;
    padding-right: 40px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    color: black;
    font-family: Verdana;
    text-align: left;
    display: block;
    
}

.cssModuleBody
{
    background-position: left top;
    background-image: url(../images/modulo_body.gif);
    background-repeat: repeat-y;
    width: 220px;
    padding-right: 20px;
    padding-left: 10px;
    padding-bottom: 1px;
    padding-top: 5px;
    display: block;

}

.cssModuleFooter
{
    background-position: left top;
    background-image: url(../images/modulo_end.gif);
    background-repeat: no-repeat;
    width: 220px;
    height: 10px;
    display: block;
}

.cssModuleBorder
{
    width: 220px;
    filter: alpha(opacity=90);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    
}

.cssMainFooter
{
}

/*
   Estilos de menu lateral Level 1
 */

.cssLMItemCell
{
    background-position: left top;
    background-image: url(../images/submenulvl1_off.gif);
    width: 220px;
    background-repeat: no-repeat;
    height: 32px;
    padding-left: 30px;
    filter: alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    font-size: 11px;
}

.cssLMItemCellHover
{
    background-position: left top;
    font-size: 11px;
    background-image: url(../images/submenulvl1_on.gif);
    width: 220px;
    background-repeat: no-repeat;
    height: 32px;
    padding-left: 30px;
    cursor: hand;
    filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.cssLMItemLink
{
    font-family: Tahoma;
    font-size: 11px;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.cssLMItemLinkHover
{
}

/*
   Estilos de menu lateral Level 2
 */

.cssLMItem2Cell
{
    background-position: 10px top;
    background-image: url(../images/submenulvl2_off.gif);
    width: 220px;
    background-repeat: no-repeat;
    height: 23px;
    padding-left: 40px;
}

.cssLMItem2CellHover
{
    background-position: 10px top;
    background-image: url(../images/submenulvl2_on.gif);
    width: 220px;
    background-repeat: no-repeat;
    height: 23px;
    padding-left: 40px;
}

.cssLMItem2Link
{
    font-family: Tahoma;
    font-size: 10px;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.cssLMItem2LinkHover
{
}

/*
   Estilos de menu footer
 */

.cssFMItemCell
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
}
.cssFMItemCellHover
{
    padding-right: 5px;
    padding-left: 5px;
    border-bottom: #ffa500 2px solid;
}

.cssFMItemLink
{
    font-size: 10px;
    color: #ffffff;
    font-family: Tahoma;
    text-decoration: none;
    font-weight: normal;
}

.cssLateralMenuTable
{
    background-position: left top;     
    background-image: url(../images/fondo_lateral_05.jpg);     
    background-repeat: no-repeat; 
    width: 229px;
}

/*
    Estilos de contenido principal y titulo
*/

.cssMCTitle
{
}

.cssMCMainTable
{
}


/*
    General Layout
 */
.cssMainBackground
{
    background-image: url(../images/fondo.gif);
    background-repeat: repeat-y;
}

.cssMainTable
{
    font-size: 12px;
    color: #000000;
    font-family: Arial;
    vertical-align: top;
    text-align: left;
}
.cssFooterTable
{
}
.cssTopMenuTable
{
    background-image: url(../images/fondo_menu.jpg);
    background-repeat: no-repeat;
    height: 28px;
    padding-right: 10px;
    padding-left: 10px;
}
.cssContentTable
{
    background-image: url(../images/degradado_amarillo.gif);
    background-color: #ffffff;
    background-position: left top;
    background-repeat: repeat-x;
    background-position: left top;
}

.cssContentBody
{
    padding-right: 15px;
    background-position: left top;
    padding-left: 15px;
    background-image: url(../images/principal_body.gif);
    background-repeat: repeat-y;
    height: 600px;
    vertical-align: top;
    text-align: left;
}

.cssMainHeader
{
    height: 172px;
}


/* Estilos en principal */

.cssNone
{
}

/* Estilos de contacto */
.cssContactTable
{
    width: 100%;
}

.cssContactLabelCell
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    font-family: Arial;
    text-align: right;
    width: 40%;
    vertical-align: top;
}
.cssContactControlCell
{
    font-size: 12px;
    color: black;
    font-family: Arial;
    text-align: left;
    width: 60%;
    vertical-align: top;
}

.cssContactSendCell
{
    text-align: center;
    width: 600px;
}

.cssContactSeparatorCell
{
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}
.cssContactErrorMsg
{
    font-weight: bold;
    font-size: 11px;
    color: red;
    font-family: Arial;
}

/*
    Estilos de modulo Recomienda este sitio
    Private _cssMainTable As String = "cssUSFMainTable"
    Private _cssHeader As String = "cssUSFHeader"
    Private _cssBody As String = "cssUSFBody"
    Private _cssTextBox As String = "cssUSFTextbox"
    Private _cssButton As String = "cssUSFButton"
*/

.cssUSFMainTable
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 100px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-color: black;
    border-top-color: black;
    border-right-width: 1px;
    border-right-color: black;
    margin-top: 5px;
    margin-bottom: 5px;
}

.cssUSFHeader
{
    font-weight: bold;
    font-size: 12px;
    background-color: #990000;
    color: white;
    font-family: Arial;
    height: 25px;
}

.cssUSFBody
{
    font-weight: bold;
    font-size: 10px;
    color: black;
    font-family: Tahoma;
    padding-left: 10px;
}

.cssUSFTextbox
{
    border-right: #990000 1px solid;
    border-top: #990000 1px solid;
    border-left: #990000 1px solid;
    border-bottom: #990000 1px solid;
    width: 150px;
}
.cssUSFButton
{
    font-size: 11px;
    color: white;
    font-family: Tahoma;
    background-color: #990000;
    font-weight: bold;
    border-right: #990000 1px outset;
    border-top: #990000 1px outset;
    border-left: #990000 1px outset;
    border-bottom: #990000 1px outset;
    top: 10px;
    text-align: center;
    display: block;
}
/*
 * Estilos de Modulo Contador
 */

.cssMODCounter
{
    font-size: 11px;
    color: gray;
    font-family: Tahoma;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: normal;
}

/*
 * Estilos Modulo de Noticias
 */

.cssModNewsTitle
{
    font-weight: bold;
    font-size: 11px;
    color: #2290dd;
    font-family: Arial;
    text-decoration: none;
}

.cssModNewsShort
{
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial;
    text-decoration: none;
}

/*
 *    Estilos de Forma de pedidos
 */

.css_OrderForm_Categoria
{
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle;
    color: black;
    font-family: Tahoma;
    background-color: #b0e0e6;
    text-align: left;
}

.css_OrderForm_Header
{
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Arial;
    background-color: #ffa500;
    text-align: center;
}

.css_OrderForm_Totales_Header
{
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Arial;
    background-color: #ffa500;
    text-align: right;
}
.css_OrderForm_Totales_SmallHeader
{
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    font-family: Arial;
    background-color: #b0e0e6;
    text-align: right;
}

.css_OrderForm_Totales
{
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Arial;
    background-color: #ffffff;
    text-align: right;
}
.css_OrderForm_TextBox
{
    border-right: #ffa500 1px solid;
    border-top: #ffa500 1px solid;
    font-size: 12px;
    vertical-align: middle;
    border-left: #ffa500 1px solid;
    width: 50px;
    color: black;
    border-bottom: #ffa500 1px solid;
    font-family: Arial;
    background-color: #fffacd;
    text-align: center;
    font-weight: bold;
}

.css_OrderForm_SmallTextBox
{
    border-right: #ffa500 1px solid;
    border-top: #ffa500 1px solid;
    font-size: 10px;
    vertical-align: middle;
    border-left: #ffa500 1px solid;
    height: 15px;
    width: 150px;
    color: black;
    border-bottom: #ffa500 1px solid;
    font-family: Arial;
    background-color: #fffacd;
    font-weight: bold;
}

.css_OrderForm_Titulo
{
    display: block;
    font-weight: bold;
    font-size: 20px;
    color: #ff8c00;
    font-family: Arial;
    text-align: right;
}

.css_OrderForm_InfoBox
{
    border-right: #4682b4 2px solid;
    padding-right: 5px;
    border-top: #4682b4 2px solid;
    padding-left: 5px;
    font-weight: bold;
    padding-bottom: 5px;
    vertical-align: middle;
    border-left: #4682b4 2px solid;
    width: 400px;
    color: black;
    padding-top: 5px;
    border-bottom: #4682b4 2px solid;
    font-family: Tahoma;
    height: 200px;
    background-color: #ffcc33;
    text-align: center;
    display: block;
}

.cssErrorFloat
{
    font-weight: normal;
    font-size: 11px;
    color: red;
    font-family: Tahoma;
    border-right: red 1px solid;
    border-top: red 1px solid;
    z-index: 99;
    border-left: red 1px solid;
    border-bottom: red 1px solid;
    position: absolute;
    background-color: white;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    margin: 2px;
    padding-top: 2px;
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#aaaaaa, Positive=   'true' );
}