*
{
    margin: 0;
    padding: 0;
}

.homeHTML
{
	 background-color: #FAFBFD;
}

#main
{
    width: 950px;		/*** very important for          ***/
    margin: 0 auto 0 auto;      	/*** centering the whole page!!! ***/
    clear: both;
}

#home
{
    background: url(../img/ihib_eg_index.jpg) 100% 0% no-repeat; 
    width:900px;
    height:556px;
    margin: 0px auto;
    position: relative;
	background-color:#fafbfd;
}
* html #home{	background-color:#fafbfd;} /*	IE hack	*/
#home #navi
{
    margin-top: -90px;
	margin-left: 10px;
}
/*
#home #popUpNavi
{
	margin-top:-0px;
}
* html #home #popUpNavi{	margin-top:-0px;	} /*	IE hack	*/

/*** Header section ***/
h1{
    height: 158px;
    width: 950px;
}

h1#study{    background: url(../img/ihib_er_study.jpg) no-repeat center;		}
h1#intHouse{ background: url(../img/ihib_er_ih.jpg) no-repeat center;		}
h1#instBrit{ background: url(../img/ihib_er_cr.jpg) no-repeat center;		}
h1#CursoEsp{ background: url(../img/ihib_er_espanol.jpg) no-repeat center;	}
h1#SpaCourse{	background: url(../img/ihib_ir_spacourses.jpg) no-repeat center;	}
h1#CursoIng{ background: url(../img/ihib_er_ingles.jpg) no-repeat center;	}
h1#EngCourse{	background: url(../img/ihib_ir_engcourses.jpg) no-repeat center;	}
h1#CertifInt{background: url(../img/ihib_er_certificaciones.jpg) no-repeat center;	}
h1#IntExam{	background: url(../img/ihib_ir_intexa.jpg) no-repeat center;	}
h1#ServiCorp{	background: url(../img/ihib_er_servicios.jpg) no-repeat center;	}
h1#CorpServi{	background: url(../img/ihib_ir_corporate.jpg) no-repeat center;	}
h1#FormProf{ background: url(../img/ihib_er_formacion.jpg) no-repeat center;	}
h1#TeachTra{	background:url(../img/ihib_ir_teacher.jpg) no-repeat center;	}
h1#FechaPre{ background: url(../img/ihib_er_precios.jpg) no-repeat center;	}
h1#DatePric{	background: url(../img/ihib_ir_dates.jpg) no-repeat center;	}
h1#Credits{	background: url(../img/ih_credits.gif) no-repeat center;	}

/*** END Header ***/
/*** Content section ***/
#content
{
    width: 950px;
}

/*** Navigation ***/ 
.go_home
{
	border:none;
	padding-top:20px;
}
#navi
{
	background:url(../img/ih_enk_arrow.gif) no-repeat;
	position:relative;
	float:left;
	width:200px;
	font:bold 11px Arial, Helvetica, sans-serif;
	z-index:9;
	height:530px;
}

#navi a
{
	text-decoration:none;
    color: #055093;
	width:180px;
}

#navi li
{
	height:34px;
	list-style-type:none;
}

#navi ul#ulFirstCursos
{
	margin-top:28px;
}

/**************************************************************************/
/*	the value of 'top' needs to be adjusted when new menu items get added */
#popUpNavi
{
	position:relative;
	left:201px;
	top:-452px; /*-418px;*/
	float:left;
}
* html div#popUpNavi{	top:-432px;}	/***	workaround for IE	***/

#popUpNavi li
{
	padding-top:10px;
	height:23px;
}

#popUpNavi li a
{
	padding-left:5px;
}

/*** general properties for second Level Menu ***/
#miIntHouse, #miInstBrit, #miCursosIng, #miCursosEsp,
#miStuAbroad, #miCertifInt, #miServiCorp, #miFormProf, #miFechaPre
{
	position:relative;
    visibility:hidden;
    background: #85D2DC;
    width:200px;
}

#miCursosEsp{	margin-top:-102px;	}
#miStuAbroad{	margin-top:-34px;	}
#miCertifInt{	margin-top:-170px;	}
#miServiCorp{	margin-top:-34px;	}
#miFormProf{	margin-top:-136px;	}
#miFechaPre{	margin-top:-204px;	}

/*** general properties for third Level Menu ***/
#miCursosIng_1, #miStuAbroad_1, #miCertifInt_1, #miCertifInt_2, #miCertifInt_8, 
#miFormProf_1, #miFechaPre_1, #miFechaPre_2, #miFechaPre_3
{
	position:relative;
    visibility:hidden;
    background: #85CA9D;
    width:180px;
	left:200px;
}

#miCursosIng_1{	margin-top:-68px;	}
#miStuAbroad_1{	margin-top:-102px;	}
#miCertifInt_1{	margin-top:-68px;	}
#miCertifInt_2{	margin-top:-33px;	}
#miCertifInt_8{	margin-top:-34px;	}
#miFormProf_1{	margin-top:-68px;	}
#miFechaPre_1{	margin-top:-136px;	}
#miFechaPre_2{	margin-top:-34px;	}
#miFechaPre_3{	margin-top:-68px;	}

/*** general properties for forth Level Menu ***/
#miFechaPre_2_1, #miCertifInt_1_1
{
	position:relative;
    left:380px;
    visibility:hidden;
    background:#F0ED78;
    width:180px;
}

#miCertifInt_1_1{	margin-top:-68px;	}
#miFechaPre_2_1{	margin-top:-136px;	}

/*** class definition for one-item-menus ***/
.aOneItemM_cl
{
    border-bottom: 1px solid #FFFFFF;
}

/*** class definition for multi-item-menus ***/
.aMultiMenu_cl
{
    border-bottom: 1px solid #FFFFFF;
}

/*** class definition for arrow image and related span tag	*/

#popUpNavi img
{
	position:relative;
	float:right;
	border:0;
}

.imgArrow_cl{	bottom:10px;	}
.imgArrow2_cl{	bottom:45px;	}
* html img.imgArrow2_cl{	bottom:10px;	}

/*** END Menu section 	***/
/*** END Navigation ***/
/*** Page Center section ***/

#center2
{
    float: right;
    margin-top: 30px;
    width: 720px;
}
#center{
    width: 540px;
    float: left;
    z-index:1; /* This is to define the display level of the content
    		to be below the menu as the value is smaller.
                 Check the definition of div#navi! */
}

div h2{
    font: 12px arial;
    font-weight: bold;
    color: #055093;
    padding-bottom: 15px;
}

p, pre, td{
    font: normal 11px arial;
    color: #333333;
    padding-bottom: 15px;
    text-align: left;
}
.ul_circle
{
	list-style: circle;
}
#center li
{
    font: normal 11px arial;
    color: #333333;
    margin-left: 15px;
    padding: 3px;

}
td
{
    vertical-align: top;
    padding:0;
}

table { border-collapse:collapse; width: 100%; }
/*table
{
    border-style: solid;
    border-size:  1px;
    border-color:  #808080;
    width: 100%;
line-height: 150%;
border-width: thin;
border-spacing: 0;
}

* html table
{
border-width: thin;
}*/
.tableIntH
{
    border: 0;
	background-color: none;
}
.tdHeader
{
    background: #B0D8FF;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
	border:1px solid #FFFFFF;
	padding: 5px;
}

.tdHeaderL
{
    background: #B0D8FF;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
	border:1px solid #FFFFFF;
	padding: 5px;
}
.tdNormal
{
    text-align: center;
	border:1px solid #FFFFFF;
	padding: 5px;
}
.trList1
{
    background: #FFFFB0;
}
.trList2
{
    background: #EEEEEE;
}
/*** Right Picture section
     Problem: Footer section is not dynamicly set to the bottom
     of the page but positioned there by px. ***/
#right{
    width: 150px;
    float:right;
    vertical-align:top;
}

/*** Footer section ***/
#footer{
    clear: both;      /*** important to place the footer at the bottom ***/
    width: 950px;
    height: 50px;
    vertical-align: baseline;
    float: bottom;
    border-top: solid 2px #DDDDDD;
}

#footLeft, div#footLeft2, div#footRight{
    height: 48px;
    font: normal 11px arial;
    color: #055093;
    padding-top: 10px;
    margin:0;
}
#footLeft{
    width: 30px;
    float: left;
}

#footLeft2{
    width: 880px;
    margin-left: 0px;
    float: left;
}

#footRight{
    width: 40px;
    float: right;
}

#credits
{
	background: url(../img/ih_credits.gif) no-repeat center;
	width: 450px;
	height: 360px;
	padding-top: 0px;
}

#creditsContent
{
	padding-top: 80px;
	padding-left: 70px;
}

#news_flash{
	height:170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding-top:10px;
	padding-left:10px;
}

#news_flash a{
	height:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#333333;
}

#news_flash a:hover{
	height:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#055093;
}

#nav_der, .extra_menu, .extra_menu span{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#055093;
}

#nav_der a, .extra_menu a, .extra_menu span{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	left:0px;
	position:relative;
	text-decoration:none;
	color:#055093;
}

.extra_menu li{
	line-height:15px;
}

#nav_der a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	
	text-decoration:underline;
	color:#0099CC;
}

.mas_elem_nav a{
	border: 2px;
	border-color:#990000;
	color:#FF3300;
}

.extra_menu
{
	margin-left:2em;
}

.extra_menu2
{
	margin-left:1em;
	list-style-type:disc;
}

/******************************/
/***	Galeria de fotos	***/
/******************************/
#container 
{
    position:relative; 
    width:720px; 
    height:480px; 
    margin:5px auto 0 auto; 
	float:right;
	text-align:center;   
	background:#fff url(../img/galeria/lobby_gallery.jpg) no-repeat;
	background-position:left;
}

#container a
{
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	text-decoration:none;
}
#container a.gallery span 
{
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
}

#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #fff; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slide01 {
    background:url(../img/galeria/ih_gal_th001_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide02 {
    background:url(../img/galeria/ih_gal_th002_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide03 {
    background:url(../img/galeria/ih_gal_th003_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide04 {
    background:url(../img/galeria/ih_gal_th004_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide05 {
    background:url(../img/galeria/ih_gal_th005_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide06 {
    background:url(../img/galeria/ih_gal_th006_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide07 {
    background:url(../img/galeria/ih_gal_th007_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide08 {
    background:url(../img/galeria/ih_gal_th008_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide09 {
    background:url(../img/galeria/ih_gal_th009_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide10 {
    background:url(../img/galeria/ih_gal_th010_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide11 {
    background:url(../img/galeria/ih_gal_th011_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide12 {
    background:url(../img/galeria/ih_gal_th012_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide13 {
    background:url(../img/galeria/ih_gal_th013_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide14 {
    background:url(../img/galeria/ih_gal_th014_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide15 {
    background:url(../img/galeria/ih_gal_th015_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide16 {
    background:url(../img/galeria/ih_gal_th016_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide17 {
    background:url(../img/galeria/ih_gal_th017_.jpg); 
    height:78px; 
    width:104px;
}
#container a.slide18 {
    background:url(../img/galeria/ih_gal_th018_.jpg); 
    height:78px; 
    width:104px;
}

#container ul {
    width:220px; 
    height:330px;
	float:right;
	margin-top:20px;
	list-style:none;
}
#container li {
    float:left;
}

#container a.gallery:hover {
    border:1px solid #EBEBEB; 
}
#container a.gallery:hover span {
    position:absolute; 
    width:455px; 
    height:455px; 
    top:15px; 
    left:0px;  
    background:#fff;
}

#container a.gallery:hover span img
{
	text-decoration:none;
	border:none;
}
#container a img
{
	border:none;
}
#movebutton
{
	position:relative;
	float:right;
	margin-top: 450px;
	margin-right: -120px;
}

#descarga
{
	margin-left: 150px;
}
#descarga span
{
	font-weight:bold;
	margin-left: -50px;
}