/*
    Document   : pie
    Created on : 28/07/2009, 04:22:51 PM
    Author     : marco
    Description:
        Estilos generales para la zona inferior de los templates de INCAE
*/

/* Tabs/Content y menu izquierdo */
#tabs-izquierda-wrapper,
#content-izquierda-wrapper {
    float:left;
    width:778px;
}

#izquierda-wrapper {
    width:190px;
    border-top: solid 2px #666666;
    float:left;
}
#izquierda-wrapper ul {
    margin:0;
    padding:8px 0 0px 0;
    border-bottom:solid 1px #666666;
    font-size:14px;
}
#izquierda-wrapper li {
    text-align:right;
    position:relative;
}
#izquierda-wrapper li#current a {
    font-weight:bold;
}
#izquierda-wrapper li#current * a {
    font-weight:normal;
}
#izquierda-wrapper a {
    color:#828387;
    text-decoration:none;
    padding:3px 5px 3px 0;
    display:block;
}
#izquierda-wrapper a:hover {
    color:#0091D6;
    background:#F2F2F2;
}
#izquierda-wrapper li ul {
    border:none;
    padding:0;
    font-size:13px;
}

#izquierda-wrapper li .separator {
    border-bottom:solid 1px #666666;
    text-indent:-20000px;
    display:block;
    height:12px;
    margin-bottom:18px;
}
#izquierda-wrapper li .separator * {
    display:none;
}

#izquierda-wrapper li li ul {
    display:none;
    top:0;
    left:190px;
    position:absolute;
    padding:0;
    border-bottom:solid 1px #cccccc;
}

#izquierda-wrapper li li ul li {
}
#izquierda-wrapper li li ul li a {
    white-space:nowrap;
    border:solid 1px #cccccc;
    padding:3px 5px 3px 10px;
    background:#F2F2F2;
    border-bottom:none;
    font-size:12px;
}
#izquierda-wrapper li li ul li a:hover {
    color:#0091D6;
}
#izquierda-wrapper li li:hover ul {
    display:block;
}
/*Para los menus que llevan a mestrias*/
#izquierda-wrapper li.yep,
#izquierda-wrapper li.mmp,
#izquierda-wrapper li.pag,
#izquierda-wrapper li.pagp,
#izquierda-wrapper li.gris,
#izquierda-wrapper li.celeste,
#izquierda-wrapper li.amarillo,
#izquierda-wrapper li.naranja,
#izquierda-wrapper li.padb
{
    padding:1px 0;
}
#izquierda-wrapper li.yep a,
#izquierda-wrapper li.mmp a,
#izquierda-wrapper li.pag a,
#izquierda-wrapper li.pagp a,
#izquierda-wrapper li.padb a,
#izquierda-wrapper li.celeste a,
#izquierda-wrapper li.amarillo a,
#izquierda-wrapper li.naranja a,
#izquierda-wrapper li.gris a
{
    color:#fff;
    border-style:solid;
    border-width:2px;
    font-weight:bold;
    padding:1px 12px 1px 0;
}

#izquierda-wrapper li.yep a { background:#A60A60; border-color:#A60A60; }
#izquierda-wrapper li.yep a:hover { background:none; color:#A60A60; }

#izquierda-wrapper li.padb a { background:#dc091c; border-color:#dc091c; }
#izquierda-wrapper li.padb a:hover { background:none; color:#dc091c; }

#izquierda-wrapper li.gris a { background:#6e6d71; border-color:#6e6d71; }
#izquierda-wrapper li.gris a:hover { background:none; color:#6e6d71; }

#izquierda-wrapper li.celeste a { background:#0091D6; border-color:#0091D6; }
#izquierda-wrapper li.celeste a:hover { background:none; color:#0091D6; }

#izquierda-wrapper li.amarillo a { background:#B8860B; border-color:#B8860B; }
#izquierda-wrapper li.amarillo a:hover { background:none; color:#B8860B; }

#izquierda-wrapper li.naranja a { background:#FF8400; border-color:#FF8400; }
#izquierda-wrapper li.naranja a:hover { background:none; color:#FF8400; }

#izquierda-wrapper li.mmp a { background:#03A688; border-color:#03A688; }
#izquierda-wrapper li.mmp a:hover { background:none; color:#03A688; }
#izquierda-wrapper li.pag a { background:#043271; border-color:#043271; }
#izquierda-wrapper li.pag a:hover { background:none; color:#043271; }
#izquierda-wrapper li.pagp a { background:#444; border-color:#444; }
#izquierda-wrapper li.pagp a:hover { background:none; color:#444; }

/* Tabs/Content */
#tabs-wrapper,
#content-wrapper {
    width:552px;
    float:right;
    padding:0 18px;
}

/*Publicidad*/
#publicidad-wrapper {
    padding-top:22px;
    width:180px;
    overflow:hidden;
    float:left;
}

/*Menus del pie: Programas de Formación, Conocimiento, Información Institucional, Intranets*/
#bottom-menus-wrapper {
    border-top:2px solid #aeaeae;
    overflow:hidden;
    padding:8px 0 18px 14px;
}
#bottom-menus-wrapper .moduletable {
    float:left;
    width:21%;
}
#bottom-menus-wrapper h3 {
    margin:0;
    padding:3px 0 2px 0;
    color:#828387;
    font-size:12px;
}
#bottom-menus-wrapper ul {
    padding:0;
    margin:0;
    font-size:12px;
}
#bottom-menus-wrapper li {
    padding:6px 0 2px 5px;
    color:#828387;
}
#bottom-menus-wrapper a {
    color:#828387;
    text-decoration:none;
    padding-left:4px;
}
#bottom-menus-wrapper a:hover {
    color:#0091D6;
}

/*Social Media y Acreditaciones*/
#social-acreditaciones-wrapper {
    overflow:hidden;
    padding:1px 30px 0 12px;
    border-top:2px solid #aeaeae;
    font-size:11px;
}

#social-wrapper {
    padding-top:5px;
    float:left;
}
#social-wrapper a { color:#5a5b5f }
#social-wrapper img{vertical-align:middle;}
#acreditaciones-wrapper { float:right; }
#acreditaciones-wrapper img { margin-left:6px; }

/*Footer*/
#footer { padding: 0 0 10px 12px; font-size:11px; }
#footer ul { padding:0; margin:0; }
#footer li { display:inline; padding:0 6px; }
#footer a { text-decoration:none; color:#0091D6; }