
/*  -----------------------------------------------------------------------------------------  */
/*  |        CSS de PROMUSA                                                                 |  */
/*  |---------------------------------------------------------------------------------------|  */
/*  |        Name: Hoja de estilo para la Home                                              |  */
/*  -----------------------------------------------------------------------------------------  */

body { background-image: url(../images/back_body_home.gif); background-repeat: repeat-y; background-position: center;}


/* ==========| HEADER |========== */
/* ============================== */

#header { float:left; width: 760px; height: 40px; background-color: #bdd0ea; font-size: 9px; color: #a2a2a2;}


/* ==========| LOGO |========== */

#logo { float:left; background-color:#FFFFFF;}


/* ==========| DIA |========== */

#header-dia { float: left; width: 153px;  height: 33px;padding: 9px 0 0 12px; background-color: #FFFFFF; vertical-align: text-bottom;}

#header-dia-dcha { float: left; width: 130px; height: 11px; padding: 3px 3px 0 0;}

/* ==========| HERRAMIENTAS |========== */

#header-herramientas { float: left; width: 323px;   height: 33px;padding: 9px 0 0 12px; background-color: #FFFFFF; text-align:right;}

/* ==========| TOOLS |========== */

#header-tools { float: left; width: 110px; height: 35px; padding: 0 0 0 7px; border-bottom: 1px solid #EFEFEF; border-left: 1px solid #EFEFEF;}

#header-toolsarribaizda { float: left; width:64px; padding: 2px 0 0 0; font-size:10px; color: #838383;}

#header-toolsarribadcha { float: left; padding: 3px 0 0 0;}

#header-toolsabajo { clear: both; padding: 1px 0 0 0;}

#header-toolsabajo input.buscar { height:11px; width:73px; padding:1px 2px; border: 1px solid #D0D0D0;}

#header-toolsabajo input.botontools { width: 14px; height: 14px; padding: 0; border: 0; background-image: url(../images/boton_lupa_off.gif); background-color: #FFFFFF;}

#header-toolsabajo input.botontools:hover { background-image: url(../images/boton_lupa_on.gif);}


/* ==========| IZQUIERDA |========== */
/* ================================= */

#izda { float: left; width: 112px;  background-repeat: no-repeat; background-position: top right; background-color: #FFFFFF;}

#izda-men{ margin: 2px 0 0 2px; padding: 5px 2px 0px 5px;  background-repeat: no-repeat; background-position: top right; background-color: #95afd2; border-bottom: 1px solid #EDEDED; border-left: 3px solid #4574b5;}

#izda-men li { padding: 0px 0px 4px 0px; list-style-type: none;}

#izda-men2{ margin: 2px 0 0 2px; padding: 5px 2px 0px 5px;  background-repeat: no-repeat; background-position: top right; background-color: #95afd2; border-bottom: 1px solid #EDEDED; border-left: 3px solid #6189C1;}

#izda-men2 li { padding: 0px 0px 4px 0px; list-style-type: none;}

#izda-men3{ margin: 2px 0 0 2px; padding: 5px 2px 0px 5px;  background-repeat: no-repeat; background-position: top right; background-color: #95afd2; border-bottom: 1px solid #EDEDED; border-left: 3px solid #7CA1D5;}
#izda-men3 li { padding: 0px 0px 4px 0px; list-style-type: none;}

#izda-men4{ margin: 2px 0 0 2px; padding: 5px 2px 0px 5px;  background-repeat: no-repeat; background-position: top right; background-color: #95afd2; border-bottom: 1px solid #EDEDED; border-left: 3px solid #79ABF1;}
#izda-men4 li { padding: 0px 0px 4px 0px; list-style-type: none;}

#izda-men5 { margin: 0 0 0 0; padding: 7px 5px 4px 5px; background-color: #003778; height:150px;}
#izda-men5 li { padding: 0px 0px 4px 0px; list-style-type: none; font-size:12px;}

#izda-men9{ margin: 2px 0 0 2px; padding: 5px 2px 0px 5px;  background-repeat: no-repeat; background-position: top right; background-color: #95afd2; border-bottom: 1px solid #EDEDED; border-left: 3px solid #79ABF1;}
#izda-men9 li { padding: 0px 0px 4px 0px; list-style-type: none;}


#izda-men6 { margin: 2px 0 0 0; padding:  7px 5px 4px 5px;  border-bottom: 1px solid #EDEDED; border-top: 2px solid #EDEDED; border-left: 3px solid #628eca;}
#izda-men6 li { padding: 0px 0px 2px 0px; list-style-type: none;}


#izda-men7 { margin: 0px 0 0 0; padding: 0px 0px 0px 0px; }
#izda-men7 li { padding: 0px 0px 0px 0px; list-style-type: none; }

.izda-menuimagen { margin: 0 0 3px 0;}

#izda-men8 { margin: 2px 0 0 0; padding: 0px 0px 0px 0px;  }
#izda-men8 li { padding: 0px 0px 2px 0px; list-style-type: none; text-align:center;}

/* ==========| CENTRO |========== */
/* ============================== */

#centro { float: left; width: 530px;}


/* ==========| FLASH |========== */

#centro-flash { width: 530px; height: 151px; background-repeat:no-repeat;}

#centro-flash2 { width: 530px; height: 83px; background-repeat:no-repeat;}
/* ==========| CONTENIDO |========== */

#centro-rap { float: left; width: 529px; border-left: 1px solid #FFF;}

#centro-contenido { float: left; width: 519px; padding: 0 0 0 8px; border-right: 1px solid #EDEDED; border-left: 1px solid #EDEDED;}


/* ==========| TITULO |========== */

.titulo { float: left; width: 508px; height: 27px; margin: 6px 0 0 0; /*14px titizda +508px titulo +3px titdcha*/}

.titizda{ float: left; height: 27px; width: 14px; background-image: url(../images/tit_cuadros.gif); background-position: left bottom; background-repeat: no-repeat;}

.titcentro { float: left; width: 491px;}

.titarriba { height: 17px;}

.titarribaizda { float: left; height: 16px; padding: 0 0 0 5px;}

.titarribadcha { float: right; height: 16px;}

.titabajo { height: 1px; width: 100%; border-top: 1px solid #D0D0D0;}

.titdcha { float: left; width: 3px; height: 20px; background-image: url(../images/tit_cuadros2.gif); background-position: left bottom; background-repeat: no-repeat;}


/* ==========| NOTICIA |========== */



#primero { float: left; width: 488px; margin: 0; padding: 0 0 10px 20px;}

#primero img { float: left; padding: 0 8px 4px 0;}
#primero #derecha{ float: left; width:45%}
#primero #izquierda{ float: left;width:45%; border-right: 1px dashed #D0D0D0;}
#primero #centre{ float: left;width:90%}
#primero ul {
	margin:0;
	padding:0 0 0 0px;
}

#primero ul li {
	list-style: none;
	display: inline;
}

#primero .news {
	float: left;
	width:100%;
	margin:5px;
	text-align: left;
	border-bottom: 1px dashed #D0D0D0;
	/*border-right: 1px dashed #D0D0D0;*/
	padding: 2px;
}

html #primero .news {
}

#primero #noticia { float: left; width: 100%; padding: 0 0 4px 0; border-bottom: 1px dashed #D0D0D0;}

#links{text-align:center;}


/* ==========| DERECHA |========== */
/* =============================== */

#dcha { float: left; width: 117px;  border-left: 1px solid #FFF;}


/* ==========| PIE |========== */

#pie { clear:both; width: 350px; margin:0 auto; padding: 30px 0 0 0; text-align:center;}

#pie #piearriba { width: 314px; margin:0 auto; padding: 0 0 3px 0; border-bottom: 1px solid #D0D0D0; text-align: center;}

#pie #pieabajo { width:280px; margin:0 auto; padding:3px 0 0 0;}

#pie #pieabajoizda { float:left; width:216px; margin:0 auto;}

#pie #pieabajodcha { float:left; margin:0 auto;}

#pie #pieabajodcha img { padding: 4px 3px 16px 2px;}
