@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;outline:none}
img {border:none}
html,body {
	margin:0;
	padding:0;
	height:100%;
	background: url(../imagenes/fondo.gif) repeat-y top center;
	font-family: Tahoma, Arial;
	font-size:0.95em;
	color:#505050
}
#pagina {
	width:826px;
	margin:0 auto;
	position:relative;
	background: url(../imagenes/fondo-pagina.gif) repeat-y;
	height:auto !important;
	height:100%;
	min-height:100%
}
a {
	color:#294777;
}
a:hover {
	color:#5784a8;
}
#encabezado {
	height:293px;
	background: url(../imagenes/encabezado.jpg) no-repeat center;
	position:relative
}
#logo a {
	display:block;
	width:201px;
	height:0;
	padding-top:47px;
	overflow:hidden; 
	position: absolute;
	top: 5px;
	left:15px
}

#slogan  {
position:absolute;
top:-6000px
}
/********************************************************************************************************************************************************************/
#menu {position: absolute; top:263px;left:145px;background:transparent url(../imagenes/menu.gif); overflow:hidden;width:525px; height:27px}
#menu li{ list-style:none;float:left;display:inline}
#menu a {
	display:block;
 	float:left;
   	height:0;
	overflow:hidden;
	text-decoration:none;
	padding-top:37px;
}
#menu a:hover,#menu a:active,#menu a:focus {background:transparent url(../imagenes/menu-hover.gif) no-repeat 525px 27px}
#menu a#la-empresa {width:160px}
#menu a#productos-y-servicios {width:199px;position:relative;left:20px}
#menu a#contacto {width:127px;position:relative;left:39px}
#menu a#la-empresa:hover,#menu a#la-empresa:active,#menu a#la-empresa:focus {background-position: 0 0; z-index:50}
#menu a#productos-y-servicios:hover,#menu a#productos-y-servicios:active,#menu a#productos-y-servicios:focus {background-position: -180px 0; z-index:50}
#menu a#contacto:hover,#menu a#contacto:active,#menu a#contacto:focus {background-position: -398px 0; z-index:50}
/********************************************************************************************************************************************************************/

#contenido {
 	margin:20px 0 0 28px;
	position:relative;	padding:8px 50px 260px 0;
}

#contenido p  {
	margin-left:16px;
	line-height:19px;
}
#contenido h4 {
	line-height:18px;
	color:#294777;
	font-size:0.9em;
}
#contenido h4.titulo {
	border:3px double #9FAABD;
	margin:14px 0 19px 16px;
	padding:4px 5px;
}
#contenido h3, #contenido h4, #contenido p {
	margin-bottom:18px
}

#quienes-somos {
	display:block;
	width:142px;
	height:0;
	padding-top:13px;
	background: url(../imagenes/quienes-somos.gif);
	overflow:hidden; 
}
#por-que-elegirnos a, #por-que-elegirnos2 {
	display:block;
	width:155px;
	height:0;
	padding-top:14px;
	background: url(../imagenes/por-que-elegirnos.gif);
	overflow:hidden; 
}

#productos-y-sercicios {
	display:block;
	width:160px;
	height:0;
	padding-top:14px;
	background: url(../imagenes/productos-y-servicios.gif);
	overflow:hidden; 
}
/**********************************************************************************************************/

		#opciones, #opciones2 { margin-left:33px; cursor:default }
		#opciones h4,#opciones2 h4 { cursor:pointer }
		#opciones div.descripcion,#opciones2 div.descripcion { height:110px; margin-left:19px }
	#contenido #opciones p,#contenido #opciones2 p { margin:0; cursor: auto; width:661px }	
		#opciones img,#opciones2 img {float:left;margin:0 15px 0 0; border:3px double #9FAABD}

		div.hoverBtn {
			position: 		relative;
			padding:1px 0;
			background:url(../imagenes/flecha21.gif) no-repeat 3px 6px;
		}
		div.hoverBtn a {
			position: 		relative;
			z-index: 		2;
			display: 		block;
			text-decoration:	none;
			padding-left:19px;
			color:			#294777;
			background:		transparent none repeat-x 0 0 scroll;
		}
		div.hoverBtn div {
			position: 		absolute;
			width:696px;
			z-index: 		1;
			top: 			0px;
		}


/**********************************************************************************************************/

#contactenos {
	display:block;
	width:100px;
	margin-top:-1px;
	height:0;
	padding-top:13px;
	background: url(../imagenes/contactenos.gif);
	overflow:hidden; 
}

#columna-lateral {
	width: 204px;
	float: right
}


#pie-de-pagina {
	font-size:12px;
	color:#eaeaea;
	position:absolute;
	background: url(../imagenes/fondo-pie-de-pagina.gif) 0 78px no-repeat;
	height:185px;
	width:100%;
	bottom:1px;
	margin:0;padding:0
}
.h6comentarios {
	margin:-17px 0 3px 141px;
	color:#54688f;
	font-size:1.1em
}
.consultaframe {
	margin-left:141px;
}


.copyright {
	position:absolute;
	left:316px;
	text-align:center;
	top:81px;
	font-weight:bold
}
.copyright a {
	text-decoration:none;
	color:#eaeaea
}
.copyright a:hover {
	text-decoration:none;
	color:#cacaca
}
.direccion {
	text-align:center;
	position:absolute;
	left:328px;
	top:132px;
	font-size:0.9em;
	line-height:11px;
	color:#294777;
}
.desarrollo-web {
	position:absolute;
	right:28px;
	bottom:0;
	font-size:0.8em;
	line-height:11px;
	color:#294777;
}
.desarrollo-web a, .direccion a {text-decoration:none}
/*********************************************************************************************************************************************************************/
* html .clearfix {height: 1%;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}