/* RESETS ******************/
html, body, div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, a, em,
img, small, strong, dl,
dt, dd, ol, li,  fieldset,
form, label, legend			{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }

/* CLEAR - FIX ************/
.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%; }
.clear 							{ clear: both; }

/* GENERALES **************/
body 								{ font-family: Helvetica, Arial, sans-serif; font-size:75%; line-height: 1.4em; text-align:center;
									  color: #555; background: url(img/frutas.gif) no-repeat center top; }
p									{ margin-bottom: 0.8em; }
strong							{ color:#000;}
ul									{ list-style-type: disc; }
a:link, a:visited 			{ text-decoration: none; color:#900; }
a:hover, a:active 			{ color:#F90; }

/* MAQUETACIÓN ************/
#slider							{ width: 740px; margin: 10px auto; position: relative; text-align:left; padding: 10px; }
.scroll							{ height: 36em; width:740px; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left; }
.scrollContainer div.panel	{ padding: 2em 25px 0; height: 34em; width: 690px; position:relative; }
.navigation						{ width:400px; margin:0 auto; padding:0; list-style-type:none; overflow:hidden; }
.navigation li 				{ float:left; height:64px; }
.navigation a:link,
.navigation a:visited 		{ display: block; font-size: 14px; color: #666; padding: 40px 5px 8px 5px; text-align:center; width:70px; font-weight: bold; }
.navigation a:hover,
.navigation a:active 		{ color: #900; }
.col1								{ width:45%; float:left; }
.col2								{ width: 50%; float:right; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.col2 h3							{ font-size:14px;}

/* SECCIONES **************/
#home h1							{ font-size: 12px; font-weight:normal; color: #F60; background:url(img/logo.png) no-repeat center top;
									  width: 350px; margin: 2em auto 0; text-align: center; padding-top: 300px; }
.panel h2						{ font-size: 30px; font-weight: normal; color:#999; letter-spacing: -1px; margin-bottom:0.8em; }
.label							{ display:inline-block; width: 100px; text-align: right; }

/* TWITTER ****************/
#twitter_div					{ padding: 8px; background-color:#CF3; }
#twitter_div ul				{ padding-left: 10px; margin-left:10px; }