/*
                                __      _ _                   _   
                               / _|    | (_)                 | |  
 _ __ ___   __ _ _ __ ___ ___ | |_ ___ | |_  ___   _ __   ___| |_ 
| '_ ` _ \ / _` | '__/ __/ _ \|  _/ _ \| | |/ _ \ | '_ \ / _ \ __|
| | | | | | (_| | | | (_| (_) | || (_) | | | (_) || | | |  __/ |_ 
|_| |_| |_|\__,_|_|  \___\___/|_| \___/|_|_|\___(_)_| |_|\___|\__|
                                                                  
*/

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
h1 { font: bold 50px Verdana, Arial, Helvetica, Sans-serif; text-align: center; color: #eee; text-shadow: 0px 2px 6px #333; }
h1 small{ font-size: 20px; text-transform:uppercase; letter-spacing: 14px; display: block; color: #ccc; margin-top:10px; }
h2 a { display: block; text-decoration: none; margin: 0 0 30px 0; font: italic 40px Verdana, Arial, Helvetica, Sans-serif;  text-align: center; color: #bfe1f1; text-shadow: 0px 2px 6px #333; }
h2 a:hover { color: #90bcd0; }

/* COMMON CLASSES */
.break { clear:both; }

/* WRAPPER */
#wrapper { width:800px; margin:40px auto; }

/* CONTENT */
#content { }
#content h2 { font: bold 30px Verdana, Arial, Helvetica, Sans-serif; color:#eee; text-shadow: 0px 2px 6px #333; margin-left:400px; padding-top:20px; }

/* BAR CHART */
#bar { list-style:none;  }
#bar li { height: 130px;}

/* Last bottom should have a shadow */
#bar li div.bottom { -moz-box-shadow: 0 10px 10px hsla(0,0%,0%,.2); -webkit-box-shadow: 0 10px 30px hsla(0,0%,0%,.2); box-shadow: 0 10px 30px hsla(0,0%,0%,.2); }

/* Ellipse top */
#bar li div.top { background-color:rgba(245,132,55,0.5); position:relative; float:left; margin-left:10px;
	width:40px; height:100px; -moz-border-radius: 40px/100px; -webkit-border-radius: 40px 100px; border-radius: 40px/100px;
	-webkit-transition-property: margin-left;
	-webkit-transition-duration: 900ms;
}
#bar li div.top img { margin-left:10px; margin-top:15px; }

.kW { background-color: #F68529;
	width:70px;
	height:20px;
	margin-left:50px;
	position:relative;
	border-radius:10px;
	text-align: center;
	padding-top:3px;	
	color:#FFF;}

.formulario { background-color: #F68529;
	width:110px;
	height:20px;
	margin-left:640px;
	margin-top:-15px;
	position:relative;
	border-radius:10px;
	text-align: center;
	padding-top:3px}
	
/* Bar bottom */
#bar li div.bottom { position:relative; margin:5px 0; width:50px;
	height:100px; -moz-border-radius: 40px/100px; -webkit-border-radius: 40px 100px; border-radius: 40px/100px;
	background:-moz-linear-gradient(-90deg, #F3A91C, #F5E600); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#F3A91C), to(#F5E600));
	-webkit-transition-property: width;
	-webkit-transition-duration: 900ms;
}
#bar li div.bottom div.infobox { padding:40px 0 0 800px;
	-webkit-transition-property: color;
	-webkit-transition-duration: 9000ms;
	width:200px;
}
#bar li div.bottom div.infobox h3 { font-family:Verdana,Arial,Helvetica,Sans-serif; color: #4D4F53;}
#bar li div.bottom div.infobox p { font-family:Verdana,Arial,Helvetica,Sans-Serif; opacity: 0; color: #4D4F53;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 900ms;
}

/* General hover actions */
#bar li:hover div.bottom div.infobox {
	color: #0F6DB5;
	text-shadow: 3px 3px 6px #999;
}
#bar li:hover div.bottom div.infobox p { opacity:1; }

/* item01 bar */
#item01 div.top { z-index:99;}
#item01 div.bottom { z-index:98; height:39px; }/* -10 */
#item01:hover div.top { z-index:999; background-color:#5A80A7; margin-left:49px; }/* Original -50 */
#item01:hover div.bottom { z-index:998; background-color:#0F6DB5; width:89px;/* +40 */
	background:-moz-linear-gradient(-90deg, #084F82, #0F6DB5); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#084F82), to(#0F6DB5)); }

/* item02 bar */
#item02 div.top { z-index:97; }
#item02 div.bottom { z-index:96; height:115px; }
#item02:hover div.top { z-index:997; background-color:#5A80A7; margin-left:125px; }
#item02:hover div.bottom { z-index:996; background-color:#0F6DB5; width:165px;
	background:-moz-linear-gradient(-90deg, #084F82, #0F6DB5); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#084F82), to(#0F6DB5)); }

/* item03 bar */
#item03 div.top { z-index:95; }
#item03 div.bottom { z-index:94; height:201px; }
#item03:hover div.top { z-index:995; background-color:#5A80A7; margin-left:211px; }
#item03:hover div.bottom { z-index:994; background-color:#0F6DB5; width:251px;
	background:-moz-linear-gradient(-90deg, #084F82, #0F6DB5); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#084F82), to(#0F6DB5)); }

/* item04 bar */
#item04 div.top { z-index:93; }
#item04 div.bottom { z-index:92; height:432px; }
#item04:hover div.top { z-index:993; background-color:#5A80A7; margin-left:442px; }
#item04:hover div.bottom { z-index:992; background-color:#0F6DB5; width:482px;
	background:-moz-linear-gradient(-90deg, #084F82, #0F6DB5); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#084F82), to(#0F6DB5)); }

/* item05 bar */
#item05 div.top { z-index:91; }
#item05 div.bottom { z-index:90; height:680px; }
#item05:hover div.top { z-index:991; background-color:#5A80A7; margin-left:690px; }
#item05:hover div.bottom { z-index:990; background-color:#0F6DB5; width:730px;
	background:-moz-linear-gradient(-90deg, #084F82, #0F6DB5); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#084F82), to(#0F6DB5)); }

/* item11 bar */
#item11 div.top { z-index:91; }
#item11 div.bottom { z-index:90; height:284px; }/* -10 */
#item11:hover div.top { z-index:991; background-color:#5A80A7; margin-left:294px; }/* 750 es 100% */
#item11:hover div.bottom { z-index:990; background-color:#0F6DB5; width:334px;/* +40 */
	background:-moz-linear-gradient(-90deg, #084F82, #0F6DB5); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#084F82), to(#0F6DB5)); }

/* item12 bar */
#item12 div.top { z-index:91; }
#item12 div.bottom { z-index:90; height:385px; }/* -10 */
#item12:hover div.top { z-index:991; background-color:#5A80A7; margin-left:395px; }/* 750 es 100% */
#item12:hover div.bottom { z-index:990; background-color:#0F6DB5; width:435px;/* +40 */
	background:-moz-linear-gradient(-90deg, #084F82, #0F6DB5); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#084F82), to(#0F6DB5)); }

/* item13 bar */
#item13 div.top { z-index:91; }
#item13 div.bottom { z-index:90; height:597px; }/* -10 */
#item13:hover div.top { z-index:991; background-color:#5A80A7; margin-left:607px; }/* 750 es 100% */
#item13:hover div.bottom { z-index:990; background-color:#0F6DB5; width:647px;/* +40 */
	background:-moz-linear-gradient(-90deg, #084F82, #0F6DB5); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#084F82), to(#0F6DB5)); }


/* item21 bar */
#item21 div.top { z-index:91; }
#item21 div.bottom { z-index:90; height:296px; }/* -10 */
#item21:hover div.top { z-index:991; background-color:#5A80A7; margin-left:306px; }/* 750 es 100% */
#item21:hover div.bottom { z-index:990; background-color:#0F6DB5; width:346px;/* +40 */
	background:-moz-linear-gradient(-90deg, #084F82, #0F6DB5); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#084F82), to(#0F6DB5)); }

/* item22 bar */
#item22 div.top { z-index:91; }
#item22 div.bottom { z-index:90; height:465px; }/* -10 */
#item22:hover div.top { z-index:991; background-color:#5A80A7; margin-left:475px; }/* 750 es 100% */
#item22:hover div.bottom { z-index:990; background-color:#0F6DB5; width:515px;/* +40 */
	background:-moz-linear-gradient(-90deg, #084F82, #0F6DB5); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#084F82), to(#0F6DB5)); }

/* item23 bar */
#item23 div.top { z-index:91; }
#item23 div.bottom { z-index:90; height:740px; }/* -10 */
#item23:hover div.top { z-index:991; background-color:#5A80A7; margin-left:750px; }/* 750 es 100% */
#item23:hover div.bottom { z-index:990; background-color:#0F6DB5; width:790px;/* +40 */
	background:-moz-linear-gradient(-90deg, #084F82, #0F6DB5); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#084F82), to(#0F6DB5)); }



#apple { clear:both; margin-top:-70px; position:relative; z-index:-999; }
#apple p { float:right; padding-top:247px; }