Untitled Document

/* CSS Document */

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>



h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color:#000066;
padding:8px;
}

body{
margin: 0;
padding: 0 10px 0 10px;
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
color:#666666;
background-color: #E0DCE4;
text-align:center;
}


#wrapper{
	width: 850px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border: 1px solid #000000;
	background-image: url(../imagenes/fondo.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#banner{
	width: 850px;
	height: 78px;
	background-color:#E0DCE4;
	background-image: url(../Imagenes/BannerHMS.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom: 1px solid #000000;
}

#nav{
	border-bottom: 1px none #000000;
	background-color:#E0DCE4;
	border-top: 1px none #000000;
}

#nav ul{
	height: 16px;
	life-style:none;
	background-color:#E0DCE4;
	background-image: url(../Imagenes/BannerSuperior.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 4;
	margin: 0;
}

#nav ul li{
	display: inline;
	padding:0;
	margin:0;
	text-align:center;
}

#nav ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 7px;
	padding: 0;
	width: auto;
	vertical-align: middle;
	text-align:center;
} 

#nav ul li a:hover, #nav ul li a:focus{
	font-style: normal;
	text-decoration: underline;
}

#nav2{
	border-bottom: 1px none #000000;
	background-color:#E0DCE4;
	border-top: 1px none #000000;
}

#nav2 ul{
	height: 16px;
	life-style:none;
	background-color:#E0DCE4;
	background-image: url(../Imagenes/Barra2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 3;
	margin: 0;
}

#nav2 ul li{
	display: inline;
	padding:0;
	margin:0;
}

#nav2 ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000099;
	text-decoration: none;
	width: auto;
	margin: 0px 7px;
	padding: 0;
	border-right: 1px none #000000;
	vertical-align: middle;
} 

#nav2 ul li a:hover, #nav2 ul li a:focus{
	font-style: normal;
	text-decoration: underline;
}

#leftcol1{
	float: left;
	width: 60px;
	height:57px;
	background: url(../Imagenes/th.jpg);
	margin-right: 6px;
  }

#leftcol2{
	float: left;
	width: 60px;
	height:57px;
	background: url(../Imagenes/success.jpg);
	margin-right: 6px;
  }

#leftcol3{
	float: left;
	width: 60px;
	height:57px;
	background: url(../Imagenes/edificio.jpg);
	margin-right: 6px;
  }
 
 #QuienesSomosleftcol1{
	float: left;
	width: 60px;
	height:57px;
	background: url(../Imagenes/QuienesSomos.gif);
	margin-right: 6px;
  }

 #QuienesSomosleftcol2{
	float: left;
	width: 60px;
	height:57px;
	background: url(../Imagenes/HombreEnMar.jpg);
	margin-right: 6px;
  }
 
  #QuienesSomosleftcol3{
	float: left;
	width: 60px;
	height:63px;
	background: url(../Imagenes/Valores.jpg);
	margin-right: 6px;
  }

   #MenuSoporteTitulo{
	float: left;
	width: 300;
	background: #45588C;
	padding: 6px;
  }

  
   #MenuSoporte{
   float: none;
	width: 300;
	background: #E0DCE4;
	padding: 6px;
  }
 
  #DesarrolloSoftwareIzq{
	float: left;
	width: 250px;
	height:188px;
	background: url(../Imagenes/Web.gif);
	margin-right: 20px;
  }
 
</html>