body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;}
	
/* ----- HEADER ----- */

#topsection{
	height: 150px;
	border-bottom:3px solid #CC9900;
	position:relative;}

	#header {
		position:relative;
		height:150px;
		width:798px;
		margin:auto;
		background-repeat:no-repeat;}
	
	/* clases para imágenes de header */
	.home {	background-image:url(../images/layout/headHome.jpg);}
	.quienesSomos { background-image:url(../images/layout/headQuienesSomos.jpg);}
	.productos { background-image:url(../images/layout/headProductos.jpg);}
	.infraestructura { background-image:url(../images/layout/headInfraestructura.jpg);}
	.medioAmbiente { background-image:url(../images/layout/headMedioAmbiente.jpg);}
	.laComunidad { background-image:url(../images/layout/headComunidad.jpg);}
		
	#logo {
		background:url(../images/logos/logoEcuasal.png) no-repeat;
		width:125px;
		height:123px;
		position:absolute;
		text-indent:-5000px;
		left: -3px;
		top: 10px;}
	
* html #logo{ background-image: url(../images/logos/logoEcuasal.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logos/logoEcuasal.png', sizingMethod='scale')!important; background-image: none;}
		
	#topMenu {
		position:absolute;
		width:341px;
		left: 497px;
		top: 1px;
		height: 19px;
		font-weight:900;}
		
	#topImage {
		background-image:url(../images/layout/productosHome.gif);
		background-repeat:no-repeat;
		position:absolute;
		width:200px;
		height:210px;
		left: 601px;
		top: 40px;}
		
	#logoMorton {
		position:absolute;
		width:231px;
		height:54px;
		left: 355px;
		top: 198px;}
		
	#menu {
		background-color:#0F218B;
		height:35px;
		margin-top:2px;}
	
	#menu ul {
		margin:0;}
		
/* ----- RIGHT COL ----- */

.rightMenuBg {
	background-image:url(../images/layout/menuBg.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;}
	
.menuTitle {
	margin-left:38px;}
	
.rightMenuBanner {
	margin-bottom:15px;
	font-size:0.9em;}

/* ----- MENU HORIZONTAL ----- */

#nav {
	width:798px;
	margin:auto;}

#nav ul{
	white-space: nowrap;
	color: #fff;
	float: left;
	width: 100%;}
   
#nav ul li{
	display : inline;}
   
#nav ul li a{
	font-size:.8em;
	padding:9px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	float: left;}
   
#nav ul li a:hover{
   background-color: #616DB3;
   color: #fff;}	
   
/* ----- LAYOUT CONTENT ----- */

#maincontainer{
	margin:auto;
	width: 798px;
	position:relative;}

#contentwrapper{
	float: left;
	width: 100%;
	padding: 65px 0 15px 0;}

#contentcolumn{
	float:left;
	width:560px;
	margin-top:15px;}

#contentcolumn ul.lista{
	margin:0;
	padding:0;
	margin-left:230px;
	}

#rightcolumn{
	float: left;
	width: 200px; 
	margin: 15px 0 0 35px;}
	
	/* home content */ 
	
	#introContentHome {margin-bottom:28px;}
	
	#contentcolumnHome{
		float:left;
		width:450px;}
	
	#rightcolumnHome{
		float: left;
		width: 320px; 
		margin-left: 25px;}
	
	/* end home content */
	
.innertube{
	margin: 10px 0 10px 0; 
	margin-top: 0;}
	
.sideImageContent {
	float:left;
	margin-right:12px;
	border:1px solid #999999;}
	
.sideImageContentNoborder{
	float:left;
	margin-right:12px;}
	
.sideImageContentRight {
	float:right;
	margin-left:12px;}
	
.banner {
	margin:25px 0 10px 0;}
	
.productoshome {
	margin:30px 0 15px 0;
	text-align:center;}

.productoshome img {
	margin:0 15px 0 15px;
	border:none;}

/* ----- FOOTER ----- */

#footer{
	font-size:.9em;
	clear: left;
	width: 100%;
	height:30px;
	background-image:url(../images/layout/bgFooter.jpg);
	background-repeat:repeat-x;
	color: #996600;
	padding: 5px 0 0 0;}

#footerContent {
	width:798px;
	margin:auto;
	position:relative;}
	
#logoImage {
	position:absolute;
	width:155px;
	height:15px;
	left: 644px;
	top: 4px;}
	
#footer a{	color: #996600;}
#footer a:visited{	color: #996600;}
#footer a:hover{	color: #333333;}
#footer a:active{	color: #333333;}

/* ----- TITLES AND TEXT ----- */

h1 { margin:0;}
	
h2 { 
	margin:3px 0 16px 0;
	color:#0F218B;
	font-size:1.9em;
	font-weight:normal;}
	
h3 {	
	margin:0 0 5px 0;
	color:#999999;
	font-size:1.4em;
	height:22px;
	font-weight:normal;
	border-bottom:1px solid #cccccc;}
	
p {	margin-top:3px;}

.smallText { font-size:.8em;}
	
.titleHome {
	background-image:url(../images/titles/titleHome.gif);
	background-repeat:no-repeat;
	width:430px;
	height:54px;
	text-indent:-5000px;
	margin-left:192px;}
	
blockquote {
	margin:0 0 8px 25px;}
	
/* ----- LINKS ----- */

a:link { color:#333300; text-decoration:underline;}
a:visited {color:#333300;}
a:hover { color:#333333;}
a:active { color:#333333;}

/*---- Form ----*/
/*label,input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 75px;
	padding-left:45px;
	padding-right: 20px;
}

.send {
	width: 75px;
	margin:0;
	margin-left:100px;
}

br {
	clear: left;
}

*/

#forms{ width: 100%; display: table; padding-top:-20px; margin-top:-20px;  font-size:13px;  color:#666666; }
#forms br { clear: both; }
#forms p{ margin: 15px 6px 15px 6px; }
#forms .fieldSet {  width: 100%; padding:0; display: block;  margin: 0; margin-bottom:20px; padding-bottom:20px;  }
#forms input { display: block; width: 170px; float: left; margin-bottom: 10px; font-size: 11px; }
#forms .BlueBorder {border:solid 1px #C3DBE7; }
#forms label { color:#666666; display: block; width: 220px; font-weight:bold; margin-bottom: 5px; margin-right:10px; float:left; text-align: right; font-size: 11px}
#forms select { display: block; width:180px; float: left; margin-bottom: 10px; font-size: 11px; }
#forms .text { width:70px; font-weight:normal; text-align:left;}