/*
	Theme Name: CSS inicial
	Theme URI: http://rudeworks.com/blog/css-inicial/
	Author: RUDE
	Version: 1.0
	Description: CSS básico con arreglos y selectores pre-configurados.
	Modified: 03 - Jun - 07
	Modified by: Victor San Martin - victor.san.martin@escom.cl
*/
/*
  Modified by: Victor González
               20-07-2009
*/
/* Elementos que queremos limpiar completamente: */
* {
	border: none;
	margin: 0;
	padding: 0;
}
html {
	color: black;
	font: 75%  Tahoma, Arial, Verdana, sans-serif;
	background: #fff;
	width: 100%;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* Ajustes básicos */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
}
h1 {
	font:lighter 180% Tahoma,sans-serif;
	margin-top:0em;
	margin-bottom:0.5em;
	color:#005447;
}
h2 {
	font:145% Tahoma,sans-serif;
	color:#005447;
	margin-top:0.8em;
	margin-bottom:0.6em;
}
h3 {
	font:bold 130% Tahoma,sans-serif;
	color:#002822;
	margin-top:1.1em;
	margin-bottom:0.6em;
}
h4 {
	font:bold 115% Tahoma,sans-serif;
	color:#005447;
	margin-top:1.1em;
	margin-bottom:0.6em;
}
h4.titulo {
	background-color: #E5EEEC;
	padding: 2px 5px 2px 5px;
	margin-top:0.3em;
	margin-bottom:0.3em;
	border-bottom: 1px solid #d0c9ad;
}
h5 {
	font:bold 100% Tahoma,sans-serif;
	color:#002822;
	margin-top:1.1em;
	margin-bottom:0.6em;
}
sup {
	bottom: .3em;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -.2em;
	position: relative;
	vertical-align: baseline;
}
li, dd, blockquote {
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
	margin-left: .5em;
}
table {
	margin: auto;
}
th {
	background-color: #E5EEEC;
	color: #111;
	height: 20px;
	border-top: 2px solid #005447;
}
td {
	vertical-align: top;
}
table tbody.tbody tr:hover, table tbody.tbody tr.hover {
	background-color: #ddeda0;
}
/*** LINKS ***/
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #005447;
}
a:hover {
	text-decoration: underline;
}
a.download {
	padding-left: 12px;
	background: transparent url(../img/get_off.png) no-repeat center left;
}
a:hover.download {
	background: transparent url(../img/get_on.png) no-repeat center left;
}
a img {
	border: none;
	text-decoration: none;
}
img {
	border: none;
	text-decoration: none;
}
/* Formularios */
button {
	cursor:pointer;
}
input, textarea {
	font-size: 100%;
	color:#565656;
    padding:2px 5px 2px 5px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
}
	input:focus, textarea:focus, .focus {
		background-color:#dff4ff;
	    border:1px solid #c2e1ef;
	    color:#336699;
	}
	input[type=password] {
		padding-left: 20px;
		background: #f5f5f5 url(../img/key.png) no-repeat left center;
	}
	input[name*="username"], input[name*="usermail"] {
		padding-left: 20px;
		background: #f5f5f5 url(../img/email.png) no-repeat left center;
	}
	input[type="checkbox"] {
		border: 0;
	}
textarea {
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
}
select {
	font-size: 100%;
	color:#111;
}
fieldset {
	border: none;
}
	form td {
		padding: 2px;
		vertical-align: middle;
	}
.orden-active {
	background: transparent url(../img/12-em-check.png) no-repeat center left;
	padding: 2px 0px 2px 15px;
	font-weight: bold;
}
.orden-inactive {
	background: transparent url(../img/12-em-cross.png) no-repeat center left;
	padding: 2px 0px 2px 15px;
	color: #666;
}
/* BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:2px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:4px 10px 5px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:3px 10px 2px 7px; /* IE6 */
}
.buttons button[type]{
    padding:4px 10px 4px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:3px 10px 2px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */
button:hover, .buttons a:hover, .buttons button.hover, button:focus, .buttons a:focus {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
    text-decoration: none;
}
.buttons a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
    text-decoration: none;
}
/* POSITIVE */
button.positive, .buttons a.positive {
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover, button.positive:focus, .buttons a.positive:focus{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
    text-decoration: none;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
    text-decoration: none;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
    text-decoration: none;
}
.buttons a.negative:hover, button.negative:hover, button.negative:focus, .buttons a.negative:focus{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
    text-decoration: none;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
    text-decoration: none;
}
/* Clases útiles */
.clear {
	clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.helvetica {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
/* @end */
/* @start : tip sacado de csslab.cl : http://www.csslab.cl/2006/11/06/%C2%A1aaaaabajo/ */
html, body, #contenedor {
     min-height: 100%; /* alto minimo FF y Safari */
     width: 100%;
     height: 100%; /* alto minimo para IE Windows */
     margin: 0;
     padding: 0;
}
html>body #contenedor {
     height: auto; /* con este hack escondemos el min-height de IE*/
}
/* @end */
div {
	/*border: 1px solid red;*/
}
#contenedor {
	position: absolute;
	top: 0;
	left: 0;
	/*background: #fff url(../img/top_bg.jpg) repeat-x left top;*/
}
#principal {
	position: relative;
	height: auto;
	padding: 0;
	margin: auto;	
	width: 50%;
	min-width: 1000px;
}
	#quick {
		width: 980px;
		font-size: 90%;
		position: absolute;
		top: 10px;
		/* right: 10px; */
		text-align: right;
		/*color: #f1f1f1;*/
		color: black;
	}
		#quick a {
			/*color: #f1f1f1;*/
			color: black;
		}
		#formLogin { }
			#formLogin table {
				margin: 0;
				float: right;
				border-spacing: 0;
			}
				#formLogin table td {
					text-align: left;
				}
	#footer {
	    width: 740px;
	    color: black;
      float: left;
      font-size:  10px;
	}
	#top {
		position: relative;
		width: 100%;
		height: 100px;
		/*background: transparent url(../img/header_bg.jpg) no-repeat left top;*/
		background: white;
	}
		#top span.home {
			z-index: 1;
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 250px;
			height: 80px;
			background: url(../img/logo.png) no-repeat center;
		}
		#top span.home a {
			display: block;
			font-size: 60px;
		}
		/*- Menu Tabs --------------------------- */
		#tabs {
			position: absolute;
			bottom: 0;
			left: 230px;
			width: 770px;
			line-height: normal;
			background-color: transparent;
		}

	#titulo {
		height: 25px;
		vertical-align: middle;
		padding: 5px 0 10px 270px;
		font:lighter 180% Tahoma,sans-serif;
		/*color:#005447;*/
		border-bottom: 1px solid #d0c9ad;
		background: #fff url(../img/title-bg.jpg) repeat-x;
	}
	#menu {
		margin: 5px 5px 5px 10px;
		position: absolute;
		top: 141px;
		width: 200px;
	}
	ul.navlist {
		margin-left: -10px;
	}
	ul.navlist, ul.navlist li ul {
		list-style: none;
	}
	ul.navlist li ul
	{
		margin-bottom: 2px;
		margin-left: -10px; 
	}
		ul.navlist li a {
			background: transparent url(../img/black.gif) no-repeat scroll left;
			color: #111;
			display: block;
			border-bottom: 1px solid #d0c9ad;
			padding: 4px;
			padding-left: 12px;
		}
			ul.navlist li a:hover {
				color: #e30000;
			}			
			ul.navlist li ul li {
				background: none;
				padding-left: 10px;
			}
			ul.navlist li ul li a {
				background: none;
				padding: 1px;
				color: #666;
				font: 90% tahoma;
				border: none;
			}
				ul.navlist li ul li a:hover {
					color: #666;
				}				
		ul.navlist li a.active, ul.navlist li ul li a.active {
			color: red; 
			font-weight: bolder;
		}
	#menu div.boxes {
		/*width: 200px;
		margin:0 auto;*/
	}
	#cuerpo {
		padding: 15px 0 20px 0;
		margin:0;
		min-width: 760px;
		position: absolute;
		left: 230px;
		right: 10px;
	}
.flash {
	background: #F8FAFC url(../img/information.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	border-bottom:2px solid #B5D4FE;
	border-top:2px solid #B5D4FE;
	padding:5px 20px 5px 45px;
	margin-bottom: 5px;
	clear: both;
}
.alert {
	background: #fff6bf url(../img/alert.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	border-bottom:2px solid #ffd324;
	border-top:2px solid #ffd324;
	padding:5px 20px 5px 45px;
	margin-bottom: 5px;
	clear: both;
}
.error {
	background: #FDD1C5 url(../img/error.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	border-top: 2px solid #FBAB95;
    border-bottom: 2px solid #FBAB95;
	color:#000000;
	padding:5px 20px 5px 45px;
	margin-bottom: 5px;
	clear: both;
}
	.flash img, .alert img {
	    margin:0 3px -3px 0 !important;
	    padding:0;
	    border:none;
	    width:16px;
	    height:16px;
	}
/* Validaciones **************/
.validation-failed {
	border: 1px solid #FF3300;
	color: #f30;
}
.validation-advice, div.error_message {
	margin: 2px 0 0 0;
	padding: 0 0 0 10px;
	color: #f30;
	font-size: 80%;
}
.mensaje-error {
	display: block;
	padding: 0 0 0 30px;
	font : 80% tahoma, arial;
	color: red;
	background-color: #fff;
}
.mensaje-error ul {
	margin: 0;
	padding: 0;
}
.user_not {
	padding: 3px 0px 4px 16px;
	background: transparent url(../img/cross.png) no-repeat left center;
}
.user_yes {
	padding: 3px 0px 4px 16px;
	background: transparent url(../img/tick.png) no-repeat left center;
}
/*--------------------------------*/
.tooltip-aviso {
	position: absolute;
	z-index: 100;
	display: none;
	width: 150px;
	border: 1px solid #A5C9FF;
	font-size: 90%;
	padding: 2px;
    background: #E0ECFF url(../img/pointer.gif) no-repeat -10px 5px;
    height: auto!important; /* para los browsers buenos */
    height: 25px; /* para IE5+ */
    min-height: 25px; /* para los browsers buenos */
}
	.tooltip-aviso .tooltip-pointer {
	    position: absolute;
	    left: -10px;
	    top: 5px;
	    width: 10px;
	    height: 19px;
	    background: url(../img/pointer.gif) left top no-repeat;
	}
	.tooltip-aviso-horizontal {
	    background: #E0ECFF url(../img/pointer-horizontal.gif) no-repeat 5px -10px;
	}
		.tooltip-aviso-horizontal .tooltip-pointer-horizontal {
		    position: absolute;
		    top: -10px;
		    left: 10px;
		    width: 19px;
		    height: 10px;
		    background: url(../img/pointer-horizontal.gif) center top no-repeat;
		}
/*-------------------------------------*/
.fightcss {
	width:5px;
	visibility:hidden;
}
div.autocomplete {
	background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	position:absolute;
	width:300px;
	margin:0px;
	padding:0px;
}
	div.autocomplete ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
		div.autocomplete ul li {
			list-style-type:none;
			display:block;
			margin:0;
			padding:2px;
			cursor:pointer;
			font-size:120%;
		    line-height:130%;
		}
		div.autocomplete ul li.selected { 
			background-color:#E6EFC2;
		    color:#529214;
		}
/* lite Window */
#lw-container {
	position: absolute;
	z-index: 301;
	width: 100%;
	top: 0px;
	left: 0px;
	padding: 0;
	margin: 0;
}
	#lw-body {
		border: 1px solid #000000;
		background-color: #ffffff;
	}
	#lw-titlebar {
		background-color: #005447;
		color: #ffffff;
		font-weight: bold;
		height: 1.3em;
		padding: 5px;
		border-bottom: 2px solid #edeeef;
		position: relative;
		z-index: 303;
	}
		#lw-title {
			float:left;
			font-size: 1.1em;
		}
		#lw-controls {
			float: right;
			cursor: pointer;
		}
		#lw-controls a {
			color: white;
		}
	#lw-content {
		margin: 0;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 302;
	}
ul.home {
	width: 760px;
	list-style:none;
	display: block;
	margin:0;
	padding:0;
	margin-bottom: 50px;
}
	ul.home li {
		margin:0;
		padding:0;
		float: left;
		width: 250px;
		text-align: center;
		font: 100% Tahoma, Arial, Verdana;
		font-weight: bold;
		background: url(http://images.kaspersky.com/en/draft/new_tabs_pas_bg.gif) repeat-x scroll 0;
		border-right: 1px solid #033425;
	}
		ul.home li span {
			padding-top: 5px;
			height: 21px;
			display: block;
			background: transparent url(http://images.kaspersky.com/en/draft/new_tabs_pas.gif) no-repeat scroll 0;
		}
		ul.home li span a { 
			color: #fff;
		}
	ul.home li.active {
		background: url(http://images.kaspersky.com/en/draft/new_tabs_sel_bg.gif) repeat-x 1px 0;
	}
		ul.home li.active span {
			background: url(http://images.kaspersky.com/en/draft/new_tabs_sel.gif) no-repeat scroll 0;
		}
			ul.home li.active span a {	
				color: #033425;
			}
ul.tabs-group {
	list-style:none;
	margin:0;
	padding:0;
	width: 562px;
	border-bottom: 1px #AEAE8C solid;
	height: 34px;
}
	ul.tabs-group li {
		float: left;
		text-align: center;
		width: 100px;
		margin:0;
	}
	ul.tabs-group li a {
		text-decoration: none;
		font: 90% Verdana, Tahoma;
		font-weight: bold;
		color: #959492;
		display: block;
		padding: 10px;
		padding-right: 30px;
		background: transparent url(../img/pc_off.gif) no-repeat 80% center;
	}
	ul.tabs-group li a.active {
		color: #333;
		border: 1px #AEAE8C solid;
		border-bottom: 0;
		background-color: #F7F6F1;
		background: transparent url(../img/pc_on.gif) no-repeat 80% center;
	}
div.tabs-content {
	background-color: #E1DECF;
	border: 1px #AEAE8C solid;
	border-top: 0;
	padding: 5px;
	width: 550px;
}
/* products */
div.products {
	clear: both;
	width:750px;
	font: 100% tahoma;
}
	div.rounded {
		width: 350px;
		padding: 5px;
		margin:5px auto;
		
	}
		div.rounded button{
		    display:block;
		    margin:2px 7px 0 0;
		    background-color:#f5f5f5;
		    border:1px solid #dedede;
		    border-top:1px solid #eee;
		    border-left:1px solid #eee;
		    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		    font-size:100%;
		    line-height:130%;
		    text-decoration:none;
		    font-weight:bold;
		    color:#d12f19;
		    cursor:pointer;
		}
		div.rounded button {
	    	width:auto;
	    	overflow:visible;
	    	padding:3px 0 2px 0; /* IE6 */
		}
		div.rounded button[type]{
		    padding:4px 10px 4px 7px; /* Firefox */
		    line-height:17px; /* Safari */
		}
		*:first-child+html div.rounded button[type]{
		    padding:3px 0 2px 0; /* IE7 */
		}
		div.rounded button img, .buttons a img{
		    margin:0 3px -3px 0 !important;
		    padding:0;
		    border:none;
		    width:16px;
		    height:16px;
		}
		div.rounded button.hover, button:focus {
		    background-color:#dff4ff;
		    border:1px solid #c2e1ef;
		    color:#336699;
		    text-decoration: none;
		}
	div.products_box {
		position: relative;
		float: left; 
		width: 360px; 
		height: 330px; 
		padding: 5px; 
		background: transparent url(../img/panel.bg.png) repeat center center;
		border: 1px #fff solid;
	}
		div.products_box_one {
			border-bottom: 1px #337671 solid;
		}
		div.products_box_two {
			border-bottom: 1px #337671 solid;
			border-right: 1px #337671 solid;
		}
	div.products_box p.products_image {
		float: right; 
		width: 100px;
		margin: 2px;
	}
	div.products_box .radio {
		margin-left: 15px;
	}
	span.valor {
		font: 150% Verdana, sans-serif;
		font-weight: bold;
		color: #910d23;
	}
.bottom {
	
	bottom:0;
}
.border { border: 1px black solid; }
.w100	{ width: 100%; }
.mini 	{ clear: both; color: #666; font-size: 80%; margin: 3px; padding: 3pt 0; }
/*fieldset.h3 { 
	border:1px solid #D0C9AD;
	margin-top: 30px;
	padding: 0.5em;
}
legend.h3 {
	padding: 0.2em 0.5em 0.2em;
	font-size: 1.2em; 
	font-weight: bolder;
	text-align:right;
	margin-top: -23px;
	border-bottom: 1px solid #D0C9AD;
}*/
fieldset.h3 { 
	border:1px solid #D0C9AD;
	padding: 0.5em;
}
legend.h3 {
	padding: 0.2em 0.5em 0.2em;
	font-size: 1.2em; 
	font-weight: bolder;
	text-align:right;
}
.reply {
	margin: 10px;
	padding: 10px;
	border: 1px #D0C9AD solid;
}
.t	{	background: url(../img/dot.gif) 0 0 repeat-x; margin-bottom: 5px;					}
.b	{	background: url(../img/dot.gif) 0 100% repeat-x					}
.l	{	background: url(../img/dot.gif) 0 0 repeat-y					}
.r	{	background: url(../img/dot.gif) 100% 0 repeat-y					}
.bl	{	background: url(../img/bl.gif) 0 100% no-repeat					}
.br	{	background: url(../img/br.gif) 100% 100% no-repeat				}
.tl	{	background: url(../img/tl.gif) 0 0 no-repeat					}
.tr	{	background: url(../img/tr.gif) 100% 0 no-repeat; padding:10px	}
.fix-ie {
	display: none;
}