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

body{
	background-color:#FFF !important;
}
.header .search_container{
	width: 260px !important;
	}
#header a:visited {

}	
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(../img/s-15px-hpe.png) no-repeat scroll left -40px transparent; }
					a.icono-video {	background: url(../img/s-15px-hpe.png) no-repeat scroll left -680px transparent; }
					a.icono-link-ext{background: url(../img/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_curr-proliant  { width:615px !important; width:615px\9; clear:both; height:auto; margin:30px 0px; }
#tabbed-content_curr-proliant ul { list-style: none; }
#tabbed-content_curr-proliant ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#tabbed-content_curr-proliant ul li a:hover { color: #666; text-decoration:underline;}
#tabbed-content_curr-proliant ul li:last-child a { border: none; }
#tabbed-content_curr-proliant .nav { overflow: hidden;  font-family: "HPBold", "Arial Bold", sans-serif; margin:0; background: url(../img/barra_tab.jpg) repeat-x scroll 0 35px transparent; }
#tabbed-content_curr-proliant .nav li { float: left; }
#tabbed-content_curr-proliant .nav li.last { margin-right: 0; }
#tabbed-content_curr-proliant .nav li a { display: block; padding: 9px 0 0 0px; color:#666!important; font-size: 18px; text-align: center; border: 0; font-family: "HPBold", "Arial Bold", sans-serif; text-decoration: none;}
#tabbed-content_curr-proliant li a.current,#tabbed-content_curr-proliant li a.current:hover { background:url(../img/tab-medio.jpg) no-repeat; color: black; height: 26px;padding: 10px 0 0;   }
#tabbed-content_curr-proliant .nav li a:hover, #tabbed-content .nav li a:focus { }
#tabbed-content_curr-proliant .product { margin:20px 0}


#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: "HPBold", "Arial Bold", sans-serif; margin:0; background: url(../img/barra_tab.jpg) repeat-x scroll 0 35px transparent; }
#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: "HPBold", "Arial Bold", sans-serif; text-decoration: none;}
#tabbed-content li a.current,#tabbed-content li a.current:hover { background:url(../img/tab-medio.jpg) no-repeat; color: black; height: 26px;padding: 10px 0 0;   }
#tabbed-content li a.current.long,#tabbed-content li a.current.long:hover { background:url(../img/tab120.jpg) no-repeat !important; color: black !important; height: 26px !important;padding: 10px 0 0 !important;}
#tabbed-content .nav li a:hover, #tabbed-content .nav li a:focus { }
#tabbed-content .product { margin:20px 0}

a.current:hover{text-decoration:none !important;cursor:default;}

/* 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("../img/s-15px-hpe.png") no-repeat scroll 0 -40px transparent; }
.icn_listen { background: url("../img/s-15px-hpe.png") no-repeat scroll 0 -2054px transparent; margin-top: 0px !important;}
.icn_twitter { background: url("../img/s-social-hpe.png") no-repeat scroll 0 -30px transparent; margin-top: 0px !important;}
.icn_blog { background: url("../img/s-15px-hpe.png") no-repeat scroll 0 -1286px transparent; margin-top: 0px !important;}
.icn_read{ background: url("../img/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("../img/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("../img/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{
    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;
}
.title-video{
	float:left;
	margin-left:18px;
	line-height: 12px;
}
.image-video{
	float:left;
}
.header .hf_logo:before {
    color: white;
}
#full{margin:0 18px;}
.hero {
    background: url("../../images/class-pass-image.jpg") no-repeat;
    height: 275px;
    overflow: hidden;
    position: relative;
}
#masthead {
    display: block;
    float: left;
    height: 100%;
    width: 1000px;
	margin:30px auto 15px;
}
#masthead .hero .message {
    font-size: 60px;
    margin-top: 20px;
    margin-left: 18px;
    width: auto;
}
.headline {
    color: black;
    font-family: "HPSimplified";
    font-size: 42px;
    font-weight: bold;
    line-height: 44px;
}
.subheadline {
    color: black;
    font-family: "HPSimplified";
    font-size: 18px;
    line-height: 22px;
}
#content2 a.button:visited{color:#ffffff !important;}

.legal {
   border-top: 1px solid #a5a5a5; 
   padding:20px 18px 0;
   margin:20px 0 32px 0;
   float:left;
}
.legal p {
    font-size: 12px;
    line-height: 15px;
	margin-bottom:0;
	color: #767676;
}
.legal ul {
    font-size: 12px;
    line-height: 15px;
	margin:0;
	color: #767676;
	padding-left: 13px;
}
.legal li {
	display: inline-block;
    list-style: outside none none;
    margin: 0;
    width: 100%;
}
span.left-bullet{float:left;width:1%;}
p.legal-right{float:left;width:99%;}
#logo{width:100%;float:left;margin:30px 0 20px;}

<!--VMware-->
.small-font {
    font-size: 75%;
}

#hero_curr-proliant {
    background: url("../../images/banner_curr-proliant.jpg") no-repeat scroll 0 0;
    height: 240px;
    overflow: hidden;
    position: relative;
	width:100%;
	margin:0 auto;
}

#hero_curr-proliant .message{width:1000px;margin:0 auto;
    font-size: 60px;
    margin-top: 20px;
	padding-left: 18px;
}

.hero_vmware {
    background: url("../../images/banner_vmware.jpg") no-repeat scroll 0 0;
    height: 275px;
    overflow: hidden;
    position: relative;
	width:100%;
	margin:0 auto;
}


.hero_vmware .message{width:1000px;margin:0 auto;
    font-size: 60px;
    margin-top: 20px;
	padding-left: 18px;
}
/* vmware-bundle */

.hero_bundle {
    background: url("../../images/banner_bundle.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 275px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.hero_bundle .message {
    font-size: 60px;
    margin: 20px auto 0;
    padding-left: 18px;
    width: 1000px;
}

#hero_ci-index{
	background: url("../../images/banner_cloud.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 240px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#hero_ci-index .message {
    font-size: 60px;
    margin: 70px auto 0;
    padding-left: 18px;
    width: 1000px;
}
#tabbed-content ul.list li a {
    border-bottom: 0;
    color: #007dba;
    padding: 0;
}
.courses_dropdown {margin:10px 0 !important;width:100%;}
.courses_dropdown .jqTransformSelectWrapper ul li{background: none !important; padding:0 !important;}
.textarea{height: 32px;
	border: 2px solid #ccc;
    color: #767676;
	font-family: "HPSimplified",Arial;
    font-size: 16px;
	  padding: 0 8px;
    vertical-align: top;
}
.textarea:hover, .textarea:focus{
	border-color: #5a5a5a;
}
.button{
    color: #fff;
    cursor: pointer;
	height: 36px;
    padding: 0 15px;
	border-radius: 0 4px;
	-webkit-border-radius: 0 4px; 	
	-moz-border-radius: 0 4px;
	border:none;
	font-size: 16px;
    line-height: 34px;
	font-family: "HPSimplified",Arial;
	font-weight:bold;}
.critical{background-color: #d7410b;}
.critical:hover, .critical:focus{ background-color:#c1401a;
    text-decoration: none;}
.secondary{ background-color: #767676;}
.secondary:hover, .secondary:focus{ background-color: #5a5a5a; text-decoration: none;}

/* Business Transformation Workshops */
.content-form{width:100%;float:left;}
.lft {
    float: left;
	padding:0;
	width:30%;
}
.pd-left {
    padding-left: 40px;
}
.red {
    color: #f05332;
    font-weight: bold;
    margin-left: 4px;
}
.typography_secondary {
    color: #5a5a5a;
    font-size: 14px;
    line-height: 18px;
	width:100%;
	float:left;
}
.typography_secondary p{
	width:100%;
	float:left;
	margin:0;
}
.grey {
    background-color: #cccccc;
	float:left;
	width:100%;
	margin:40px 0 25px;
}
.content-form p{width:100%;float:left;}
.content-form p.check_number{width:20% !important;}
.typography_secondary p label{margin-bottom:0 !important;}
.m-bottom{margin-bottom:18px;}