/******************************
Proyecto: e-People WebSite.
Desarrollo: e-People Consulting.
Elaborado por: Catalina De Montanaro.
Fecha de elaboración: 26/Septiembre/2008.
Versión: 1.0
******************************/


/******************************
       HOME DEL SITIO
******************************/


/********** BODY & HTML **********/
body
{
	background:#f1f1f1 url('/images/bckgBody.jpg') left top repeat-x;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto;
	height:100%;
	text-align:center;
}

html
{
	margin:0 auto;
	padding:0;
	height:100%;
	border:none;
}

/********** CONTENEDOR GENERAL **********/
.contenedorGeneral
{
	background-color:transparent;
	margin:0 auto;
	height:100%;
	padding:0;
	vertical-align:top;
	width:940px;
}


/********** BORDE IZQUIERDO (SOMBRA) **********/
.bordeIzq
{
	background:transparent url('/images/bckgSombraIzq.png') right top repeat-y;
	height:auto;
	width:10px;
}


/********** BORDE DERECHO (SOMBRA) **********/
.bordeDer
{
	background:transparent url('/images/bckgSombraDer.png') left top repeat-y;
	height:auto;
	width:10px;
}


/********** CONTENEDOR CENTRAL **********/
.contenedorCentral
{
	background-color:#ffffff;
	height:100%;
	vertical-align:top;
	/*width:940px;*/
}


/********** PLECA AZUL SUPERIOR **********/
.plecaAzulSup
{
	background-color:#16527d;
	height:4px;
}


/********** HEADER **********/
.header
{
	background-color:#efefef;
	border-bottom:none;
	height:auto;
	vertical-align:top;
	padding-right:10px;
	width:auto;
}

/********** MENU SITE ACTIONS **********/
.menuAcciones
{
	height:auto;
	text-align:right;
	width:100px;
}

.contenedorMenuAcciones
{
	 text-align:right;
	 vertical-align:bottom;
	 width:120px;
}


/********** BARRA MENÚ **********/
.barraMenu
{
	background:#000000 url('/images/bckgBarraMenu.jpg') left top repeat-x;
	color:#ffffff;
	font-size:10pt;
	font-weight:bold;
	height:30px;
	padding:0;
	margin:0;
	text-align:left;
	vertical-align:top;
	width:100%;
}

.divBarraMenu
{
	background:transparent url('/images/divisorBarraMenu.jpg') center no-repeat;
	height:28px;
	padding-left:1px;
	padding-right:1px;
	width:1px;
}

.btnBarraMenu a:visited 
{
	color:#ffffff;
	font-size:10pt;
	font-weight:bold;
	height:100%;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	padding-top:10px;
	text-decoration:none;
}

.btnBarraMenu a:link 
{
	color:#ffffff;
	font-size:10pt;
	font-weight:bold;
	height:100%;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	padding-top:10px;
	text-decoration:none;
}

.btnBarraMenu a:active 
{
	color:#ffffff;
	font-size:10pt;
	font-weight:bold;
	height:100%;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	padding-top:10px;
	text-decoration:none;
}

.btnBarraMenu a:hover
{
	background:transparent url('/images/bckgBarraMenuOver.jpg') left center repeat-x;
	color:#ffffff;
	font-size:10pt;
	font-weight:bold;
	height:100%;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	padding-top:10px;
	text-decoration:none;
}

.btnBarraMenu td
{
	margin:0;
	padding:0;
	height:30px;
	border:none;
}


/********** BANNER PRINCIPAL (HOME) **********/
.banner
{
	height:360px;
	width:100%;
	margin:0;
	padding:0;
}

td.banner
{
	margin-top:0 !important;
}


/********** BANNER INICIATIVAS (MICROSITIO) **********/
.bannerIniciativa
{
	border-bottom:1px solid #606060;
	border-top:1px solid #606060;
	height:auto;
	width:100%;
}


/********** CONTENIDOS **********/
.contenidos
{
	background-color:#ffffff;

	padding:10px;
	vertical-align:top;
	width:100%;
}


/********** COLUMNA IZQUIERDA - CONTENIDOS **********/
.columnaIzq
{
	height:auto;
	vertical-align:top;
	width:610px;
}


/********** COLUMNA DERECHA - CONTENIDOS **********/
.columnaDer
{
	height:auto;
	vertical-align:top;
	width:270px;
}

/********** COLUMNA DERECHA - MENU LATERAL **********/
.columnaMenuDer
{
	height:406px;
	vertical-align:top;
	width:190px;
}




/********** COLUMNA DERECHA - INICIATIVA **********/
.columnaDerIniciativa
{
	height:auto;
	vertical-align:top;
	width:610px;
}


/********** COLUMNA IZQUIERDA - INICIATIVA **********/
.columnaIzqIniciativa
{
	height:auto;
	vertical-align:top;
	width:270px;
}


/********** MENU INICIATIVA **********/
.menuIniciativa
{
	background:#ffffff url('/images/bckgMenuIniciativa.jpg') left top repeat-x;
	color:#000000;
	font-size:8pt;
	line-height:160%;
	height:84px;
	padding:0;
	margin:0;
	text-decoration:none;
	vertical-align:middle;
	width:100%;
}

.bckgIzqMenuIniciativa
{
	background:transparent url('/images/bckgIzqMenuIniciativa.jpg') left top no-repeat;
	height:84px;
	width:10px;
}

.bckgDerMenuIniciativa
{
	background:#ffffff url('/images/bckgDerMenuIniciativa.jpg') right top no-repeat;
	height:84px;
	width:10px;
}




/********** SEPARADOR HORIZONTAL **********/
.sepHorizontal
{
	height:20px;
	vertical-align:top;
	width:100%;
}


/********** SEPARADOR COLUMNAS CONTENIDOS **********/
.sepColumnas
{
	height:auto;
	vertical-align:top;
	/*width:20px;*/
}


/********** RECUADROS INFO HOME **********/
.recuadroIzq
{
	background:#ffffff url('/images/bckgRecIzq.jpg') right top no-repeat;
	height:160px;
	width:10px;
}

.recuadroDer
{
	background:#ffffff url('/images/bckgRecDer.jpg') left top no-repeat;
	height:160px;
	width:10px;
}

.recuadroMid
{
	background:#ffffff url('/images/bckgRecMid.jpg') left top repeat-x;
	height:160px;
	width:220px;
}

.recuadroMid img
{
	padding-left:20px;
	padding-right:20px;
	vertical-align:bottom;
}

.recuadroInfo
{
	background:#ffffff url('/images/bckgRecMid.jpg') left top repeat-x;
	color:#474747;
	font-size:8pt;
	height:160px;
	line-height:160%;
	text-decoration:none;
	vertical-align:middle;
	width:100%;
	padding-left:5px;
}

td.recuadroInfo span
{
	clear:both;
	float:left;
	width:100%;
}
.btnVerMas 
{
	color:#045b84;
	clear:both;
	float:right;
	font-size:7pt;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
}

.btnVerMas a
{
	color:#045b84;
	font-size:7pt;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
}

.btnVerMas a:hover
{
	color:#000000;
	font-size:7pt;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
}


/********** FOOTER **********/
.footer
{
	background:#ffffff url('/images/plecaFooter.jpg') center top no-repeat;
	bottom:0;
	height:30px;
	margin-bottom:0;
	padding-top:15px;
	padding-bottom:10px;
	vertical-align: text-bottom !important;
	text-align:center;
	width:auto;
}
.footerAnuncio
{
	background:#ffffff center top no-repeat;
	bottom:0;
	height:20px;
	margin-bottom:0;
	/*padding-top:15px;
	padding-bottom:10px;*/
	vertical-align: text-bottom !important;
	text-align:center;
	width:auto;
}


/********** TEXTOS FOOTER **********/
.txtFooter
{
	color:#045b84;
	font-size:7pt;
	padding-left:60px;
	padding-right:60px;
}

.txtFooter img
{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
}

.txtFooter a
{
	color:#045b84;
	font-size:7pt;
	font-weight:bold;
	text-decoration:none;
}

.txtFooter a:hover
{
	color:#27839e;
	font-size:7pt;
	font-weight:bold;
	text-decoration:none;
}


/********** BORDE IZQUIERDO (SOMBRA) **********/
.bordeIzqFooter
{
	background:transparent url('/images/bckgSombraIzq.png') right top repeat-y;
	height:auto;
	width:10px;
}


/********** BORDE DERECHO (SOMBRA) **********/
.bordeDerFooter
{
	background:transparent url('/images/bckgSombraDer.png') left top repeat-y;
	height:auto;
	width:10px;
}

/********** BARRA TABS **********/
.barraTabs
{
	border-bottom:1px #CCCCCC solid;
	height:25px;
	text-decoration:none;
}
.unete
{
	color:#006699;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:15pt;
	height:25px;
	line-height:160%;
	padding-right:5px;
	text-align:left;
	text-decoration:none;
	vertical-align:bottom;
	
	
}
.uneteTxt
{
	color:#474747;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	height:25px;
	line-height:160%;
	padding-left:15px;
	padding-right:5px;
	text-align:left;
	text-decoration:none;
	vertical-align:bottom;
	
}



.bckgTabs
{
	background:#ffffff url('/images/bckgTabs.jpg') center bottom no-repeat;
	color:#006699;
	font-family:"Lucida Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	height:25px;
	line-height:160%;
	padding-left:10px;
	padding-right:5px;
	text-align:center;
	text-decoration:none;
	vertical-align:bottom;
	width:130px;
}

.bckgTabs b
{
	color:#000000;
	font-weight:bold;
}

.bckgTabs a
{
	color:#006699;
	text-decoration:none;
}


/********** COLUMNA IZQUIERDA - CONTENIDOS **********/
.columnaContIzq
{
	height:auto;
	vertical-align:top;
	width:690px;
}


/********** CONTENIDOS **********/
.areaContenidos
{
	height:100%;
	padding-top:20px;
	vertical-align:top;
	width:100%;
}

.areaContenidos img
{
	/*padding-right:25px;*/
}

.txtBase
{
	color:#474747;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:140%;
	text-align:left;
	text-decoration:none;
	width:100%;
}

.txtBase b
{
	color:#474747;
	font-weight:bold;
}

.txtBase a
{
	color:#3399cc;
	font-weight:bold;
	text-decoration:none;
}

.txtBase a:hover
{
	color:#3399cc;
	font-weight:bold;
	text-decoration:underline;
}

.txtResumen
{
	color:#474747;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-style:italic;
	line-height:140%;
	text-align:left;
	text-decoration:none;
	width:100%;
}

.titBase
{
	color:#3399cc;
	font-family:"Lucida Sans" Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	line-height:160%;
	padding-top:20px;
	text-align:left;
	text-decoration:none;
	width:100%;
}

.titServicio
{
	color:#3399cc;
	font-family:"Lucida Sans" Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	line-height:160%;
	text-align:left;
	text-decoration:none;
	width:100%;
}

.txtBreadCrumbs
{
	color:#474747;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:160%;
	padding-top:5px;
	text-align:left;
	text-decoration:none;
	width:100%;
}

.breadCrumb
{
	color:#474747;
	font-weight:bold;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:160%;
	padding-top:5px;
	text-align:left;
	text-decoration:none;
	text-indent:10px;
	width:100%;
}

.breadCrumb a
{
	color:#006699;
	font-weight:normal;
}

.txtBreadCrumbs b
{
	font-weight:bold;
}

.txtBreadCrumbs img
{
	padding-left:3px;
	padding-right:5px;
	vertical-align:middle;
}


/********** MENU LATERAL **********/
.bordeSupMenuLat
{
	background:#ffffff url('/images/bordeSupMenuLat.jpg') right bottom no-repeat;
	height:90px;
	text-align:center;
	width:190px;
}

.bckgMenuLat
{
	background:#ffffff url('/images/bckgMenuLat.jpg') left bottom repeat-x;
	border-left:1px #999999 solid;
	border-right:1px #999999 solid;
	/*height:296px;*/
	padding:0px;
	vertical-align:top;
	width:100%;
}

.bordeInfMenuLat
{
	background:#ffffff url('/images/bordeInfMenuLat.jpg') right top no-repeat;
	height:10px;
	width:190px;
}

.txtMenuLat
{
	background:transparent url('/images/bullet.gif') 5px 2px no-repeat;
	color:#474747;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:160%;
	padding-left:15px;
	text-align:left;
	text-decoration:none;
}

.txtMenuLat a:visited
{
	color:#474747;
	text-decoration:none;
}

.txtMenuLat a:link
{
	color:#474747;
	text-decoration:none;
}

.txtMenuLat a:active
{
	color:#474747;
	text-decoration:none;
}

.txtMenuLat a:hover
{
	color:#006699;
	text-decoration:none;
}

.titMenuLat
{
	color:#474747;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	line-height:160%;
	text-align:left;
	text-decoration:none;
}

.titMenuLat a:visited
{
	color:#474747;
	text-decoration:none;
}

.titMenuLat a:link
{
	color:#474747;
	text-decoration:none;
}

.titMenuLat a:active
{
	color:#474747;
	text-decoration:none;
}

.titMenuLat a:hover
{
	color:#006699;
	text-decoration:none;
}

/********** MENU DESPLEGABLE **********/
.menuDesplegable
{
	background:#f5f5f5 url('/images/bckgDropDownMenu.jpg') repeat-y right top;
	border:1px #3e5a65 solid;
	border-top:none;
	display:none;
	margin-top:33px;
	position:absolute;
	width:auto;
}

.submenuDesplegable
{
	border-top:1px #3e5a65 solid;
	color:#000000;
	font-size:8pt;
	font-weight:normal;
	padding:3px 15px 3px 15px;
	position:relative;
	text-align:left;
	text-decoration:none;
}

.submenuDesplegable a:link, .submenuDesplegable a:active, .submenuDesplegable a:visited,
{
	color:#000000;
	background:none;
	font-size:8pt;
	font-weight:normal;
	padding:0;
	text-decoration:none;
}

.submenuDesplegable a:hover
{
	color:#000000;
	background:none;
	font-size:8pt;
	font-weight:normal;
	padding:0;
	text-decoration:underline;
}

.submenuDesplegable em
{
	color:#2d8db1;
	font-size:8pt;
	font-family:Tahoma;
	font-style:normal;
	font-weight:normal;
	padding-right:5px;
	text-align:left;
	text-decoration:none;
}

/********* BUSQUEDA **********/
.contenedorBusqueda
{
	 text-align:right;
	 vertical-align:bottom;
	 width:380px;
}


/********* LISTAS **********/
li
{
	background:transparent url('/images/bullet.gif') no-repeat left 3px;
	vertical-align:middle;
	display:list-item;
	list-style:none;
	list-style-type:none;
	padding:0 15px 5px 10px;
	margin:0;
}

ul
{
	display:list-item;
	list-style-type:none;
	padding-left:0;
	margin-left:5px;
}

strong {
	color:#345ea6;
}

img {
	border:none;
}

/************** WebPArtss ******************/

ms-WPBody table{
	border:none;
}


/***** NEWS ANIVERSARIO *****/

.textNewsAni
{
	width:295px;
	background:transparent url('/images/backnewsHomeAnv.jpg') repeat-x;
	padding-left:6px;
	padding-right:5px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9PX;
	padding-left:2px;
	padding-right:5px;
	color:#707173;
	text-align:left;

}

.sideDerNewsAni
{
	background:transparent  url('/images/side_der.jpg') repeat-x;
	width:13px;
	white-space:nowrap;
	height:183px;
	
}

.TitAniversario
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:15PX;
	padding-left:2px;
	padding-right:5px;
	font-weight:800;
	color:black;
}
.TitAniversario2
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14PX;
	padding-left:2px;
	padding-right:3px;
	color:#15588c;
	
}

.imgAniversarioHome
{
	background:transparent url('/images/img_anivHome.jpg') no-repeat ;
	width:323px;
	white-space:nowrap;
	height:183px;
}

/***links seguir ***/

.tablaLigaSup
{
	background:#E1E1E1 none;
	width:100%;
}

.next
{
	vertical-align:middle;
	padding-bottom:1px;
	padding-top:1px;
	text-align:right;
	padding-right:3px;
	width:50%;
}


.next2
{
	vertical-align:middle;
	padding-bottom:1px;
	padding-top:1px;
	text-align:left;
	padding-right:3px;
	width:50%;
}

.nextimg
{
	text-align:left;
	padding-left:1px;
}

.nextimg2
{
	text-align:right;
	padding-left:1px;
}