﻿body
{
    background-color: #ffffff;
    margin-top:3px;
}
/*Normal*/
.Estilo_1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*Normal negrita*/
.Estilo_2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
/*Normal cursiva*/
.Estilo_3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style:italic;
}
/*Normal negrita cursiva*/
.Estilo_4
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style:italic;
}
/*Titulo grande color rojo*/
.Estilo_5
{
    font-family: Arial;
    color: #e84a4b;
    font-size: 18px;
    font-weight: normal;
    
    padding-bottom: 5px;
}
/*Titulo mediano color gris*/
.Estilo_6
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
}
/*Normal cursiva color celeste*/
.Estilo_7
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style:italic;
    color:#396EAA;
}
/*Normal negrita cursiva color celeste*/
.Estilo_8
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style:italic;
    color:#396EAA;
}
input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
a
{
    text-decoration: none;
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
}
a:hover
{
    text-decoration: underline;
}
/*a:link {
	color: #396EAA;
}
a:visited {
	color: #396EAA;
}
*/
a:hover
{
    text-decoration: underline;
}
a:active
{
    text-decoration: none;
}

#UpdateProgress1
{
    width: 200px;
    background-color: #ffff71;
    bottom: 0%;
    left: 0px;
    position: absolute;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
}
/*Modal Popup*/
.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=70);
    opacity: 0.5;
}

.modalPopup
{
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}
/* make drop down menu container style */
.menuPopup
{
    /*background: url(img/background_drop_menu.jpg) repeat #8C9FB4;*/
    border: 1px solid #c7c7c7;
    border-bottom: none;
    color: #ffffff;
    font-size: 11px;
    width: 120px;
    font-family: Arial;
}

/* make drop down menu item style */
.menuPopupItem
{
    color: #ffffff;
    border-bottom: 1px solid #666666;
    padding: 3px;
    z-index: 100;
}

/*begin creating the tabs */
.menu
{
    margin-left: 20px;
    background: url(img/tab_bg.gif) repeat-x;
    font-size: 11px;
    font-weight: bold;
    width: 100px;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td
{
    color: #FFFFFF;
    height: 20px;
    background-repeat: repeat-x;
    width: 250px;
    font-size: 11px;
    text-align: center;
}

/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td
{
    background: url(img/tab.gif) no-repeat #919191;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover
{
    text-decoration: underline;
}

