/* this is used to style the turotial page. */
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666666;
	line-height: 180%;
}
/* DEFINE EL ESPACIO TOTAL DE LA PAGINA */
#total{ 
 display:table; 
 height:100%; 
 text-align: left; 
 margin: auto; 
} 
#content {
	width: 750px;
	padding-top: 60px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
#content a:link, #content a:active, #content a:visited {
	text-decoration : underline;
	color: #35699B;
}
#content a:focus, #content a:hover{
	text-decoration : none;

	-moz-outline:0;
	color: #FFFFFF;
	background-color: #366EA1;
}
h1 {
	color: #366A9C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 190%;
}
code {
	font-size: 12px;
	color: #FFFFFF;
	padding: 15px;
	width: 705px;
	background-color: #366E9F;
	display: block;
	font-family: "Courier New", Courier, mono;
	border-left-width: 15px;
	border-left-style: groove;
	border-left-color: #0099FF;
}
hr {
	height: 1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #366B9F;
	padding: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
	display: block;
	border-bottom-width: 0px;
	border-bottom-style: none;
}


/* this is the CSS for the menu that you will need. */
#menu_holder {
	height: 58px;
	width: 100%;
	display: block;
	position: absolute;
	top: -58px;
}

#botEmpresa, #botEmpresa, #botDesarrollo, 
#botConsultoria, #botContacto, #botLPC, 
#botLP3, #botHome, 
#botContactar{
 clear: both;
	position: fixed;
	margin: 0px auto;
	padding: 0px;
	left: 0px;
}
#botHome {
	top: 110px;
}
#botEmpresa {
	top: 150px;
}
#botDesarrollo {
	top: 190px;
}
#botConsultoria {
	top: 230px;
}
#botContacto {
	top: 270px;
}
#botLPC {
	top: 310px;
}
#botLP3 {
	top: 350px;
}
#LogoMovil {
	position: fixed;
	margin: 0px auto;
	padding: 0px;
	left: 30px;
	top: 390px;
}

/*Cuerpo PRINCIPAL  */
#cuerpo {
 text-align: left /*Obligatorio*/
	height: 43.5em; /* 580 div 13.3333 */
	width: 60em;    /* 800 div 13.3333 */
	*width: 61.5em;  /* 800 div 13 IE */
	padding: 0px;
	background-color: none;

 position: absolute;
 left: 50%;
 margin-left: -30em;
}
#total{ 
display:table; 
height:100%; 
text-align: left; 
margin: auto; 
} 
#contenido{ 
_position: absolute; 
display: table-cell; 
/*vertical-align: middle; */
text-align:left; 

height: 43.5em; /* 580 div 13.3333 */
width: 60em;    /* 800 div 13.3333 */
*width: 61.5em;  /* 800 div 13 IE */

} 
#centrar{ 
_position: relative; 
_top: -50%; 
} 

/*Encabezado LOGO   */
#Encabezado {
	height: 110px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	<!background-image: url(images/Encabezado.gif);
	<!background-repeat: no-repeat;
}

#centrolp {
	height: 468px;
	width: 100%;
	<!background-image: url(images/fondo.gif);
	<!background-repeat: repeat;
	<!background-color: #ccccff;
	margin: 0px;
	left: 0px;
	top: 110px;
}
#titulo {
	height: 60px;
	width: 100%;

	margin: 0px;
	left: 0px;
	top: 0px;
}
#cuerpotexto {
	<!height: 700px;
	width: 70%;
	font-size: 14px;
	text-align: justify;
	margin: 0px;
	left: 0px;
	top: 110px;
#cuerpocontacto {
	width: 70%;
	font-size: 70%;
	text-align: justify;
	margin: 0px;
	left: 0px;
}
#CA {
	height: 150px;
	width: 150px;
	background-image: url(images/CajaDesarrollo.Gif);
	background-repeat: no-repeat;
	margin: 0px;
	left: 0px;
	top: 0px;
}
#copyright {
	font-size: xx-small;
}
#BannLP {
	height: 60px;
	width: 100%;
	padding: 0px;
	border-color: #000000;
	display: block;
	margin: 0px;
	left: 0px;
}
}#empresas {
	height: 200px;
	width: 25%;
	filter: alpha(opacity=50); opacity: .5
	<!background-image: url(images/donb59.gif);
	<!background-repeat: repeat;
	<!background-position: center top;
	background-color: #FFF;
	border-width: 0px;
	<!border-style: solid;
	<!border-color: #CCC
	padding: 0px;
	display: block;
	position: absolute;
	margin: 0px;
	left: 18px;
	top: 10px;
}
#central {
	height: 200px;
	width: 50%;
	<!background-image: url(images/donb59.gif);
	<!background-repeat: repeat;
	<!background-position: center top;
	background-color: none;
	border-width: 0px;
	<!border-style: solid;
	<!border-color: #CCC
	padding: 0px;
	display: block;
	position: absolute;
	margin: 0px;
	left: 220px;
	top: 10px;
}
#nav ul {
	margin: 0px;
	padding: 0px 0px 0px 21px;
	height: 58px;
	list-style-type: none;
	background-image: url(left.png);
	background-repeat: no-repeat;
}
#nav li{
	margin: 0px;
	padding: 0px;
	float: left;
}
#nav li a:link, #nav li a:active, #nav li a:visited {
	background-image: url(middle.png);
	background-repeat: repeat-x;
	height: 58px;
	width: 100px;
	display: block;
	line-height: 58px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 120%;
}
#nav li a:focus, #nav li a:hover{
	text-decoration : none;
	-moz-outline:0;
	color: #FFFFFF;
	background-image: url(rollOver.png);
	background-repeat: repeat-x;
}