/* 
Nombre del tema: Skin Crédito Mundial
Direccion URL: http://ww3.bancochile.cl/wps/wcm/connect/BancoDeChile/Personas/Destacados/Campana/Credito-Vamos
Descripcion: Plantilla de Minisitio Crédito Mundial
Version:1.0
Front: Boris Fernandois
E-mail: Bfernandois@bancochile.cl
*/
/*-------------------------------------------------------------------------
							Mod Layout
-------------------------------------------------------------------------*/

#Main{padding-top:0;}

/*------------- Columnas */
#Main #Col {width:260px; z-index:1;}
#Main #Cent {width:660px; z-index:2;}

/*-------------------------------------------------------------------------
								Global
-------------------------------------------------------------------------*/

/*------------- Imagenes */
/*#Header h1 a, #Footer #FootLogBanc{background:url(/wps/wcm/resources/file/ebf3930d1e6847e/Logo-Mundial-sprite.gif) no-repeat 0 0;}*/
#Col #LogCred, #Col #CuadSabe ul li, #Cent .TxtCont ul#icons li h3{background:url(/wps/wcm/resources/file/eb54b706f3b708e/logo-icon-sprite2.gif) no-repeat 0px -62px;}
#Col #CuadSabe h3, .BtnSimula, .BtnPide{background:#3c6097 url(/wps/wcm/resources/file/ebd44b4909da31c/Btn-bg-sprite.gif) repeat-x 0px -212px;}
#Col #ndot{background:url(/wps/wcm/resources/file/eb2c2f023295d08/Banner-Camiseta.jpg) no-repeat 0 0;}
#Cent .TxtCont ul#icons li p, #Cent .TxtCont ul#icons li p span{background:url(/wps/wcm/resources/file/eb0b124b360859f/fle.gif) no-repeat 0 0;}
#Legal li{background:url(/wps/wcm/resources/file/eb26f14ddebb09a/auxiliares-sprite.gif) repeat-x 0 1px;}
#buble{background:url(/wps/wcm/resources/file/eb2ada023145e20/buble.gif) no-repeat 0 0;}
#GolMundial table .Pais span{ background:url(/wps/wcm/resources/file/eb2abb0230885af/Banderas.gif) no-repeat 0 0;}

/*-------------------------------------------------------------------------
							   Header
-------------------------------------------------------------------------*/

/*------------- Logo */
#Header h1 a{margin:3.2em 0 0 1.5em;}
#Header h1 small{margin:40px 0 0 50px;}

#Header ul {left:290px;}

/*------------- Menu Boton Destacado */
#Header ul li a.MenPidelo-Aqui {border-left:1px solid #077102; border-bottom:1px solid #077102; color:#fff; background:#1B900C;}
#Header ul li a.MenPidelo-Aqui:hover{background: #4DAC25; color:#fff;}

/*------------- Mensaje */
#Header ul li #buble{ position:absolute; margin:0; padding:0; width:128px; height:112px; display:block; text-indent:-999em; top:-97px; left:50px;}

/*-------------------------------------------------------------------------
							Contenido
-------------------------------------------------------------------------*/

/*--------------------------- Col ---------------------------------------*/

/*------------- Logo */
#Col #LogCred{text-indent:-999em; width:260px; height:220px; display:block; margin:10px auto 0;}

/*------------- Cuadro Sabemos */
#Col #CuadSabe{margin-bottom:10px; position:relative;}
#Col #CuadSabe h3{display:block; color:#fff; margin:0 0 1px; padding:.3em 0; text-align:center;}
#Col #CuadSabe ul{background:#F5F8FD; border:1px solid #DEEAFF; border-top-color:#F5F8FD; padding:10px; margin:0 0 1px;}
#Col #CuadSabe ul li{color:#666; font-size:0.85em; background-position:-319px 2px; padding-left:15px;}
#Col #CuadSabe ul li strong{color:#264a8c;}

/*------------- Banner */
#Col #ndot{ width:258px; height:145px; display:block; text-indent:-999em; margin-top:10px; border:1px solid #ccc;}

/*--------------------------- Cent --------------------------------------*/

/*------------- titulo */
#Cent h1{display:block; padding:10px; background:#F4F4F4; border:1px solid #E4E4E4; border-top-color:#EEE; font-size:1.7em; color:#FF9900; margin:0 0 1px}
#Cent h1 sup{font-size:.6em;}
#Cent h1 small{color:#666; display:block; font:normal .6em verdana;}
#Cent h1#H1Home{ display:none;}

/*------------- cuadro contenido */
#Cent .TxtCont{padding:5px 10px 10px; background:#F4F4F4; border:1px solid #E4E4E4; border-top-color:#EEE; margin:0 0 1px; text-align:center;}
#Cent .TxtCont p{line-height:1.3em;margin:0 0 .8em 0;}
#Cent .TxtCont p.dest{font-weight:bold;}
#Cent .TxtCont p.dest strong{color:#FF9900;}
#Cent .TxtCont p.pBtns{width:440px; margin:20px auto;}
#Cent .TxtCont p.BnClie{width:210px;}
#Cent .TxtCont .prod{text-align:left; padding-left:20px}
#Cent .TxtCont p.Pdest{ font-size: 1.2em;}
#Cent .TxtCont p.Pdest strong { color:#264A8C;}


/*------------- botones */
.BtnSimula, .BtnPide{padding:12px 0 13px; display:block; width:210px; text-decoration:none; font:bold 1em arial; color:#fff; border:1px solid #ccc; text-transform:uppercase; background-position: 0px -240px; background-color:#051083;}
.BtnSimula:hover{background-position: 0px -282px;}
.BtnSimula:active{background-position: 0px -324px;}
.BtnPide{background-position: 0px 0px; background-color:#1B900C;}
.BtnPide:hover{background-position: 0px -42px;}
.BtnPide:active{background-position: 0px -84px;}
.BtnSimula:visited, .BtnPide:visited{color:#fff}

/*------------- Solitalo*/
.TxtCont .Line{ margin:20px 5px 0px; border-top:1px solid #E4E4E4; padding:10px 10px 0;}
.TxtCont .Line h3{ float:left; padding:15px 0; color:#023a79; font-size:1.3em; font-weight:bold;}

/*------------- iconos */
#Cent .TxtCont ul#icons{margin:5px 0; width:410px; float:left;}
#Cent .TxtCont ul#icons li{padding:0; float:left; margin:0 10px; cursor:pointer; background:none;}
#Cent .TxtCont ul#icons li h3{display:block; position:relative; margin:0; padding:0; width:60px; height:60px; text-indent:-999em;}
#Cent .TxtCont ul#icons li h3#Icotel{background-position:0 0;}
#Cent .TxtCont ul#icons li h3#Icocajero{background-position:-60px 0;}
#Cent .TxtCont ul#icons li h3#Icosucur{background-position:-120px 0;}
#Cent .TxtCont ul#icons li h3#Icocorreo{background-position:-180px 0;}
#Cent .TxtCont ul#icons li h3#Icocelu{background-position:-240px 0;}
#Cent .TxtCont ul#icons li p{display:none; position:absolute; width:180px; font-size:.8em; left:-70px; bottom:60px; padding:5px 10px; z-index:100;}
#Cent .TxtCont ul#icons li p em{display:block; color:#264a8c; font-weight:bold; font-style:normal;}
#Cent .TxtCont ul#icons li p span{display:block; width:200px; height:15px; background-position:left bottom; position:absolute; left:0px; bottom:-10px;}

/*------------- Cuadro Goles */
#GolMundial{border:1px solid #ccc; margin:15px auto 5px;}
#GolMundial table{width:100%;margin:0 auto;border-collapse: collapse;empty-cells: show;border-spacing:0px;border:1px solid #fff;background:#eaeaea;text-align:center;color:#555;}
th, td{padding:.7em .6em;font-size:.85em;line-height:110%;border-right:none;}
#GolMundial th{background-color:#ff8a00; font-size:1em; color:#FFF; padding:.9em .6em;}
#GolMundial td table{ border: none;}
#GolMundial table .Gol{ border:1px solid #ccc; background-color:#fff;}
#GolMundial table .Pais{ padding:0; width:10%;}
#GolMundial table .Pais span{ display:block; width:33px; height:27px;}
#GolMundial table .Pais .Honduras{ background-position:0 -27px}
#GolMundial table .Pais .Suiza{ background-position:0 -54px}
#GolMundial table .Pais .Espana{ background-position:0 -81px}
em.import { display:block; text-align:right; margin-bottom:20px; font-size:.75em;}

/*-------------------------------------------------------------------------
							  Footer
-------------------------------------------------------------------------*/
#Legal ul{margin:1em 0;}
#Legal li{padding:0 0 5px 20px; background-position:6px -71px; background-repeat:no-repeat;}
/*------------- Logos */
/*#Footer #FootLogBanc{ background-position:7px -127px; width:170px; height:70px; margin-top:0px}*/



