body {
	background-color: #1c4171;
	background-image: url(masters/fondo.jpg);
	background-attachment:fixed;
	text-align: center;
}
body, .menu ul {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}


a {
	text-decoration: none;
	font-weight:bold;
	color: #e6af20;
}
	
#idioma, #ccabeza, #ccuerpo, #mainb{
	width:908px; /*ancho del contenedor*/
	margin: 0px auto; /*hace que se centre el contenedor*/
	font-weight: bold; /*grosor de la fuente NEGRITA*/
	}


	
#logo, #navbar, #boletindiv , #contenido, #logotexto, #piecontacto, #logoiap {/*para colocar correctamente la "columna"*/
	float:left;
	text-align:left;
}
#idioma, #ccabeza, #ccuerpo  {
	border-right: 4px solid #1c4171;
	border-left: 4px solid #1c4171;
	}

	
#idioma {
	height: 26px; /*alto del contenedor*/
	background: url(masters/thinlinetop.gif) repeat-x; /*enlazando el fondo de la pleca*/
	line-height: 200%; /*alto de la linea de texto*/
	color: #666; /*color del texto*/
	text-align:right; /*texto justificado a la derecha*/
	padding-right:5px;
	}
	
#ccabeza {
	background: #B5CCE8; /*por si no llegara a cargar la imagen de fondo aparecera  un color negro solido*/
	line-height: 200%; /*alto de la linea de texto*/
	color: #666; /*color del texto*/
	text-align:right; /*texto justificado a la derecha*/
	padding-right:5px;
	padding-bottom: 12px;
	}
	
#logo {/*especificando area del logo*/
	width: 273px;
	/* border-right: 2px solid #888;*/
	text-align:center;
	height: 195px;
	padding-top: 20px;
}
	
	
/*menu INICIA*/
#navbar, #boletindiv  {
	font: normal 12px Arial;
	text-transform: uppercase;
	}
	
#navbar {
	width: 320px;
	margin-top:15px;
	padding-left: 20px;
	border-left: 2px solid #888;
	}

.menu ul {
	list-style: none;
	width: 180px; /*Ancho de items columna principal */
	border-left: 0px;
	}

.menu ul li {
	position: relative;
	}
	
.menu li ul {
	position: absolute;
	width: 170px;
	top: 0;
	display: none;
	}
/* Estilo de menus*/
.menu ul li a {
	display: block;
	overflow: auto;
	text-decoration: none;
	color: #555;
	background: #B5CCE8;
	border-left: 0px; /* IE6 Bug */	
	padding: 5px;
	border: 0px;
	}
	
#menu1 a:hover {
	color: #bf3f3f;
	}
#menu2 a:hover {
	color: green;
	}
#menu3 a:hover {
	color: #e6af20;
	}	
#menu4 a:hover {
	color: #620096;
	}		
#menu5 a:hover {
	color: #c90066;
	}	
#menu6 a:hover {
	color: #2424ef;
	}	
#menu7 a:hover {
	color: #0080ca;
	}
#menu8 a:hover {
	color: #fb6f1b;
	}	
#menu9 a:hover {
	color: #cccc00;
	}	
	
/* Holly Hack for IE \*/
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%; }
/* End */


#boletindiv {
	width: 188px;
	height:115px;
	color: white;
	background: #B5CCE8 url(masters/boletin.gif) no-repeat;
	margin-top: 45px;
	margin-left:50px;
	padding-top:15px;
	padding-left: 20px;
	}

#boletin {
	text-transform: uppercase;
	margin-left: -5px;
	width: 160px;
	height: 100px;
	text-align:center;
	padding-right:40px;
	}
	
#boletin  h3 {	
	font: bold 12px Arial;
	/*line-height: 90%; alto de la linea de texto*/
}
#boletintxt {
	text-transform: none;
	text-align:left;
	}


#ccuerpo {
	background: white; /*por si no llegara a cargar la imagen de fondo aparecera  un color negro solido*/
	line-height: 200%; /*alto de la linea de texto*/
	color: #666; /*color del texto*/
	text-align:center; /*texto justificado a la derecha*/
	padding-right:5px;
	
	}
	
#contenido { /*dando estilo a los parrafos*/
	line-height: 25px;
	width: 550px;
	margin-left:4px;
	padding-left:160px;
	padding-right: 20px;
	padding-bottom: 50px;
	font-size: 13px;
	font-weight: normal;
}


#right {/*columna de la derecha*/
	float:right;
	width:250px;
	padding-left:20px;
	padding-top:50px;
	padding-bottom:50px;
	padding-right:15px;
}



#contpie {/*contenedor de pie de pagina*/
	width: 100%;
	background: #6091cc;
}
#mainb {/*pie de pagina*/
	width: 915px;
	padding-left: 0px;
	padding-top: 15px;
	background-color:#142e50;
	height:110px;
	border-right: 3px solid #1c4171;
	border-left: 3px solid #1c4171;
}
#mainb a {/*CAMBIAR colores de enlace en el pie de pagina*/
color:#D4E08C;
}
#mainb a:hover {/*lo mismo que el anterior*/
color:#ECEFC0;
}
#mainb p{
margin-top:-15px;
}

#logotexto, #piecontacto, #logoiap{
	padding-left:25px;
}
#logotexto h2 {
	margin-top:0px;
	width:220px;
	height:79px;
	background: url(masters/logopie.gif) no-repeat;
}
#piecontacto{
	width: 430px;
	padding:20px;	
	margin-top:0px;
	font-family: Arial;
	font-size: 12px;
	font-weight:normal;
	text-align:center;
	color: #fff;
}
#logoiap h2 { 
	padding:0px;	
	margin-top:0px;
	width:152px;
	height:79px;
	background: url(masters/logoiap.gif) no-repeat;
}

#logotexto h2, #mainb p, #logoiap h2 {
	line-height:25px;
}
 #logotexto h2, #logoiap h2 {/*ya*/
	text-indent: -1000em;
}