body{text-align:center;}

body { background: #F3F2E8 url(img/bp.gif); font-family: Verdana; font-size: 11px; padding: 0px; margin: 0px; color:#35383d;}

table {font-family: Verdana; font-size: 11px; color:#35383d;}


div#container{

border: 1px solid orange;
text-align:left;
min-height:540px;
height:auto !important;
height:540px;
background-color: #ffffff;

}
div#container{width:980px;margin:5 auto}


a {

color: #0A7B32

}
a:hover {
color: #0A7B32

}

a:visited {

color: #0A7B32

}

a:active {

color: #0A7B32


}


#top {

width: 100%;
height: 90px;
background-color: #FFFFFF;

}

#logo {

width: 200px;
height: 90px;
background-color: #FFFFFF;
margin-left: 35px;

}

#menu {

width: 100%;
height: 20px;
text-align: center;
font-size:14px;
color: #0A7B32;
clear: both;
padding-top: 3px;
font-weight: bold;
/*background-image: url(link.gif);
background-repeat: x-repeat;
border-top: 1px solid #0A7B32;
border-bottom: 1px solid #0A7B32;*/

}

.m{

border-top: 1px solid #0A7B32;
border-left: 1px solid #0A7B32;
border-right: 1px solid #0A7B32;
border-bottom: 1px solid #0A7B32;
padding-top:2px;

}

 #menu a {

color: #0A7B32
font-size: 14px;
text-decoration: none;
padding-left: 50px;
}
 #menu a:hover {
color: white;
font-size: 14px;
text-decoration: none;
padding-left: 50px;
}

 #menu a:visited {

color: #0A7B32
font-size: 14px;
text-decoration: underline;
padding-left: 50px;

}

 #menu a:active {

color: #0A7B32
font-size: 14px;
text-decoration: underline;
padding-left: 50px;
}


#main {

margin-top: 30px;
margin-left: 450px;
width: 500px;
height: 430px;
background-color: #ffffff;
clear: both;
}

#submain {

width: 100%;
height: 160px;
background-color: white;

}

/* -----------Highlights--------------------------- */

#hlcontent1 {

width: 215px;
margin-left: 26px;
padding-top:10px;
text-align: left;
float: left;
/*border-top: 1px solid #2EB416;
border-left: 1px solid #2EB416;
border-right: 1px solid #2EB416;
border-bottom: 3px solid #2EB416;*/
 min-height:158px;
 height:auto !important;
 height:158px;
color: #FFFFFF;
background-image: url(become.gif);
background-repeat: no-repeat;
background-position: bottom center;
}

#hlcontent2 {

width: 215px;
padding-top:10px;
/*border-top: 1px solid #2EB416;
border-right: 1px solid #2EB416;
border-bottom: 3px solid #2EB416;*/
text-align: left;
float:left;
 min-height:158px;
 height:auto !important;
 height:158px;
 color: #FFFFFF;
background-image: url(company.gif);
background-repeat: no-repeat;
background-position: bottom center;

}

#hlcontent3 {

width: 400px;
height: 100px;
border-top: 1px solid #44B83B;
border-right: 1px solid #44B83B;
border-left: 1px solid #44B83B;
border-bottom: 3px solid #44B83B;
text-align: left;
float: left;
 min-height:158px;
 height:auto !important;
 height:158px;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 75px;
background-image: url(fondo1.gif);
background-repeat: no-repeat;
background-position: center right;

}

#hlcontent1 p {

	margin-top:   50px;
	margin-left:  24px;
	margin-right: 20px;

}

#hlcontent2 p {

	margin-top:   50px;
	margin-left:  24px;
	margin-right: 20px;

}

#hlcontent3 p {

	margin-top:   50px;
	margin-left:  24px;
	margin-right: 20px;

}

/* sombras */

#sombra{
	margin:0;
	width:100%;
	text-align: center;
	clear: both;
}

#sombra1{
	margin:0;
	width:100%;
	height:26px;
	background-image:url(sombra1.gif);

}

/*foot*/

#foot {

width: 940px;
height: 24px;
margin-left:16px;
border-top: 1px solid #7C7C49;
text-align: left;
margin-top: 20px;
clear: both;

}

.izq{
float: left;
padding-top: 3px;
}
.der{
float: right;
padding-top: 5px;
text-align: right;
}

/*login*/

#alta {

width: 940px;
margin-left: 20px;
top: 150px;
color: #ffffff;
background-image: url(signin.gif);
text-align: center;
position: absolute;
opacity: 0.95;
moz-opacity: 0.95;
filter: alpha(opacity=95);

}


/*submenu*/

#submenu {  
	list-style:none;
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
}
#submenu .cla {
	list-style: none;
	list-style-type: none;
	margin:2px;
	padding:2px;
	border:1px solid #CCCCCC;
	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
}

#submenu .same {
	list-style: none;
	list-style-type: none;
}
/**** interior design ****/

#main_int {

	width: 100%;
	margin-left: 0;
	height: 40px;
	background-color: black;
	background-image: url(main_int.jpg);
	clear: both;
}

#sombra_int{

	width: 100%;
	margin-left: 0;
	height:26px;
	background-image:url(sombra.gif);
	float:left;
	clear: both;
}

#sombra1_int{
	width: 100%;
	margin-left: 0;
	height:26px;
	background-image:url(sombra1.gif);

}

#menu_int {

width: 250px;
height: 250px;
margin-left: 20px;
top: 197px;
background-color: #2D81AF;
text-align: center;
position: absolute;
opacity: 0.9;
moz-opacity: 0.9;
filter: alpha(opacity=90);

}

#hlcontent3_int {

width: 646px;
border-top: 1px solid #7C7C49;
border-right: 1px solid #7C7C49;
border-left: 1px solid #7C7C49;
border-bottom: 3px solid #7C7C49;
text-align: left;
float: right;
 min-height:500px;
 height:auto !important;
 height:500px;
margin-top: 10px;
margin-bottom: 20px;
margin-right:7px;
background-image: url(fondo1.gif);
background-repeat: no-repeat;
background-position: center right;

}

#hlcontent3_int p {

	margin-top:   50px;
	margin-left:  24px;
	margin-right: 20px;

}

#login_int {

width: 500px;
height: 80px;
margin-left: 440px;
top: 55px;
background-image: url(fd_login.gif);
background-color: #FFFFFF;
text-align: center;
color: #ffffff;
position: absolute;
opacity: 0.99;
moz-opacity: 0.99;
filter: alpha(opacity=99);

}

#banner {

width: 385px;
height: 123px;
margin-left: 16px;
top: 100px;
background-color: #ffffff;
text-align: center;
position: absolute;

}

#busqueda {

width: 300px;
height: 250px;
margin-left: 16px;
top: 443px;
background-image: url(fondo_m.gif);
text-align: center;
position: absolute;
opacity: 0.99;
moz-opacity: 0.99;
filter: alpha(opacity=99);

}