/*  
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;
	padding: 3px;
}
option {	padding-right: 12px; }

.alert{ 
	color: #FF4500; 
}
fieldset{
	padding: 12px;
	border: 1px dotted #EBEBEB;
	margin-top:20px;
}
legend{
	/*display: none;*/
	font-size:16px; font-weight:bold;
}
.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: #000;
	text-align: center;
	padding: 12px 0;
	background: #FCFCFC;
}
p { margin-bottom: 13px; }

a:link, a:visited{
	color: #000; 
}
a:hover, a:active{
	color: #666; 
}

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: #000; 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, h2 a, h3 a, h4 a, h5 a, h6 a{
	color: #000 !important; text-decoration: none;
}



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


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

/* ############################################################*/
/* ########################## TOP  ############################ */
/* ############################################################*/
#header{ 
	border-bottom: 1px solid #DEDEDC;
	height: 120px; 
}
#logo, #login{
	float: left; display: block;
}
#logo{
	width: 332px;
	padding: 15px 20px 25px 20px;
}
/* LOGIN */
#login {
	background: #FAFAFA;
	width: 380px;
	margin: 6px 6px 6px 218px;
	padding: 6px 12px;
	color: #999;
	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: 6px 12px; }
.titColor1 h2{	color: #F8C301;  }

.titColor2{	background: #F8C301; padding: 6px 12px; }
.titColor2 h2{	color: #DA251C; }

.titColor3{	background: #163273; padding: 6px 12px; }
.titColor3 h2{	color: #F8C301; }

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

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


ul#navmenu-h strong{
	font-size: 11px; color: #666;
}
/*ul#navmenu-h p{
	margin-top: 12px;
}*/
  ul#navmenu-h td{ 
  	vertical-align:top;
	width: 180px;
}
/*
 Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  list-style: none;  text-align: left;
  line-height: 12px;
}

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

ul#navmenu-h ul {
  /*width: 360px;*/
  list-style: none;
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  background: #F8F8F8;
  z-index:2;
  border: 1px solid #C0C0C0;
  padding: 16px 20px;
}

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 7px;
  border: none;
  padding-left: 6px;
}

/* Root Menu */

ul#navmenu-h li ul li a {
  padding: 3px 3px !important;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #999;
  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: #666;
}

/* 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;
}
#contenidoIndex{
	clear: both;
	margin-left: 10px;
}
#col_izq, #col_ppal{
	 /*display: block; float: left;*/
	 vertical-align: top;
}
#col_izq{
	padding: 15px 0 0px 10px;
	width: 150px;
}
#col_ppal{ 
	width: 798px;
	padding: 10px;
	border-left: 1px dotted #DEDEDC;
	margin-left: 10px;
}
#col_ppalIndex{ 
	width: 798px;
	padding: 10px;
	margin-left: 10px;
}
#col_ppal ul, ol{ /**/list-style: list-style: inherit;; padding: 0 12px 12px 12px;}
#col_ppal li{
	margin-left: 6px;
	margin-bottom: 6px;
}

#tabIndex td{
	padding: 10px;
}
#tabAcc td{
	padding: 10px 10px 10px 30px;
	border: 9px solid #FFF;
	color: #666;
}
.bulletUno{ background: #FAFAFA url(../img/bullet_red.gif) no-repeat 12px 15px; }
.bulletDos{ background: #FAFAFA url(../img/bullet_yellow.gif) no-repeat 12px 15px; }
.bulletTres{ background: #FAFAFA url(../img/bullet_blue.gif) no-repeat 12px 15px; }


.imgx{
	padding: 3px 3px 0 0;
}
/* COTIZACIONES, CLIMA y BUSCADOR */
#coticlima{
	color: #4A5768; font-size: 11px;
}
.tcot{
	border-bottom: 1px solid #EDEEF0;
	margin-bottom: 3px;
}
.tcot td{
	padding: 2px;
	border-bottom: 1px dashed #EDEEF0;
}
.tit1{ 
	padding-bottom: 2px; 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 6px 6px 6px;
}
/*.emergencias{
	background-color: #EBEBEB; text-align: center; margin-right: 12px;
}
.emergencias a{ 	text-decoration: none; }*/

/* 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;
}
.prod2{
	float: left; display: block;
	width: 230px; text-align: center;
	margin: 0 6px 12px 6px;
}

#bottom{
	clear: both;
	padding: 10px;
   border-top: 1px solid #DEDEDC;	
	font-size: 10px; color: #AEAEAE;
}
#bottom a:link, #bottom a:visited{
	color: #999;
}
#bottom a:hover, #bottom a:active{
	color: #000;
}
#l, #r{
	float: left; display: block;
}
#l {
	width: 20%;
}
#r{
	width: 25%;
}
#rr{
	width: 15%; text-align: right; float: right; 
}
/* ############################################################*/
/*  ########################## FIN BOTTOM  #################### */
/* ############################################################*/


/* ALERTA ALERTA ALERTA *//* ALERTA ALERTA ALERTA *//* ALERTA ALERTA ALERTA */
/* base semi-transparente */
    .overlay{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 800px;
        background: #FFF;
        z-index:1001;
		opacity:.85;
        -moz-opacity: 0.85;
        filter: alpha(opacity=85);
	
    }
	
    /* estilo para lo q este dentro de la ventana modal */
    .vent {
     display: none;
     position: absolute;
     padding: 16px;
	 color: #333;
     z-index:1002;
     overflow: auto;
     top: 10%;
     left: 20%; right:20%;
	 text-align: center;
	 }
	 .vent a:link, .vent a:visited{ color:#CCC;  background: #163271; padding: 6px 12px; text-decoration: none; font-weight: bold;}
	 .vent a:hover, .vent a:active{ color:#FFF;}
/* ALERTA ALERTA ALERTA *//* ALERTA ALERTA ALERTA *//* ALERTA ALERTA ALERTA */