/*  
Proyecto: FINACIERA FAMILIAR
diseño y construcción: Gustavo Antunez
E-mail: gustavoantunez@gmail.com
fecha: 03/10/2008
Mod 1: 06/10/2008
Mod 2: -
*/ 

/* ////////////// R E S E T //////////////// */
* { padding: 0; margin: 0; }

table { border-spacing: 0px;	border-collapse: collapse; }

* html img,* html .png {
	behavior: expression(( this . runtimeStyle . behavior = "none") &&( this
		. pngSet ? this . pngSet = true :( this . nodeName ==   "IMG" &&  
		this . src . toLowerCase() . indexOf('.png') > -1 ?( this .
		runtimeStyle . backgroundImage =   "none", this . runtimeStyle .
		filter =   "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"
		+   this . src +   "', sizingMethod='image')", this . src =  
		"transparent.gif" ) :( this . origBg =   this . origBg ?   this .
		origBg : this . currentStyle . backgroundImage . toString() .
		replace('url("', '') . replace('")', ''), this . runtimeStyle . filter
		=   "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +  
		this . origBg +   "', sizingMethod='crop')", this . runtimeStyle .
		backgroundImage =   "none" ) ), this . pngSet = true ) );
}

/* CLEAR FIX */
.clearfix:after {
	content:".";
	display:block;	height:0;
	clear:both;	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
}
* html .clearfix {
	height:1px;
}


/* FORMULARIOS */
input,textarea,select,option {
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
input {
	font-size: 90%;
	padding: 3px;
}
textarea {
	font-size: 100%;
	padding: 3px;
}
input.check {}
select {
	font-size: 90%;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
option {	padding-right: 12px; }

.alert{ 
	color: #FF4500; 
}
fieldset{
	padding: 12px;
	border: 1px dotted #EBEBEB;
}
legend{
	display: none;
}
.btn{ 
	background: #8A8889;  color: #FFF;
	padding: 3px; font-weight: bold;
	border: 0;
}
/* FIN FORMULARIOS */

/* ############################################################*/
/* #################### ESTILOS GENERALES ##################### */
/* ############################################################*/

body{ 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px; color: #503814;
	text-align: center;
	padding: 12px 0;
	background: #C8C8C8;
}
p { margin-bottom: 13px; }

a:link, a:visited{
	color: #6B5140; 
}
a:hover, a:active{
	color: #91725D; 
}

hr {
	background-color: #EDEDED;
	height: 1px;
	border: 0;
	color: #EDEDED;
	margin: 6px 0;
}
h1,h2,h3,h4,h5,h6{
	/*font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;*/
	color: #9D301B; font-weight: normal;
}
h1{ font-size: 23px; }
h2{ font-size: 21px; }
h3{ font-size: 19px; }
h4{ font-size: 17px; }
h5{ font-size: 15px; }
h6{ font-size: 13px; }

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link{
	color: #9D301B !important; text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	text-decoration: underline;
}

ul, ol{ list-style: inside; padding: 3px 12px;}

#container{
	width: 1000px; margin: auto;
	text-align: left;
/*	border: 1px solid #DEDEDC;
	border-top-width: 12px;*/
	background: #D7C190;
}


/* ############################################################*/
/* ################### FIN ESTILOS GENERALES ################## */
/* ############################################################*/

/* ############################################################*/
/* ########################## TOP  ############################ */
/* ############################################################*/
#header{ 
	border-bottom: 1px solid #DEDEDC;
	height: 120px;
	background: #6B5140;
}
#logo, #login{
	float: left; display: block;
}
#logo{
	width: 372px;
	padding: 6px 20px 6px 20px;
}
/* LOGIN */
#login {
	background: #D7C094;
	width: 230px;
	margin: 6px 6px 6px 325px;
	padding: 6px 12px;
	color: #6B5140;
	font-size: 11px;
}
#login .tlog{
	font-weight: bold; margin-bottom: 9px;
	font-size: 14px; padding-bottom: 6px;
	border-bottom: 1px solid #EBEBEB;
}
#login input{
	width: 80px; margin-right: 3px; margin-bottom: 3px;
}
/* FIN LOGIN */

.color1{ border-right: 1px solid #DA251C; }
.color2{ border-right: 1px solid #F8C301; }
.color3{ border-right: 1px solid #163273; }

.titColor1{	background: #DA251C; padding: 0 12px; height: 30px; }
.titColor1 h2{	color: #F8C301; }

.titColor2{	background: #F8C301; padding: 0 12px; height: 30px; }
.titColor2 h2{	color: #DA251C; }

.titColor3{	background: #163273; padding: 0 12px; height: 30px; }
.titColor3 h2{	color: #F8C301; }

#barra_menu{
	background: #6B5140;
	font-size: 12px;
	padding: 2px 3px 3px 3px;
	clear: both;
	height: 26px;
}

a.lix:link, a.lix:visited{
   padding: 3px 40px;
   text-decoration: none;
	display: block;
	color: #D7C094;
	border: 1px solid #6B5140;
} 
a.lix:hover, a.lix:active{
	border: 1px solid #6B5140;
	background: #D7C094;
} 


ul#navmenu-h strong{
	font-size: 11px; color: #6B5140;
}
/*ul#navmenu-h p{
	margin-top: 12px;
}*/
/*
 Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  list-style: none;  text-align: left; 
}

ul#navmenu-h li {
  float: left; /*For Gecko*/
  display: inline;
  position: relative;
}

ul#navmenu-h ul {
  width: 180px;
  list-style: none;
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  background: #D7C094;
  z-index:2;
  border: 1px solid #6B5140;
  padding: 16px 20px;
  color: #6B5140;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 180px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  background: url(../img/o.gif) no-repeat left 10px;
  border: none;
  padding-left: 6px;
}

/* Root Menu */

ul#navmenu-h li ul li a {
  padding: 4px 3px !important;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #6B5140;
  font-weight: normal;
  font-size: 11px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
	color: #000;
	text-decoration: none;

}
ul#navmenu-h li:hover{
	color: #000; 
}
/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  color: #6B5140;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a {
  color: #000;
}
ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 180px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul {
  display: none;
}
ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul,
ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul{
  display: block;
}
/* ############################################################*/
/*  ########################## FIN TOP  ####################### */
/* ############################################################*/

/* ############################################################*/
/*  ########################## CUERPO  ######################## */
/* ############################################################*/
#contenido{
	clear: both;
	/*border-left: 1px dotted #DEDEDC;*/
	/*margin-left: 10px;*/
}
#col_izq, #col_ppal{
	 /*display: block; float: left;*/
	 vertical-align: top;
}
#col_izq{
	padding: 400px 0 50px 10px;
	width: 200px;
	background: url(../img/bgVip1.jpg) no-repeat top left;
	color: #9D301B;
}
#col_ppal{ 
	width: 748px;
	padding: 10px;
	/*border-left: 1px dotted #DEDEDC;*/
	margin-left: 10px;
}
#col_ppal ul, ol{ list-style: inherit; padding: 0 12px 12px 12px;}
#col_ppal li{
	margin-left: 6px;
}
#tabIndex td{
	padding: 10px;
}
#tabAcc td{
	padding: 10px;
	background: #FAFAFA;
	border: 9px solid #FFF;
	color: #666;
}

.imgx{
	padding: 3px 3px 0 0;
}
/* COTIZACIONES, CLIMA y BUSCADOR */
#coticlima{
	color: #4A5768; font-size: 11px;
}
.tcot{
	border-bottom: 1px solid #EDEEF0;
	margin-bottom: 12px;
}
.tcot td{
	padding: 3px;
	border-bottom: 1px dashed #EDEEF0;
}
.tit1{ 
	padding-bottom: 6px; text-align: center;
	border-bottom: 1px dashed #EDEEF0; 
}
.tit2{
	color: #BEC1C9; font-size: 10px;
}
.frio{
	color: #0099CC; font-size: 14px; font-weight: bold;
}
.calor{
	color: #D1000C; font-size: 14px; font-weight: bold;
}

#help{ 
	/*background: #C0C0C0;*/
	margin: 12px 0 0 0;
}
#help div{
	padding: 0 12px 12px 12px;
}


/* FIN COTIZACIONES, CLIMA y BUSCADOR  */



/* TABLAS */

.table_1 {
	border-top: 1px solid #EAF0FB; 
	border-left: 1px solid #EAF0FB; 
	width: 100%; margin: 10px auto;
	font-size: 11px;
	background: #FFF;
}
.table_1 td, .table_1 th {
	border-right: 1px solid #EAF0FB; 
	border-bottom: 1px solid #EAF0FB; 
	padding: 4px 6px;
}
.table_1 th {
	background: #EAF0FB; color: #005985; font-weight: bold; font-size: 13px; text-align: left;
}
.table_1 tfoot{color: #999; background: #F5FAFC; }
.table_1 tfoot a:link, .table_1 tfoot a:visited{color: #999; }
.table_1 tfoot a:hover, .table_1 tfoot a:active{color: #333; }
.tr_table_1{
	color: #005985; font-size: 10px;
	background: #F8FCFD;
}

.table_1 th  a:link, .table_1 th a:visited{
	float: right; font-weight: normal; color: #0066CC; font-size: 11px;
}
.table_1 th  a:hover, .table_1 th a:active{
	color: #D40C1E;
}
.table_2 td{
	padding: 6px;
}
/* TABLAS */
/* ############################################################*/
/*  ########################## FIN CUERPO  #################### */
/* ############################################################*/

/* ############################################################*/
/*  ########################## BOTTOM  ######################## */
/* ############################################################*/
#promos{ 
	margin-bottom: 12px;
}
.prod{
	float: left; display: block;
	width: 296px; text-align: center;
	margin: 12px;
	color: #585858;
	border: 1px solid #DCDCDC;
}
.prod h3{
	font-weight: normal;
}
#bottom{
	clear: both;
	padding: 10px;
   /*border-top: 1px solid #DEDEDC;*/
	font-size: 10px; color: #91725D;
}
#bottom a:link, #bottom a:visited{
	color: #91725D;
}
#bottom a:hover, #bottom a:active{
	color: #6B5140;
}
#l, #r{
	float: left; display: block;
}
#l {
	width: 25%;
}
#r{
	width: 75%;
}
/* ############################################################*/
/*  ########################## FIN BOTTOM  #################### */
/* ############################################################*/