@charset "utf-8";
/* CSS Document */

A:LINK 
{
	COLOR:blue;
	TEXT-DECORATION:NONE
}
A:VISITED 
{
	COLOR:BLACK;
	TEXT-DECORATION:NONE
}
A:ACTIVE 
{
	COLOR:WHITE;
	TEXT-DECORATION:NONE
}
/*A:HOVER 
{
	COLOR:BLUE;
	TEXT-DECORATION:UNDERLINE
}*/
BODY 
{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
/*	margin-top:4;
	margin-bottom:4;
	margin-left:2;
	margin-right:2;		*/
}

/*PIE COMUN*/
#footer{
	/*margin: auto;*/
	/*width: 400px;   /*Anchura*/
	border: 0px solid #aaa;
	margin-left: 10px;
	margin-right: auto;
	padding: 0;
	/*line-height: 1.8em;*/
	font: 7pt verdana, lucida, arial, helvetica, sans-serif;
	font-weight: bold;
	color:white;
	text-align:left;
	/*vertical-align:bottom;*/
}
#footerdir{
	font: 7pt arial, verdana, lucida, helvetica, sans-serif;
	color:white;
	/*vertical-align:top;*/
}
#footerpeu{
	font: 7pt verdana, lucida, arial, helvetica, sans-serif;
	color:#FF0000
}
.sociotecnologico { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#FFFFFF; font-weight:bold; background-color:#639C00; vertical-align:middle;}
.topbody { /*height:30px;*/ background-color:#639C00; vertical-align:middle;}
.integracionsistemas { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;}
.menuhome {height:24px; /*background-color:#639C00;*/ text-align:center}
.footer {background-color:#000084;}
.paginaactiva {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:black; font-weight:bold; vertical-align:middle}
.alianzas { text-align:center; font-size:8px; font-family:Arial, Helvetica, sans-serif}

/*MENU PHP Y CSS*/
/* commom style for all browsers */
/* .container4 {
text-align:center; background:#639C00 url(../images/menu4.gif); border:1px solid #909; border-width:5px 1px 1px 1px; height:30px;
margin:0 0 20px 0; //for this demo only 
} */
.container4{text-align:center;}
.menu4 {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:9px; background:transparent; width:auto; height:auto; margin:0 auto; font-weight:bold;
}
.menu4 ul {
padding:0; margin:0; list-style-type: none;
}
.menu4 ul li {
float:left; position:relative;
}
.menu4 ul li.menuprincipal {background:transparent url(./ims/arrow_r.gif) 9px 6px no-repeat;}
.menu4 ul li.submenu {background:transparent url(./ims/arrow_s.gif) 9px 6px no-repeat;}

.menu4 ul li a, .menu4 ul li a:visited {
display:block; text-decoration:none; width:70px; height:30px; /*height:24px;*/ color:#FFFFFF; padding-left:20px; line-height:29px;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; w\idth:70px;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
color:#0F0; text-decoration:none; border:0;
}
/*Submenu desplegable recuadro anchura auto, para que cubra toda la lista desplegable, top para que comience 30px debajo del home*/
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:30px; left:-1px; background:#639C00; border:0px solid #909; overflow:visible;
}
/*Mostrar Submenu desplegable texto*/
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:white; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#00f; text-decoration:underline;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #909;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#000; text-decoration:underline;
}

/* CSS Document SUBMENU2 PER NAVEGACIO*/
.submenu2 {text-align:right; font:Arial; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
ul.submenu2
{
   list-style:none;
}
ul.submenu2 li
{
   text-decoration:none;
 /* border-top-style:solid;
   border-bottom-style:solid;
   border-right-style:solid;
   border-left-style:solid; */
   line-height:1.5em;
   background:transparent url(./ims/menu/m.gif) 9px 6px no-repeat;
   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
   width:140px;
   height:20px;
}
ul.submenu2 ul
{
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
/*   left:30px; /* Para que no monte sobre el <li> */
/*   top:-1px;
   display:none;
   list-style:none;*/
}
ul.submenu2 li:hover > ul
{
   display:block;
}