html, body
{
    /*height: 100%;
    font-family: Verdana;
    font-size: 8pt;*/
}

#tablaInformacion
{
    width: 930px;
}

#divLinksAdicionales
{
    margin: 5px 0px;
    width: 465px;
    text-align: left;
}

#divInfoUsuario
{
    margin: 5px 0px;
    width: 465px;
    text-align: right;
}

#tablaFormulario td
{
     padding-bottom:5px;
     /* width: 50%; */
}

#divInfoUsuario span, #divLinksAdicionales span
{
    color: #7A7A7A;
}

#divInfoUsuario .LogoutLink, #divLinksAdicionales a
{
    color: #57A0BE;;
    text-decoration: none;
}

#divInfoUsuario .LogoutLink:visited, #divLinksAdicionales a:visited
{
    color: #57A0BE;;
    text-decoration: none;
}

#divInfoUsuario .LogoutLink:hover, #divLinksAdicionales a:hover
{
    color: #57A0BE;;
    text-decoration: none;
}

#mainContentDiv
{
    /* margin: 0 auto 0 auto; */
    background-color: #ffffff;
    width: 1280px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0);
    font-family: Gotham-Book;
    font-size: 16px;
    float: left;
    border: 0;
}

#header .banner
{
    width: 740px;
    height: 144px;
    float: left;
    border-width: 1px;
    border-color: #ffffff;
}


#header .menuLateral
{
    width: 350px;
    height: 306px;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #57A0BE;;
    padding: 0;
    /* box-sizing: border-box; */
    margin-left: 20px;
    position: relative;
}

#header .menuLateral a img
{
    display: block;
}

#mainTitle h1
{
    /*padding-left: 10px;
    padding-right: 10px;*/
    padding: 10px;
    color: #57A0BE;;
    /*font-size: 16pt;
    line-height: 18px;*/
}

#mainBox
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 179px;
    padding-top: 5px;
}

#mainBox a
{
    /*margin-left: 5px;*/
    text-decoration: none;
    color: #57A0BE;;
}

#mainBox a:visited
{
    text-decoration: none;
    color: #57A0BE;;
}

#mainBox a:active
{
    text-decoration: none;
    color: #57A0BE;;
}

#mainBox a:hover
{
    text-decoration: none;
    color: #EA7987;
}

#contentDiv
{
    padding: 20px 10px 10px 10px;
}

a img
{
    border-style: none;
    border-collapse: collapse;
}

.botonera
{
    text-align: right;
    padding-top: 8px;
}

.loadingTemplate
{
    margin: 0 auto 0 auto;
    height: 30px;
    vertical-align: middle;
}

.loadingTemplate td
{
    padding: 0px 4px 0px 4px;
}

/* -------------- Estilos Adicionales -------------- */

table
{
    border-collapse: collapse;
    border-spacing: 0px;
}

.divError p
{
    font-size: 10px;
    padding: 10px;
}

.textoBanner
{
    font-family: Segoe UI, Verdana, Arial;
    font-size: 12px;
    color: #FFFFFF;
    display: block;
    text-align: justify;
    padding-left: 15px;
    padding-right: 15px;
}

.textoBanner strong
{
    color: #FFFFFF;
    font-weight: bold;
}

.divBanner
{
    text-align: left;
    width:741px;
    height:143px;
}

.divTextoBanner
{
    width: 430px;
}

.divTextoBanner h1
{
    font-family: Arial;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: normal;
}

.divTextoBanner p
{
    font-family: Segoe UI;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}

/* ------------------------------- */
/* BORDER REDONDEADOS Y GRADIENTES */
/* ------------------------------- */

.divMasterFrameBorder
{
    padding: 15px;
    /*position: absolute;*/
    
    /* gradient */
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    /* background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A0ADB5), to(#36515C)); */
    /* background: -webkit-linear-gradient(#A0ADB5, #36515C); 
    background: -moz-linear-gradient(#A0ADB5, #36515C);
    background: -ms-linear-gradient(#A0ADB5, #36515C);
    background: -o-linear-gradient(#A0ADB5, #36515C);
    /* background: linear-gradient(#A0ADB5, #36515C); */
    -pie-background: linear-gradient(#A0ADB5, #36515C);
    behavior: url('Resources/Scripts/PIE.htc');
}

.divMasterFrameInnerBorder
{
    /* rounded border */
    /* border: 0px solid #FFFFFF; */
    /* -webkit-border-radius: 8px; */
    -moz-border-radius: 8px;
    /* border-radius: 8px; */
    /* position: relative; */
    /* margin: -3px; */
    /* padding: 23px; */
    
    /* gradient */
    /* background-color: White; */
    /* background-image: url('../Images/deg-top.png'); */
    /* background-position: top; */
    /* background-repeat: repeat-x; */
    padding-top: 32px;
    behavior: url('Resources/Scripts/PIE.htc');
}

.divMasterFrameInnerBorderBlueBg
{
    /* rounded border */
    border: 0px solid #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    margin: -3px;
    padding: 8px;
    
    /* gradient */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D1D6DA), to(#A7B0B5));
    background: -webkit-linear-gradient(#D1D6DA, #A7B0B5);
    background: -moz-linear-gradient(#D1D6DA, #A7B0B5);
    background: -ms-linear-gradient(#D1D6DA, #A7B0B5);
    background: -o-linear-gradient(#D1D6DA, #A7B0B5);
    background: linear-gradient(#D1D6DA, #A7B0B5);
    -pie-background: linear-gradient(#D1D6DA, #A7B0B5);
    behavior: url('Resources/Scripts/PIE.htc');
}

.lateralMenuGradient
{
    /* rounded border */
    border: 0px solid #FFFFFF;
    -webkit-border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;
    
    /* gradient */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D1D6DA), to(#A7B0B5));
    background: -webkit-linear-gradient(#D1D6DA, #A7B0B5);
    background: -moz-linear-gradient(#D1D6DA, #A7B0B5);
    background: -ms-linear-gradient(#D1D6DA, #A7B0B5);
    background: -o-linear-gradient(#D1D6DA, #A7B0B5);
    background: linear-gradient(#D1D6DA, #A7B0B5);
    -pie-background: linear-gradient(#D1D6DA, #A7B0B5);
    behavior: url('Resources/Scripts/PIE.htc');
}

.lateralContentGradient
{
    /* rounded border */
    border: 0px solid #FFFFFF;
    -webkit-border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
    border-radius: 0px 8px 8px 0px;
    
    /* gradient */
    background-color: White;
    background-image: url('../Images/deg-top.png');
    background-position: top;
    background-repeat: repeat-x;
    behavior: url('Resources/Scripts/PIE.htc');
}

.borderedControlsContainer
{
    /* rounded border */
    border: 1px solid #D1D2D4;
    background-color: White;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    padding: 15px;
    behavior: url('Resources/Scripts/PIE.htc');
}

/* ----------------------------------------- */
/* TITULOS, SUBTITULOS Y LABELS INFORMATIVOS */
/* ----------------------------------------- */

.infoLabel
{
    font-family: Arial;
    font-size: 12px;
    color: #999999;
}

.infoText
{
    font-family: Arial;
    font-size: 13px;
    color: #666666;
}

.borderedControlsContainer .radioLabel
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #4C4C4C;
}

.borderedControlsContainer .checkboxLabel
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #4C4C4C;
}

.articleContainer
{
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    text-align: justify;
}

.articleContainer h2
{
    font-family: Arial;
    font-size: 13px;
    color: #000000;
}

div .optionTitleContainer
{
    margin-bottom: 15px;
    padding-bottom: 12px;
    padding-top: 30p;
    /* border-bottom: 1px solid #CDCED0; */
}

.catalogo div .optionTitleContainer h2
{
    /* margin: 0px; */
    /* font-family: Arial; */
    /* font-weight: bold; */
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}
/* ----------------------------------- */
/* MENU LATERAL DE PESTAÑAS VERTICALES */
/* ----------------------------------- */

.leftMenuItem
{
    width: 100px;
    position: relative;
    background-color: #FFFFFF;
    padding: 10px;
    border-bottom: 1px solid #C2C2C2;
    cursor: pointer;
}

.leftMenuItem div.arrowContainer
{
    position: absolute;
    right: -8px;
    z-index: 1;
}

.leftMenuItem a
{
    text-decoration: none;
}

.leftMenuItem a span
{
    font-family: Tahoma;
    font-size: 11px;
    color: #57A0BE;;
}

.menuItemSelected
{
    background-color: #57A0BE;;
}

.menuItemSelected a span
{
    color: #FFFFFF;
}

.tabla_listSA
{
    background-image:url('../img/home_new/separator-deg.png'); 
    background-repeat: repeat-x; 
    height: 20px;
    font-size:10;
    color:#FFF;
}

.headerAnioAlerta
{
    background-color: #57A0BE;;
    color: #FFFFFF;
    font-family: "Arial","sans-serif";
    font-size: 10pt;
    font-weight: bold;
}

.headerAnioAlerta td
{
    padding-left:10px;
}

.tdMesAlertaIzq
{
    padding-left:20px;
    padding-bottom: 20px; 
    border-right-width:2px;
    border-right-style:dotted;
    border-right-color:#e0e0e2;
}

.tdMesAlertaDer
{
    padding-left:20px; 
    padding-bottom: 20px;
}

/* --------------- */
/* MENU COLAPSABLE */
/* --------------- */

.collapsibleMenu
{
    top: 0;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 43px;
    float: left;
    background-color: rgba(255, 0, 0, 0);
    position: relative;
}

.collapsibleMenu .topBar
{
    position: relative;
    padding-top: 6px;
    width: 229px;
    border: 1px solid #ED6605;
    height: 22px;
    background-image:url('../images/home_new/backgnd_search.png');
    background-repeat: repeat-x;
    text-align: center;
    display: none;
}

.collapsibleMenu .topBar img
{
    position: absolute;
    right: 10px;
    cursor: pointer;
    display: none;
}

.collapsibleMenu .topBar span
{
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
}

.collapsibleMenu .radioLabel
{
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
}

.collapsibleMenu .contentContainer
{
    padding: 5px;
    height: 260px;
    
    /* gradient */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E7EBEE), to(#89A7B1));
    background: -webkit-linear-gradient(#E7EBEE, #89A7B1);
    background: -moz-linear-gradient(#E7EBEE, #89A7B1);
    background: -ms-linear-gradient(#E7EBEE, #89A7B1);
    background: -o-linear-gradient(#E7EBEE, #89A7B1);
    background: linear-gradient(#E7EBEE, #89A7B1);
    -pie-background: linear-gradient(#E7EBEE, #89A7B1);
    
    -webkit-box-shadow: #666 1px 1px 3px;
    -moz-box-shadow: #666 1px 1px 3px;
    
    box-shadow: #666 1px 1px 3px;
    behavior: url('Resources/Scripts/PIE.htc');
}
div#header > table {
    width: 100%;
    float: left;
    /* border-color: red !important; */
}
#header .menuLateral .head-menu {
    background-color: #57A0BE;;
    /* color: red; */
    width: 100%;
    float: left;
}

#header .menuLateral .head-menu h2 {
    color: #FFF;
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    font-size: 18px;
    padding: 7px;
}
.buscador {
    background-image: url(../Images/home_new/fondo-buscador.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /* padding-right: 10px; */
    height: 306px;
    overflow: hidden;
}
.catalogo .input-unificado {
    width: 100%;
    float: left;
    padding-left: 34px;
    padding-top: 55px;
    min-height: 199px;
}
#search-opts div.checked {
    background: url('../images/check.png') no-repeat 18px center;
    font-weight: bold;
}
div#search-opts {
    background: white;
    text-align: left;
    position: absolute;
    width: 100%;
    height: 160px;
    font-size: 15px;
    text-transform: uppercase;
    padding-top: 6px;
}
div#search-opts div {
     padding-left: 42px;
     cursor:pointer;
     border-bottom: 1px solid #e8e8e8;
     padding: 5px 42px;
}