* { margin: 0px;
padding: 0px; outline: 0;
}
html, body { width: 100%;}

body { background-color:#faf6ff;
<!--font-family: Verdana, Arial, Helvetica, sans-serif;-->
}

#indice li
{
	text-align: center;
	margin: 10px 0px 10px 0px;
}
#indice ul
{
	list-style-type: none;
	text-align: center;
	padding:0% 40%;
	width:250px;
	
}
#indice li a
{
	padding: 20px 0 20px 0;
	display: block;
	color: #666;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	border-radius: 40px 40px 40px 40px;/* radio de los botones*/
	text-decoration: none;
	
}

#indice li a:hover{background-color: #333333; color: #ffffff;}

#indice ul li:hover {position: relative;color: #000;}
#indice ul li a:hover,
#indice ul li a.nivel1 {display: block!important;display: none;position: relative;}
#indice ul li ul {display: none;}
#indice ul li a:hover ul, 
#indice ul li:hover ul {display: block;position: absolute;top:-1px!important;top: -22px;left:161px!important;left: 152px;width: 800px;}
#indice ul li ul li {display:inline;}
#indice ul li ul li a {width: 142px;float: left;background-color: #eeeeee;color: #000;margin-left: -2px;border-top: solid 1px #fff;}

#menuInt {  text-align: center;
font-size: 12px;
width: 90%;
margin: 20px auto;
}
#menuInt ul { list-style-type: none;}
#menuInt ul li.nivel1 { float: left;
width: 15%;
margin-right: 2px;
}
#menuInt ul li a {display: block;
text-decoration: none;
color: #000;
background-color: #eee;
border: solid 1px #fff;
padding: 8px;
position: relative;
}
#menuInt ul li:hover {position: relative;
}
#menuInt ul li a:hover, #menuInt ul li:hover a.nivel1 {background-color: #6CC;
<!--color: #000;-->
position: relative;
border-radius: 40px 50px 40px 50px;/* radio de los botones*/
background-color: #000;color: #eee;
}
#menuInt ul li a.nivel1 {display: block!important;display: none;
position: relative;
border-radius: 40px 50px 40px 50px;/* radio de los botones*/
}
#menuInt ul li ul {display: none;
          
}
#menuInt ul li a:hover ul, #menuInt ul li:hover ul {display: block;
position: absolute;left: 0px;

}
#menuInt ul li ul li a {width: 170px;
padding: 6px 0px 8px 0px;
border-radius: 40px 50px 40px 50px;/* radio de los botones*/
<!--border-top-color: #000;-->
}
#menuInt ul li ul li a:hover {<!--border-top-color: #000;-->
position: relative;
background-color: #000;color: #eee;
}


#integracion
{
	background-color: #eeeeee;
	border: 1px solid #ccc;
	border-radius: 5px 5px 5px 5px;

}
#integracion li
{
	display: inline;
	margin: 0 90px 0 0px;
}

.titulogrande
{
	text-align: center;
	font:bold italic 72px verdana;
	color:#0099cc
}
.parrafocentrado
{
	text-align: center;
	font: italic 14px verdana;
	color:#555555;
}

.parrafocomun
{
	text-align: left;
	font: italic 14px verdana;
	color:#555555;
}

.subtitulo
{
	text-align: center;
	font:bold  italic 25px verdana;
}
.subtituloizquierdo
{
	text-align: left;
	font:bold  italic 25px verdana;
}


.twitter-follow-button
{
    
}