/* Layout.css
   Banco General, 2007


-------------------------------------------------------------- */   





/* General
-------------------------------------------------------------- */   

html, body {
  height: 100%;
}

body {
  color: #333;
  background-color: #ccc;
  /*background-color: #FFFFFF;*/
}




.clear {
  clear: both;
}







/* Wrapper
-------------------------------------------------------------- */   


#wrapper {
  position: relative;
  top: 0;
  bottom: 0;

  width: 770px;
  height: 100%;
  
  margin: 0 auto;
	
  background-image: url(../images/wrapper-background.gif);
  background-repeat: repeat-y;
}









/* Container
-------------------------------------------------------------- */   

#container {
  width: 760px;
  
  margin: 0 auto;
  
  background-color: #fff;
  
  text-align: left;
  
  border-collapse: collapse;
}



#container td {
  /* padding: 10px;
  border: 1px solid #333; */
  
  vertical-align: top;
}
















/* Header
-------------------------------------------------------------- */   

#header {
  height: 80px;

  margin: 0;
  padding: 0;
  
  color: #fff;
  background-color: #050f4d;
  background-image: url(../images/header-background.jpg);
  background-repeat: repeat-x;
}





#header h1 a {
  width: 314px;
  height: 80px;
  
  margin: 0;
  padding: 0;
  
  background-image: url(../images/logo_home.jpeg);
  
  display: block;
}

#header h1.wassa a {
background-image: url(../images/logo-BGValores.gif);
}


#header h1 a span {
  display: none;
}


/* Navigation (Secundaria)
-------------------------------------------------------------- */  










/* Navigation (dentro de header)
-------------------------------------------------------------- */   
#header table {
  width: 750px;
  height: 80px;
  
  margin: 0;
  padding: 0;
  
  border-collapse: collapse;
}

#header table td {
  margin: 0;
  padding: 0;
}


#header table td#navigation {
/*  width:446px;	*/
  width: 100%;
  line-height: 1;
  text-align: right;
  vertical-align: bottom;
/*  border: 1px solid #ff0000;*/
}







#navigation ul {
  margin: 0;
  padding: 0;
}

#navigation ul li {
  margin: 0;
  padding: 0 5px 0 5px;
  border-right: 1px solid #4576b8;
    
  background-image: none;
  
  font-size: 11px;
  line-height: 1.2;
  
  display: inline;
}


#navigation ul li.last {
  border: 0;
}


#navigation ul li a {
  color: #fff;
}






ul#nav {
	margin: 0.4em 0 0 0;
	
	list-style-type: none;

	float: right;

}



ul#nav li {
  margin: 0;
  padding: 0 5px 0 5px;
  border-right: 1px solid #4576b8;
  font-size: 11px;
  line-height: 1.2;
  float: right;
  display: inline;
}



ul#nav li#search {
  border: 0;
}


ul#nav li#search form {
  margin: 0;
  padding: 0;
  border: 0;
  
  display: inline;
}



ul#nav li#search input#search_box {
  width: 100px;
  height: 12px;
  padding: 2px;
  border: 0;
  
  font-size: 10px;
}












#navigation ul#nav_principal {
  margin: 10px 0 0 0;
  padding: 0;
  
  float: right;
  width: 100%;
/*border: 1px solid;*/
  
}

#navigation ul#nav_principal li {
  margin: 0;
  padding: 0;
  border: 0;
}

#navigation ul#nav_principal li a {
  width: 66px;
  height: 22px;
  
  margin: 0 1px 0 0;
  padding: 4px 10px;
  
  color: #666;
  background-color: #edefea;
  background-image: url(../images/tabs-top.gif);
  background-position: left top;
  background-repeat: no-repeat;
  
  font-size: 12px;
  line-height: 0.9;
  font-weight: bold;
  text-align: center;
  
  
  display: block;
  float: left;
}



#navigation ul#nav_principal li.selected a, #navigation ul#nav_principal li a:hover {
  color: #0E2B89;
  background-color: #fff;
  
  text-decoration: none;
}


/* Submenu (Left Sidebar)
-------------------------------------------------------------- */   

#submenu {
  width: 170px;
  
  padding: 25px 10px 10px 10px;
}



#submenu img.banner {
  margin-top: 10px;
}












/* Banca en Linea Login Box
-------------------------------------------------------------- */   

div.banca_en_linea {
 width: 170px;
 margin-bottom: 10px;
 padding: 0;
 
 background-color: #bdcddd;
 background-image: url(../images/banca-en-linea-top.gif);
 background-position: left top;
 background-repeat: no-repeat;
 
 text-align: center;
}



div.banca_en_linea h3 {
  width: 170px;
  height: 25px;
	
  margin: 2px 0 10px 0;
  padding-top: 2px;
  
  color: #fff;
/*  background-image: url(../images/banca-en-linea-title.png);*/
  background-image: url(../images/banca-en-linea-title.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
 
  font-size: 16px;
  text-align: center;
}


div.banca_en_linea span {
	display:none;
}


div.banca_en_linea form {
 background-image: url(../images/banca-en-linea-bottom.gif);
 background-position: left bottom;
 background-repeat: no-repeat;

}






div.banca_en_linea label {
  margin-left: 16px;
  
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  
  display: block;
}



div.banca_en_linea input, div.banca_en_linea select {
  width: 130px;
  margin: 5px;
  
  font-size: 11px;
}



div.banca_en_linea input#boton-submit {
  width: 83px;
  height: 20px;
  
  margin: 4px 0 8px 0;
}


div.banca_en_linea img.icon {
  margin: 6px 0 0 5px;
  vertical-align: top;
}



/* Botones de Chat y Tips de Seguridad */

img.chat-agentes {

}


img.tips-seguridad {
margin-top:5px;
margin-bottom:5px;

}










/* Links de soporte */

p.banca_en_linea {
  margin-bottom: 15px;
  
  font-size: 11px;
  text-align: center;
}


p.banca_en_linea img.icon {
  vertical-align: middle;
}

p.banca_en_linea {
  color: #003399;
}



















/* Content
-------------------------------------------------------------- */   

#content {
  width: 350px;
  
  padding: 25px 10px 10px 10px;
}













/* Title Banner (Main Sections)
-------------------------------------------------------------- */   

#title_banner {
  padding: 25px 10px 0 10px;
}








/* Sidebar (Right Sidebar)
-------------------------------------------------------------- */   

#sidebar {
  width: 170px;
  
  padding: 23px 10px 10px 10px;
}




#sidebar img.banner {
  margin-bottom: 20px;
  border: 0;
}






/* Footer
-------------------------------------------------------------- */   

#footer {
  padding: 10px 0;
}




#footer hr {
  width: 740px;
  height: 2px;
  
  margin-bottom: 10px;
  border: 0;
  text-align:center;
  color: #cfcfcf;
  background-color: #cfcfcf;
}




/* Search
-------------------------------------------------------------- */   

#cat {
width:176px;
position:absolute;
margin-top:10px;
padding-left:220px;

}



#search-wrapper {



}


#subcontent {
width:176px;
height:30px;
background-image:url(../images/search-background.jpg);
background-repeat:no-repeat;



}

#subcontent .search-input {

padding-left:10px;
padding-top:3px;

}


/* Fotos
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.foto_center {
  max-width: 500px;
}

.foto_center, .foto_left, .foto_right  {
  margin: 0;
  padding: 0;

  text-align: center;

  display: block;

}




.foto_center img, .foto_left img, .foto_right img {
  padding: 5px;
  
  border: 1px solid #ccc;
}




.foto_center p, .foto_left p, .foto_right p {
  margin: 0.5em 0 0 0;
  padding: 0;
  
  color: #999;

  font-size: 0.8em;
  text-align: center;
}








.foto_right {
  margin: 5px 0 5px 20px;
  
  float: right;
}



.foto_left {
  margin: 5px 20px 5px 0;
  
  float: left;
}


/* Nota
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p.nota {
margin-top:-10px;
font-size:0.7em;

}



/* Columna de Productos
-------------------------------------------------------------- */   

#columna_de_productos {
}


#columna_de_productos td.columna3 h3{
margin-left:5px;
}

#columna_de_productos td.columna3 ul{
margin-left:5px;
}





/* Tabla Comparativa de Tarjetas
-------------------------------------------------------------- */  

table#comparacion{
 font-family:Arial, Helvetica, sans-serif;
 background-color:#fff;
 border-collapse: collapse;
 width: 830px;
 line-height: 1.2em;
 font-size:0.8em;

}
table#comparacioncaption {
 font-size: 30px;
 font-weight: bold;
 color: #002084;
 text-align: left;
 padding: 10px 0px;
 margin-bottom: 2px;
 text-transform: capitalize;
}
table#comparacion thead th {
 border-right: 5px solid #fff;
  color: #000000;
 text-align:center;
 background-color: #bdcddd;
 font-size:1em;
 font-weight:100;
 padding-top:10px;
 padding-bottom:10px;
		
		

}


table#comparacion th.row{
text-align:center;
}


table#comparacion tfoot {
 color:#002084;
 padding:2px;
 text-transform:uppercase;
 font-size:1.2em; 
 font-weight: bold;
 margin-top:6px;
 border-top: 6px solid #004080;
 border-bottom: 6px solid #004080;

}
table#comparacion tbody tr {
 background-color:#f5f5f5;
 border-bottom:5px solid #ffffff;

}

table#comparacion tbody tr.alternate{
background-color:#eeeff0;
}

table#comparacion tbody td {
 color:#000000;
 padding:5px;
 text-align:center;
  border-right:5px solid #ffffff;
    border-left:5px solid #ffffff;




}

table#comparacion tbody td p{
padding-bottom:10px;


}


table#comparacion tbody th {
 text-align:left;
 padding: 2px;
}
table#comparacion tbody td a, table#comparacion tbody th a {
 color:#002084;
 text-decoration:underline;
 font-weight:normal; 
}
table#comparacion tbody td a:hover, table#comparacion tbody th a:hover {
 text-decoration:none;
}




/* Tarjeta Estrellas
-------------------------------------------------------------- */  


div.logo_de_categoria {
width:180px;
float:right;
}

div.tabla_de_certificados {
width:150px;
float:left;

}




.listita {font-size: 13px}