﻿/* basic elements */
html {
	margin: 0;
	padding: 0;
	}
	
body{
	font-size:62.5%;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background:#fff url(/hipotecas/img/home_bg_deg_sky.jpg) top center repeat-x;
}

p { 
	margin-top: 0; 
	text-align: justify;
	}
h3 { 
	font: normal 1.4em  Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}
	
select {
	color:#666666; 
	font-family:Trebuchet MS, Arial; 
	font-size:14px;
}

a:link { 
	text-decoration: none; 
	color: #018DCC;
	}
a:visited { 
	text-decoration: none; 
	color: #3E98DB;
	}
a:hover, a:active { 
	color: #666;
	}
acronym {
	border-bottom: none;
	}

img {
	border:0;
}

h3{
	font-size:1.4em;
	margin-top:4px;
	margin-bottom:1px;
	line-height:1.2em;
	color:# 2A8DD8;
}
h4{
	font-size:1.2em;
	margin-bottom:1.5em;
	line-height:1.5em;
}
h5{
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
}
h6{
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
}


/* IMPORTANT */

/*Corporative color of HMC*/
.hmc_green, .hmc_green a{color:#74AD2F !important;}
.hmc_blue, .hmc_blue a{color:#018DCC !important;}


/* specific divs */

.float_left{float:left;}
.float_right{float:right;}

#container { 
	margin:0 auto 0em auto;
	width:960px;	
	position: relative;
	}

#icss_cuerpo
{
	width: 960px; /* Tamaño que va a permanecer fijo centrado */
	margin: 0 auto -1em 0em;
	background-color: #FFF;
	background:url(/hipotecas/img/hmc_bg.png) repeat-y bottom;
}


#cabecera
{
	width: 950px; /* Tamaño que va a permanecer fijo centrado */
	margin: 0 auto;
	background-color: #FFF;
}

#cabecera .init
{
	margin:0em 1px 0 1px;
}

#cabecera .logo
{
	width: 400px; /* Tamaño que va a permanecer fijo centrado */
	margin:1em 2em 1em;
}

#menutop {
	float:right;
	position: relative;
	margin: -10em 2em 0 2em;
	width:400px;
		text-align:right;
}

#menutop .links_top {
	font-family:Trebuchet MS, Arial; 
	font-size:12px;	
	color: #888;

}

#menutop #socialbox{
	padding:.8em 0 .5em 25em;
}
#menutop #tellafriend{
	padding:.5em 1em .5em 0em;
}
#menutop #registered{
	padding:.5em 0 .5em;
}

#footer{width: 95em; /* Tamaño que va a permanecer fijo centrado */
	margin: 0 auto;
}

/* PORTADA DE LA HOME */

#portada {
	margin:1em 0em 0em 0em;	
}

#portada .left_content{
	width:435px;
	_width:440px;
	float:left;
	margin:0 .4em;
}

#portada .right_content{
	width:455px;
	_width:470px;
	_position:relative;
	float:right;
	_float:none;
	margin:0em 2em 0 1em;
	_margin:0em -0em 0 -5em;
}

#portada h2{
	font-family:"Segoe Print" !important;
	line-height:1em;
	margin:0em 1em 0;
	font-size:24px !important;
	text-shadow: #c9c9c9 1px 1px 2px;
}

#portada .percent{
	position:relative;
	left: 8em;
	top:1em;
}

#portada .left_content li{
	list-style-image:url(/hipotecas/img/home_li_decoration.png);
	color:#777;
	font-size:15px;
	margin:1.5em 0em 0em;
	letter-spacing: 0em;
}


/* CALL TO ACTION STYLES */

/*CallToAction Home*/
#callToAction_home .callToAction{_float:right;width:453px; background-image:url(/hipotecas/img/callToAction_home.png); background-repeat:no-repeat;color:#666666; font-size:13px; }
#callToAction_home #CTAdata{width:439px;}
#callToAction_home .infotext {width:330px; height:50px; margin:0em 5em 0em; _margin:0em 5em 0em;_position:relative; float:left;color:#666666; font-size:13px;}
#callToAction_home #selectAction select, #callToAction_home #slctProvinceDiv select{width:100px; font-size:12px; }
#callToAction_home #selectAction{float:left; position:relative; margin:2.8em 1.6em;_margin:2.6em .6em;}
#callToAction_home #slctProvinceDiv{float:left; position: relative; margin:2.55em -6.5em;_margin:2.35em -5.5em;}
#callToAction_home .botonCTA{float:right; position: relative; margin:2.7em 0 0 0;}
#callToAction_home .negociaHipotecaSmall{float:left; width:310px; height:60px; margin:1.2em 0.6em 0.5em;text-align:center; color:#777777;font-family: Trebuchet MS, Arial;font-size:19px;font-weight:bold;line-height:1em;}
#callToAction_home .negociaHipotecaSmall a:link, visited { color:#777777; text-decoration:none}
#callToAction_home .negociaHipotecaSmall a:hover { color:#989898; text-decoration:none}
#callToAction_home .negociaHipotecaSmall a:active { color:#777777; text-decoration:none}

/* Call to Action Lateral  */

#slctProvinceDiv{margin:0 0em; position:relative; top:-0.5em;}
.callToAction {display: block; width:350px; height:243px; background-image:url(/hipotecas/img/callToAction.gif); background-repeat:no-repeat;margin:-1em 0em 0 0; //margin:0; _margin: 0 -3em 0 0;_position:absolute;}
.callToAction .infotext {width:310px; height:50px; margin:-.5em 2em 1em;  _margin:-.5em 1em 1em; float:left; color:#666666; font-family:Trebuchet MS, Arial; font-size:12px;}
.callToAction .botonCTA {margin:.7em 130px;}
.callToAction #selectAction select, .callToAction #slctProvinceDiv select{width:100px; font-size:12px; }
.callToAction .negociaHipotecaSmall{float:left; width:250px; height:50px; margin:1.2em 0em 0.5em; padding-left:70px; text-align:center; color:#777777;font-family: Trebuchet MS, Arial;font-size:15px;font-weight:bold;line-height:1em;}
.callToAction .negociaHipotecaSmall a:link, visited { color:#777777; text-decoration:none}
.callToAction .negociaHipotecaSmall a:visited { color:#777777; text-decoration:none}
.callToAction .negociaHipotecaSmall a:hover { color:#989898; text-decoration:none}
.callToAction .negociaHipotecaSmall a:active { color:#777777; text-decoration:none}
.callToAction #selectAction{margin:0 68px; }
.callToAction #slctProvinceDiv{top:3px; left:68px; }

/*-------------------------------------------*/

/* ESTILOS PARA SUBMENU EN HOME */

.home_tab{background:url(/hipotecas/img/home_bg_tab.png) repeat-x; margin:0.5em 0.5em .6em 0.5em; width:950px; height:45px; z-index:3; position:inherit;}
.home_tab .no_select_tab{color:#9aafb7 !important; text-decoration:none; font-weight:bold; margin:0 1.4em; position:relative; top:.7em; font-size:14px;}				
.home_tab .select_tab{color:#74AD2F !important; text-decoration:none; font-weight:bold; margin:0 1.4em; position:relative; top:.7em; font-size:14px;}

.bottom_content{background:url(/hipotecas/img/home_bg_bottom.png) no-repeat; width:960px; height:240px; position:relative; z-index:5; margin:0em 0em; font-family: Trebuchet MS, Arial;}

#contentTab1, #contentTab2, #contentTab3, #contentTab4, #contentTab5, #contentTab6 {position:relative; left:3em; top:.2em; _margin:1em 0em 0 2em; font-size:13px;}
#contentTab2 div, #contentTab3 div, #contentTab4 div, #contentTab5 div, #contentTab6 div {margin:2em 4em 0 0;_margin:1em -5em 0 -5em;}
#contentTab2 .contentTab_first, #contentTab3 .contentTab_first, #contentTab4 .contentTab_first, #contentTab5 .contentTab_first,  #contentTab6 .contentTab_first {
	width:200px;
	float:left;
	_margin:0 5em 0 0;
}

.title_contentTab_text{
color:#6a7a80;
font-size:17px;
font-weight:bold;
padding:0 0 .7em; 
letter-spacing:0px;
}

#contentTab3 .title_contentTab_text{
margin:-.1em 0 0 0; 
}


.title_contentTab_serconsum{color:#6a7a80;font-size:11px;font-weight:bold;}
.contentTab_text{color:#666; width:620px; font-size:13px;}
/* Refinamiento para navegadores */
#contentTab1 .contentTab_first {
width:200px;
_width:210px;
float:left;
margin:0 4em 0 0;
_margin:0 2em 0 1em;

				 
}
#contentTab1 div {
margin:2em 3em 0 0;
_float:left;_margin:1em -2em 0em 0em;		
}

#contentTab2 li, #contentTab3 li, #contentTab4 li, #contentTab5 li,#contentTab6 li{list-style-image:url(/hipotecas/img/home_li_decoration.png); font-size:13px; color:#666; width:550px;top:0.5em; margin:0em -1.4em;padding:0 0 .4em;}
#contentTab2 .blog_image{margin-top:-2em;}
#contentTab5 ul{width:550px;}

/*-------------------------------------------+
|               FOOTER                 |
+-------------------------------------------*/
.realFooter{margin:0 auto; width:945px; font-family: Trebuchet MS, Arial; padding-left:10px;}

#footer_information
{
list-style-type:none;
margin:0 0 12px;
padding:0;
list-style-image:none;
list-style-position:outside;
font-size:12px;
color:#444444;
font-weight:bold;				
}

#footer_information ul li,#footer_copyright ul li
{
border-left:1px solid #999999;
display:inline;
font-size:100%;
font-weight:normal;
margin:0;
padding:0 0.4em 0 0.65em;
white-space:nowrap;		
}

#footer_information li, #footer_copyright li
{
margin-bottom:0.5em;				
}
#footer_information ul
{
list-style-type:none;
margin:-1.5em 0 0;
padding:0 0 0 6.5em;
_padding:0 0em 0 7.5em;
}
#footer_information ul li:first-child, #footer_information ul li.first,
#footer_copyright ul li:first-child, #footer_copyright ul li.first
{
border:medium none;
}


#footer_copyright
{
list-style-type:none;
margin:0 0 12px;
padding:0;
list-style-image:none;
list-style-position:outside;
font-size:10px;	
color:#666666;
font-weight:bold;			
}

#footer_copyright ul
{	
list-style-type:none;
margin:-1.5em 0 0;
padding:0 0 0 15.5em;			
}

.firstLink{border:none;}
/*-------------------------------------------*/


/* //////////////////////////////////////////// */

/* Estilos para Páginas Generales */
.clear{
	clear:both;height:10px;
}
.oculto
{
	display:none;
}
.latleft{
width:460px;
_width:450px;
height:400px;
position:relative;
float:left;
font-family:Trebuchet MS, Arial !important;
color:#222;
font-size:12px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 30px;
_margin-left:-10px;
}
.latright{
width:400px;
height:400px;
position:relative;
float:right;
font-family:Trebuchet MS, Arial !important;
color:#222;
font-size:12px;
border-left-width: thin;
border-left-style: dotted;
border-left-color: #999999;
padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
padding-left: 25px;
_padding-left: 0px;
}

/* Estilo para Título de Sección */
.section_title{background:url(/hipotecas/img/titulobg.gif) no-repeat; width:960px; height:90px; position:relative; z-index:2;left:5px; top:-39px; //top:-25px; *top:-21px;}
.section_title h1{font-family:Trebuchet MS, Arial; color:#FFF;line-height:1em; padding:0.8em 1em 0; font-size:24px;text-shadow: #292929 1px 1px 2px }

/* Subtítulo para sección si procede */
#widgets_subtitle {background:url(/hipotecas/img/widgets_subtitle.png) no-repeat; width:507px; height:120px; position:relative; z-index:2;left:-5px; top:-23px;}
#widgets_subtitle h2{position:relative; height:60px; width:300px; left:-5px; padding:2em 3em 5em 2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}

/*Widgets*/
.btn_noBorder{background:none; border:none; color:#3E98DB; cursor:pointer;}
.btn_noBorder:hover{color:#555;}
.generateWidgets {margin-top:-4em; position:relative; z-index:999;}
.generateWidgets h2{font-size:18px;}

/* Estilos Caja principal */
#icss_cuerpo .caja_central{	
width:500px;
_width:400px;
float:left;	
margin:-1.5em 3em 3em 3em;	
_margin:-0 1em 0 1.4em;	
*margin:1em 3em 3em 3em;
font-family:Trebuchet MS, Arial;	
font-size:13px;	
color:#666;
}
#icss_cuerpo .column_right{
width:345px;
_width:350px;
float:right;
font-family:Trebuchet MS, Arial; 
color:#333; 
font-size:12px;
margin:0em 2em 0em 1em;
_margin:1em 1em 0em 1em;
*margin:3em 2em 0em 1em;
_position:relative;
}
h3 a:link, h3 a:visited{ color:#555; font-size:17px; text-decoration:none; background:#fff;letter-spacing:-0.4px; }
h3 a:hover{ color:#3E98DB; text-decoration:none }
.gobutton{ vertical-align:-5px;}

.bottom_border_overall{	background:url(/hipotecas/img/hmc_endbg.png) no-repeat;	width:100%;	height:18px; position: inherit; background-position:center;	z-index:2;margin: 0em 0em 2em;	top:10px}

.icono_seccion {margin-left:10px; margin-bottom:5px;}

/* ESTILOS PARA EL GLOSARIO Y MAPA WEB */

#mapa h1{
	font-size:1.4em;
	font-weight: normal;
	margin:1px 0 0 -.6em;
	*margin: 0em 0 0 0em;

	color:# 2A8DD8;
	list-style-image:none;
	list-style-position:outside;
	display:inline;
	} 
	
#mapa ul, #mapa li, #mapa ul li {
	margin: 0.4em 0 0 -1em;
	_margin: 0em 0 0 0em;
	*margin: 0.4em 0 0 0em;
	list-style-image: url(../img/accede-a-tu-area-personal.jpg);
	list-style-position:outside;
	display: block;
	font-weight:lighter;
	}

#glosario h1{
	font-size:2em;
	font-weight: normal;
	margin:3em 0 0 0;
	color:# 2A8DD8;
	list-style-image:none;
	list-style-position:outside;
	display:inline;
	} 
	
#glosario h2{
	font-size:1.7em;
	font-weight: normal;
	margin-bottom:3em 0 0 -4px;
	color:# 2A8DD8;
	list-style-image:none;
	list-style-position:outside;
	display:inline;
	} 
	
#glosario ul, #glosario li, #glosario ul li {
	margin: 0em 0 0 -1em;
	_margin:0 0 0 0;
	*margin:0.4em 0 0 0em;
	font-weight:lighter;
	list-style-image: none;
	list-style-position:outside;
	display: block;
}

/*Product pages*/
.productTableUl{list-style:none; width:43em; margin-left:-3em; //margin:0; font-size:12px !important;}
.productTableProvinceUl{list-style:none; width:30em; margin-left:-3em; //margin:0; font-size:12px !important;}
.productTableMortgage{list-style:none; width:53em; margin-left:-3em; //margin:0; font-size:10px !important;}

.productFirstColumn{background:#CFE1ED;}
.productFirstColumn a{color:#40637B; text-shadow:1px 1px 1px #FFFFFF !important; text-align:left;}
.productSecondColumn{background:#949494;}
.interLinksTitleDiv{border-top:1px solid #999; width:800px;}
.interlinksTitle{font-size:14px; width:100%; }
.productTitleTableBank{background:#A7C0C5; padding:10px 10px 0; height:3em; width:10em; margin-left:0 !important; margin-right:0 !important;
					float:left; text-align:center; color:#fff; font-weight:bold; text-shadow:1px 1px 1px #000 !important; border-right:1px dashed #fff;
					text-shadow:1px 1px 1px #000000 !important;}
.productContentTableBank{padding:10px 10px 0; height:3em; width:10em; margin-left:0 !important; margin-right:0 !important;
					float:left; text-align:center; border-bottom:1px dotted #999999;}	
			
					
.productTitleTable{background:#A7C0C5; padding:10px 10px 0; height:3em; width:6em; margin-left:0 !important; margin-right:0 !important;
					float:left; text-align:center; color:#fff; font-weight:bold; text-shadow:1px 1px 1px #000 !important; border-right:1px dashed #fff;
					text-shadow:1px 1px 1px #000000 !important;}
.productContentTable{padding:10px 10px 0; height:3em; width:6em; margin-left:0 !important; margin-right:0 !important;
					float:left; text-align:center; border-bottom:1px dotted #999999;}
.productRelationContent{padding-top:30px; width:80em; margin-left:0 !important; margin-right:0 !important; clear:both; float:left;
						font-size:11px;}
.productRelationContent table{width:800px;}						
.productRelationContentMortgageBanks{width:80em;}
.productRelationContentMortgageBanks b u{color:#666;}
.productRelationContent li{list-style:none;}

.productTaeSpan1{padding-right:1.5em;}
.productTaeSpan, .productVinculatedSpan{padding-right:0.7em;}

.productVinculatedFrom{padding-right:0.5em;}
.productVinculatedTo{padding-right:1.5em;}

#interLinksHome{margin-left:165px; _padding-left:165px; width:900px; font-size:12px; margin:0 auto;}
#interLinksHome h3{color:#6B7984; border-bottom:1px solid #999; width:900px;}
#interLinksHome .mortgage{margin-right: 20px;}
#interLinksHome .banks{clear:both; padding-top:10px;}
#interLinksHome table{width:900px;}
#interLinksHome .provinces{margin-right:11em;}
.hmc_hr_inter{width:950px;}
.interProvinces a{margin-right:40px !important;}<!-- Cached at 3/9/2010 11:59:52 AM -->