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, #cintilla1, #cintilla2, #cintilla3, #cintilla4, #cintilla5, #cintilla6, #cintilla7, #cintilla8, #cintilla9, #ccuerpo  {
	border-right: 4px solid #1c4171;
	border-left: 4px solid #1c4171;
	}
#cintilla1, #cintilla2, #cintilla3, #cintilla4, #cintilla5, #cintilla6, #cintilla7, #cintilla8, #cintilla9 {
	margin: 0px auto; /*hace que se centre el contenedor*/
	}
	
#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: 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:right; /*texto justificado a la derecha*/
	padding-right:5px;
	}
	
#logo {/*especificando area del logo*/
	width: 273px;
	/* border-right: 2px solid #888;*/
}
#logo h1 {/*ocultando texto y sustituyendo por el logo*/
	font-size: x-large;
	background: url(masters/logo.jpg) no-repeat;
	height: 210px;
	width: 233px;
	margin: 30px 0 0 22px;
}

#logo h1 {
	text-indent: -1000em;
}
/*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: #888;
	background: white;
	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: white 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;
	}
#cintilla1, #cintilla2, #cintilla3, #cintilla4, #cintilla5, #cintilla6, #cintilla7, #cintilla8, #cintilla9 {
	width: 908px;
	height:106px;
	background-color:white;
	padding-right:5px;
	border-left:
	}
	
#cintilla1 {
	background: #bf3f3f url(masters/cintilla.jpg) repeat-x;
}
#cintilla2{
	background: green url(masters/cintilla1.jpg) repeat-x;
}
#cintilla3 {
	background: #e6af20 url(masters/cintilla2.jpg) repeat-x;
}
#cintilla4 {
	background: #620096 url(masters/cintilla3.jpg) repeat-x;
}
#cintilla5 {
	background: #c90066 url(masters/cintilla4.jpg) repeat-x;
}
#cintilla6 {
	background: #2424ef url(masters/cintilla5.jpg) repeat-x;
}
#cintilla7 {
	background: #0080ca url(masters/cintilla6.jpg) repeat-x;
}
#cintilla8 {
	background: #fb6f1b url(masters/cintilla7.jpg) repeat-x;
}
#cintilla9 {
	background: #cccc00 url(masters/cintilla8.jpg) repeat-x;
}

#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:right; /*texto justificado a la derecha*/
	padding-right:5px;
	
	}
	
#contenido { /*dando estilo a los parrafos*/
	line-height: 25px;
	width: 550px;
	margin-left:4px;
	padding-left:40px;
	padding-right: 20px;
	padding-bottom: 50px;
	font-size: 13px;
	font-weight: normal;
}

#contenido  h3 {
line-height:10px;
margin-bottom: 5px;
font-style: italic;
}

#titulo1, #titulo2, #titulo3, #titulo4, #titulo5, #titulo6, #titulo7, #titulo8, #titulo9  {/*estilo para los encabezados*/
	line-height: 50px;
	letter-spacing: 4px;
	padding-bottom: 10px;
	text-align:left;
	font-size: 27px;
	color: #bf3f3f;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Century Gothic;
	margin-bottom: 1.4em;
}

#titulo1 {/*color para los encabezados*/
	color: #bf3f3f;
	padding: 0 10px 0 0px;
}
#titulo2 {/*color para los encabezados*/
	color: green;
	padding: 0 10px 0 0px;
}
#titulo3 {/*color para los encabezados*/
	color: #e6af20;
	padding: 0 10px 0 0px;
}
#titulo4 {/*color para los encabezados*/
	color: #620096;
	padding: 0 10px 0 0px;
}
#titulo5 {/*color para los encabezados*/
	color: #c90066;
	padding: 0 10px 0 0px;
}
#titulo6 {/*color para los encabezados*/
	color: #2424ef;
	padding: 0 10px 0 0px;
}
#titulo7 {/*color para los encabezados*/
	color: #0080ca;
	padding: 0 10px 0 0px;
}
#titulo8 {/*color para los encabezados*/
	color: #fb6f1b;
	padding: 0 10px 0 0px;
}
#titulo9 {/*color para los encabezados*/
	color: #cccc00;
	padding: 0 10px 0 0px;
}


#right {/*columna de la derecha*/
	float:right;
	width:250px;
	padding-left:20px;
	padding-top:50px;
	padding-bottom:50px;
	padding-right:15px;
}
#extrainfodiv1, #extrainfodiv2, #extrainfodiv3, #extrainfodiv4, #extrainfodiv5, #extrainfodiv6, #extrainfodiv7, #extrainfodiv8, #extrainfodiv9 {
	width: 231px;
	height:335px;
	font: normal 12px Arial;
	color: white;
	text-transform: uppercase;
	}
	
#extrainfodiv1 {
	background: white url(masters/extrainfo.jpg) no-repeat;
	}
#extrainfodiv2 {
	background: white url(masters/extrainfo1.jpg) no-repeat;
	}
#extrainfodiv3 {
	background: white url(masters/extrainfo2.jpg) no-repeat;
	}
#extrainfodiv4 {
	background: white url(masters/extrainfo3.jpg) no-repeat;
	}
#extrainfodiv5 {
	background: white url(masters/extrainfo4.jpg) no-repeat;
	}
#extrainfodiv6 {
	background: white url(masters/extrainfo5.jpg) no-repeat;
	}
#extrainfodiv7 {
	background: white url(masters/extrainfo6.jpg) no-repeat;
	}
#extrainfodiv8 {
	background: white url(masters/extrainfo7.jpg) no-repeat;
	}
#extrainfodiv9 {
	background: white url(masters/extrainfo8.jpg) no-repeat;
	}
	
#extrainfo {
	text-transform: uppercase;
	margin-left:20px;
	line-height: 250%; /*alto de la linea de texto*/
	padding-top:15px;
	text-align:left; /*pueden cambiarlo por left, right o center*/
	padding-right:20px;
}	


#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;
}