/* 
Nombre del tema: Minisitios Banco de Chile
Direccion URL:
Descripcion: Plantilla para Minisitios del Banco de Chile
Version:1.0
Front: Boris Fernandois
E-mail: Bfernandois@bancochile.cl
*/
/*---------------------------------------------------------------------------------*/

*,form{margin:0; padding:0;}
body{background-color:#f7f7f7; color:#555; font: normal .8em/110% Verdana,Arial,Helvetica,sans-serif; text-align:left;}
hr{display:none}
:focus{border:none; outline:0;}
a img, iframe, fieldset {border: none;}
table{border-collapse:collapse; border-spacing:0px; empty-cells:show; }
td{padding:0;} 

/*-------------------------------------------------------------------------
								Global
-------------------------------------------------------------------------*/

/*------------- Imagenes */
#Header h1 a, #Footer #FootLogBanc{background:url(/wps/wcm/resources/file/ebcfc84903d4ca3/Logo-sprite.gif) no-repeat 0 0;}
#Header ul li a.acti, #Header ul li  a.acti:hover, .out, #Cent .TxtCont ul li{background:url(/wps/wcm/resources/file/eb26f14ddebb09a/auxiliares-sprite.gif) repeat-x 0 1px;}

/*------------- Listas */
ul, ol{margin:.5em 0;}
li{list-style:none}
ol li{list-style: inside decimal;}
ul li{display:block; margin:0; padding:0; position:relative;}

/*------------- Links */
a{color:#004BCC; font-style:normal; text-decoration:underline; }
a:hover{}
a:active, a:focus{outline:0}
a:visited{color:#2D0088;}

/*------------- Headers */
h1,h2,h3{font:normal 2.3em/100% Arial, Verdana; margin:15px 0 10px; color:#333}
h1{font-weight:lighter; letter-spacing:-.04em; margin-top:0;}
h2{font-size:1.8em; color:#999;}
h3{font-size:1.4em;}

/*------------- Clear Fix */
.cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cf {display:inline-block;}
/* IE \*/
* html .cf{height:1%;}
.cf {display:block;}
/* IE */

/*-------------------------------------------------------------------------
							  Layout
-------------------------------------------------------------------------*/
#Top,#Header,#Main,#Footer{margin:0; padding:0;}
#Top{padding:.2em 0 .3em; font-size:.8em; border-bottom:1px solid #001947; background-color:#f7f7f7;}
#Header{background:url(/wps/wcm/resources/file/eb31c04f7ba98ab/fondo-header-cm.jpg) 0 0 repeat-x #002464; height:130px;}
#Main{background:#fff; padding:10px 0;}
#Footer{ border-top:1px solid #E2E2E2; color:#666; padding-bottom:15px;}
.Center{margin:0 auto; width:940px; position:relative; padding:0 10px; z-index:1}

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

/*------------- Top */
#Top p,#Top p a{color:#666;}
#Top p strong{color:#333;}

/*------------- Logo */
#Header h1{margin: 0; float: left; font-size: 1em; line-height: 100%; height: 130px; display:block;}
#Header h1 a{float:left; width:210px; height: 35px; margin: 3.2em 0 0; text-indent: -999em; display:block;}
#Header h1 small{margin: 40px 0 0 .5em; padding:.2em 0 .3em .4em; display:block; float:left; font:normal 2.3em/100% "Trebuchet MS", Verdana, Arial; color:#CCC; border-left:1px solid #ccc;}

/*------------- Menu */
#Header ul{background:#EDEDED; height:38px; position:absolute; z-index:100; margin:0;}
#Header ul li {background:none; display:block; float:left; font:bold .9em/100% arial; height:2.6em; margin:0; position:relative; text-align:center; width:auto; padding:0; text-transform:uppercase;}
#Header ul li a {border-left:1px solid #C7C7C7; border-bottom:1px solid #C7C7C7; color:#666666; display:block; padding:13px 15px 12px; text-decoration:none;}
#Header ul li a:hover{color: #000; background: #F1F1F1;}
#Header ul li a.acti, #Header ul li  a.acti:hover{color: #000; background-color:#fff; border-left: 1px solid #fff; border-bottom:1px solid #fff;}

/*-------------------------------------------------------------------------
							Contenido
-------------------------------------------------------------------------*/

/*------------- Columnas */
#Main #Col{float:left; position:relative; width:220px; margin-right:10px;}
#Main #Cent {float:right; position:relative; width:700px; margin-left:10px;}
#Main #Cent #CentCont{ float:left; width:460px; margin-right:10px;}
#Main #Cent #CentCol{ float:right; width:220px; margin-left:10px;}

/*------------- TxtCont */
#Cent .TxtCont p{line-height:1.3em; margin-bottom:5px;}
#Cent .TxtCont ul li{padding:0 0 5px 20px; background-position:6px -69px; background-repeat:no-repeat;}

/*------------- blockquote Contenido */
#Cent .TxtCont blockquote{ background:#F9F9F9; border:1px solid #ccc; padding:.8em; font-size:.85em; margin:10px 0;}
#Cent .TxtCont blockquote p{ margin:0;}

/*------------- Tablas */
table.table{width:45%;margin:1.5em auto 2.5em;border-collapse: collapse;empty-cells: show;border-spacing:0px;border:3px solid #999;background:#FFF;text-align:right;color:#555;}
table.table th, table.table td{padding:.7em .6em;font-size:.85em;line-height:110%;border-right:1px solid #999;}

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

/*------------- Texto Legal */
#Footer #Legal{ border-bottom:1px solid #E2E2E2; padding:10px 0;}
#Footer #Legal blockquote{font-size:.8em; line-height:110%;}

/*------------- Logos */
#Footer #FootLogBanc{ background-position:7px -42px; width:160px; height:35px; display:block; float:left; text-indent:-999em; margin-top:10px}

/*------------- Info*/
#Footer address{ display:block; float:left; margin:0 0 0 10px; padding:10px 0 10px 10px; font-size:0.8em; font-style:normal; border-left:1px solid #E2E2E2;}

/*-------------------------------------------------------------------------
							Auxiliares
-------------------------------------------------------------------------*/

.out{background-repeat:no-repeat; background-position: 100% -49px; padding-right:1.2em}
.right {float: right;}
.left {float: left;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align:center;}
.justify {text-align:justify;}
.hide {display: none;}
.clear {clear: both;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.LnkBlock{ cursor:pointer;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}

/*------------- Anchos*/
.w5{width: 5%;}
.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100% !important;}