body {
	background: #778899;
	height: 100%;
	min-height: 100%;
}

.contenedor{
	min-width: 100%;
	min-height: 100%;
	margin: 10px auto;
}

#encabezado{
	background-image: url(../images/cabeza.png);
	background-repeat: no-repeat;
	height: 84px;
	max-height: 84px;
	width: 728px;
	max-width: 728px;
}

.logo_cabeza{
	position: relative;
	left: -317px;
}

a{
	border-style: none;
	border-color: transparent;
}

ul.menu {
	position: relative;
	top: -19px;
	left: 110px;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.menu li {
	float: left;
	width: 103px;
	margin: 0;
	padding: 0;
	text-align: center;
	}
ul.menu li a {
	display: block;
	padding: .2em 0 .2em .5em;
	height: 100%;
	color: #778899;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
ul.menu li a:hover{
	display: block;
	padding: 2px 8px;
	height: 100%;
	color: #6A5ACD;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
}

#cuerpo{
	position: relative;
	top: 5px;
	width: 728px;
	height: 390px;
	max-height: 390px;
	max-width: 728px;
	background: url(../images/cuerpo_fondo.png);
}

.mensajeBienvenida{
	position: absolute;
	left: 10px;
	top: 10px;
}
.mensajeBienvenida img{
	width: 404px;
	height: 45px;
}

.home{
	position: absolute;
	top: 65px;
	left: 100px;
}
.home img{
	width: 210px;
	height: 210px;
}

.texto_alianzas{
	position: absolute;
	top: 280px;
	left: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	font-weight: bolder;
	color: #778899;
}
.alianzas{
	position: absolute;
	top: 280px;
	left: 200px;
}
.alianzas a img{
	list-style: none;
	display: inline-block;
	width: 215px;
	height: 50px;
	border: 0px solid #B0B3B5;
}

.texto_desarrollo{
	position: absolute;
	top: 340px;
	left: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	font-weight: bolder;
	color: #778899;
}
.flecha_desarrollo{
	position: absolute;
	top: 350px;
	left: 220px;
	width: 22px;
	height: 22px;
}

.tablaProductos{
	position: absolute;
	top: 5px;
	left: 450px;
}
.tablaProductos img.prod{
	width: 195px;
	height: 80px;
}

a.loading {
	background: #fff url(../images/ajax_small.gif) no-repeat center;
}

.alingTabla{
	position: relative;
	left: 0px;
	top: 5px;
	border: 0px solid black;
	width: 728px;
}

.noticia_unete{
	position: relative;
	top: 10px;
	width: 728px;
	height: 22px;
	border: 0px solid black;
}

.cabezaNoticias{
	position: relative;
	left: -184px;
	height: 22px;
	width: 360px;
	min-width: 355px;
}
.contentIconsNoticias{
	position: relative;
	left:-280px;
	width:3px;
	top:-17px;
	cursor: pointer;
}
.noticias{
	background: #F4A034;
	width: 100%; 
	height: auto;
}
.titulo_noticias{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: black;
	text-align: left;
}
.contenido_noticias{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: white;
	text-align: left;
}

.cabezaEquipo{
	position: relative;
	top: -33px;
	left: 184px;
	height: 22px;
	width: 360px;
	min-width: 229px;
}
.contentIconsEquipo{
	position: relative;
	left: 166px;
	top: -50px;
	width:3px;
	cursor: pointer;
}
.unete{
	background: #6C8999;
	width: 100%; 
	height: 100%;
}
.unete table{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	font-weight: bolder;
	color: white;
	text-align: left;
}

img.habil{
	width: 189px;
	height: 60px;
}

.texto_somos{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #B0B3B5;
	text-align: justify;
}
.subtitulos_somos{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #F4A034;
	text-align: justify;
}

img.somos{
	float: right;
}

img.valores{
	float: left;
}

.resources{
	position: absolute;
	bottom: 10px;
	left: 180px;
}
img.presentacion_pdf{
	width: 40px;
	height: 68px;
	border: 0px solid black;
}
img.presentacion_video{
	width: 40px;
	height: 68px;
	border: 0px solid black;
}

div.cliente{
	position: relative;
	left: -210px;
}

ul.clientes {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
}
ul.clientes li {
	float: left;
	width: 55px;
	height: 55px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	text-align: center;
	border: 1px;
	border-style: solid;
	background-color: #D0D2D3;
	margin:0 5px 5px 0;
}
ul.clientes li img{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}

.contenedorClientes{
	position: absolute;
	top: 115px;
	left: 280px;
	width: 315px;
	height: 205px;
	max-width: 315px;
	max-height: 205px;
	border: 0px solid black;
}

#tab_contenedor{
	width: auto;
	height: auto;
	background:#B0C4DE; 
	border:1px solid #ffffff;
}
#tab_contenido{
	padding:5px; 
	background:white;
	width: auto;
	height: auto;
}
ul.titulos{
	list-style: none;
	margin:0px; 
	padding:0px;
	border: 1px solid #ffffff;
}
ul.titulos li{
	list-style: none;
	display: inline-block;
	width: 200px;
	height: auto;
}
ul.titulos li a{
	background: #B0C4DE;
	height: auto;
}
ul.titulos li a.activo{
	background:#FFFFFF;
}
#MISION, #VALORES{
	display:none;
}


.herramientas_list {	
	width: 400px;
	height: auto;
}
.menu_herramientas {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight:bolder;
	font-size: 13px;
    background: #eef4d3 url(images/left.png) center right no-repeat;
	border: 1px solid #ffffff;
	color: #F4A034;
	text-align: justify;
}
.body_herramientas {
	display:none;
	border: 1px solid #ffffff;
}
.body_herramientas a{
	display:block;
	color:#B0B3B5;
	background-color:#ffffff;
	padding-left:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size: 13px;
	text-decoration:none;
	text-align: justify;
}

#piepagina{
	background-image: url(../images/copyrigth.png);
	background-repeat: no-repeat;
	height: 9px;
	min-height: 9px;
	max-height: 9px;
	width: 287px;
	max-width: 287px;
	min-width: 287px;
	position: absolute;
	bottom: 10px;
	left: 450px;
}

#servicios {
    width: 650px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
	max-height: 250px;
	max-width: 650px;
    position: relative; /* important */
	overflow: hidden; /* important */
	background-color: #fff; /*background color*/ 
}
#serviciosContent{
    width: 720px;
    position: absolute;
	top: 0;
	margin-left: 0;
	list-style: none;
}
.serviciosImage{
    float: left;
    position: relative;
	left: -40px;
	top: -16px;
	display: none;
}
.serviciosImage img{
    width: 650px;
    height: 250px;
	border: 0px solid black;
}
.serviciosImage span {
    position: absolute;
	font: 10px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 650px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	text-align: left;
}
.clear {
	clear: both;
}
.serviciosImage span strong{
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left{
	top: 0;
    left: 0;
	width: 180px !important;
	height: 100px;
}
.right {
	right: 0;
	bottom: 0;
	width: 180px !important;
	height: 100px;
}
ul.capactiacion{
	list-style: none;
}
ul.capactiacion li{
	list-style: none;
}
.leftcapactiacion {
	top: 0;
    left: 0;
	width: 60px !important;
	height: 200px;
}
.rightAdmon {
	right: 0;
	bottom: 0;
	width: 250px !important;
	height: 50px;
}
.leftSOA{
	top: 0;
    left: 0;
	width: 400px !important;
	height: auto;
}
.blur{ 
   	background: transparent url(../images/shadow1.png); 
	/*ruta para el 80%-transparente 1x1 pixel coloreado de negro */ 
   	color: inherit; 
   	margin-left: 0px; 
   	margin-top: 0px;
   	width: 650px; 
} 

.shadow{ 
   	background: transparent url(../images/shadow2.png); 
	/*ruta para el 60%-transparent 1x1pixel coloreado de negro */ 
   	color: inherit;
   	position: relative; 
   	bottom: 8px; 
   	right: 15px;
   	width: 640px;
}

/*Productos*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li, .jcarousel-item  {
    float: left;
    list-style: none;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin .jcarousel-container {
    -moz-border-radius: 10px;
    background: white; /*color fondo container*/
    border: 1px solid #808080;
}
.jcarousel-skin .jcarousel-container-vertical {
    width: 200px; /*ancho del contenedor*/
    height: 290px; /*altura del contenedor*/
    padding: 40px 20px;
}
.jcarousel-skin .jcarousel-clip-vertical {
    width:  200px;
    height: 290px; /*tamaño del contenedor de las imagenes (mismas medidas que el contenedor en si, solo que esta tiene separacion para que se vea como un cntenedor mas)  */
}
.jcarousel-skin .jcarousel-item {
    width: 195px; /*ancho del contenedor de la imagen*/
    height: 80px; /*altura del contenedor de la imagen*/
    border: 1px solid black;
}
.jcarousel-skin .jcarousel-item:hover {
    border-color: #808080;
}
.jcarousel-skin .jcarousel-item-vertical {
    margin-bottom: 15px; /*margen de separacion entre las imagenes*/
}
.jcarousel-skin .jcarousel-item-placeholder {
}
/**
 *  Vertical Buttons
 */
.jcarousel-skin .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 100px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}
.jcarousel-skin .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}
.jcarousel-skin .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}
.jcarousel-skin .jcarousel-next-disabled-vertical,
.jcarousel-skin .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
.jcarousel-skin .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 100px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}
.jcarousel-skin .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}
.jcarousel-skin .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}
.jcarousel-skin .jcarousel-prev-disabled-vertical,
.jcarousel-skin .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
.jcarousel-skin a:hover{
	cursor: pointer;
}