/* =propiedades generales -----------------------------------------------------*/
body {
	background: #fff url(../img/general/fondo.jpg) no-repeat top center;
	margin: 0;
	padding: 0;
	color: #89857C;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	margin: 0 0 15px 0;
	background: transparent url(../img/general/firma.gif) no-repeat 3px -2px;
	text-indent: -2000px;
}
input{
	width: 100px;
	margin: 0;
	padding: 1px;
	border: 1px solid #D2D2D2;
	background: #F2F1F1;
	color: #464646;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}
/* =links -------------------------------------*/
a {text-decoration: none;color: #8F96AA;}
a:hover {color: #4D5767;}
/* =listas ------------------------------------*/
ul { list-style: none; margin: 0; padding: 0;}
li { margin: 0; padding: 0;}
dl { margin: 0; padding: 5px;}
dt { margin: 0; padding: 0 65px 0 0;}
dd { margin: 0 65px 0 0;padding: 0;}
/* =divs ------------------------------------------------------------------*/
#container{
	position: relative;
	margin: 10% auto 0 auto;
	padding: 0;
	width: 720px;
}
/* =menu ------------------------------------------------------------------*/
#menu {
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
	color: #8F96AA;
	font-size: 0.9em;
}
#menuprincipal {
	margin: 0 0 20px 0;
	padding: 0;
}
#menuprincipal li {
	margin: 3px 0;
	padding: 1px 2px 1px 14px;
	border: 1px solid #E7E7E7;
	background: transparent url(../img/general/flechamenu.gif) no-repeat 2px center;
}
/* =boletin ----------------------*/
#boletin {
	position: relative;
	margin: 0;
	padding: 0;
}
#boletin .titulo {
	background: transparent url(../img/caste/tit_boletin.gif) no-repeat top left;
	text-indent: -2000px;
	height: 12px;
	margin: 0 0 6px;
	padding: 0;
}
#formboletin {
	border: 1px solid #E7E7E7;
	margin: 0;
	padding: 1px 4px;
}
#formboletin p { 
	margin: 2px 0;
	padding: 4px 0;
}
#formboletin span { 
	float: right;
	margin: -2px 0 0 0;
	padding: 0;
}
#formboletin a {
	position: absolute;
	top: 2px;
	right: 0;
	margin: 0;
	padding: 1px 8px 1px 2px;
	background: transparent url(../img/general/flechaopciones.gif) no-repeat right 4px;
}
/* =contenido ---------------------------------------------------------------------------*/
#contenido {
	margin: 0 0 0 173px;
	padding: 0;
}
/* =contprincipal -----------------------------------*/
#contcentral {
	margin: 0;
	padding: 0;
}
#contflash {
	width: 337px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#contflash p {
	background: #fff;
	margin: 0;
	padding: 20px 0;
} 
/* =destacados -----------------------------------*/
#destacados {
	float: right;
	margin: 0;
	padding: 171px 0 0 0;
	width: 197px;
	font-size: 0.9em;
	color: #B8B5AF;
}
#destacados p{
	margin: 0;
	padding: 4px 0 0 0;
}
#destacados a{color: #ADA493;}
#destacados a:hover {color: #766F5C;}
#destacados a.masinfo {
	padding: 1px 15px 1px 3px; 
	border: 1px solid #e7e7e7;
	background: transparent url(../img/general/flechadestacados.gif) no-repeat center right;
}

#destacados a.masinfo:hover {
	border: 1px solid #B7B7B7;
	background: #F0EFEE url(../img/general/flechadestacados.gif) no-repeat center right;
}

#destacado1 {
	background: #fff;
	 
}
#destacado1 img, #destacado2 img{ float:right;}
#destacado2 {
	background: #fff;
	margin: 0;
	padding: 5px 5px 7px 5px;
}
#destacado1 dt {
	background: transparent url(../img/caste/tit_proyectos.gif) no-repeat;
	height: 22px;
	text-indent: -2000px;
}
#destacado2 dt {
	background: transparent url(../img/caste/tit_novedades.gif) no-repeat;
	height: 19px;
	text-indent: -2000px;
}

/* =pie ------------------------------------------------------------------*/
#pie {
	margin: 0 0 0 5px;
	padding: 0;
	color: #B9BECC;
	font-size: 0.8em;
}
#pie p {margin: 8px 0 0 0;}
#pie a {color: #B9BECC;}
#pie a:hover {color: #697390;}
#pie span {color:#000;}
#pie span a {color:#000;}

/* =bordes con imagen expandibles---------------------------------------- 
Esta parte de aqui se ocupa de crear las cajas expandibles con bordes 
Encontrado en http://www.456bereastreet.com - By Robert Johansson ------*/
.box {
	margin: 0;
	padding:0 4px 0 0;
	background:#fff url(../img/general/bordecaja.gif) 100% 0 repeat-y;
}
.bi {
	margin: 0;
	padding:0 0 0 3px;
	background:#fff url(../img/general/bordecaja.gif) 0 0 repeat-y;
}
.bt {
	height:2px;
	padding: 0;
	margin:0 -4px;
	background:url(../img/general/caja.gif) 100% 0 no-repeat;
}
.bt div {
	width:3px;
	height:2px;
	padding: 0;
	margin: 0;
	background:url(../img/general/caja.gif) 0 0 no-repeat;
}
.bb {
	height:2px;
	margin:0 -4px;
	padding:0;
	background:url(../img/general/caja.gif) 100% 100% no-repeat;
}
.bb div {
	width:3px;
	height:2px;
	margin:0;
	padding:0;
	background:url(../img/general/caja.gif) 0 100% no-repeat;
}