@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	background-image: url(../images/fondoAll.jpg);
	background-repeat:  repeat-x;
	background-color: #f1f1e1;
	background-attachment: fixed;

}

#header {

	background: #ed872c;

	margin: 0px;

	padding: 0px;

	height: 101px;

	width: 700px;

}

#wrapper {
	background: #ebecd3;
	height: 790px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #BFC477;
	border-bottom-color: #BFC477;
	border-left-color: #BFC477;

}

#logCdes {

	background: url(../images/cdesLogo.jpg);

	height: 101px;

	width: 296px;

	float: left;

}

#swfFot {

	height: 101px;

	width: 404px;

	float: right;

	background: #999999;

}

#breadcrumb {

	background: #71803b url(../images/handMed.jpg) no-repeat left top;

	height: 22px;

	width: 298px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #E6F0CE;

}

#bread {

	position: absolute;

	width: 403px;

	height: 20px;

	left: 298px;

	top: 101px;

	background: #71803B;

	padding-top: 2px;

}

#bread  a {

	color: #E5F0D0;

}

#bread  ul,li {

	/* aqui la meta es aplanar la lista asi que se muestre en una linea pero que conserve el

	significado semantico que una lista anidada tiene. Usamos display: inline; para hacer que

	cada uno de los items de la lista aparezcan uno despues del otro */

	display: inline;

	padding: 0px;

	margin: 0px;

}

#bread  ul  li {

	/*aqui no queremos que la flecha aparezca en el primer elemento sino en los 

	siguientes, por lo tanto ponemos paddind left=0*/

	padding-left: 0px;

}

#bread  ul  li  ul  li {

	/*lo que se quiere es un separador entre los links*/

	padding-left: 10px;

	background: url(../images/arrow.gif) no-repeat left center;

}

#reb {

	text-align: left;

	margin: 0px;

	padding: 0px;

	width: 700px;

	height: 373px;

}

#handFondB {

	height: 667px;

	width: 460px;

	background-image: url(images/fondoBiblio.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#handFondI {

	height: 667px;

	width: 460px;

	background-image: url(../images/fondoManos2.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#handFondU {

	height: 667px;

	width: 460px;

	background-image: url(../images/fondoQuehacemos.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#handFondQS {

	height: 667px;

	width: 460px;

	background-image: url(../images/fondoQuienesSomos.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#handFondDESC {

	background-image: url(../images/fondoDesc.jpg);

	height: 667px;

	width: 460px;

}



#mainContent {

	height: 373px;

	width: 700px;

}

#content {

	height: 376px;

	width: 448px;

	background: url(../none);

	position: absolute;

	top: 206px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	left: -1px;

}

#ulcont {

	padding-top: 0px;

}



#contentI {
	height: 302px;
	width: 459px;
	background: url(../none);
	position: absolute;
	top: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	left: -1px;

}



#contentU {

	height: 313px;

	width: 448px;

	background: url(../none);

	position: absolute;

	top: 220px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	left: -1px;

}

#ieframe {

	height: 333px;

	width: 459px;

	top: 11px;

}

#ieframeB {

	height: 320px;

	width: 459px;

	top: 11px;

}

#ieframeI {
	height: 302px;
	width: 459px;
	top: 11px;

}

#navigation {

	background: #CCCCCC;

	height: 199px;

	width: 216px;

	color: #ECD4B0;

	text-align: center;

	position: absolute;

	left: 473px;

	top: 133px;

}

#navigation ul, #navigation li {

	margin: 0px;

	padding: 5px 0px;

	list-style-type: none;

}

#navigation li {

	margin: 0px 0px 0px 10px;

}

#logo2 {
	height: 35px;
	width: 222px;
	position: absolute;
	left: 473px;
	top: 342px;
	background-color: #ebecd3;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}



#footer {

	height: 216px;

	width: 461px;

	background: #8b9a62 url(../images/fondoHandInf.jpg) no-repeat left top;

	position: absolute;

	top: 496px;

}

#boletin {

	height: 212px;

	width: 240px;

	position: absolute;

	left: 460px;

	top: 578px;

	background: #8b9a62;

	vertical-align: middle;

	text-align: center;

}

#boletin a {
	color: #8B9A62;
}


#boletin p {
	padding-top: 20px;
}

#fondoFooter {

	height: 216px;

	width: 460px;

	float: left;

	background: url(../images/fondoHandInf.jpg) no-repeat left top;

}

#handFondUJ {

	height: 667px;

	width: 460px;

	background-image: url(../images/fondoQuehacemos.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#contentUJ {

	height: 333px;

	width: 459px;

	background: url(../none);

	position: absolute;

	top: 193px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	left: -1px;

	font-weight: normal;

}

#contentUJ  ul  li {

	list-style-type: circle;

	display: list-item;

	padding-top: 15px;

	color: #70784F;

}

#contentUJ  a {

	color: #7A834C;

}

#handFondUD {

	height: 667px;

	width: 460px;

	background-image: url(../images/fondoQuehacemos3.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#contentUD {

	height: 280px;

	width: 459px;

	background: url(../none);

	position: absolute;

	top: 198px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	left: -1px;

	font-weight: normal;

}

#contentUD  ul  li {

	list-style-type: circle;

	display: list-item;

	padding-top: 15px;

	color: #71803B;

}

#contentUD  a {

	color: #71803B;

}

#ieframeUD {

	height: 280px;

	width: 459px;

	top: 11px;

}

#ieframeD {

	height: 280px;

	width: 461px;

	top: 11px;

}

#contentD {

	height: 280px;

	width: 461px;

	background: url(../none);

	position: absolute;

	top: 208px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	left: -1px;

	font-weight: normal;

}

#handFondD2 {

	height: 667px;

	width: 460px;

	background-image: url(../images/fondoQuehacemosDesc.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#contentD2 {

	height: 333px;

	width: 459px;

	background: url(../none);

	position: absolute;

	top: 193px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	left: -1px;

	font-weight: normal;

}

#contentD2  ul  li {

	list-style-type: circle;

	display: list-item;

	padding-top: 15px;

	color: #e1eec8;

}

#contentD2  a {

	color: #e1eec8;

}

#ieframeD2 {

	height: 333px;

	width: 459px;

	top: 11px;

}

#breadD2 {

	position: absolute;

	width: 470px;

	height: 20px;

	left: 231px;

	top: 101px;

	background: #71803B;

	padding-top: 2px;

}

#breadD2  a {

	color: #E5F0D0;

}

#breadD2   ul, li {

	/* aqui la meta es aplanar la lista asi que se muestre en una linea pero que conserve el

	significado semantico que una lista anidada tiene. Usamos display: inline; para hacer que

	cada uno de los items de la lista aparezcan uno despues del otro */

	display: inline;

	padding: 0px;

	margin: 0px;

}

#breadD2  ul  li {

	/*aqui no queremos que la flecha aparezca en el primer elemento sino en los 

	siguientes, por lo tanto ponemos paddind left=0*/

	padding-left: 0px;

}

#breadD2   ul   li   ul   li {

	/*lo que se quiere es un separador entre los links*/

	padding-left: 10px;

	background: url(../images/arrow.gif) no-repeat left center;

}

#handFondDS2 {

	height: 667px;

	width: 460px;

	background-image: url(../images/fondoQuehacemosDesc.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#contentDS2 {

	height: 280px;

	width: 461px;

	background: url(../none);

	position: absolute;

	top: 208px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	left: -1px;

	font-weight: normal;

}

#contentDS2  ul  li {

	list-style-type: circle;

	display: list-item;

	padding-top: 15px;

	color: #71803B;

}

#contentDS2  a {

	color: #71803B;

}

#ieframeDS2 {

	height: 280px;

	width: 461px;

	top: 11px;

}

#handFondInv {

	height: 667px;

	width: 460px;

	background-image: url(../images/fondoQuehacemosInv.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#contentInv {

	height: 333px;

	width: 459px;

	background: url(../none);

	position: absolute;

	top: 193px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	left: -1px;

	font-weight: normal;

}

#contentInv  ul  li {

	list-style-type: circle;

	display: list-item;

	padding-top: 15px;

	color: #e1eec8;

}

#contentInv  a {

	color: #e1eec8;

}

#ieframeInv {

	height: 333px;

	width: 459px;

	top: 11px;

}

#handFondBol {

	height: 667px;

	width: 460px;

	background-image: url(../images/fondoBoletin.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#breadui  a {

	color: #E5F0D0;

}

#breadui  ul, li {

	/* aqui la meta es aplanar la lista asi que se muestre en una linea pero que conserve el

	significado semantico que una lista anidada tiene. Usamos display: inline; para hacer que

	cada uno de los items de la lista aparezcan uno despues del otro */

	display: inline;

	padding: 0px;

	margin: 0px;

}

#breadui  ul  li {

	/*aqui no queremos que la flecha aparezca en el primer elemento sino en los 

	siguientes, por lo tanto ponemos paddind left=0*/

	padding-left: 0px;

}

#breadui  ul  li  ul  li {

	/*lo que se quiere es un separador entre los links*/

	padding-left: 10px;

	background: url(../images/arrow.gif) no-repeat left center;

}

	



	



#breadui {

	position: absolute;

	width: 470px;

	height: 20px;

	left: 231px;

	top: 101px;

	background: #71803B;

	padding-top: 2px;

}

	



	



#handFondPL {

	height: 667px;

	width: 460px;

	background: url(../images/fondoqs.jpg) no-repeat left bottom;

}

#uni {

	font-family: "Trebuchet MS";

	font-size: 1.6em;

	color: #71803B;

	padding-left: 20px;

}

#uni2 {

	font-family: "Trebuchet MS";

	font-size: 1.6em;

	color: #D7E6C7;

	padding-left: 20px;

}

#handFondUP {

	height: 667px;

	width: 460px;

	background-image: url(../images/fondoQuehacemos4.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#boletin2 {

	height: 212px;

	width: 240px;

	position: absolute;

	left: 460px;

	top: 578px;

	vertical-align: middle;

	text-align: center;

	background-image: url(../images/manos2.jpg);

	background-repeat: no-repeat;

	background-color: #8B9A63;

}

#boletin2 p {

	padding-top: 25px;

}
#handFondAc {
	height: 667px;
	width: 460px;
	background-image: url(../images/fondoAcciones.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#handFondCon {
	height: 667px;
	width: 460px;
	background-image: url(../images/fondoContactos.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#handFondE {
	height: 667px;
	width: 460px;
	background-image: url(../images/fondoEstructura.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#handFondUN {
	height: 667px;
	width: 460px;
	background-image: url(../images/handfondUS.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}