/*HOJA DE ESTILOS COLEGIO IBEROAMERICANO*/
#cabecera {
	/*background-image: url(../imagenes/generales/Header.gif);
	background-repeat: no-repeat;*/
	height:154px;
	background-position: center center;
	text-align:center;
}

.cajaTexto{
	   font-size:10px;
	   font-family:Verdana,Helvetica;
	   font-weight:bold;
	   color:#00255D;
	   background: url(../imagenes/generales/google.gif) no-repeat;
	   border:0px;
	   width:200px;
	   height:13px;
	   border: 1px dotted #00255D;
}


.boton{
	   font-size:10px;
	   font-family:Verdana,Helvetica;
	   font-weight:bold;
	   color:#00255D;
	   background:#CCCCCC;
	   border:0px;
	   width:80px;
	   height:20px;         
}
.formulario{
	width:350px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#04542b;
}

#mapa{
	width:350px;
	float:right;
	color:#04542B;
}

#mapa a{
	color:#57945E;
	text-decoration:none;
}

#mapa a:hover{
	color:#779ECD;
	text-decoration:none;
}

#contactos{
	color:#375A8F;	
	float:right;
	width:auto;	
}

	#contactos a{
		color:#375A8F;
		text-decoration:none;
	}

	#contactos a:hover{
		color:#779ECD;
	}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* Nav2 | begin */
#Nav2 {
	width: 735px;
	height: 20px;
	padding-left: 5px;
	padding-right: 45px;
	background-image: url(../imagenes/azul/Nav2Bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

	/* ActiveTab | begin */
	#Nav2 .TabAct {
		float: right;
		margin-left: -1px;
	}

		#Nav2 .TabAct .Left {
			white-space: nowrap;
			background: url(../imagenes/azul/TabActLeft.gif) no-repeat top left;
			padding: 3px 4px 4px 7px;
			/* Fix for IE5-Mac | begin */
			float: left;
			/* \*/float: none;
			/* Fix for IE5-Mac | end */
		}
		
		#Nav2 .TabAct .Middle {
			float: left;
			background: url(../imagenes/azul/TabActMiddle.gif) repeat-x top left;
			}
		
		#Nav2 .TabAct .Right {
			float: left;
			padding-right: 4px;
			background: url(../imagenes/azul/TabActRight.gif) no-repeat right top;
		 }
	
		#Nav2 .TabAct a {
			font-size: 11px;
			font-weight: bold;
			color: #779ECD;
			text-decoration:none;
		}
		#Nav2 .TabAct a:hover {
			color: #9ABDD4;
			font: 11px Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
		}
	/* ActiveTab | end */

	/* InactiveTab | begin */
	#Nav2 .TabInact {
		float: right;
		margin-left: 0px;
		text-decoration:none;
		}
	
		#Nav2 .TabInact .Left {
			white-space: nowrap;
			background: url(../imagenes/azul/TabInactLeft.gif) no-repeat top left;
			padding: 3px 4px 4px 7px;
			/* Fix for IE5-Mac | begin */
			float: left;
			/* \*/float: none;
			/* Fix for IE5-Mac | end */
		}
		
		#Nav2 .TabInact .Middle {
			float: left;
			background: url(../imagenes/azul/TabInactMiddle.gif) repeat-x top left;
		}
		
		#Nav2 .TabInact .Right {
			float: left;
			padding-right: 4px;
			background: url(../imagenes/azul/TabInactRight.gif) no-repeat right top;
		}
	
		#Nav2 .TabInact a {
			font-size: 11px;
			font-weight: bold;
			color: #375A8F;
			text-decoration:none;
		}
		#Nav2 .TabInact a:hover {
			color: #9ABDD4;
			font: 11px Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
		}
	/* InactiveTab | end */
/* Nav2 | end */
#Nav3{
	background:#00255D;
	height:40px;
	border-left: 2px solid #9ABDD4;
	border-right: 2px solid #9ABDD4;
}
	#Nav3 .Link{
		float: left;
		padding:10px 10px 10px 230px;
		background:url(../imagenes/azul/Nav3Separator.gif) no-repeat top right;
	}
	
	#Nav3 .Link a{
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		
	}
	
	#Nav3 .Link a:hover{
		color:#9ABDD4;
		font-weight:bold;
		text-decoration:none;
		
	}
	
	#Nav3 .MiddleLink{
		float: left;
		padding:10px 10px 10px 5px;
		text-align:center;
		background:url(../imagenes/azul/Nav3Separator.gif) no-repeat right top;
	}
	
	#Nav3 .MiddleLink a{
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
	}
	
	#Nav3 .MiddleLink a:hover{
		color:#9ABDD4;
		font-weight:bold;
		text-decoration:none;
	}
	
	
.bordes{
	border-left: solid 2px #9ABDD4;
	border-right: solid 2px #9ABDD4;
}

.bordeBase{
	border-top: solid 2px #9ABDD4;
}

#MainContent{
	width: 776px;
	margin-top:-15px;
}
	/* Menu Left | begin */
	#MainContent .MenuLeft{
		width: 190px;
		border: solid 1px #779ecd;
		margin-top: 10px;
		margin-left: 10px;
	}
	
	#MainContent .MenuLeft .MenuItem{
		padding: 3px;		
	}
	
	#MainContent .MenuLeft .MenuItem li{
		color: #375A8F;
		text-align:left;
		margin-left:-20px;
	}
	
	#MainContent .MenuLeft .MenuItem a{
		text-decoration:none;
		color: #375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#MainContent .MenuLeft .MenuItem a:hover{
		color: #779ECD;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration:none;
	}
	/* Menu Left | end */
	#MainContent .MenuLeft .MenuItem .SubMenu{
		padding: 3px;
		margin-left: -5px;
	}
	
	#MainContent .MenuLeft .MenuItem .SubMenu a{
		text-decoration:none;
		color: #375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#MainContent .MenuLeft .MenuItem .SubMenu a:hover{
		text-decoration:none;
		color: #779ECD;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}	
	#MainContent .Flash{
		width: 190px;
		margin-top: 10px;
		margin-left: 10px;
		text-align:center;
	}
	/* BoxLeft | begin */
	#MainContent .BoxLeft{
		width: 190px;
		border: solid 1px #779ecd;
		margin-top: 10px;
		margin-left: 10px;
		color:#375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
	}
	
	#MainContent .BoxLeft .Head{
		background:#F8EE53;
		height:15px;
		color:#00255D;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	#MainContent .BoxLeft .Head a{
		text-decoration:none;
		color: #00255D;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#MainContent .BoxLeft .Head a:hover{
		text-decoration:none;
		color: #9ABDD4;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	#MainContent .BoxLeft .Text{
		padding:5px;		
	}
	
	#MainContent .BoxLeft .Text a{
		text-decoration:none;
		color: #375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	#MainContent .BoxLeft .Text a:hover{
		color:#779ECD;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
	}	
	/* BoxLeft | end */
	#MainContent .Content{
		width: auto;
		margin-top: 10px;
		margin-left: 10px;		
		float: right;
		text-align:left;
	}
	/* BreadCrumbs | begin */
	#MainContent .Content .BreadCrumbs{
		width: 540px;		
		margin-right: 6px;
		margin-left: 6px;
		padding-bottom: 3px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #04542B;
		background: url(../imagenes/azul/Nav2Bottom.gif) repeat-x bottom left;
	}
	#MainContent .Content .BreadCrumbs a{
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #04542B;
		text-decoration:none;
	}
	#MainContent .Content .BreadCrumbs a:hover{
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #9DD29B;
		text-decoration:none;
	}
	/* BreadCrumbs | end */
	#MainContent .Content .Center{
		width: 540px;		
		margin-right: 6px;
		margin-left: 6px;
		padding-bottom: 3px;
		padding-top: 3px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #375A8F;
	}
	
	#MainContent .Content .Center .Image{
		background: url('foto_portada_1.gif') no-repeat;
		width:auto;
		height:248px;
		width:212px;
		margin:0px 0px 0px 15px;
	}
	
	#MainContent .Content .Center p{
		width: auto;
		color:#375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
	}
	
	#MainContent .Content .Center li{
		width: auto;
		color:#375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
		margin: 2px 0px 0px -25px;
	}
	
	#MainContent .Content p{
		width: auto;
		color:#375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
	}
	
	#MainContent .Content a{
		color:#375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
		font-weight:bold;
		text-decoration:none;
	}
	
	#MainContent .Content a:hover{
		width: auto;
		color:#9ABDD4;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
		font-weight:bold;
	}
	
	#MainContent .Content b{
		width: auto;
		color:#375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align:justify;
	}
	#MainContent .Content .TitleNews{
		margin:3px 0px 5px 0px;
		padding-bottom: 3px;
		background:url(../imagenes/azul/Nav2Bottom.gif) repeat-x bottom;
		font-weight:bold;
		color:#375A8F;
	}
	/*Puede ser que se tenga que agregar a todas las clases de News .Center para que sean capas de Center, porque estan solitas*/
	#MainContent .Content .News{
		width: auto;
		border: solid 1px #779ecd;
		color:#375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		margin: 5px 0px 20px 0px;
	}
	#MainContent .Content .News .Title{
		color:#04542B;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		width:auto;
		
	}
	
	#MainContent .Content .News .Title a{
		color:#04542B;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration:none;
	}
	
	#MainContent .Content .News .Title a:hover{
		color:#9DD29B;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration:none;
	}	
	
	#MainContent .Content .News .Text{
		color:#375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
	}
	
	#MainContent .Content .News .Text a{
		text-decoration:none;
		color:#375A8F;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
	#MainContent .Content .News .Text a:hover{
		text-decoration:none;
		color:#779ECD;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
#Credits{
	color:#666666;
	float:right;
}

#Credits a{
	color:#666666;
	text-decoration:none;
}

#Credits a:hover{
	color:#666666;
	text-decoration:none;
}