* 									{ margin: 0; padding: 0; }
body								{ font: 12px Helvetica, Sans-Serif; padding-top: 36px; background: url("../images/body-bg.jpg") repeat-x top left #cdccba; }
html                                { overflow-y: scroll; }

#page-wrap							{ width: 890px; margin: 0px auto; position: relative; } 
a									{ text-decoration: none; color: #307fc1;}
a:visited							{ color: #307fc1; }
a:hover								{ text-decoration: underline; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }
.clear                              { clear: both; }
img									{ border: 0; }

/**************** TOP MENU ****************/
#top-menu-wrap						{ background: url("../images/top-menu-bg.png") repeat-x; height: 33px; margin:-36px 0 10px 0; padding: 8px 0 9px 0; }
#top-menu							{ width: 890px; text-align: right; margin: 0 auto; display: block; }
#top-menu li						{ display: inline; }
#top-menu li.separator				{ color: #caff84; }
#top-menu a							{ font-size: 11px; color: #caff84; padding: 7px 5px; font-weight: bold; }
#top-menu a:hover					{ text-decoration: underline; }
#top-menu a.current-page			{ }
#header .top-light					{ background: url("../images/top-menu-light.png"); position: absolute; top: 0px; left: -45px; z-index: 2000; width: 739px; height: 31px; }


/**************** LOGO ****************/
#logo								{ margin-bottom: 18px; }


/**************** MENU ****************/

/* 
	NIVEL UNO
*/
#main-menu .nav-wrap						   { margin: 0px auto; height: 56px; background: url("../images/menu-bg.gif") no-repeat left top; padding-left: 18px; }
#main-menu ul.dropdown                         { position: relative; text-transform: uppercase;}
#main-menu ul.dropdown li                      { float: left; zoom: 1; }
#main-menu ul.dropdown li a                    { display: block; padding: 18px 12px; color: #fff; font-weight: bold; }
#main-menu ul.dropdown li a:hover			   { color: #aaa; text-decoration: none; }  
#main-menu ul.dropdown li:hover                { position: relative; }

/* OTROS */

.bigBanner										{ margin: 0 auto; text-align: center; margin-top: -18px; margin-bottom: 18px; margin-top: -1px; }
.bigBanner img 									{ border: 5px solid #ccc; }
.no-line										{ border: 0px; }

#main-menu .current-page span 					{ color: #555; }
#main-menu .current-page 						{ background: url("../images/menu-active.jpg"); border: 1px solid #bbb; }
#main-menu .parent								{ background-position: top right; }
#main-menu .infonavit span						{  }

/**************** BREADCRUMBS ****************/

#breadcrumbs									{ background: #eee; padding: 6px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#breadcrumbs li									{ display: inline; margin-right: 6px; }
#breadcrumbs a									{ font-size: 11px; font-weight: bold; color: #666; }
#breadcrumbs a:hover							{ color: blue;}
#breadcrumbs a img								{ vertical-align: bottom; margin-right: 9px;}

/*************** HEADER **********************/
#header											{ margin-bottom: 16px; }
#header .light									{ background: url("../images/header-light.png"); position: absolute; top: 0px; left: -45px; z-index: -200; width: 723px; height: 161px; }

/*************** FOOTER **********************/

#footer											{ font-size: 11px; background: url("../images/footer-bg.gif") repeat-x top left; height: 105px; margin-top: 18px;  }
#footer .footer-wrap							{ width: 870px; margin: 0px auto; position: relative; background: url("../images/footer-shadow.png") no-repeat top center; min-height: 103px; padding: 10px 10px 0 10px; color: #e7e7df; text-shadow: 1px 1px 1px #5e5e5e; }
#footer img										{ margin-bottom: -6px;}

/*************** SIDEBAR **********************/

#sidebar										{ float: right; }
#sidebar .widget								{ width: 148px; background: white; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; margin-bottom: 10px; }
#sidebar .banner								{ margin-bottom: 10px; }
#sidebar h2										{ font-size: 14px; }
#sidebar ul										{ list-style-type: disc; list-style-position: outside; margin-left: 18px; }
#sidebar ul li 									{ padding: 5px; }
#sidebar ul li a:link							{ color: #307fc1; }
#sidebar ul li a:hover							{ text-decoration: underline; } 

/*************** FULL PAGE ********************/
#full-page-content								{ position: relative; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; width: 850px; margin: 0 auto; }

#full-page-content .content						{ width: 500px; float: left; }

/*************** CONTENT **********************/

h2												{ color: #73a23b; font-size: 20px; font-weight: bold; letter-spacing: -1px; text-shadow: 1px 1px 1px #c9ec9b; }
.bold											{ font-weight: bold; }
.center											{ text-align: center; }
.font-11										{ font-size: 11px; }

#servicios										{ background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 18px 0px 18px 18px; width: 872px; color: #525252; }									{}
#servicios .box									{ width: 140px; height: 290px; padding: 10px; float: left; text-align: center;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e9e9e9; margin: 0px 10px 10px 0px; }
#servicios .box h4								{ min-height: 34px; }
#servicios a									{ color: #000; }
#servicios .box a:hover							{ text-decoration: none; }
#servicios a span							    { color: #307fc1; display: block; text-align: center; margin-top: 10px; }
#servicios .box p								{ font-size: 11px; line-height: 18px; }

.left											{ float: left; width: 320px; }
.right											{ float: right; width: 320px; }

#ejemplos										{ text-align: center; }

#metodologia									{ width: 900px; color: #525252; }
#metodologia .box								{ width: 260px; padding: 10px; float: left; border: 5px solid #ddd; text-align: center; margin: 0px 10px 10px 0px; background: #fff;}

#afiliate										{ width: 900px; }
#afiliate .box									{ width: 244px; padding: 18px; float: left; border: 5px solid #ddd; margin: 0px 10px 10px 0px; background: #fff; min-height: 240px; }
#afiliate ul									{ margin-left: 18px; }
#afiliate ul li									{ margin-bottom: 10px; line-height: 18px;}

.full-box										{ width: 860px; background: #fff;  border: 5px solid #ddd; margin: 0px 10px 10px 0px; padding: 10px; } 								


#infonavit										{ width: 950px; color: #525252;; }
#infonavit .box									{ float: left;  border: 4px solid #ddd; margin: 0px 10px 10px 0px; background: #fff; }
.box h4											{ font-size: 11x; color: #3b3c3e; font-weight: bold;  }
.box p											{ text-align: left; padding: 6px; font:12px Helvetica,Sans-Serif;}
 ul.contenido 									{ line-height: 24px; font-size: 12px; list-style-image: url("../images/bullet-gray.gif"); margin-left: 45px; color: #222; }
 ul.contenido li.small								{ line-height: 21px; }
 
 /*con 18px de padding outside index, servicios, etc. y border de 1px, con 20px de padding interno
 */
.oneCol			{ width: 124px; } /* 150px ORIGINAL: */
.twoCols		{ width: 308px; } /* 330px ORIGINAL: */
.threeCols		{ width: 484px; } /* 512px ORIGINAL: */
.fourCols		{ width: 650px; } /* 690px ORIGINAL: */
.fiveCols		{ width: 814px; } /* 854px ORIGINAL: */

.padding-18 	{ padding: 18px; }

.edoCuenta-bg	{ background: url("../images/estado-de-cuenta-infonavit.jpg") no-repeat 200px 18px;}

.gray-bg  { background: #f1f1f1; }

#sitemap ul										{ list-style-type: disc; list-style-position: outside; margin-left: 18px; }
#sitemap ul li 									{ padding: 5px; }
#sitemap ul li a:link							{ color: #307fc1; }
#sitemap ul li a:hover							{ text-decoration: underline; }