/********/
/*ESTILO*/
/********/

* { 
	margin: 0;
	padding: 0;
}

html { 
	height: 100%;
}

body { 
    font-family:'Locator-Regular', Arial;
	font-size:.80em;
	text-decoration:none;
	background: #FBFBF4; /*Fondo*/
	color: #42423A; /*Gris Letras*/
}

p { 
	padding: 0 0 10px 0;
	line-height: 1.7em;
}

img{ 
	border: 0;
}

h1, h2, .spanH1, .spanH2{
    font-family:'Locator-Ultralight', Arial Narrow, 'Arial Narrow';
    font-size:2em;
	color: #00A94F; /*Verde Letras*/
	font-weight:bold;

}

h1, h2 {
	padding: 15px 0 15px 0;
}

h2, .spanH2{
	color: #726658; /*Gris Titulo*/
}



h3, h4, h5, h6 { 
   	font-size:.80em;
	color: #726658; /*Gris Titulo*/
	margin: 0 0 5px 0;
	padding: 15px 0 5px 0;
}


h4{ 
	text-transform:uppercase;
	color: #A0CF67; /*Verde Link*/
}


h5, h6{ 
	margin: 0;
	padding: 0 0 0 0;
	font-size: 95%;
	font-style:italic;
	color: #000;
}

h6{ 
	color: #00A94F; /*Verde Letras*/
}

a, a:hover{ 
	outline: none;
	text-decoration: underline;
	color: #A0CF67; /*Verde Link*/
}

a:hover{ 
	text-decoration: none;
}

blockquote{ 
	margin: 20px 0; 
	padding: 10px 20px 0 20px;
	border: 1px solid #A8A9A3; /*Gris Borde*/
	background: #FFF; /*Blanco*/
}

ul li{ 
	list-style-type: none;
	background: url(../imgMicrositio/bullet.png) no-repeat;
	margin: 0; 
	padding: 0 0 0px 15px;
	line-height: 1.5em;
 }
 
ol{
	margin: 0 0 11px 0;
}

form{ 
	margin: 15px 0 0 0;
}

input, textarea, select{ 
    font-size:90%;
	padding: 5px; 
	border: 0px;
	background: #B8DEC1;  /*Verde Campos */
	font-family:'Locator-Regular';
}

.submit { 
	color:#006600;
	background:transparent url(../imgMicrositio/tabOff.png) repeat-x top left;
	height:24px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 5px 12px 5px 12px;
	margin: 5px; 
	
 }

.submit:hover{
	color:#006600;
	background:transparent url(../imgMicrositio/tabOn.png) repeat-x top left;
	
}


input[type=checkbox] { 
	padding: 5px 5px 5px 5px; 
	border: 0px;
	display:inline;
}

input[type=radio] { 
	padding: 5px 5px 5px 5px; 
	border: 0px;
	display:inline;
}

fieldset{
    display: block;
	margin: 0 0 1em 0;
	padding: 0 1em 1em 1em;
	border: 1px solid #d9d9d9;
    border-collapse:collapse;
}

legend{
	color:#00A94F; /*Verde Letras*/
}

label{
	margin: 1em 1em 0 0;
	display:inline-block
}


/***********/
/*CONTENIDO*/
/***********/

#main, #logo, #menuhoriz, #site_content, #imgFooter, .footer{ 
	margin-left: auto; 
	margin-right: auto;
}

#WorkArea{ 
	min-height: 500px;
}

#site_content{ 
	width: 85%;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 5px;
 } 
 
.site_imgCredi100 {
   min-height: 655px;
   background:transparent url(../imgMicrositio/fondoCredi100_R.jpg) repeat; 
}

.site_imgCredi100_2{
    min-height: 655px;
    background:transparent url(../imgMicrositio/fondoCredi100.jpg) no-repeat right bottom;
}

.site_imgHome {
    min-height: 655px;
	background:transparent url(../imgMicrositio/fondoHome_R.jpg) repeat right bottom;
}

.site_imgHome2{
    min-height: 655px;
	background:transparent url(../imgMicrositio/fondoHome.jpg) no-repeat left top;
}

.site_imgSim{
    min-height: 655px;
	background:transparent url(../imgMicrositio/fondoSimulador_R.jpg) repeat left top;
}

.site_imgSim2{
    min-height: 655px;
	background:transparent url(../imgMicrositio/fondoSimulador.jpg) no-repeat right top;
}


.clearImg{
    min-height: 655px;
	background-image:none;
}



/********/
/*HEADER*/
/********/

#header{ 
	background: #00A94F; /*Verde Principal*/
}

#logo{ 
	width: 80%;
	padding: 10px;
}

#headerSpace{
 height: 1px;
 width: 100%;
 border-right: 1.5px solid #FFF; /*Verde Borde Contenido*/
}

/******/
/*MENU*/
/******/
 
#menuhoriz {
	width: 90%;
	font-size:.90em;
	text-transform:uppercase;
}

#menuhoriz ul li {
    display: inline-block;
    *display: inline;
	background-image:none;
	text-align: center;
	min-width: 100px;
	color: #FFF; /*Blanco*/
	padding: 5px 5px 5px 5px; 
	border-right: 1.5px solid #FFF; /*Verde Borde Contenido*/
} 

#menuhoriz ul li  span{
	padding: 5px 5px 5px 5px; 
} 

#menuhoriz ul li:hover, .menuSelected {
    background-color:#0DA248; /* Color de fondo sobre el boton */
    cursor: pointer; /* cambiar el aspecto del puntero */
	color: #A0CF67; /*Verde Link*/
}

/**************/
/*MENU DERECHO*/
/**************/

.contentLeft{ 
	float: left;
	width: 35%;
	padding: 0 15px 20px 15px;
}

.contentRight{ 
	float: right;
	width: 35%;
	padding: 0 15px 20px 15px;
}


.contentLeft50{ 
	float: left;
	width: 45%;
	padding: 0 15px 20px 15px;
}

.contentRight50{ 
	float: right;
	width: 45%;
	padding: 0 15px 20px 15px;
}

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

#imgFooter {
	width: 85%;
	position:relative;
}

#imgFooter  .siguenos{
	position:absolute;
	right:0px;
	top:15px;
}

.footer{ 
	width: 85%;
	height:40px;
	font-size:10px;
	position:relative;
	background: #00A94F; /*Verde Principal*/ 
	color: #FFF; /*Blanco*/
	border: 1px solid #64BA78; /*Verde Borde Contenido*/
 }

.footer a{ 
	color: #FFF; /*Blanco*/
	text-decoration: none;
}

.footer a:hover{ 
	color: #FFF; /*Blanco*/
	text-decoration: underline;
}

.footer div{
    float: left;
	margin: 0; 
	padding: 4px 20px 20px 4px;
}

.footer #footerLeft{
	width: 60%;
}

.footer #footerRight{
	width: 25%;
}

.footer .globo
{
	position:absolute;
	right:-22px;
	top:-39px;
}

.footer .orgulloMex
{
	position:absolute;
	right:40px;
}

/********/
/*TABLAS*/
/********/

table.aTable {
	width: 100%;
}

td.topM {
height:0px;
color: #FBFBF4; /*Fondo*/
}

table.aTable td, table.aTable th{
	padding: 0px;
	font-weight:normal;
}

table.tableGrid {
	border-collapse:collapse;
	border-color: #d9d9d9; /*Gris Borde Claro*/
}

table.tableGrid td, table.tableGrid th{
	padding:0;
	margin:0;
	background: #F1F2F2;  /* Fondo Formularios */
}

table.tableGrid th{
	padding:5px;
	margin:0;
	background: #A8A9A3; /*Gris Borde*/
}

table.tableContentCenter {
	border: 0px;
}

table.tableContentCenter td, table.tableContentCenter th{
	background: #B8DEC1;  /*Verde Campos */ 
	text-align: center; 
	padding: 5px; 
}

table.tableContentCenter th{
	background: #A8A9A3; /*Gris Borde*/
}


table.tableContent {
	border: 0px;
}

table.tableContent td, table.tableContent th{
	padding: 5px; 
}

table.tableContent th{
	background: #A8A9A3; /*Gris Borde*/
}


.dataLevel1{
	background:#C6E1A3;
}

.dataLevel2{
	background:#BBBDB7;
}

.dataLevel3{
	background:#ADD8B3 ;
}


.boldWeight {
	color: #726658; /*Gris Titulo*/	
	text-transform:uppercase;
	font-weight:bold;
	
	text-align: center;
}


table.simTable {
	border: 0px;
}

table.simTable td, table.simTable th{
	padding: 5px; 
	background: #B8DEC1;  /*Verde Campos */ 
	font-weight: normal;
	width: 50%;
}

table.simTable th{
	background: #A8A9A3; /*Gris Borde*/
}

/*********/
/*GENERAL*/
/*********/

.left { 
	float: left;
	width: auto;
	margin-right: 10px;
}

.right{ 
	float: right; 
	width: auto;
	margin-left: 10px;
}

.center{ 
	display: block;
	text-align: center;
	margin: 20px auto;
}

.menuLink li { 
	padding: 0 0 0 40px;
	display: block;
	background: transparent url(/Hipotecario/CSS/link.png) no-repeat left center;
 } 
 
 .alert{
	border: 2px solid;
	border-style:dotted;
	border-color:red;
	padding:5px 5px 5px 5px;
	margin:5px 5px 5px 5px;
	width:97%;
}


img.img_link {
	cursor:pointer;
	padding:0;
	margin:0;
}

.titleWhiteGrey{
	text-align:center;
	background-color: gray;
	color: #FFFFFF;
	font-weight:bold;
	border-bottom-style: solid; 
	border-bottom-width: 1px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


/*****************************/
/*ESTILO PARA BLOQUEAR PAGINA*/
/*****************************/

#over {
	position: absolute; 
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%; 
	height: 100%;
	margin: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity:0.60;
	background:  #666666;
}

#blocker {
	background:  #666666;
	position: absolute; 
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%; 
	height: 100%;
	margin: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity:0.60;
	vertical-align:middle;
}

.sh2 {
	position: absolute;
    left: 0;
	top: 200px;
	z-index: 100;
	width: 100%; 
	height: 30px;
	vertical-align:middle;
}

/******************/
/*BASE PRE CAPTURA*/
/******************/


table.smallTitle td, th{
	padding:5px;
}

.smallTitleErr{
	padding: 5px;
	font-weight:bold;
    color: #990000;
}


.tabMenu{
	position:relative;
	display:block;
	height:24px;
	font-size:90%;
	font-weight:bold;
	background:transparent url(../imgMicrositio/tabOff.png) repeat-x top left;
	border-bottom:1px solid #d9d9d9; /*Gris Borde Claro*/
	border-right: 1px solid #d9d9d9; /*Gris Borde Claro*/
	border-left: 1px solid #d9d9d9; /*Gris Borde Claro*/
	width:100%;
	text-transform:uppercase;
}

.tabMenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	background: none;
}

.tabMenu ul li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	border-right: 1px solid #d9d9d9; /*Gris Borde Claro*/
	background: none;
}

.tabMenu ul li a{
	display:block;
	float:left;
	color:#00A94F; /*Verde Letras*/
	text-decoration:none;
	padding:5px 20px 0 20px;
	height:20px;
}

.tabMenu ul li a:hover,.tabMenu ul li a.currTab{
	color:#006600;
	height:21px;
	background:transparent url(../imgMicrositio/tabOn.png) repeat-x top left;
}

.tabMenu ul li a.error{
	color:#006600;
	background-color: #E65C5C; 
}

.divTab{
	padding:0;
	margin:0;
	width:99%;
	background-color: #F1F2F2;  /* Fondo Formularios */
	border: 1px solid #d9d9d9; /*Gris Borde Claro*/
}

.divSim, .divSimDetail {

	padding: 10px;
	margin:10px;
	width:50%;
	background-color: #FBFBF4; /*Fondo*/
	background-image:  none;
	border: 1px solid #d9d9d9;
}

.divSimDetail{
	width:80%;
}

.title{
	border: #00A94F ; /*Verde Letras*/
	color: #726658; /*Gris Titulo*/
	
	border-bottom-style: solid; 
	border-bottom-width: 1px;
	
	padding:5px 5px 5px 5px;
	
	text-transform:uppercase;
	font-weight:bold;
}


.buttonContainer {
	font-size: 9.5px;
	margin: 6px 6px 6px 6px;
}

.buttonContainer a{
	padding: 6px 1px 1px 1px;
	color: #42423A; /*Gris Letras*/
	border: 1px solid;
	border-color:#FBFBF4; /*Fondo*/
	vertical-align: middle;
    text-decoration: none;
}

.buttonContainer a:hover { 
	border: 1px solid;
	border-color:#00A94F; 
}


/******************/
/*****FONT FACE****/
/******************/


@font-face {
    font-family: 'Locator-Regular';
    src: url('../fonts/locator-regular.eot');
    src: url('../fonts/locator-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator-regular.woff') format('woff'),
         url('../fonts/locator-regular.ttf') format('truetype'),
         url('/Hipotecario/CSS/locator-regular.svg#locator-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Locator-Ultralight';
    src: url('../fonts/locator-ultralight.eot');
    src: url('../fonts/locator-ultralight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator-ultralight.woff') format('woff'),
         url('../fonts/locator-ultralight.ttf') format('truetype'),
         url('/Hipotecario/CSS/locator-ultralight.svg#locator-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#imgFooter  .siguenos{
                position:absolute;
                background: #E6F6ED; /*Blanco*/
                right:0px;
                top:20px;
                padding: 7px 40px 7px 7px;
}