/*
    Document   : encabezado
    Created on : 28/07/2009, 04:22:51 PM
    Author     : marco
    Description:
        Estilos generales para la zona superior de los templates de INCAE
*/
html { padding:0; margin:0; }

body {
    padding:0;
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 13px;
    color:#666666;
}

p{
    text-align:justify;
}
a img { border:none; }

a { color:#0091D6; text-decoration:none; }
a:hover { text-decoration:underline; }

#main-wrapper { width:993px; margin:auto; }

ul.menu, ul.menu ul { list-style:none; }

/*Menus Superiores*/
#top-menus { background:#0091D6; height:18px; padding-top:2px; }
#top-menu1 ul, #top-menu2 ul { color:#fff; padding:0; margin:0; background:#0091D6; font-size:12px; }
#top-menu1 { float:left; }
#top-menu2 { float:right; }
#top-menu1 li, #top-menu2 li { float:left; padding:0 6px; }
#top-menu1 a, #top-menu2 a { color:#fff; text-decoration:none; display:block;}
#top-menu1 a:hover, #top-menu2 a:hover { text-decoration:underline; }
#top-menu2 li { position:relative; height:18px; padding:0 12px; }
#top-menu2 li.parent { font-weight:bold; }
#top-menu2 li li { font-weight:normal; float:none; height:auto; position:static; min-width:120px; padding:2px;}
#top-menu2 ul ul { position:absolute; display:none; top:18px; left:0; }
#top-menu2 ul li:hover ul { display:block; }
#top-menu2 .menu{ float:left}

/*Logo y buscador */
#logo-search-wrapper { height:73px; }
#logo-wrapper { float:left;  padding-top:11px; }
#search-box-wrapper {
    float:right;
    width:350px;
    padding-top:10px;
    text-align:right;
}
#search-box-wrapper #search-box { width:200px; }
#search-box-wrapper #search-button { color:#666666; }

/*Menu Principal e Institucional*/
#menus-wrapper {
    border:1px solid #d7d7d7;
    border-left:none;
    border-right:none;
    margin-bottom:14px;
    height:20px;
}

#institutional-menu { float:right; }

#main-menu ul, #institutional-menu ul { padding:0; margin:0;z-index:10000; }
#main-menu li, #institutional-menu li { float:left; }

#main-menu  {
    font-weight:bold;
    color: #0091D6;
    text-transform:uppercase;
    float:left;
    z-index:1000;
}
#main-menu a { color: #0091D6; text-decoration:none; display:block; padding:3px 12px; }
#main-menu li { position:relative; height:20px; }
#main-menu li li { position:static; height:20px; float:none; }
#main-menu ul ul { position:absolute; display:none; top:20px; left:0; background:#0091D6; white-space:nowrap; min-width:100%; text-transform:none; }

#main-menu li:hover { background:#0091D6; color:#ffffff; }
#main-menu li:hover a { color:#ffffff; }
#main-menu li:hover ul { display:block; font-weight:normal; }

#main-menu li li a:hover { text-decoration:underline; }

#institutional-menu { color:#828387; text-transform:uppercase; }
#institutional-menu a { color:#828387; text-decoration:none; display:block; padding:3px 7px; }
#institutional-menu li { height:20px;  }
#institutional-menu .separator { vertical-align:middle; padding-top:2px; display:block; }
#institutional-menu li a:hover { color:#0091D6; }

/*Seccion central*/
#center-wrapper  { padding-bottom:38px; overflow:auto;  }
#center-top-wrapper { overflow:auto; padding-top:10px; }
#center-bottom-wrapper { overflow:auto; }

/*Derecha*/
#right-wrapper { width:180px; float:left; overflow:hidden; }


#men li { position:relative; height:18px; padding:0 12px; }
#men li.parent { font-weight:bold; }
#men li li { font-weight:normal; float:none; height:auto; position:static; min-width:120px; padding:2px;}
#men ul ul { position:absolute; display:none; top:18px; left:0; border:solid #16538a 3px;}
#men ul li:hover ul { display:block; }