/*------------------------FOTOS----------------------*/

#index{background-image:url(images/fotos/index.jpg); background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}
#nuestra_empresa{background-image:url(images/fotos/nuestra_empresa.jpg); background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}
#servicios{background-image:url(images/fotos/servicios.jpg); background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}
#casos_exito{background-image:url(images/fotos/casos_exito.jpg); background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}
#soporte{background-image:url(images/fotos/soporte_clientes.jpg); background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}
#contacto{background-image:url(images/fotos/contacto.jpg); background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}
#sap{background-image:url(images/fotos/sap.jpg); background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}
#ibolt{background-image:url(images/fotos/ibolt.jpg); background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}
#visualk{background-image:url(images/fotos/visualk.jpg); background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}
#synergy{background-image:url(images/fotos/exact.jpg); background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}
#consensus{background-image:url(images/fotos/consensus.jpg); background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}
#registro{background-repeat:no-repeat; background-position:top; height:500px; margin:0px auto; position:relative;}


.contenido{background:url(images/contenido.gif) top no-repeat #FFFFFF;}

#tabla{ width:726px; position:relative; z-index:100; margin:-500px auto;}

.menutabla{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	height:27px;
}

.menutabla:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:##E8E8E8;
	text-decoration:none;
	background:url(images/fondo_menu_hover.jpg);
}


.menu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	height:27px;
}

.menu:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#980019;
	text-decoration:none;
	font-weight:bold;
}

.arial13_marcas{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#00478B;
	}


.arial12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}
	
.arial12 a, .arial12:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
	}


.arial14{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	}



.arial13{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	}

.arial13_rojo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#980019;
	}

.arial11{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	}

.arial11_rojo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#980019;
	}

.arial12_white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	}

.arial10{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	}

.footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#295273;
	}

.politicas_footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6596A9;
	}

.encabezado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	}

.subtitulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#464646;
	}
	
.titulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#464646;
}

.titulo2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#464646;
}


.titulo_rojo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#980019;
}

.recuadro_izq{ background-image:url(images/recuadro_izq.jpg); width:8px; background-repeat:no-repeat; background-position:top;}
.recuadro_centro{ background-image:url(images/recuadro_centro.jpg); background-repeat:repeat-x; background-position:top; height:52px;}
.recuadro_der{ background-image:url(images/recuadro_der.jpg); width:8px; background-repeat:no-repeat; background-position:top;}



/*MENU*/
#nav li:hover{
background:url(images/blanco.png);
}
.menu_top a {
margin-top:2px;
height:32px;
font-size:11px;
text-align:center;
}

.menu_link:hover {
margin-top:2px;
height:32px;
font-size:11px;
text-align:center;
background-repeat:repeat-x;
}


#nav {
float:left;
height:33px;
width:726px;
list-style:none;
line-height:1;
font-weight:700;
font:Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(images/blanco.png);
background-repeat:repeat;
margin:0;
padding:0;
}

#nav ul {
float:left;
width:36em;
list-style:none;
line-height:1;
font-weight:700;
margin:0 0 1em;
padding:0;
}

#nav a {
display:block;
width:auto;
color:#666;
text-decoration:none;
padding:0.25em 2em;
}

#nav a.daddy {
height:35px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-bottom:0px;
vertical-align:middle;
margin-top:0px;
width:137px;

}

#nav a.daddy:hover {
background-color:#F3F3F3;
color:#2D6F6F;
font-weight:700;
margin-top:0px;
width:154px;
}

#nav li {
float:left;
padding:0;
}

#nav li ul {
position:absolute;
left:-999em;
width:13.9em;
font-weight:400;
border-width:0.25em;
margin:0;
}

#nav li li {
padding-right:1em;
width:auto;
background-color:#F3F3F3;
}

#nav li ul a {
width:9em;
}

#nav li ul ul {
margin:-1.75em 0 0 14em;
}

#nav li:hover ul ul,#nav li:hover ul ul ul{
left:-999em;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul{
left:auto;
}

.ultimo {
margin-bottom:100px;
}

#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}

.arial14_rojo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#980019;
	text-decoration:none;
	}

.arial14_rojo a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#980019;
	text-decoration:none;
	}
	
.arial14_rojo:hover, .arial14_rojo:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#980019;
	text-decoration:underline;
	}

.regresar a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-decoration:none;
	}
	
.regresar:hover, .regresar:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-decoration:underline;
	}

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

.links_relacionados{
	background-image:url(images/links_relacionados.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:211px;
}

.descargas{
	background-image:url(images/descargas.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:211px;
}

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

.menu ul{
list-style-type:none;
padding:0;
margin:0;

}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:1000;
list-style:none;
width:auto;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
width:700px;

}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:16px;
width:auto;
padding:0 20px 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
margin:0;
text-align:left;

}
/* style the links hover */
.menu :hover{
color:#000000;
background:none;
text-align:left;
text-decoration:none;

}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;

}

.menu2 li{
float:left;
position:relative;
z-index:1000;
list-style:none;
background-color:#CCCCCC;
}

.menu2 table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;

}

.menu2 a, .menu2 :visited {
display:block;
font-size:16px;
width:auto;
padding:0 20px 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
margin:0;
text-align:left;
background-color:#000000;

}

.menu2:hover{
color:#000000;
background:none;
text-align:left;
text-decoration:none;

}