/*
Import Layouts
---------------------------------------------*/
@import url("layouts.css");
/*
Body, tipos, universal reset
----------------------------------------------*/
form,ul,ol,body,fieldset,dl,dd,h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
}
body {
	font:12px/1.6em helvetica,arial,sans-serif;
	text-align:center;
	color:#333;
}
body#home {
	background:url(i/body/bg-continuo.png) left top repeat-x;
}
body#interior {
	background:url(i/body/bg-interior.png) left top repeat-x;
}
/*
Links
----------------------------------------------*/
a {
	color:#0057ae;
	text-decoration:underline;
}
a:hover {
	color:#0E1B5E;
}
/*
General
----------------------------------------------*/
ul,ol,dd {
	margin-left:1.5em;
}
p {
	margin:1em 0;
}
/*
Inputs Generales
----------------------------------------------*/
input.short-text {
	background:url(i/forms/input-field-bg.png) left top repeat-x #fff;	
	border-width: 1px;
	border-color: #333;
	width:140px;
	padding:.25em 4px;
}
input.long-text {
	background:url(i/forms/input-field-bg.png) left top repeat-x #fff;	
	border-width: 1px;
	border-color: #333;
	width:240px;
	padding:.25em 4px;
}
input.submit {
	background:url(/css/i/forms/short-submit.png) center center no-repeat;
	font-family: helvetica,arial,sans-serif;
	text-align:center;
	width:141px;height:28px;
	border:0;
	font-weight:bold;
	cursor:pointer;
	color:#fff;
	line-height:1;
}
input.boton {
	font-family: helvetica,arial,sans-serif;
	background:white;
	text-align:center;
	width:100px;height:28px;
	border: solid #1CA039 2px;
	font-weight:bold;
	cursor:pointer;
	color:#1CA039;
	line-height:1;
}
p.botonera{
	position:relative;
	clear:both;	
}

/*
animacion de submit
--------------------------------*/
.submit-process {
	text-align:center;
}
.submit-process img{
	margin-top:45%;
}
/*
Layout, alturas
----------------------------------------------*/
html,body,#wrapper {
	height:100%;
}
/*
Wrapper
----------------------------------------------*/
#wrapper {
	text-align:left;
	width:64em;
	margin:0 auto;
}
/*
Container
----------------------------------------------*/
#container {
	min-height:100%;
}
/*
header
----------------------------------------------*/
#header {
	position:relative;
}
body#home #header {
	height:80px;
}
body#home #logo {
	width: 179px;
}
body#interior #logo {
	padding-top: 5px;
}
#logo a img {
	border-width:0;
}
#logo a {
	text-decoration:none;
}
#logo span {
	display:block;
	position:absolute;
	top:-999px;
	left:-999px;
}
/*
menues de header, navegacion primaria sitio
----------------------------------------------*/
#header-menues {
	position:absolute;
	top:0;right:0;
	width:573px;
	height:100%;
}
#header-secondary {
	height:100%;
}
#header-fecha {
	float:left;
	margin:0 0 0 2em;
	width:30%;
}
#header-support-links a {
	color:#5d5c5c;
}
#header-support-links a:hover {
	color:black;
}
#header-fecha, #header-support-links {
	padding-top:15px;
}
#header-support-links, #nav-primary, #header-interior-links {
	margin-left:0;
	list-style-type:none;
}
#header-support-links {
	float:right;
	width:60%;
}
#header-support-links li {
	float:right;
	margin-left:1em;
}
#header-interior-links a {
	color:black;
	padding: 4px 0;
}
#header-interior-links li.acceso-cliente a {
	background:url(i/icons/icn-login.png) right top no-repeat;
	padding-right: 15px;
}
#header-interior-links a:hover {
	color:#5d5c5c;
}
#header-interior-links {
	position: absolute;
	bottom: 5px;right: 0;
	width:60%;
}
#header-interior-links li {
	float:right;
	margin-left:1em;
}

#nav-primary {
	height:34px;
	margin-top:-34px;
}
#nav-primary li {
	float:left;
	/* margin-left:16px; */
	margin-left:14px;
	height:100%;
}
#nav-primary #nav-primary-personas {
	margin-left:26px;
}
#nav-primary a {text-decoration:none;}
#nav-primary a span, #nav-primary .current a span {
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding:0 14px;
	padding-top:7px;
	height:27px;
	background:url(i/header/nav-primary-bg-right.png) right top no-repeat;
}

#nav-primary .current a span {
	font-weight:300!important;
}

#nav-primary .current a {
	color:black;
}
#nav-primary a,#nav-primary .current a {
	float:left;
	background: url(i/header/nav-primary-bg-left.png) left top no-repeat;
}
#nav-primary a:hover {
	background-position:left -34px;
}
#nav-primary a:hover span {
	background-position:right -34px;
}
#nav-primary .current a:hover {
	background-position:left top;
}
#nav-primary .current a:hover span {
	background-position:right top;
}
/*
Tabs Nova y Tbanc
----------------------------------------------*/
#nav-primary-nova a span {width:70px;}
#nav-primary-nova a {
	text-indent:-999em;
	background-image:url(i/header/nav-primary-nova-left.png);
}
#nav-primary-tbanc a span {width:55px;}
#nav-primary-tbanc a {
	text-indent:-999em;
	background-image:url(i/header/nav-primary-tbanc-left.png);
}
/*
Nav primaria seleccionada
----------------------------------------------*/
#nav-primary-personas.current a { background-image:url(i/header/nav-primary-personas-left.png); }
#nav-primary-personas.current a span { background-image:url(i/header/nav-primary-personas-right.png); }

#nav-primary-empresarios.current a { background-image:url(i/header/nav-primary-personas-left.png); }
#nav-primary-empresarios.current a span { background-image:url(i/header/nav-primary-personas-right.png); }

#nav-primary-empresas.current a { background-image:url(i/header/nav-primary-personas-left.png); }
#nav-primary-empresas.current a span { background-image:url(i/header/nav-primary-personas-right.png); }

#nav-primary-nova.current a { background-image:url(i/header/nav-primary-nova-left.png); }
#nav-primary-nova.current a span { background-image:url(i/header/nav-primary-nova-right.png); }

#nav-primary-tbanc.current a { background-image:url(i/header/nav-primary-tbanc-left.png); }
#nav-primary-tbanc.current a span { background-image:url(i/header/nav-primary-tbanc-right.png); }
/*
Submenues, Navegación secundario de sitio
----------------------------------------------*/
#nav-submenu {
	list-style-type:none;
	margin-left:0;
	margin-bottom:2em;
}
#nav-submenu li {
	float:left;
	/* margin-left:16px; */
	height:100%;
}
#nav-submenu a {text-decoration:underline;}
#nav-submenu a, #nav-submenu .current a {
	float:left;
	font-size:1.1em;;
	font-weight:bold;
	color:#333;
	height:21px;
	padding: .9em;
}
#nav-submenu .current a {
	color:black;
	font-weight:normal;
	text-decoration: none;
	background:url(i/submenu/nav-submenu-current.png) no-repeat bottom center;
}
#nav-submenu a:hover {
	/* background-position:left -24px; */
	color:gray;
}
#nav-submenu .current a:hover {
	color:black;
}
/*
Titulo y Bajada
----------------------------------------------*/
#titulo h1 {
	font-size: 2.5em;
	font-weight: normal;
}
#titulo p {
	font-size:1.4em;
	color: #666;
	margin-top: .5em;
}
#titulo a {
	text-decoration: none;
	color: #666;
}
/*
Navegación Local, interna de una subsección
----------------------------------------------*/
.nav-local {
	margin: 0 0 2em 0;
}
.nav-local h6 {
	border-top:solid #666 1px;
	background:#999;
	font-size: 1.1em;
	padding:.3em .9em;
	margin: 0;
	color: white;	
}
.nav-local ul {
	background:#eee;
	list-style-type:none;
	margin:0;
	border-top:solid #999 1px;
	border-bottom:solid #999 1px;
}
.nav-local ul a {
	font-size:1em;
	display:block;
	padding:.7em 1em;
	line-height:1.1;
	background:url(i/flechas/flecha-nav-local.png) right -8px no-repeat;
	color:#333;
	font-weight:bold;
}
.nav-local ul a:hover {
	background-position:right -48px;
	background-color:white;
	color:#ff3300;
}
.nav-local ul a.current {
	padding:.7em 1em;
	line-height:1.1;
	background:white;
	color:#000;
	border-color: #999;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	text-decoration:none;
}
/*
Venta, Avisos de Texto
----------------------------------------------*/
.venta {
	margin-bottom:1.3em;
}
dl.aviso {
	float: left;
	margin-right:1em;
}
dl.aviso dt {
	float: left;
}
dl.aviso dt,dl.aviso dd {
	padding: 1em 1.5em;
}
dl.aviso-chico {
	width: 220px;
}
dl.aviso-grande {
	width: 300px;
}
/*
Avisos de Imagen
----------------------------------------------*/
.banner-sup-der,
.banner-inf-der {
	margin-bottom:1.4em;
}
/*
Lista Sub Productos
----------------------------------------------*/
ul.lista-sub-prod {
	margin-left:1em;
	margin-bottom:3em;
	list-style-type:none;
}
ul.lista-sub-prod li {
	line-height:1.3em;
	margin-bottom:1em;
}
ul.lista-sub-prod li a {
	font-weight: bold;
}
.sub-prod h6, .column h2 {
	background:#d8ebf5;
	font-size: 1em;
	padding:.6em 1em;
	margin-bottom:1em;
	line-height:1.1;
}

/*
Promociones
----------------------------------------------*/
#promociones {
	background-color:#fffdd7;
	min-height:180px;
	position: relative;
	margin-bottom:2em;
	clear:both;
}
#promociones .link-to-blog {
	float: right;
}
#promociones .itemes {
	padding:1em;
	margin-bottom:1em;
}
#promociones .item {
	float:left;
	width:29%;
	padding:0 2%;
}
#promociones .item dt {
	font-weight:bold;
	line-height:1.3;
	/*letter-spacing:-.01em;*/
	margin-bottom:.5em;
	font-size:1.1em;
}
#promociones .item dt img {
	border-width: 1px;
}
#promociones .item dd {
	margin:0;
	line-height:1.3em;
}
#promociones .box-titles {
	background:#fffa9d;
	padding:.4em 2em;
}
#promociones .box-titles h6, .box-titles a {
	float:left;
}
#promociones .box-titles h6 {
	font-size:1em;
}
/*
Mapa (aka Sub-Home)
----------------------------------------------*/
#mapa {
	background-color:#d8ebf5;
	position: relative;
	margin-bottom:2em;
}
#mapa .box-titles {
	background-color:#badced;
	padding:.5em 1em .3em 1em;
	margin-bottom:1em;
}
#mapa .box-titles h6 {
	font-size:1em;	
}
#mapa .link-to-more {
	float: right;
}
#mapa dl {
	width:273px;
	float:left;
}
#mapa dl dt {
	font-weight:bold;
}
#mapa dl dt img {
	float:right;
	border-width:1px;
	margin:0 0 .7em .7em;
}
#mapa dl ul {
	margin:.5em auto 2em 3em;
}
#mapa dl.santiago {
	width:200px;
	height:180px;
	background:url(i/mapas/mapa-santiago.gif) top center no-repeat;
	float:left;	
	margin-left:1.1em;
}
#mapa dl.santiago dd {
	margin:0;padding:1em 0 0 0;
}
#mapa dl.regiones {
	float:right;
	width:135px;
}
#mapa dl.regiones dd {
	float:left;
	width:60px;
	margin:0 .5em 0 0;
	font-size:.95em;
}
.filtro {
	background-color:#999;
	color:white;
	padding:0;
}
.filtro p {
	padding:.5em 1em;
}
.filtro a {
	color:white;
	padding:.5em;
}
.filtro a:hover {
	color:yellow;
}
.filtro a.current,
.filtro a.current:hover {
	color:black;
	background-color:white;
	font-weight:bold;
	text-decoration:none;
}
.arriba a.current {
	padding-bottom:1em;
}
.abajo a.current {
	padding-top:1em;
}
/*
Tabla Resultados
----------------------------------------------*/
#resultados table {
	width:100%;
}
#resultados table thead {
	background-color:#aaa;
	color:white;
}
#resultados table td,
#resultados table th {
	padding:.5em 1em;
	text-align:left;
}
th.treintaporciento {
	width:30%;
}
#resultados table td {
	line-height:1.1;
}
#resultados tr td {
	border-bottom:solid #ccc 1px;
}
#resultados tr.odd td {
	background-color:#eee;
}
#resultados ul {
	margin-top:.5em;
}
#resultados ul li {
	margin-right:100px;
	margin-bottom:.5em;
}
#resultados .sabor-fono {
	float:right;
	width:100px;
	margin:0 -100px 1em 1em;
}
/*
Footer
----------------------------------------------*/
#footer {
	height:130px;
	overflow:hidden;
	background: url(i/footer/bg-continuo.gif) left top repeat-x;
	position:relative;
	margin-top:-130px;
	font-size:.8em;
	/*letter-spacing:-.02em;*/
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}
#footer p {
	margin:0;
}
.mesa-central {
	background:url(i/footer/mesa-central-icon.png) left top no-repeat;
	padding:0 0 8px 25px;
}
#footer .col {
	float:left;
	margin-top:20px;
}
#footer .uno {
	width:60%;
}
#footer .dos {
	width:40%;
}
.footer-logos {
	text-align:right;
}
.footer-logos a { text-decoration:none; }
.footer-logos a img {
	border-width:0;
}
#footer img {
	vertical-align: bottom;
}
#footer .uno-a {height:25px;position:absolute;left:0;top:8px;}
#footer .uno-b {height:36px;margin-top:25px;}
#footer .dos-a {height:61px;}
#footer .dos-b {position:absolute;right:0;bottom:3.4em;}
#footer .uno-b,#footer .uno-c,#footer .dos {font-size:.9em;color:#8e8b81;}
#footer .uno-c a {color:#8e8b81;}
#footer .uno-c a:hover {color:#333;}
/*
header
----------------------------------------------*/
#header {
	
}
/*
Warnings
----------------------------------------------*/
#warnings {
	margin:10px 0 0 0;
}
.warning-box {
	background:#fffeea;
	border:solid #fbd743 1px;
	padding:1em 45px 1em 0;
	position:relative;
}
.warning-content {
	background: url(i/warnings/warning-icon.gif) 10px 0 no-repeat;
	padding-left:50px;
}
.warning-content strong {
	font-size: 1.4em;
	display:block;
}
.warning-box .close-link {
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	width:20px;
	height:20px;
	text-indent:-999em;
	text-decoration:none;
	background:url(i/warnings/close-link-bg.png) left top no-repeat;
}
.warning-box .close-link:hover {
	background-position:left -20px;
}
/*
main
----------------------------------------------*/
#main {
	padding-bottom:130px;/* para el footer */
}
/*
Fondos y bordes Cajas
----------------------------------------------*/
.curva-larga-inf-izq {
	/*background:url(i/cajas/bg-curvo-inf-izq-largo.png) left bottom no-repeat;*/
}
.curva-larga-inf-der {
	/*background:url(i/cajas/bg-curvo-inf-der-largo.png) right bottom no-repeat;*/
}
.curva-inf-izq {
	/*background:url(i/cajas/bg-curvo-inf-izq.png) left bottom no-repeat;*/
}
.curva-inf-der {
	/*background:url(i/cajas/bg-curvo-inf-der.png) right bottom no-repeat;*/
}
.curva-inf-der-mini {
	/*background:url(i/cajas/bg-curvo-inf-der.png) left bottom no-repeat;*/
}
/*
Hagase Cliente
----------------------------------------------*/
.hagase-cliente {
	display:block;
	background:url(/css/i/botones/bg-hagase-cliente-small.png) left top no-repeat;
	text-decoration:none;
	height:20px;
	border:solid #999 1px;
	margin:0 5px 5px 5px;
	position:relative;
	font-weight:bold;
	color:#333;
	padding:9px;
	text-align:center;
}
.hagase-cliente:hover {
	background-position:left -38px;
	border-color:#666;
	color:#333;
}
/*
Clearfix, hacks
----------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */