/******************************
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;
	height:100%;
	margin:0 auto;
	padding:0;
	vertical-align:top;
	width:960px;
}


/********** 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:auto;
	vertical-align:top;
	width:940px;
}


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


/********** HEADER **********/
.header
{
	background-color:#efefef;
	border-bottom:1px solid #606060;
	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
{
	border-bottom:1px solid #606060;
	border-top:1px solid #606060;
	height:360px;
	width:100%;
}


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


/********** CONTENIDOS **********/
.contenidos
{
	background-color:#ffffff;
	height:100%;
	padding:20px;
	vertical-align:top;
	width:auto;
}


/********** 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:190px;
	width:10px;
}

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

.recuadroMid
{
	background:#ffffff url('../../images/bckgRecMid.jpg') left top repeat-x;
	height:190px;
	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:190px;
	line-height:160%;
	text-decoration:none;
	vertical-align:middle;
	width:100%;
}

.btnVerMas 
{
	color:#045b84;
	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;
	vertical-align:top;
	text-align:center;
	width:auto;
}


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

.txtFooter img
{
	padding-left:5px;
	padding-right:5px;
	vertical-align:bottom;
}

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

.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:5px;
	padding-right:5px;
	text-align:center;
	text-decoration:none;
	vertical-align:bottom;
	width:140px;
}

.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 **********/
.breadCrumb
{
	color:#474747;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:left;
	width:100%;
}

.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%;
}

.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;
	display:list-item;
	list-style:none;
	padding-left:10px;
	margin-left:0;
}

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