body {
font-family: Arial, Helvetica, sans-serif;
font-size: 64%;
line-height: 1.5em;
background: #e5ebf1 url(../img/BGtile_body.gif);
margin-top:-50px;
}

div {
text-align:left;
}

.floatRight {
float: right;
margin: 0 0 0 10px;
}

.floatLeft {
float: left;
margin: 0 10px 0 0;
}

#fullWidthWrapper {
height: 775px;
text-align:center;
background: url(../img/BGtile_fullWidthWrapper.jpg) repeat-x;  
}

#wrapper {
width: 975px;
height: 775px;
margin: 0 auto;
background: url(../img/BG_main_wide.jpg) no-repeat;
}

#leftCol {
width: 360px;
height: 585px;
float:left;
display: inline;
}

#rightCol {
width: 615px;
height: 775px;
float: right;
display: inline;

font-family: Helvetica, Arial, sans-serif;
}

#logo {
height: 285px;
background: url(../img/logo_and_tagline.jpg) no-repeat;
text-indent: -9000px;
}

div.content {
margin: 63px 52px 0 0;
}

.column {
	float: left;
	margin-right: 10px;
	width: 215px;
	position: relative;
}

#contact form *, #login form * {
/*font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
*/
font-family: Helvetica, Arial, sans-serif;
	/*text-shadow: #000000 0 0 0px;*/
}

#contact form {
margin-left: 10px;
}

#contact form label, #login form label {
	display: none;
}

#contact form input, #login form input {
	width: 205px;
	margin: 0;
	padding: 7px 5px 0;
	height: 23px;
	border-style: none;
	background: #dddddd url(../img/input_bg.gif) 0 -30px;
/*	background-color: #dddddd;
*/
	color: #999999;
	font-size: 1em;
	border-bottom: 1px solid #CCCCCC;
}

#contact form input.focus, #login form input.focus {
	color: #555555;
	background-position: 0 -30px;
	
/*	background-color: #CCCCCC;
*/}

#contact form input:focus, #login form input:focus {
	background-position: 0 0;
	color: #555555;
	border-bottom-color: #00a651;
	
	background-color: #CCCCCC;
}

#contact form textarea, #login form textarea {
	margin: 0;
	padding: 8px 5px 5px;
	width: 205px;
	height: 103px;
	border-style: none;
	background: #dddddd url(../img/textarea_bg.gif) 0 -116px;
/*background-color: #dddddd;*/
color: #999999;
	
	font-size: 1em;
	overflow: auto;
	resize: none;
	border-bottom: 1px solid #CCCCCC;
}

#contact form textarea.focus, #login form textarea.focus {
	color: #555555;
}

#contact form textarea:focus, #login form textarea:focus {
	background-position: 0 0;
	color: #555555;
	border-bottom-color: #00a651;
}

#contact form .submit, #login form .submit {
	width: 215px;
	overflow: hidden;
}

#contact form button, #login form button {
	height: 27px;
	width: 60px;
	padding: 0;
	margin: 0;
	border-style: none;
	border-width: 0;
	background: url(../img/submit.gif) 0 0;
	cursor: pointer;
	float: right;
}

#contact form button:hover, #login form button:hover {
	background-position: 0 -27px;
}

#contact form button:active,
#contact form button:focus,
#login form button:active,
#login form button:focus {
	background-position: 0 -54px;
}

#contact form button span, #login form button span {
	position: absolute;
	top: -9999px;
	left: -9999px;
}









#navigation {
	height: 242px;
	padding-top: 10px;
	overflow: hidden;
	background: url(../img/BG_nav_new.jpg) no-repeat;
}

#navigation.liAbout {
background-position: 0px 0;
}

#navigation.liServices {
background-position: -360px 0;
}

#navigation.liHowwework {
background-position: -720px 0;
}

#navigation.liExpertise {
background-position: -1080px 0;
}

#navigation.liHSGproscore {
background-position: -1440px 0;
}

#navigation.liReporting {
background-position: -1800px 0;
}

#navigation.liTechnology {
background-position: -2160px 0;
}

#navigation.liContact {
background-position: -2520px 0;
}

#navigation.liLogin {
background-position: -2880px 0;
}



#navigation ul {
	height:340px;
}
#navigation ul li{
	width:360px;
}
#navigation ul li a {
	display:block;
	width:100%;	
	/*background:#bae2f0 url(arrow1.gif) no-repeat 10px 50%;
	color:#0e85b0;	*/
	line-height:40px;	
	text-indent:25px;
	/*opacity: .5;*/
	font-size: 1.2em;
	text-indent: -9000px;
	
	background: url(../img/BG_nav_OVER.png) no-repeat;
	background-position: 500px 0;
}



#navigation ul li#liAbout a:hover {
background-position: 0 -10px;
}

#navigation ul li#liServices a:hover {
background-position: 0 -50px;
}

#navigation ul li#liHowwework a:hover {
background-position: 0 -90px;
}

#navigation ul li#liExpertise a:hover {
background-position: 0 -130px;
}

#navigation ul li#liHSGproscore a:hover {
background-position: 0 -170px;
}


#navigation ul li#liReporting a:hover {
background-position: 0 -210px;
}

#navigation ul li#liTechnology a:hover {
background-position: 0 -250px;
}

#navigation ul li#liContact a:hover {
background-position: 0 -290px;
}

/*#navigation ul li#liLogin a:hover {
text-indent: 0;
}*/


#navigation.liHome ul li#liHome a:hover, 
#navigation.liAbout ul li#liAbout a:hover,
#navigation.liHowwework ul li#liHowwework a:hover, 
#navigation.liExpertise ul li#liExpertise a:hover, 
#navigation.liHSGproscore ul li#liHSGproscore a:hover, 
#navigation.liServices ul li#liServices a:hover, 
#navigation.liReporting ul li#liReporting a:hover, 
#navigation.liTechnology ul li#liTechnology a:hover, 
#navigation.liContact ul li#liContact a:hover {
background-position: 500px 0;
}

#navigation ul li#liAbout.ui-tabs-selected a:hover {
background-position: 500px 0;
}

.header {
width: 564px;
height: 261px;
text-indent: -9000px;
}

#home .header {
background: url(../img/BG.jpg) no-repeat;
text-indent: 0;
}

#about .header {
background: url(../img/BG.jpg) no-repeat;
text-indent: 0;
}

#howwework .header {
background: url(../flash/productos.swf) no-repeat;
}

#expertise .header {
background: url(../flash/purificacion.swf) no-repeat;
}

#hsgproscore .header {
background: url(../flash/clientes.swwf) no-repeat;
}

#services .header {
background: url(../flash/empresa.swf) no-repeat;
/*height: 221px;*/
}

#reporting .header {
background: url(../flash/contacto.swf) no-repeat;
height: 221px;
}

#technology .header {
background: url(../img/header_flowCharts.jpg) no-repeat;
background: url(../img/header_databases.jpg) no-repeat;
}

#contact .header {
background: url(../img/header_arrows.jpg) no-repeat;
}

#login .header {
background: url(../img/header_branch1.jpg) no-repeat;
background: url(../img/header_wheat.jpg) no-repeat;
}



/*#footer {
height: 40px;
padding-top: 10px;
margin: 20px 52px 0 30px;
background:url(../img/BGtile_footer.gif) repeat-x;
color: #999999;
}*/

#footer {
height: 40px;
padding-top: 10px;
margin-left: 15px;
width: 533px;
position:absolute;
top: 740px;
background:url(../img/BGtile_footer.gif) repeat-x;
color: #666666;
}

#footerLeft {
width: 60%;
float: left;
padding-top: 3px;
}

#footerRight {
width: 38%;
float: right;
text-align: right;
}

#footerRight a {
}

/*a#loginLink {
color: #666666;
}

a#loginLink:hover {
text-decoration: none;
}*/

a#loginLink {
/*display: inline;
float: right;
width: 76px;
height: 21px;
overflow: hidden;*/
}

a#contactLink {
/*display: inline;
float: right;
width: 29px;
height: 21px;
overflow: hidden;*/
}



h1 {
	font-size: 1.8em; 
}

h2 {
}

h3 {
	font-size: 2.2em; 
	color: #666666;
	margin-bottom: .8em;
	margin-left: 30px;
	text-shadow: #999999 0px 0px 4px;
}

h4 {
	font-size: 1.6em;
	/*font-weight: bold;*/ 
	color: #999999;
	margin: .8em 0 .4em 30px;
	text-shadow: #CCCCCC 0px 0px 2px;
}

p {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #000000;
	margin-left: 20px;
	margin-bottom: .8em;

}

#contact form p {
	color: #000000;
	margin-left: 0px;
	margin-bottom: 1em;
}


.content li {
	font-size: 1.2em; 
	line-height: 1.4em;
	color: #333333;
	padding-left: 50px;
	padding-bottom: 6px;
	margin-bottom: 8px;
	
	background: url(../img/bullet.gif) no-repeat;
	background-position: 30px top;
	
	width:200px;
display:block;
float:left;
}

#homeBuckets {
position: absolute;
top: 580px;
	margin-left: 30px;
	padding-top: 20px;
	background: url(../img/divider_H.gif) repeat-x;
}

.bucket {
	font-size: 1.1em; /* 11px */
	line-height: 1.3em;
	color: #000000;
	padding-left: 50px;
	margin:20px 0 0 24px;
	width: 280px;
	float: left;
	display: inline;
	background: url(../img/bucketBG.png) no-repeat;
	background-position: 0 20px;
	text-shadow: #999999 0px 0px 2px;
	font-style: italic;
}

#bucketRight {
margin-left: 10px;
}

.bucket span {
display: block;
margin-top: 6px;
font-weight:bold;
font-style: normal;
color:#666666;
}

			.holder {
				/*float: left;*/
				margin: 10px;
			}

			.scroll-pane {
				width: 550px;
				overflow: auto;
				background: #fff;
				float: left;
			}
			
			.jScrollPaneContainer {
			width: 554px;
			}
			
			
			#pane1, #pane2,#pane3,#pane4,#pane5 {
				height: 280px;
			}
			
			#pane6 {
				height: 410px;
			}
			

			a.jScrollArrowUp {
				background: url(../img/basic_arrow_up.gif) no-repeat 0 0;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -15px;
			}
			a.jScrollArrowDown {
				background: url(../img/basic_arrow_down.gif) no-repeat 0 0;
			}
			a.jScrollArrowDown:hover {
				background-position: 0 -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -30px;
			}

			.orange-bar .jScrollPaneTrack {
				background: #f60;
			}
			.orange-bar .jScrollPaneDrag {
				background: #00f url(../img/drag_grab.gif) no-repeat 50% 50%;
			}
			.orange-bar .scroll-pane {
				background: #69f;
			}
			/*
			#navigation ul li#liLogin {
			width: 76px;
			height: 21px;
			border: solid 1px;
			
			position: relative;
			right: -750px;
			top: 174px;
			}*/
			
#tagline {
padding-top:26px;
text-align:center;
width:360px;

background: url(../img/BG-tagline.png) no-repeat 30px 0;
text-indent: -9000px;
}
			
#tagline h6 {
color:#666666;
font-size:17px;
font-weight:bold;
margin-bottom:8px;
}

#tagline h2 {
color:#333333;
font-size:12px;
font-style:italic;
}

.texto_destacado {
color:#99CC00;
font-weight:bold;
}