*{ margin:0; padding:0; border:0; outline:0;}
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
/* end Reset */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.float_left{ float:left !important; display:inline;}
.float_right{ float:right !important; display:inline;}
.block_content{ width:100%; float:left; clear:both;}

a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline;}


body{
	background:#ececf1;
	color:#333;
 	font:12px  Verdana, Geneva, sans-serif;
}

.wrapper{ margin:0 auto; width:840px;}

#top{
	background:url(../img/menu_bg.jpg) repeat-x;
	height:34px;
}
#top h2{
	color:#fcfCfc;
	background:url(../img/menu_line.gif) no-repeat left top;
	font-weight:normal;
	font-size:14px;
	padding:11px 14px 0 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	float:left;
}

#top ul{
	float:right;
}
#top ul li{ display:inline; float:left;}
#top ul li a.text_link{ text-transform:uppercase; color:#fff; padding:11px 5px 0 5px; display:block; font-size:13px;}
#top ul li a.line{ background:url(../img/menu_line.gif) no-repeat right top;}
#top ul li img{ vertical-align:top;}

	

#header{
	background:url(../img/header_bg.jpg) repeat-x;
	height:124px;
}	


#header h1 a{
	float:left;
	background:url(../img/key_logo.jpg) no-repeat;
	width:301px;
	height:124px;
	text-indent:-9999px;
	}
#header #flash{
	float:right;
	position:relative;
	margin-right:-20px;
	
	}	
	

#content{ padding:20px 0 30px 0;}	


#sidebar{
	float:left;
	width:232px;
	}

#sidebar ul li{
	background:url(../img/line_menu.gif) no-repeat right bottom;
	padding:6px 20px 10px 20px;
	text-align:right; color:#666;
	font-size:12px; 
	text-transform:uppercase; font-weight:bold;
}	
#sidebar ul li.sub{
	background:url(../img/line_submenu.gif) no-repeat right bottom;
	text-transform:none;
	font-size:11px;
	padding:2px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar ul li a{ color:#666;  display:block;}
#sidebar ul li a:hover,
#sidebar ul li a.active{color:#f26522; text-decoration:none;}

#mainContent{ width:583px; float:right;}

h3.title{
	background:url(../img/line_title.gif) no-repeat right bottom;
	font-size:16px; text-transform: uppercase;
	font-weight:bold;
	height:24px;
	padding:8px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	}

h5.call{
	padding:5px 10px;
	border:2px dotted #999;
	text-align:center;
	color:#383636;
	font-size:14px; font-weight:bold;
	width:528px;
	margin-left:31px;
}
h5.call span{ color:#e30101;}

#total-control{
	background:url(../img/total-control.jpg) no-repeat top right;
	height:232px;
	position:relative;
	margin:10px 0 0 0;
}
#total-control h2{
	position:absolute;
	font-size:16px;
	font-weight:bold;
	top:22px; left:34px;
}
#total-control h2 span{ display:block; padding-left:20px;}

#total-control p{
	position:absolute;
	font-size:14px;
	text-align:right;
	bottom:0; right:0px;
}

/**/	
#boxes{margin:20px 0 0 0;}
#boxes div{
	float:left; display:inline;
	width:256px;
	height:150px;
	font-size:11px; font-family:Arial, Helvetica, sans-serif;
}

#forget-keys{
	background:url(../img/destacado_01.jpg) no-repeat;
}
#boxes div p{
	color:#333;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
}
#boxes div p a:hover{ color:#FF3300; text-decoration:none;}

#tailor-made{
	background:url(../img/destacado_02.jpg) no-repeat;
	margin:0 36px;

}

#howWorks #mainContent{ 
	margin-top:-20px; position:relative;
	background:#cccccc url(../img/gradient_top.gif) repeat-x top left;
	width:511px;
	padding:16px 36px 38px 36px;
}
#howWorks p.after{ margin:25px 0; line-height:16px;}

.border{
	background:url(../img/gradient_border.gif) no-repeat;
	width:37px;
	height:38px;
	float:left;
	position:absolute;
	bottom:0; left:0;
}
* html .border{ bottom:-1px;}

/*preload classes*/ 
.svw {
	width: 583px;
	height:232px;
	background: #fff;
	text-align:center;
	}
	
.svw ul {
	position: relative; 
	left: -999em;
	} /*core classes*/
	
.stripViewer { 
	position: relative; 
	overflow: hidden; 
	margin: 0 0 1px 0; 
	} 
	
.stripViewer ul { /* this is your UL of images */ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%; 
	list-style-type: none;
	} 
	
.stripViewer ul li { 
	float:left; 
	} 
	
.stripTransmitter {
	overflow: auto;
	width:583px;
	height:23px;
	margin:0 0 15px 0;
	padding:0;
	float:left;
	background-image: url(../img/slider_home/slider_botonera_back.jpg);
	}
	
.stripTransmitter ul { 
	margin: 4px 0 0 0; 
	padding: 0;
	list-style-type: none;
	float:right;
	height:10px;
	margin:2px 3px 0 0;
	padding:0;
}

.stripTransmitter ul li {
	width:7px;
	height:7px;
	margin:4px 6px 0 0;
	padding:0;
	float:left;
	list-style:none;
}

.stripTransmitter a {
	width:7px;
	height:7px;
	font: bold 5px Verdana, Arial;
	text-align: center;
	background: #999;
	color: #999;
	text-decoration: none;
	display: block;
	border: 1px solid #e3e3e3;
}
.stripTransmitter a:hover, a.current{
	width:6px;
	height:6px;
	background: #014b92;
	color: #014b92;
	border: 1px solid #006ed7;
	margin:0.8px 0 0 0;
	} /*tooltips formatting*/

.steps{
	margin-bottom:10px;
	clear:both;
}
.steps li{ float:left; display:inline; width:238px; padding:10px 0 0 0;}
.steps li.step_2{ float:right; width:238px;}
.steps li.step_4{ float:right; width:272px;}

.steps li img{ display:block;}

.steps span{ 
	display:block; height:95px;
	padding:11px 0  0 54px; 
	font-size:11px;
}
.steps li.step_1 span{
		background:url(../img/funcion_sec_01_txt.gif) no-repeat;
	}
.steps li.step_2 span{
		background:url(../img/funcion_sec_02_txt.gif) no-repeat;
	}
.steps li.step_3 span{
		background:url(../img/funcion_sec_03_txt.gif) no-repeat;
	}
.steps li.step_4 span{
		background:url(../img/funcion_sec_04_txt.gif) no-repeat;
		padding:14px 0  0 80px; 
	}
	
.accesorios{
	margin-bottom:25px;
	display: block;
	border-bottom-color: #FF6600;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.linea {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.Accesorios_imagenes {
	width: 300px;
	display: inline;
	float: left;
	clear: both;
}

.accesorios li img{
	display:inline;
}

.accesorios span{
	display:inline;
	font-size:11px;
	float: right;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	clear: none;
	width: 200px;
	margin-left: 10px;
}
.accesorios li.step_1 span{
	background:url(../img/funcion_sec_01_txt.gif) no-repeat;
	}

#key-boards{
	background:url(../img/funcion_paneles.gif) no-repeat;
	height:229px;
	position:relative;
	visibility: visible;
}
#key-boards h4{ display:none;}
#key-boards p{
	position:absolute;
	right:22px;
}

#banners{ margin:30px 0 0 0;}
#banners img{ margin:30px 0 0 0;}

	
/* Footer */
#footer{
	background:#d9d9dc url(../img/footer_bg.gif) repeat-x center top;
	padding-bottom:10px;
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif;
	}
	
#footer h3{ 
	float:left; 
	background:url(../img/key_logo_footer.gif) no-repeat;
	height:58px;
	width:220px;
	text-indent:-9999px;
}	

#footer div div{ float:right; padding:13px 0 0 0; line-height:15px; text-align:right;}
#footer a{ color:#FF3300;}