/* 
	----------------------------
	@project: HPExperience/Designory;
	@author: Cameron Hill
	@date: 01-Dec-2012;
	@description: evolving revision to bootstrap HPE campaigns;
	@todo: grid-system, iconography;
	----------------------------
*/

/*
	----------------------------
	BASE STYLES
	----------------------------
*/

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body,img,p,h1,h2,,h4,h5,h6,form,table,td,ul,ol,li,fieldset,hr { margin:0; padding:0; border:0; }
body, input, textarea, select { font-family: 'HPSimplified', Arial, Helvetica, sans-serif; }
section, nav, article, header, footer { display: block; }
h1,h2,,h4,h4,h6 { line-height: 1; }
a { color: #007dba; text-decoration: none; }
a:hover, a:focus { text-decoration:underline;}
a:visited { color:#822980; text-decoration: none; }
.newwindow:visited { color:#822980;}
sub, sup { font-size: 50%;
	    line-height: 0;
	    position: relative;
	    vertical-align: baseline;  }
sup {
	font-size: 10px;
	vertical-align: 5px;
}

.divsup {
    top: -0.90em;
font-size: 50%;
	    line-height: 0;
	    position: relative;
	    vertical-align: baseline;  
}


.superSup {
    line-height :0;
    vertical-align : baseline;
    font-size: 25% !important;
    position: relative;
    top: -3.5em;

}

.mainHeadline{
    font-size: 25%;
    top: -2em;
}

.call {
	margin-top: 10px;
	font-weight:bold;
	width: 350px;
	position:relative;
	left:-329px;
	top:68px;
}


sub {
    bottom: -0.25em;
}


hr { border: 0; height: 1px; background: #a5a5a5; width: 1000px; max-width: 100%; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;*margin-top: 36px; }

hr.content-gutter { padding: 0; }
::-moz-selection { background: #f05332; color: white; text-shadow: none; }  
::selection {  background: #f05332; color: white; text-shadow: none; }
span.rightText {text-align:right;}

.imagemove 
{
    margin-left : 31px;
}

.myquickfix 
{
    margin-left: -15px !important;
    margin-top : -30px !important;

}

.myquickfix2
{
    margin-left: -15px !important;
    margin-top : -55px !important;
    width : 400px !important; 

}

.forcemove {
    clear : both; 

}
.clearFix {
clear: both;
overflow: hidden;}

.navCont {
z-index: 0;
left: 0;
width: 100%;
background: #fff;
}

ul.navigation {width: 1000px;margin:0px auto 0px!important;list-style-type:none; padding:0px}
ul.border {border-bottom: 1px solid #cfcfcf;}

ul.navigation li.active {
border-bottom: 4px solid #0096d5;
text-decoration: none;
margin-bottom: 0px;
}

ul.navigation li {
font-size: 14px;
margin: 4px 15px;
padding: 0 5px;
line-height: 30px;
float: left;
}

ul.navigation li a {color:#767676}
ul.navigation li.active a {
color: #000;}

.store-cta, .inline {
display: block;
float: left;
margin-right: 10px;}

.button-critical, .button-critical:visited, .button-critical:focus {
background-color: #d7410b;
color: #ffffff;
text-decoration: none;
}

.button, .button:visited {
display: inline-block;
border: 0;
font-size: 18px;
line-height: 36px;
font-weight: bold;
padding: 0px 16px;
white-space: nowrap;
-webkit-border-radius: 0 6px;
-moz-border-radius: 0 6px;
-ms-border-radius: 0 6px;
border-radius: 0 6px;
}

.button.critical:hover, .button.critical:hover input {
background-color: #C1401A;
}

/*
	----------------------------
	PAGE MODULE ELEMENTS
	----------------------------
*/

.body { font-size: 16px; line-height: 22px; color: #000; }
.body p, .body ul, .body ol, .body dl { margin: 0 0 12px 0; }
.body ol { margin-left: 20px; }
.content { width: 1000px; margin: 0 auto; position: relative; }
.content-gutter { width: 964px; padding-left: 18px; padding-right: 18px; }
.content-gutter-legal { width: 964px; padding-left: 5px; padding-right: 5px; }

.content-pad-top { padding-top: 30px; }
.content-pad-bottom { padding-bottom: 30px; }
/*.content-pad-left { padding-left: 22px; }*/
.content-pad-left { padding-left: 1px; }
.content-pad-mini { padding-top: 25px; padding-bottom: 25px; }
.content-breakout { width: 100%; }
.content-center-outer { float: right; right: 50%; position: relative; }
.content-center-inner { float: right; right: -50%; position: relative; }

.col_full {width: 1000px;
margin: 0px 0 0px 0px;
*margin-top:-14px;

float: left; }

.col_doble {width: 63%;
margin: 0px 0 0px 0px;
*margin-top:-14px;

float: left; }
.col_simple { 
width:31%;

float:right;
*margin-top:-14px; }

.col_simpleimg{
	width:31%;
float:right;
*margin-top:-15px; 
*margin-bottom:-10px; 
	}

.col_photo { 
width: 291px;
margin-top: 40px;
float:right; }

.content-alt { background-color: #0096d6; color: #fff; }
.content-alt a { color: #fff; text-decoration: underline; }
.content-alt a:hover { text-decoration: none; }

.vert-sep > div { border-left: 1px solid #fff; }
.vert-sep > div:first-child { border-left: 1px solid transparent; }

.column { display: inline-block; vertical-align: top; position: relative; *zoom: 1; *display: inline; }
.column.end { float: right; }


.column-group-2 {padding-bottom:10px;}
.column-group-2 > .column { width: 48%; margin-left: 3%; }
.column-group-2 > .column:first-child { margin-left: 0; }

.column-group-3 {padding-top: 10px; padding-bottom:10px;}
.column-group-3 > .column { width: 30%; margin-left: 3%; }
.column-group-3 > .column:first-child { margin-left: 0; }

.hub-nav { position: relative; width: 1000px; margin: 30px auto 0;  }
.hub-nav > a { font-size: 14px; color: #767676; margin: 0 2px 0 18px; line-height: 2.5; border-bottom: 4px solid transparent; position: relative; display: inline-block; zoom: 1; *display: inline; }
.hub-nav > a.active, .hub-nav > a.active:hover { color: #000; border-bottom: 4px solid #0096d6; text-decoration: none; }
.hub-nav > a:hover { color: #006699; text-decoration: none; }
.hub-nav > h1 { float: left; font-size: 32px;line-height: 40px;}
.hub-nav > h2 { float: left; font-size: 18px; line-height:22px;margin-left: 18px; font-weight:normal }
.hub-nav-cta { float: right; font-size: 18px; margin-right: 18px; margin-bottom: 8px; }
.hub-nav-cta .button { font-size: 16px; }
.dock { background: #fff; z-index: 100; padding-top: 0px; }
.docked .hub-nav { border-bottom: 1px solid #a5a5a5; }

h4{font-size: 18px; line-height: 22px; font-weight: bold; margin-bottom: 0px}
.title_h4{font-size: 24px; line-height: 28px; font-weight: bold; margin-bottom: 0px;padding: 20px 0 15px;}
.icons-panel h4.title_h4 {margin: 20px 0px;padding:0}
.h-banner { font-size: 50px; line-height: 50px; /*font-size: 52px; line-height: 54px;*/ font-weight: bold; padding: 0 0 5px 0; }
.h-page { font-size: 32px; line-height: 24px; font-weight: bold; margin-bottom: 20px }
.h-col2 { font-size: 24px;
line-height: 24px;
font-weight: bold;
margin-bottom: 28px;
margin-top:-7px;
*margin-top:0px  }
.h-section { font-size: 24px; line-height: 30px; font-weight: bold; }
.h-secondary { font-size: 18px; line-height: 22px; font-weight: bold; }
.h-modal { font-size: 20px; line-height: 24px; font-weight: bold;margin-top:-7px }
.h-features{font-size: 24px; line-height: 24px; font-weight: bold; margin-bottom: 20px;*margin-top: 0px; }
.only { font-size: 14px; line-height: 18px; color: #717172; font-weight: normal;}
.price { font-size:30px; line-height:32px; color:#d7410b; font-weight: normal;}

.inline{padding-right: 40px;}
.only-col2 { font-size: 14px; line-height: 22px; color: #717172; font-weight: normal;}
.price-col2 { font-size:24px; line-height:24px; color:#d7410b; font-weight: bold;}
.grey{ color:#5a5a5a !important}

.italic{font-size:14px; font-style:italic;margin: 0!important;}
/*
.store-cta, .inline { display:block; float:left; margin-right:10px; margin-top:0px; font-size:24px; color:#d7410b;}
.store-cta { margin-top:18px}*/

.store-cta, .inline { display:block; float:left; margin-right:10px; }
.store-cta {margin-top: 10px; bottom: 12px; position: absolute; right: 10px;}
p + .h-modal { margin-top: 17px; }
.content .h-page, .content .h-modal { margin-bottom: 12px; }

.button, .button:visited { display: inline-block; border: 0; color: #fff; font-size: 18px; line-height: 36px; background-color: #0096D6; font-weight: bold; padding: 0px 16px; white-space: nowrap; -webkit-border-radius: 0 6px; -moz-border-radius: 0 6px; -ms-border-radius: 0 6px; border-radius: 0 6px; }
.button:hover, .button:active { background-color: #006699; color: #fff; text-decoration: none; }
.button-critical, .button-critical:visited, .button-critical:focus { background-color: #d7410b; color: #ffffff; text-decoration:none; }
.button-critical:hover, .button-critical:active { background-color: #c1401a; color: #ffffff; }
.button-secondary, .button-secondary:visited { background-color: #767676; }
.button-secondary:hover, .button-secondary:active { background-color: #5a5a5a; }
.button-disabled, .button-disabled:hover, .button-disabled:active, .button-disabled:visited { background-color: #ccc; cursor: pointer; }
.button-inline { font-size: 16px; line-height: 26px; }

.button-learnmore { font-size: 14px; line-height: 24px;line-height: 33px\0/; *line-height: 33px;  margin-top:10px;*margin-bottom:-7px; }

/*firefox only hack*/
@-moz-document url-prefix() { 
 .button-learnmore { font-size: 14px; line-height: 34px;  margin-top:10px; }
}

/*.tab-wrapper { border-bottom: 1px solid #000; }
.tab { position: relative; top: 1px; background: #fff; display: inline-block; zoom: 1; *display: inline; border: 1px solid transparent; border-bottom: 1px solid #000; font-size: 18px; font-weight: bold; padding: 8px 8px 4px 8px; color: #5a5a5a; }
.tab.active { border: 1px solid #000; border-radius: 0 6px 0 0; border-bottom: 1px solid #fff; color: #000; }
.tab:hover { cursor: pointer; color: #000; }*/

#tabs {margin-top:50px;}
#tabs .content {width:auto;}
#tabs .content-gutter {width:auto;}
#tabs-nav {margin-top:20px; border-bottom:#000 1px solid;list-style-type:none}
#tabs-nav li {float:left; margin-bottom:-1px;}
#tabs-nav li.first-child {margin-left:15px;}
#tabs-nav li a {float:left; display:block; line-height:18px; font-size:18px; padding:10px 18px; text-align:center; color:#5a5a5a; text-decoration:none; /*border-bottom:#000 1px solid;*/ border-top:#fff 1px solid;}
#tabs-nav li.active a {border:#000 1px solid;  color:#000; -moz-border-radius: 0 5px 0 0; -o-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -ms-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; border-bottom:#fff 1px solid;}

#tabs-content {margin:25px 20px 0 20px;}
#tabs-content li {display:none;}
#tabs-content li.active {display:block;}
ul.activeBullets li {display:block; background:url(../media/bullet.png) no-repeat left 8px; padding-left:15px;}

.collapsable-trigger, .collapsable-trigger:visited { cursor:pointer; color:#000; display:block;  padding:20px 15px;border-top:#a5a5a5 1px solid;}
.collapsable-trigger:hover {text-decoration:none}
.collapsable-hidden { display: none; }
.collapsable.expanded .collapsable-hidden { display: block; }

.no-js .product { min-height: 400px; }
.product { position: relative; }
.product .img { text-align: center; }
.product ul { list-style: disc inside; padding-bottom: 20px; }
.product li { margin-left: 18px; text-indent: -16px;}
.product small { color: #5a5a5a; }
.product .price { font-size: 32px; color: #d7410b; display: block; line-height: 1; margin-bottom: .25em; }
.product .cents { font-size: 50%; line-height: 1; vertical-align: super; }
.product .h-secondary { font-size: 17px; margin-bottom: .5em; }
.product .shop { position: absolute; bottom: 0; margin: 20px 0; }
.product .button { margin-bottom: 20px; font-size: 16px; line-height: 32px; }

.print-on-road {margin-top:80px; width:80%;}
.print-on-road .input {height:30px; float:left; margin-right:10px;}
.print-on-road .clearfix {padding-top:10px;}
.print-on-road .input .text-input {width: 210px; height: 20px; padding: 5px 0 5px 7px; font-size: 16px; color: #767676; background: #FFF; float: left; z-index: 0; margin-bottom:3px; border: none; outline:none;}
.print-on-road .button {margin-right:30px;}

#free-gift {border-top:#a5a5a5 1px solid; padding:100px 15px; background:url(../media/free-gift.jpg) no-repeat right center;}
#free-gift p {width:450px; margin-bottom:20px;}


.legal { width: 964px; color: #767676;*margin-top:-12px }
.legal p { font-size: 12px; line-height: 15px;/* text-indent: -9px;*/ margin-left: 18px; margin-top: -5px;*margin-top: 0px;}
/*firefox only hack*/
@-moz-document url-prefix() { 
  .legal p { margin-top: -6px;}
}



.temp 
{
    margin-left : 20px;

}

#quick-facts { background: #0096d6; padding: 2em 0 2em;}
.breakout {color:#fff}
#quick-facts .content { width: 1000px; margin:auto }
.fact-panel { border-right: 1px solid #fff;float: left;width: 409px;height: 123px;margin-bottom: 5px;padding: 0 80px 0 20px;text-align: left; }
.fact-panel h4 {padding:0px;margin-bottom:7px;margin-top:0;}
.fact-panel img{float: left;
padding: 0 20px 45px 0;}
.fact-panel p { margin-bottom: 0; }
.fact-panel  { font-size:32px; line-height:40px; margin-bottom: 0; }
.fact-panel.last { border-right: 0;padding: 0 0 0 80px; }
.fact-panel-divider { clear: both; border-bottom: 1px solid #fff; margin: 24px auto; }


#content-hp{ width:1000px; margin:auto}
#content-hp2{ width:964px; margin:auto; margin-bottom:43px;overflow: hidden;padding-top: 30px;}
#content-hp3{ width:1000px; margin:auto;margin-bottom:37px;}
##content2-hp{ width:1000px; margin:auto}

/*
	----------------------------
	ICONOGRAPHY
	----------------------------
*/

.icon { background: url(../media/hp_sprite.png) no-repeat; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.icon-tweet-blue { background-position: -192px 0; width: 28px; height: 23px; margin-right: 6px; }
.icon-tweet-white { background-position: -163px 0; width: 28px; height: 23px; margin-right: 6px; }
.icon-share { background-position: -108px 0; width: 14px; height: 15px; }
.icon-arrow-left {background-position: 0 0; width: 21px; height: 38px; display: none; }
.icon-arrow-left.active, .icon-arrow-right.active { display: block; }
.icon-arrow-left.active:hover { cursor: pointer; background-position: -21px 0; }
.icon-arrow-right { background-position: -44px 0; width: 21px; height: 38px; display: none; }
.icon-arrow-right.active:hover { cursor: pointer; background-position: -66px 0; }
.icon-collapsed { background-position: -90px -60px; width: 18px; height: 22px; margin-right: 4px; }
.expanded .icon-collapsed { background-position: -70px -60px; }

/*
	----------------------------
	MODAL
	----------------------------
*/

#modal-canvas { background: url(../media/modal_bg.png); display: none; position: fixed; z-index: 990; width: 100%; height: 100%; left: 0; top: 0; }
div.modal, div.modal input, div.modal textarea { font-size: 16px; }
div.modal { background: #fff; /*border-top: 5px solid #0096d6; border-bottom: 5px solid #0096d6;*/ display: none; margin: 75px auto 0 auto; z-index: 999; width: 800px; }
.close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: black; text-shadow: 0 1px 0 white; opacity: .2; filter: alpha(opacity=20); }
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }
.modal-header { padding: 15px 20px; border-bottom: 1px solid #eee; }
.modal-header  { font-size: 30px; line-height: 1; margin: 0; }
.modal-body { padding: 20px; position: relative; }
.modal-body.no-pad { padding-top: 0; }

/*
	----------------------------
	SOCIAL
	----------------------------
*/

.share-this { width: 64px; float: left; font-size: 14px; }
.share-this a { color: #000; }
.share-fb { width: 100px; float: left; }
.share-fb-learn-more { display: block; font-size: 12px; line-height: 1; margin-top: 2px; }

/*
	----------------------------
	UTILITY
	----------------------------
*/

.content:before, .content:after,
.clearfix:before, .clearfix:after { content: ""; display: table; }
.content:after,
.clearfix:after { clear: both; }
.content,
.clearfix { zoom: 1; }

.gutter-left { margin: 0 0 0 18px; }
.gutter-right { margin-right: 18px; }
.gutter-left.button { margin-left: 10px; }
.uppercase { text-transform: uppercase; }
.bold { font-weight: bold; }
.narrow { font-weight: normal; }
.error { color: #f00; }
.two-thirds { width: 75%; }
.top-margin {margin-top:25px;}
.no-margin {margin:0;}
.no-padding {padding:0;}
.left {float:left}
.right {float:right; padding-right:3em;}
.rightHere {float:right; padding-right:2em; padding-right: 1.5em !important;}
.meta {color: #767676; font-size:12px;}
/*
	----------------------------
	HPE OVERRIDE
	----------------------------
*/

#header { padding-top: 0px; }
#body.body { padding-bottom: 0; width: 100%; }
/* #header, #footer { display: block; width: 1000px; margin: 0 auto; border: 0; } */

/*
	----------------------------
	PAGE SPECIFIC STYLES
	----------------------------
*/

#hero { background: url(../media/hero_bg2.jpg) no-repeat; height: 450px; font-weight: bold;  background-position: center;
 }
#hero h2 { margin-bottom: .15em; margin-top: 40px; }
#hero .column { width: 62%; margin-left:0px; }
#hero p { font-weight: normal; }

#hero2 { background: url(../media/hero2.jpg) no-repeat; height: 450px; font-weight: bold; margin-top: 30px;background-position: center; }
#hero2 h2 { margin-bottom: .15em; margin-top: 40px; }
#hero2 .column { width: 62%; margin-left:0px; }
#hero2 p { font-weight: normal; }

.video-container {margin-top:20px;}
.video-container img {margin-right: 15px;}
.video-container .meta img {margin-right: 10px;}

.three-steps { padding-top: 50px; }
.three-steps .h-section { font-size: 20px; line-height: 1; margin-bottom: .25em; }
.three-steps img { margin-bottom: 1em; }
.three-steps p.two-thirds {margin-bottom:25px;}

#tips .collapsable { margin-left: 17px; }
#tips .expanded .collapsable-hidden { margin-top: .5em; margin-left: 28px; }

.offscrn {
position:absolute;
width:0px;
height:0px;
top:-500px;
left:-500px;
overflow:hidden;
}

.header .searchSubmit{background:none;}
.navCont li a:hover{text-decoration:none;}


.icons-panel{
width: 300px;
height:310px;
float: left;
padding: 0 20px; position:relative
}

.one {padding:0px 20px 0px 0px}

.icons-panel figure {display: table-cell;
    height: 95px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 100px;}

.three h4 {width:100px}
.pbottom{padding-bottom:1px;}
.p20{padding-bottom: 8px;
padding-top: 20px;}

.icons-panel p{/*float:left;*/padding-top:0;font-size:14px; font-family: 'HPSimplified', Arial, Helvetica, sans-serif; line-height:18px;margin: 0 0 20px;height: 70px;}


.panel-btn{width: 240px;
height: 95px;
float: left;
}

.hpe-small-pdf-icon {
	background: url("../media/s-15px-hpe.png") no-repeat scroll left -42px transparent;
	color: #5A5A5A !important;
	
	font-family: "HPSimplified";
	font-size: 12px;
	line-height: 15px;
	padding-left: 17px;
	text-transform: capitalize;
	margin:0 10px;
}

a.emphasized_link {
    color: #007DBA;
    font-family: "HPSimplified";
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
}
a.emphasized_link_14 {
    color: #007DBA;
    font-family: "HPSimplified";
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
}
a.emphasized_link:hover, a.emphasized_link_14:hover {
    text-decoration: underline;
}

/*
	----------------------------
	LIGHTBOX
	____________________________
*/

#bc_placeholder {
	width: 600px;
	height: 338px;
}
#lightbox-overlay {
	background: #000;
	display: none;
	position: fixed;
	z-index: 998;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: .5;
}
#lightbox {
	background: #fff; /*border-top: 5px solid #0096d6; border-bottom: 5px solid #0096d6;*/
	display: none;
	position: fixed;
	z-index: 999;
	width: 520px;
	padding: 32px 28px 28px;
}
#lightbox h2 {
	margin-bottom: .25em;
}
#lightbox .x {
	opacity: .6;
	position: absolute;
	top: 6px;
	right: 6px;
	width: 23px;
	height: 23px;
	display: block;
	background: url(../media/sprite.png) no-repeat -79px 0;
}
#lightbox .x:hover {
	opacity: 1;
	text-decoration: none;
}
#lightbox2 {
	background: #fff; /*border-top: 5px solid #0096d6; border-bottom: 5px solid #0096d6;*/
	display: none;
	position: fixed;
	z-index: 999;
	width: 640px;
	padding: 32px 28px 28px;
}
#lightbox2 h2 {
	margin-bottom: .25em;
}
.lightboxh2 {
	margin-bottom: .25em;
	font-family: "HPSimplified";
	font-size: 24px;
	line-height: 30px;
	color: #000000;

	font-weight:bold
}

#lightbox2 .x {
	opacity: .6;
	position: absolute;
	top: 6px;
	right: 6px;
	width: 23px;
	height: 23px;
	display: block;
	background: url(../media/sprite.png) no-repeat -79px 0;
}
#lightbox2 .x:hover {
	opacity: 1;
	text-decoration: none;
}
#lb-video {
	width: 640px;
	height: 360px;
}
#videoyoutube {
	width: 640px;
	height: 360px;
}

/* KILL outlines (a on IE, etc.) */

/* lightbox */
#bc_placeholder { /*width: 600px; height: 338px;*/
}
#lightbox object, #lightbox embed {
	margin: 0 20px;
}
p.icono-pdf, p.icono-video, p.icono-link-ext, p.icono-descarga {
	width: 229px;
	height: 20px;
	display:block;
	font-family: "HPSimplified";
	font-size: 14px;
	line-height: 18px;
	color: #5A5A5A !important;
	text-transform: capitalize;
	text-decoration:none;
	padding-left: 20px;
}
p.icono-pdf {
	background: url(media/s-15px-hpe.png) no-repeat scroll left -40px transparent;
}
p.icono-video {
	background: url(media/s-15px-hpe.png) no-repeat scroll left -679px transparent;
}

.suptitle{
vertical-align: 22px;
font-size: 18px;	
}

.coltop{
margin-top:30px;	
}

.imgt{*margin-top:14px}

.p12{font-size:12px; line-height:14px}

.p16{font-size:16px; line-height:22px}

.bottom-footer{margin-bottom:37px;}


.hrlegal{margin-bottom:20px;!Important}

/* Configuracion */

.column_one {width:450px;padding:0 30px 0 0; float:left}
.column_two {width: 450px;padding:0 0 0 30px; display:inline-block;text-align: right;}
.column_one h2 { font-size:32px; line-height:32px;margin: 0 0 17px;}
.page {padding:35px 0 0px}

/* Tabs */
#tabbed-content  {width: 100%;width: 1000px\9;clear: both;height:auto;margin: 10px 0px 0;}
.nav-one { padding: 0 10px 0 0;}
.nav-twoo, .nav-three, .nav-four, .nav-five {padding: 0 10px;}
#tabbed-content ul { list-style: none; }
#tabbed-content ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#tabbed-content ul li a:hover { color: #666; text-decoration:underline;}
#tabbed-content ul li:last-child a { border: none; }
#tabbed-content .nav { overflow: hidden;  font-family: "HPSimplified" !important; font-weight:bold; margin:0; background: url(../media/barra_tab.jpg) repeat-x scroll 0 bottom transparent; padding: 0 0px 0 0px!important;}
#tabbed-content .nav li { float: left; }
#tabbed-content .nav li.last { margin-right: 0; }
#tabbed-content .nav li a { display: block; padding: 11px 20px; color:#666; font-size: 18px; text-align: center; border: 0; font-family: font-family: "HPSimplified" !important; font-weight:bold; text-decoration: none;}
#tabbed-content li a.current,#tabbed-content li a.current:hover { border: #000 1px solid;
color: #000;
-moz-border-radius: 0 5px 0 0;
-o-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
-ms-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
border-bottom: #fff 1px solid; height:25px }
#tabbed-content li a.current.long,#tabbed-content li a.current.long:hover {  border: #000 1px solid;
color: #000;
-moz-border-radius: 0 5px 0 0;
-o-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
-ms-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
border-bottom: #fff 1px solid; height:25px}
#tabbed-content .nav li a:hover, #tabbed-content .nav li a:focus {text-decoration: none; }
#tabbed-content .product { margin:20px 0 0;width:100%; border-right:none!important;height: auto;}
#tabbed-content .product ul {margin:0; padding:0;}
a.current:hover{text-decoration:none !important;cursor:default;}
#tabbed-content li a.current {border-bottom: #fff 1px solid!important;padding: 11px 20px;}
.text, .contenido {width: 620px;padding: 0 10px; float:left; position:relative}
.text {width:300px}
.contenido h4 {font-size:16px; line-height:20px}
.contenido strong {font-weight: normal;}
.contenido p {font-size: 14px;line-height: 18px;}
.contenido .p16 {font-size:16px; line-height:20px}
.contenido ul li {margin-left:0px; text-indent:0px}
/*ACORDION*/
.accordion ul {margin:-20px 0px 20px 0px;}

.accordion ul li {
font-family: "HPSimplified";
font-size: 16px;
Bullet-size: 16px;
Line-height: 22px;
color: black;
list-style: disc;
margin: 18px 18px;
	}
.accordion{ font-size:14px; }
.accordion p{ margin:0px 20px 20px 0px; font-size:16px; line-height:22px;}
.accordion .tit{ border-top: 1px solid #CCC; height: 44px; padding-left: 40px; padding-top: 18px; margin-bottom:0px;}

.accordion .tit:hover{ background-color:#f2f2f2}

.accordion .tit a {font-size:18px; color:#000;font-weight:bold;}
.accordion .tit a:hover{ color:#007EBB; text-decoration:none; }

.ui-state-active{  background:url(../images/acordion-menos.jpg) 10px no-repeat;}
.ui-corner-all{ background:url(../images/acordion-mas.jpg) 10px no-repeat;}


.bordertable{border-bottom: 1px solid #CCC; }
.bordertableleft{border-left:1px solid #CCC; padding-left:10px}
.borderright{ border-right:1px solid #CCC;}

.borderblanco{ border-left: 1px solid #FFF;}
.colorceleste{ color:#0096d6;}

.imagecolapse{float:left; margin-right:10px;}
.clear2{ clear:both; padding-bottom:30px; margin-left:20px}
#features .last {border-bottom:1px solid #ccc;}
#features {font-size: 20px;line-height: 24px;}
#features h4{
	 font-size: 18px;
    line-height: 22px;
    margin-bottom: 18px;
}
#features h3{
 font-size: 20px;
    line-height: 24px;
    margin-bottom: 18px;
}
#features a{margin-bottom:20px;}
ul.inside{margin:20px 0;padding:0;}
ul.inside li {
    background: url("../images/bullet.gif") no-repeat scroll 0 7px transparent;
    padding: 0 0 15px 18px;
	margin:0;
	list-style: none outside none;
}
ul.icons{display:inline-block;margin:0 0 20px !important;padding:0 !important;list-style: none outside none;}
ul.icons li{list-style: none outside none;margin:0 !important;padding:0 !important;float:left;width:150px;}
.down_pdf {margin:0 10px 0 5px;width: 185px;float: left;}

.tel {width: 180px;
position: absolute;
right: 0px;
bottom: 5px;font-size: 1.4em;}