/* RESET */
@import "reset.css";
/* TIPOGRAFIA */
@import "../fonts/fontface.css";
/* GENERALES *******************************************************************************************************************************************************************/
a:visited{
	text-decoration: none;
}

body{
	background-color:#FFF !important;
}
.header .search_container{
	width: 260px !important;
	}
div.seo_birdseed{
	display:none;
	margin-top: 0px!important;
	padding-top: 0px!important;
}
#body { 
	padding:0px !important; 	
	width:1000px; 	
	margin: 0 auto; 
	height:auto;
}

#top { 
	width:1000px;  
	height: 100%; 
	display:block; 
	margin:30px auto 0; 
	float:left;
}
h2{	
	margin-bottom:8px;	
}
.title { 
	display:block; 
	float: left; 
	width:100%;
}
.title h1{
	margin-top:0;
	line-height:normal;
}
.title .subtitle{
	color: #000000;
   display: block;
   font-family: "HPBold";
	margin:12px 0 15px 18px;
	font-size: 18px;
   line-height: 22px;
}
#content2 { 
	width:1000px; 
	height: auto; 
	display:block; 
	margin: 0 auto 3px; 
	float:left;
}
#select-country{
	margin:0 25px 8px 18px;
	float:left;
}

/* Botones */
	.button a{ font-family:"HPBold"; font-size: 16px; line-height: 36px; color: #fff; width:auto; display: block; cursor:pointer;	padding: 0px 15px; 	background-color: #d7410b;vertical-align:middle; 	-webkit-border-radius: 0 6px; 	-moz-border-radius: 0 6px; 	border-radius: 0 6px; float:left; margin:10px 0px; text-decoration:none}
	.button a:hover { background-color: #C1401A;}

	.menu-area ul .button{ background:#d7410b; font-weight:bold; color:#FFF; font-size:16px; text-decoration:none;  border-top-right-radius:5px; border-bottom-left-radius:5px;  line-height:36px;  height:36px; float:left; padding:0px 10px; margin-left:15px; margin-right:18px;}
	.menu-area ul .button:hover{ background:#c1401a; font-weight:bold; color:#FFF; font-size:16px; text-decoration:none;  border-top-right-radius:5px; border-bottom-left-radius:5px;  line-height:36px;  height:36px; float:left; padding:0px 10px;}

/* Layout */
#everything #content #body  #boxLeft { width:615px; height:auto; display:block; float:left;margin-right:41px; padding-left:18px;}
	 #boxes { width:615px; height:auto; min-height:330px;  display:block; margin-bottom:30px }
		.box {width:287px; height:auto; min-height:100px; display:block; float:left; margin:18px 0px 18px 0px;}
		.lineBack {border-bottom:#000000 1px solid;}
		.m41{ margin-right:41px}
		
#everything #content #body  #boxRight { width:308px; height:auto; display:block; float:left; padding-right:18px;margin-top: 40px;}
	.rail { width:308px; height:auto; display:block; float:left; padding-bottom:20px; margin-bottom:20px;}
		.combo { width:308px; height:50px; display:block; margin-bottom:18px}
			.img { width:61px; height:auto; display:block; float:left; margin-right:18px}
			.info { width:229px; height:auto; display:block; float:left; }	
				.ico { width:229px; height:100px; display:block;}
					a.icono-pdf, a.icono-video, a.icono-link-ext{ 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;	}
					a.icono-pdf {background: url(../../images/s-15px-hpe.png) no-repeat scroll left -40px transparent; }
					a.icono-video {	background: url(../../images/s-15px-hpe.png) no-repeat scroll left -680px transparent; }
					a.icono-link-ext{background: url(../../images/s-15px-hpe.png) no-repeat scroll left -630px transparent;}
					a:hover.icono-pdf, a:hover.icono-video, a:hover.icono-link-ext { text-decoration:underline;}			
/*Share*/
.share-this {
    float: left;
    margin:3px 12px 0 0;
    width: 78px;
}
.share-this a:hover{
    text-decoration:none;
}
.icon-share {
	background: url("../../images/s-hpe.png") no-repeat scroll 0 -579px transparent; 
	color: #767676 !important;
}
/* Tabs */
#tabbed-content  { width:615px !important; width:615px\9; clear:both; height:auto; margin:30px 0px; }
#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(../../images/barra_tab.jpg) repeat-x scroll 0 35px 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: 9px 0 0 0px; 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 { }
#tabbed-content .product { margin:20px 0;width: 615px; border-right:none!important;height: auto;}
a.current:hover{text-decoration:none !important;cursor:default;}
#tabbed-content li a.current {border-bottom: #fff 1px solid!important;}
/* Iconos */
.pb_10 { padding-bottom: 10px; }
.pb_20 { padding-bottom: 20px; }
.no_mb { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.icn_dta { background: url("../../images/s-15px-hpe.png") no-repeat scroll 0 -40px transparent; }
.icn_listen { background: url("../../images/s-15px-hpe.png") no-repeat scroll 0 -2054px transparent; margin-top: 0px !important;}
.icn_twitter { background: url("../../images/s-social-hpe.png") no-repeat scroll 0 -30px transparent; margin-top: 0px !important;}
.icn_blog { background: url("../../images/s-15px-hpe.png") no-repeat scroll 0 -1286px transparent; margin-top: 0px !important;}
.icn_read{ background: url("../../images/s-15px-hpe.png") no-repeat scroll 0 -1320px transparent; }
.item-ico { color: #767676; display: block; font-size: 14px; line-height: 17px !important; margin-top: 4px; text-decoration: none; padding-left: 20px;}
.icn_film { background: url("../../images/s-15px-hpe.png") no-repeat scroll 0 -679px transparent;}
/* Cloud Section*/
/* tabs */
.product p{
	margin-bottom: 12px;
}
.clf{
	display: inline-block;
   width: 100%;
}
.right_col, .left_col{
	float:left;
}
.right_col p {
   color: #000000;
   font-size: 16px;
   line-height: 22px;
   padding: 0;
   text-decoration: none;
	margin:-5px 0 0 21px;
	float:left;
	width:330px;
}
/* tab 1 */
#overview .left_col{
	width:260px;
}
#overview .left_col_expert{
	width:230px;
	float: left;
}
#overview .right_col_expert{
	width:380px;
	float: left;
}
#overview .right_col_expert p{
	color: #000000;
    float: left;
    font-size: 16px;
    line-height: 22px;
    margin: 0px 0 0 16px;
    padding: 0;
    text-decoration: none;
    width: 370px;
}
#overview .right_col_expert p a{
    margin: 5px 0 0 0;
	 float:left;
}
#overview .right_col_expert p a:visited{
	text-decoration: none;
	color:#822980 !important;
}
/* tab 2 */
/* table */
.table {
	display:block;
	font-size:15px;
	font-family: "HPSimplified";
    margin: 15px 0 0;
	float:left;
}
.row{
	width:100%;
	display:block;
	clear:both;
	float:left;
}
.cell-vertical{
	width:148px;
	float:left;
	 border-right: 1px solid #CCCCCC;
}
.cell-vertical-middle{
	width:158px;
	float:left;
	border-right: 1px solid #CCCCCC;
}
.cell_title {
	width:147px;
	display:block;
	float:left;
	background-color:#767676;
	border:none;

}
.cell_title_middle{
	width:157px;
	display:block;
	float:left;
	background-color:#767676;
	border:none;
	}
	.cell_title_last{
	width:147px;
	display:block;
	float:left;
	background-color:#767676;
	border:none;
	}
.cell_title p, .cell_title_middle p, .cell_title_last p{
	color:#FFF;
	font-weight:bold;
	margin:0;
	padding:10px 20px;
	height:110px;
	font-size:15px;
	font-family: "HPBold";
}
.cell {
	width:127px;
	display:block;
	float:left;
	height: 132px;
	background-color:#e5e8e8;
	margin: 10px;
	
}
.cell-grey {
	width:127px;
	display:block;
	float:left;
	height: 132px;
	background-color:#B9B8BB;
	margin: 10px;
}
.cell p, .cell-grey p{
	padding:13px;
	font-size:15px;
	line-height: 20px;
	height:105px;
}
.cell:hover, .cell-grey:hover{
	background-color:#0096D6;
	color:#ffffff !important;
}

.cell:hover a, .cell-grey:hover a{
	color:#ffffff !important;
}

.cell p:hover, .cell-grey p:hover{
	color:#ffffff !important;
}
.cell p a:hover, .cell-grey p a:hover{
	color:#ffffff !important;
}
.cell p a, .cell-grey p a{
	font-size:15px;
	line-height: 20px;
	height:105px;
	color: #000000;
	float:left;
	width: 110px;
	text-decoration:none;
}
.cell a:hover, .cell-grey a:hover{
	text-decoration:none;
}
.cell p.last{
	margin-right:0;
}
.cell-vertical .first{
	margin-left:0;
	width:137px;
}
/*p.grey, p.grey a{
    background:#b9b8bb;
}*/
.cell-vertical .last{
	width:137px;
}
.last{
   border-right:none;
	margin-right:0;
}
.bold{
	font-family: "HPBold";
}
.middle{
	width:137px;
}
.text{
	height:20px;
	background-color:transparent !important;
	margin:0px !important;
	padding:0px !important;
}
.white{
	background-color:transparent !important;
}
span.text{
	text-align:center;
	width: 137px;
	line-height: 17px;
	color:#767676;
	float:left;
	background:transparent !important;
}
.grey-arrow{
    background:url("../../images/arrow.png") no-repeat scroll top center #B9B8BB;
	 margin-top: -3px;
    padding-top: 13px;
}
/*p.grey-arrow a{
	background:#b9b8bb;
}*/
/* tab 3 */
#certification .left_col{
	margin-top:1px;
	width:298px;
}
#certification .right_col{
	width: 295px;
}
#certification .right_col h2 {  
   margin-left:21px;
   margin-top:0;
}
#certification .right_col p {  
    width: 295px;
   margin:-3px 0 12px 21px;
}
/*#certification .cell p:hover, #certification .cell p a:hover{
   background-color: #0096d6;
	color:#FFFFFF;
	cursor:pointer;
}*/

.contentDivider {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    display: block;
    margin: 20px 0 20px;
}
.bottom_col{
	 float: left;
    margin-left: 35px;
    margin-top: 10px;
    width: 63%;
}
.bottom .bottom-image{
	width:30%;float:left;margin-top:10px;
}

ul.list {
    font-size: 16px;
    list-style-type: none !important;
    margin: 9px 0 0 0;
	 font-size: 16px;
}
ul.list li {
    padding: 0 0 15px 18px;
	 background: url("../../images/bullet.gif") no-repeat scroll 0 7px transparent;
}

/*OneView*/
#subnav-content {
    clear: both;
    height: auto;
    margin: 30px 0;
}
#subnav-content ul.nav {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    list-style-type: none;
    padding: 0;
    width: 1000px;
	 margin: 12px 0;
	 font-size: 10px;
}
#subnav-content ul.nav li {
    float: left;
    margin: 0 12px 0 18px;
    position: relative;
}

#subnav-content ul.nav li a{
    color: #767676;
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 11px 0 6px;
}
#step1, #step2, #step, #step4, .product{
    float:left;
}
#subnav-content ul li a.current {
	 border-bottom: 4px solid #0096D5;
	 color:#000000;
}
#subnav-content ul li a:hover {
	 color:#007DBA;
	 text-decoration:none;
}
#subnav-content ul li a.current:hover{
	color:#000000;
}
.section-title{
    font-size: 24px;
    line-height: 30px;
	 color: #000000;
    display: block;
    font-family: "HPBold";
    margin: 15px 0 10px 18px;
}
#step1, #step2, #step3, #step4{
    padding:0 18px;
	 margin-top:10px;
	 float:left;
}
.sections-title{
    font-size: 24px;
    line-height: 30px;
	 color: #000000;
    display: block;
    font-family: "HPBold";
    margin: 15px 0 10px 0;
}
.sections-subtitle{
	font-family: "HPBold";
font-size: 18px;
line-height: 22px;
color: #000000;
display:block;
}
.sections{
    padding:0;
	 margin-top:10px;
	 float:left;
}
.no-marg{
margin-bottom:2px !important;
}

/*Button*/
a.button{
    background: none repeat scroll 0 0 #D7410B;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    margin-right: -10px;
    padding: 0 15px;
    text-decoration: none;
}
a.button:hover {
    background: none repeat scroll 0 0 #C1401A;
    color: #FFFFFF;
    height: 36px;
}